From fee60c3e25fac0982f3b8cb8feea7225c4ed22f8 Mon Sep 17 00:00:00 2001
From: 13693261870 <252740454@qq.com>
Date: 星期五, 16 九月 2022 15:35:55 +0800
Subject: [PATCH] 1
---
src/main/java/com/terra/proxy/util/SpringContextUtils.java | 48
src/main/java/com/terra/proxy/servlet/MyProxyServlet.java | 107
src/main/resources/static/JS/layui/images/face/2.gif | 0
src/main/resources/static/JS/resourcelist.js | 0
src/main/resources/static/JS/layui/font/iconfont.woff2 | 0
src/main/java/com/terra/proxy/util/JedisUtils.java | 295
src/main/resources/static/JS/layui/css/modules/layer/default/layer.css | 2
src/main/resources/mapper/ServiceMapper.xml | 149
src/main/resources/static/resourcelist.html | 315
src/main/resources/static/JS/layui/images/face/33.gif | 0
src/main/resources/static/500.html | 17
src/main/resources/static/JS/layui/images/face/68.gif | 0
src/main/resources/static/JS/layui/images/face/25.gif | 0
src/main/resources/static/JS/layui/images/face/64.gif | 0
src/main/java/com/terra/proxy/mapper/LogMapper.java | 63
src/main/java/com/terra/proxy/servlet/ZjProxyServlet.java | 335
src/main/resources/static/JS/layui/images/face/21.gif | 0
src/main/resources/static/JS/layui/images/face/17.gif | 0
src/main/resources/static/JS/layui/images/face/41.gif | 0
src/main/resources/properties/terra.properties | 9
src/main/resources/static/JS/layui/images/face/48.gif | 0
src/main/java/com/terra/proxy/bean/ProxyInfoBean.java | 27
src/main/java/com/terra/proxy/config/ServletConfig.java | 90
src/main/resources/static/JS/layui/images/face/6.gif | 0
src/main/resources/mapper/ProxyServletMapper.xml | 89
src/main/java/com/terra/proxy/controller/TiantiduMergeController.java | 244
src/main/java/com/terra/proxy/util/ImageUtils.java | 248
src/main/resources/static/JS/layui/images/face/28.gif | 0
src/main/java/com/terra/proxy/bean/TiandiantuMergeInfo.java | 44
src/main/java/com/terra/proxy/bean/TokenCheckException.java | 34
src/main/java/com/terra/proxy/filter/MergeServiceFilter.java | 5
src/main/resources/static/JS/layui/images/face/37.gif | 0
src/main/resources/static/JS/layui/images/face/45.gif | 0
src/main/java/com/terra/proxy/config/CORSConfiguration.java | 17
src/main/java/com/terra/proxy/config/InterceptorConfig.java | 41
pom.xml | 217
src/main/java/com/terra/proxy/bean/ResActionRecord.java | 97
src/main/java/com/terra/proxy/util/HttpContextUtils.java | 13
src/main/java/com/terra/proxy/servlet/GisProxyServlet.java | 247
src/main/java/com/terra/proxy/util/CoderUtils.java | 169
lib/lombok-1.18.12.jar | 0
src/main/resources/static/JS/layui/images/face/60.gif | 0
src/main/java/com/terra/proxy/service/Impl/LogServiceImpl.java | 168
src/main/java/com/terra/proxy/service/LogService.java | 56
src/main/resources/static/JS/layui/lay/modules/slider.js | 2
src/main/resources/static/JS/layui/lay/modules/rate.js | 2
src/main/java/com/terra/proxy/proxy/SolrProxyServletConfiguration.java | 43
src/main/java/com/terra/proxy/config/SysTemPropertyConfig.java | 72
src/main/resources/static/JS/layui/images/face/9.gif | 0
src/main/resources/static/JS/layui/lay/modules/layer.js | 2
src/main/java/com/terra/proxy/intercepter/GeneralExceptionHandler.java | 19
src/main/resources/static/JS/layui/images/face/56.gif | 0
src/main/resources/static/JS/layui/images/face/13.gif | 0
src/main/resources/static/JS/layui/font/iconfont.svg | 554
src/main/resources/static/resourcelist2.html | 272
src/main/resources/servlet.json | 65
src/test/java/resources/terra.properties | 64
src/main/resources/application.yml | 109
src/main/java/com/terra/proxy/servlet/SubServlet.java | 362
src/main/resources/static/JS/layui/images/face/49.gif | 0
src/main/java/com/terra/proxy/properties/TerraProperties.java | 26
src/main/resources/static/JS/layui/images/face/1.gif | 0
src/main/java/com/terra/proxy/bean/ServerExcelResultEntity.java | 136
src/main/java/com/terra/proxy/bean/TokenRecord.java | 79
src/main/resources/static/JS/layui/images/face/16.gif | 0
src/main/resources/static/JS/layui/images/face/59.gif | 0
src/main/resources/static/JS/layui/lay/modules/colorpicker.js | 2
lib/lombok-1.18.24.jar | 0
src/main/java/com/terra/proxy/config/WebConfig.java | 31
src/main/java/com/terra/proxy/util/CrpUtil.java | 38
src/main/java/com/terra/proxy/service/Impl/ResActionRecordServiceImpl.java | 29
src/main/resources/static/JS/layui/images/face/34.gif | 0
src/main/java/com/terra/proxy/bean/ZyInfo.java | 65
src/main/java/com/terra/proxy/servlet/ZjProxyServlet2.java | 309
src/main/java/com/terra/proxy/config/Swagger2Config.java | 42
src/main/resources/static/JS/layui/images/face/65.gif | 0
src/main/java/com/terra/proxy/service/ResActionRecordService.java | 14
src/main/resources/static/JS/layui/images/face/71.gif | 0
src/main/resources/static/JS/layui/lay/modules/code.js | 2
src/main/java/com/terra/proxy/filter/ServletFilter.java | 47
src/main/resources/static/JS/layui/images/face/22.gif | 0
src/main/resources/static/visitlogchartperday.html | 217
src/main/resources/static/JS/layui/css/layui.css | 2
src/main/resources/static/JS/layui/lay/modules/upload.js | 2
src/main/resources/static/JS/layui/images/face/40.gif | 0
src/main/resources/static/JS/layui/layui.js | 2
src/main/java/com/terra/proxy/controller/TokenController.java | 533
src/main/resources/static/tokenresult.html | 17
src/main/java/com/terra/proxy/mapper/ServiceMapper.java | 35
src/main/resources/static/JS/layui/images/face/61.gif | 0
src/main/java/com/terra/proxy/util/JwtUtils.java | 160
src/main/java/com/terra/proxy/servlet/RerequestServlet.java | 189
src/main/resources/static/JS/layui/css/modules/layer/default/loading-0.gif | 0
src/main/resources/static/JS/layui/images/face/5.gif | 0
src/main/resources/static/404.html | 28
src/main/java/com/terra/proxy/properties/JedisProperties.java | 54
src/main/resources/static/JS/layui/images/face/38.gif | 0
src/main/resources/static/JS/layui/images/face/12.gif | 0
src/main/resources/static/JS/layui/images/face/55.gif | 0
src/main/java/com/terra/proxy/util/IPUtils.java | 49
src/main/resources/static/JS/layui/lay/modules/laypage.js | 2
src/main/resources/static/JS/layui/lay/modules/layedit.js | 2
src/main/resources/static/JS/layui/images/face/50.gif | 0
src/main/resources/static/JS/layui/font/iconfont.ttf | 0
src/main/resources/static/JS/layui/css/modules/laydate/default/laydate.css | 2
src/main/java/com/terra/proxy/intercepter/VisitInterceptor.java | 56
src/main/resources/static/JS/layui/images/face/44.gif | 0
src/main/resources/static/JS/layui/images/face/27.gif | 0
src/main/resources/static/JS/layui/images/face/23.gif | 0
src/main/resources/static/JS/layui/images/face/58.gif | 0
src/main/resources/static/JS/layui/images/face/66.gif | 0
src/main/java/com/terra/proxy/bean/ServerRgBean.java | 123
src/main/resources/static/JS/layui/lay/modules/transfer.js | 2
src/main/java/com/terra/proxy/bean/BlackRule.java | 44
src/main/java/com/terra/proxy/servlet/ArcinfoServlet.java | 38
src/main/resources/static/JS/layui/images/face/15.gif | 0
src/main/resources/static/JS/layui/lay/modules/element.js | 2
src/main/resources/static/JS/layui/font/iconfont.eot | 0
src/main/resources/static/JS/layui/lay/modules/laydate.js | 2
src/main/java/com/terra/proxy/util/Result.java | 62
src/main/java/com/terra/proxy/mapper/ProxyServletMapper.java | 20
src/main/resources/static/JS/layui/images/face/0.gif | 0
src/main/java/com/terra/proxy/schedule/schduletask.java | 211
src/main/java/com/terra/proxy/controller/HttpsClientRequestFactory.java | 122
src/main/java/com/terra/proxy/mapper/ApproveDao.java | 23
src/main/resources/mapper/ApproveMapper.xml | 36
src/main/resources/static/visitlogchart.html | 28
src/main/java/com/terra/proxy/intercepter/ServiceExcelListener.java | 18
src/main/java/com/terra/proxy/servlet/RerequestServlet2.java | 346
src/main/resources/static/JS/layui/images/face/35.gif | 0
src/main/resources/static/JS/jquery.min.js | 4
src/main/java/com/terra/proxy/service/Impl/ServerRegisterServiceImpl.java | 64
src/main/resources/static/JS/layui/images/face/70.gif | 0
src/main/java/com/terra/proxy/bean/CustomerToken.java | 125
src/main/java/com/terra/proxy/controller/ServiceRegisterController.java | 441
src/main/resources/static.rar | 0
src/main/resources/static/JS/layui/images/face/7.gif | 0
src/main/resources/static/JS/layui/images/face/54.gif | 0
src/main/resources/static/JS/layui/images/face/11.gif | 0
src/main/java/com/terra/proxy/properties/ProxyProperties.java | 97
src/main/resources/static/JS/layui/css/modules/layer/default/loading-1.gif | 0
src/main/resources/static/JS/layui/images/face/51.gif | 0
src/main/resources/views/login.jsp | 12
src/main/resources/static/JS/layui/images/face/39.gif | 0
src/main/java/com/terra/proxy/bean/E.java | 186
src/main/resources/static/JS/layui/lay/modules/util.js | 2
src/main/resources/static/JS/layui/images/face/4.gif | 0
src/main/resources/static/JS/layui/lay/modules/carousel.js | 2
src/main/resources/static/JS/layui/images/face/26.gif | 0
src/main/resources/static/JS/layui/images/face/43.gif | 0
src/main/resources/static/JS/layui/images/face/69.gif | 0
src/main/resources/templates/error.html | 12
src/main/java/com/terra/proxy/bean/ServerExcelApplyEntity.java | 111
src/main/resources/static/JS/layui/images/face/62.gif | 0
src/main/java/com/terra/proxy/util/DateUtils.java | 49
src/main/java/com/terra/proxy/config/CorsFilterConfig.java | 30
lib/javax.servlet-api-3.1.0.jar | 0
src/main/java/com/terra/proxy/bean/VistorBean.java | 127
src/main/resources/static/JS/layui/css/modules/code.css | 2
src/main/java/com/terra/proxy/controller/LoggerController.java | 176
src/main/resources/static/JS/layui/css/layui.mobile.css | 2
src/main/resources/static/JS/layui/images/face/32.gif | 0
src/main/java/com/terra/proxy/controller/ZiyuanRightManager.java | 224
src/main/resources/static/JS/layui/css/modules/layer/default/icon-ext.png | 0
src/main/resources/static/JS/layui/images/face/67.gif | 0
src/main/java/com/terra/proxy/controller/ExcelController.java | 267
src/main/resources/static/JS/layui/lay/modules/flow.js | 2
src/main/resources/static/tokenerror.html | 29
src/main/java/com/terra/proxy/controller/TestController.java | 267
src/main/resources/static/JS/layui/font/iconfont.woff | 0
src/main/resources/static/JS/layui/images/face/30.gif | 0
src/main/resources/static/JS/layui/images/face/24.gif | 0
src/main/java/com/terra/proxy/controller/CacheManager.java | 123
src/main/resources/static/JS/echarts.js | 98328 +++++++++++++++++++++++++++++++++++++++++++++++++++++
src/main/resources/static/JS/layui/images/face/42.gif | 0
src/main/resources/static/JS/layui/images/face/47.gif | 0
src/main/resources/logback-spring.xml | 36
src/main/java/com/terra/proxy/bean/Content.java | 34
src/main/java/com/terra/proxy/ProxyApplication.java | 34
src/main/java/com/terra/proxy/intercepter/ServletInterceptor.java | 115
src/main/java/com/terra/proxy/util/TokenUtils.java | 170
src/main/java/com/terra/proxy/service/ServerRegisterService.java | 21
src/main/resources/static/JS/layui/images/face/18.gif | 0
src/main/resources/static/JS/layui/images/face/53.gif | 0
src/main/resources/static/JS/layui/lay/modules/laytpl.js | 2
src/main/resources/static/JS/layui/images/face/10.gif | 0
src/main/resources/static/JS/layui/images/face/36.gif | 0
src/main/resources/properties/servlet.json | 60
src/main/resources/static/JS/layui/images/face/19.gif | 0
src/main/resources/static/JS/layui/css/modules/layer/default/icon.png | 0
src/main/resources/static/JS/layui/images/face/52.gif | 0
src/main/java/com/terra/proxy/bean/ServletBean.java | 77
src/main/java/com/terra/proxy/controller/ProxyServletConfigController.java | 151
src/main/resources/static/JS/layui/images/face/46.gif | 0
src/main/java/com/terra/proxy/util/BlackUtils.java | 123
src/main/resources/mapper/LogMapper.xml | 368
src/main/resources/static/JS/layui/images/face/8.gif | 0
src/main/resources/static/JS/layui/images/face/20.gif | 0
src/main/resources/static/JS/layui/lay/modules/mobile.js | 2
src/main/java/com/terra/proxy/util/HttpUtils.java | 293
src/main/resources/static/JS/layui/images/face/29.gif | 0
src/main/resources/static/JS/layui/lay/modules/tree.js | 2
src/main/resources/static/JS/layui/lay/modules/form.js | 2
src/main/java/com/terra/proxy/bean/Nvpair.java | 37
src/main/resources/static/JS/layui/images/face/63.gif | 0
src/main/resources/static/JS/layui/css/modules/layer/default/loading-2.gif | 0
src/main/resources/static/JS/layui/images/face/3.gif | 0
src/main/resources/terra.properties | 29
src/main/resources/static/JS/layui/lay/modules/jquery.js | 5
src/main/resources/static/JS/layui/layui.all.js | 5
src/main/java/com/terra/proxy/util/HttpOperateUtils.java | 109
src/main/resources/static/JS/layui/images/face/31.gif | 0
src/main/resources/static/JS/layui/images/face/57.gif | 0
src/main/resources/static/JS/layui/lay/modules/table.js | 2
src/main/resources/static/JS/layui/images/face/14.gif | 0
215 files changed, 110,318 insertions(+), 0 deletions(-)
diff --git a/lib/javax.servlet-api-3.1.0.jar b/lib/javax.servlet-api-3.1.0.jar
new file mode 100644
index 0000000..6b14c3d
--- /dev/null
+++ b/lib/javax.servlet-api-3.1.0.jar
Binary files differ
diff --git a/lib/lombok-1.18.12.jar b/lib/lombok-1.18.12.jar
new file mode 100644
index 0000000..ee34cde
--- /dev/null
+++ b/lib/lombok-1.18.12.jar
Binary files differ
diff --git a/lib/lombok-1.18.24.jar b/lib/lombok-1.18.24.jar
new file mode 100644
index 0000000..3a985fe
--- /dev/null
+++ b/lib/lombok-1.18.24.jar
Binary files differ
diff --git a/pom.xml b/pom.xml
new file mode 100644
index 0000000..62b3d50
--- /dev/null
+++ b/pom.xml
@@ -0,0 +1,217 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+ xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 https://maven.apache.org/xsd/maven-4.0.0.xsd">
+ <modelVersion>4.0.0</modelVersion>
+ <parent>
+ <groupId>org.springframework.boot</groupId>
+ <artifactId>spring-boot-starter-parent</artifactId>
+ <version>2.2.7.RELEASE</version>
+ <relativePath/> <!-- lookup parent from repository -->
+ </parent>
+ <groupId>com.example</groupId>
+ <artifactId>zsx</artifactId>
+ <packaging>war</packaging>
+ <name>zsx</name>
+ <description>Demo project for Spring Boot</description>
+
+ <properties>
+ <java.version>1.8</java.version>
+ <spring-boot-admin.version>2.2.1</spring-boot-admin.version>
+ <spring-cloud.version>Hoxton.SR4</spring-cloud.version>
+ <jwt.version>0.8.0</jwt.version>
+ <swagger.version>2.7.0</swagger.version>
+ </properties>
+
+ <dependencies>
+ <dependency>
+ <groupId>org.springframework.boot</groupId>
+ <artifactId>spring-boot-starter</artifactId>
+ </dependency>
+
+ <dependency>
+ <groupId>org.springframework.boot</groupId>
+ <artifactId>spring-boot-starter-actuator</artifactId>
+ </dependency>
+
+ <!--鎺掗櫎鍐呯疆tomcat-->
+ <dependency>
+ <groupId>org.springframework.boot</groupId>
+ <artifactId>spring-boot-starter-web</artifactId>
+ <!-- 鏈湴杩愯娉ㄩ噴鎺� -->
+ <!--<exclusions>
+ <exclusion>
+ <groupId>org.springframework.boot</groupId>
+ <artifactId>spring-boot-starter-tomcat</artifactId>
+ </exclusion>
+ </exclusions>-->
+ </dependency>
+ <!-- 鏈湴杩愯娉ㄩ噴鎺夛細娣诲姞servlet渚濊禆 -->
+ <!--<dependency>
+ <groupId>javax.servlet</groupId>
+ <artifactId>javax.servlet-api</artifactId>
+ <version>3.1.0</version>
+ <scope>provided</scope>
+ </dependency>-->
+
+ <!--jwt-->
+ <dependency>
+ <groupId>io.jsonwebtoken</groupId>
+ <artifactId>jjwt</artifactId>
+ <version>${jwt.version}</version>
+ </dependency>
+
+ <dependency>
+ <groupId>org.projectlombok</groupId>
+ <artifactId>lombok</artifactId>
+ <optional>true</optional>
+ </dependency>
+
+ <dependency>
+ <groupId>io.springfox</groupId>
+ <artifactId>springfox-swagger2</artifactId>
+ <version>${swagger.version}</version>
+ </dependency>
+ <dependency>
+ <groupId>io.springfox</groupId>
+ <artifactId>springfox-swagger-ui</artifactId>
+ <version>${swagger.version}</version>
+ </dependency>
+ <dependency>
+ <groupId>org.springframework.boot</groupId>
+ <artifactId>spring-boot-starter-test</artifactId>
+ <scope>test</scope>
+ <exclusions>
+ <exclusion>
+ <groupId>org.junit.vintage</groupId>
+ <artifactId>junit-vintage-engine</artifactId>
+ </exclusion>
+ </exclusions>
+ </dependency>
+ <dependency>
+ <groupId>org.mitre.dsmiley.httpproxy</groupId>
+ <artifactId>smiley-http-proxy-servlet</artifactId>
+ <version>1.7</version>
+ </dependency>
+
+ <dependency>
+ <groupId>com.github.LinYuanBaoBao</groupId>
+ <artifactId>http-proxy-servlet</artifactId>
+ <version>1.0.2-RELEASE</version>
+ </dependency>
+ <dependency>
+ <groupId>com.alibaba</groupId>
+ <artifactId>fastjson</artifactId>
+ <version>1.2.47</version>
+ </dependency>
+ <dependency>
+ <groupId>redis.clients</groupId>
+ <artifactId>jedis</artifactId>
+ <version>2.9.0</version><!--$NO-MVN-MAN-VER$-->
+ </dependency>
+ <dependency>
+ <groupId>org.mybatis.spring.boot</groupId>
+ <artifactId>mybatis-spring-boot-starter</artifactId>
+ <version>2.1.0</version>
+ </dependency>
+ <!--鐎氶珮鏁版嵁搴撻┍鍔�-->
+<!-- <dependency>-->
+<!-- <groupId>com.highgo</groupId>-->
+<!-- <artifactId>hgdb-jdbc42</artifactId>-->
+<!-- <version>4.0</version>-->
+<!-- </dependency>-->
+<!-- <dependency>-->
+<!-- <groupId>org.springframework.boot</groupId>-->
+<!-- <artifactId>spring-boot-starter-data-jpa</artifactId>-->
+<!-- </dependency>-->
+ <dependency>
+ <groupId>org.postgresql</groupId>
+ <artifactId>postgresql</artifactId>
+ <version>42.3.1</version>
+ </dependency>
+ <dependency>
+ <groupId>com.alibaba</groupId>
+ <artifactId>druid-spring-boot-starter</artifactId>
+ <version>1.1.10</version>
+ </dependency>
+ <dependency>
+ <groupId>org.springframework.boot</groupId>
+ <artifactId>spring-boot-starter-freemarker</artifactId>
+ </dependency>
+ <dependency>
+ <groupId>org.springframework.boot</groupId>
+ <artifactId>spring-boot-starter-thymeleaf</artifactId>
+ <version>2.1.8.RELEASE</version>
+ </dependency>
+ <dependency>
+ <groupId>cn.hutool</groupId>
+ <artifactId>hutool-all</artifactId>
+ <version>4.6.4</version>
+ </dependency>
+ <dependency>
+ <groupId>org.springframework.boot</groupId>
+ <artifactId>spring-boot-configuration-processor</artifactId>
+ <version>1.5.6.RELEASE</version>
+ <optional>true</optional>
+ </dependency>
+ <dependency>
+ <groupId>com.alibaba</groupId>
+ <artifactId>easyexcel</artifactId>
+ <version>2.2.10</version>
+ <exclusions>
+ <exclusion>
+ <groupId>org.ehcache</groupId>
+ <artifactId>ehcache</artifactId>
+ </exclusion>
+ </exclusions>
+ </dependency>
+ <dependency>
+ <groupId>com.google.code.gson</groupId>
+ <artifactId>gson</artifactId>
+ <version>2.8.5</version>
+ </dependency>
+ </dependencies>
+
+
+
+ <build>
+ <finalName>proxy</finalName>
+ <plugins>
+ <plugin>
+ <groupId>org.springframework.boot</groupId>
+ <artifactId>spring-boot-maven-plugin</artifactId>
+ <configuration>
+ <mainClass>com.terra.proxy.ProxyApplication</mainClass>
+ <fork>true</fork>
+ </configuration>
+ <executions>
+ <execution>
+ <goals>
+ <goal>repackage</goal>
+ </goals>
+ </execution>
+ </executions>
+ </plugin>
+ <plugin>
+ <groupId>org.apache.maven.plugins</groupId>
+ <artifactId>maven-war-plugin</artifactId>
+ <version>2.6</version>
+ <configuration>
+ <failOnMissingWebXml>false</failOnMissingWebXml>
+ </configuration>
+ </plugin>
+ <plugin>
+ <groupId>org.apache.maven.plugins</groupId>
+ <artifactId>maven-compiler-plugin</artifactId>
+ <version>3.5.1</version>
+ </plugin>
+ <plugin>
+ <groupId>org.apache.maven.plugins</groupId>
+ <artifactId>maven-surefire-plugin</artifactId>
+ <configuration>
+ <skip>true</skip>
+ </configuration>
+ </plugin>
+ </plugins>
+ </build>
+
+</project>
diff --git a/src/main/java/com/terra/proxy/ProxyApplication.java b/src/main/java/com/terra/proxy/ProxyApplication.java
new file mode 100644
index 0000000..e69c119
--- /dev/null
+++ b/src/main/java/com/terra/proxy/ProxyApplication.java
@@ -0,0 +1,34 @@
+
+package com.terra.proxy;
+
+import com.terra.proxy.filter.ServletFilter;
+import org.mybatis.spring.annotation.MapperScan;
+import org.springframework.boot.SpringApplication;
+import org.springframework.boot.autoconfigure.SpringBootApplication;
+import org.springframework.boot.builder.SpringApplicationBuilder;
+import org.springframework.boot.web.servlet.FilterRegistrationBean;
+import org.springframework.boot.web.servlet.support.SpringBootServletInitializer;
+import org.springframework.context.annotation.Bean;
+
+@SpringBootApplication
+@MapperScan(basePackages = "com.terra.proxy.*")
+public class ProxyApplication extends SpringBootServletInitializer {
+
+ public static void main(String[] args) {
+ System.setProperty("file.encoding", "utf-8");
+ SpringApplication.run(ProxyApplication.class, args);
+ }
+
+ @Override
+ protected SpringApplicationBuilder configure(SpringApplicationBuilder application) {
+ return application.sources(ProxyApplication.class);
+ }
+
+ @Bean
+ public FilterRegistrationBean blacklistfilter() {
+ FilterRegistrationBean registerBean = new FilterRegistrationBean<>();
+ registerBean.setFilter(new ServletFilter());
+ registerBean.addUrlPatterns("/*");
+ return registerBean;
+ }
+}
diff --git a/src/main/java/com/terra/proxy/bean/BlackRule.java b/src/main/java/com/terra/proxy/bean/BlackRule.java
new file mode 100644
index 0000000..fdcccc2
--- /dev/null
+++ b/src/main/java/com/terra/proxy/bean/BlackRule.java
@@ -0,0 +1,44 @@
+package com.terra.proxy.bean;
+
+public class BlackRule {
+ //璁板綍鏁�
+ private Integer count;
+ //鎷︽埅鍛ㄦ湡
+ private Integer time;
+
+ private Integer id;
+
+ private String seltime;
+
+ public Integer getCount() {
+ return count;
+ }
+
+ public void setCount(Integer count) {
+ this.count = count;
+ }
+
+ public Integer getTime() {
+ return time;
+ }
+
+ public void setTime(Integer time) {
+ this.time = time;
+ }
+
+ public Integer getId() {
+ return id;
+ }
+
+ public void setId(Integer id) {
+ this.id = id;
+ }
+
+ public String getSeltime() {
+ return seltime;
+ }
+
+ public void setSeltime(String seltime) {
+ this.seltime = seltime;
+ }
+}
diff --git a/src/main/java/com/terra/proxy/bean/Content.java b/src/main/java/com/terra/proxy/bean/Content.java
new file mode 100644
index 0000000..8b80dc1
--- /dev/null
+++ b/src/main/java/com/terra/proxy/bean/Content.java
@@ -0,0 +1,34 @@
+package com.terra.proxy.bean;
+
+public class Content {
+
+ private String lgtd;
+
+ private String lttd;
+
+ private String text;
+
+ public String getLgtd() {
+ return lgtd;
+ }
+
+ public void setLgtd(String lgtd) {
+ this.lgtd = lgtd;
+ }
+
+ public String getLttd() {
+ return lttd;
+ }
+
+ public void setLttd(String lttd) {
+ this.lttd = lttd;
+ }
+
+ public String getText() {
+ return text;
+ }
+
+ public void setText(String text) {
+ this.text = text;
+ }
+}
diff --git a/src/main/java/com/terra/proxy/bean/CustomerToken.java b/src/main/java/com/terra/proxy/bean/CustomerToken.java
new file mode 100644
index 0000000..c8b5c4c
--- /dev/null
+++ b/src/main/java/com/terra/proxy/bean/CustomerToken.java
@@ -0,0 +1,125 @@
+package com.terra.proxy.bean;
+
+import org.apache.commons.lang3.StringUtils;
+
+public class CustomerToken {
+ private String userid = "";
+
+ private String resourceId = "";
+
+ private String clientIp = "";
+
+ private String subzyids = "";
+
+ private String appId = "";
+
+ private String appUrl = "";
+ /**
+ * 瀹屽叏鍏紑璧勬簮
+ */
+ private Boolean isPubzy = false;
+
+ private String remark;
+
+ public String getRemark() {
+ return remark;
+ }
+
+ public void setRemark(String remark) {
+ this.remark = remark;
+ }
+
+ public void setIsPubzy(Boolean isPubzy) {
+ this.isPubzy = isPubzy;
+ }
+
+ public Boolean getIsPubzy() {
+ return isPubzy;
+ }
+
+ public void setAppUrl(String appUrl) {
+ this.appUrl = appUrl;
+ }
+
+ public String getAppUrl() {
+ return appUrl;
+ }
+
+ public void setAppId(String appId) {
+ this.appId = appId;
+ }
+
+ public String getAppId() {
+ return appId;
+ }
+
+ public void setSubzyids(String subzyids) {
+ this.subzyids = subzyids;
+ }
+
+ public String getSubzyids() {
+ return subzyids;
+ }
+
+ public void setClientIp(String clientIp) {
+ this.clientIp = clientIp;
+ }
+
+ public String getClientIp() {
+ return clientIp;
+ }
+
+ public void setResourceId(String resourceId) {
+ this.resourceId = resourceId;
+ }
+
+ public String getResourceId() {
+ return resourceId;
+ }
+
+ public String toString() {
+ StringBuilder strb = new StringBuilder();
+ strb.append(userid + "|");
+ strb.append(resourceId + "|");
+ strb.append(clientIp + "|");
+ strb.append(subzyids + "|");
+ strb.append(appId + "|");
+ strb.append(appUrl + "|");
+ strb.append(isPubzy ? "1" + "|" : "0" + "|");
+ strb.append(remark);
+
+ return strb.toString();
+ }
+
+ public static CustomerToken fromString(String strToken) {
+ if (StringUtils.isNotEmpty(strToken)) {
+ String[] items = strToken.split("\\|");
+ if (items.length >= 7) {
+ CustomerToken result = new CustomerToken();
+ result.userid = items[0];
+ result.resourceId = items[1];
+ result.clientIp = items[2];
+ result.subzyids = items[3];
+ result.appId = items[4];
+ result.appUrl = items[5];
+ result.isPubzy = items[6] == "1" ? true : false;
+ return result;
+ }
+ }
+ return null;
+ }
+
+ public String getUserid() {
+ return userid;
+ }
+
+ public void setUserid(String userid) {
+ this.userid = userid;
+ }
+
+ public static void main(String[] args) {
+ String strToken = "sgst|dfdf";
+ String[] items = strToken.split("\\|");
+ System.out.println(items.toString());
+ }
+}
\ No newline at end of file
diff --git a/src/main/java/com/terra/proxy/bean/E.java b/src/main/java/com/terra/proxy/bean/E.java
new file mode 100644
index 0000000..1ff339f
--- /dev/null
+++ b/src/main/java/com/terra/proxy/bean/E.java
@@ -0,0 +1,186 @@
+package com.terra.proxy.bean;
+
+import com.alibaba.excel.annotation.ExcelProperty;
+
+public class E {
+ @ExcelProperty(value = "content", index = 0)
+ private String content;
+ @ExcelProperty(value = "dataType", index = 1)
+ private String dataType;
+ @ExcelProperty(value = "endtm", index = 2)
+ private String endtm;
+ @ExcelProperty(value = "fileName", index = 3)
+ private String fileName;
+ @ExcelProperty(value = "filePath", index = 4)
+ private String filePath;
+ @ExcelProperty(value = "FileType", index = 5)
+ private String FileType;
+ @ExcelProperty(value = "id", index = 6)
+ private String id;
+ @ExcelProperty(value = "powerType", index = 7)
+ private String powerType;
+ @ExcelProperty(value = "starttm", index = 8)
+ private String starttm;
+ @ExcelProperty(value = "taskboat", index = 9)
+ private String taskboat;
+ @ExcelProperty(value = "taskid", index = 10)
+ private String taskid;
+ @ExcelProperty(value = "tasknm", index = 11)
+ private String tasknm;
+ @ExcelProperty(value = "taskunit", index = 12)
+ private String taskunit;
+ @ExcelProperty(value = "lgtd", index = 13)
+ private String lgtd;
+ @ExcelProperty(value = "lttd", index = 14)
+ private String lttd;
+ @ExcelProperty(value = "text", index = 15)
+ private String text;
+
+ private String wkt;
+
+ private String geom;
+
+ public String getContent() {
+ return content;
+ }
+
+ public void setContent(String content) {
+ this.content = content;
+ }
+
+ public String getDataType() {
+ return dataType;
+ }
+
+ public void setDataType(String dataType) {
+ this.dataType = dataType;
+ }
+
+ public String getEndtm() {
+ return endtm;
+ }
+
+ public void setEndtm(String endtm) {
+ this.endtm = endtm;
+ }
+
+ public String getFileName() {
+ return fileName;
+ }
+
+ public void setFileName(String fileName) {
+ this.fileName = fileName;
+ }
+
+ public String getFilePath() {
+ return filePath;
+ }
+
+ public void setFilePath(String filePath) {
+ this.filePath = filePath;
+ }
+
+ public String getFileType() {
+ return FileType;
+ }
+
+ public void setFileType(String fileType) {
+ FileType = fileType;
+ }
+
+ public String getId() {
+ return id;
+ }
+
+ public void setId(String id) {
+ this.id = id;
+ }
+
+ public String getPowerType() {
+ return powerType;
+ }
+
+ public void setPowerType(String powerType) {
+ this.powerType = powerType;
+ }
+
+ public String getStarttm() {
+ return starttm;
+ }
+
+ public void setStarttm(String starttm) {
+ this.starttm = starttm;
+ }
+
+ public String getTaskboat() {
+ return taskboat;
+ }
+
+ public void setTaskboat(String taskboat) {
+ this.taskboat = taskboat;
+ }
+
+ public String getTaskid() {
+ return taskid;
+ }
+
+ public void setTaskid(String taskid) {
+ this.taskid = taskid;
+ }
+
+ public String getTasknm() {
+ return tasknm;
+ }
+
+ public void setTasknm(String tasknm) {
+ this.tasknm = tasknm;
+ }
+
+ public String getTaskunit() {
+ return taskunit;
+ }
+
+ public void setTaskunit(String taskunit) {
+ this.taskunit = taskunit;
+ }
+
+ public String getLgtd() {
+ return lgtd;
+ }
+
+ public void setLgtd(String lgtd) {
+ this.lgtd = lgtd;
+ }
+
+ public String getLttd() {
+ return lttd;
+ }
+
+ public void setLttd(String lttd) {
+ this.lttd = lttd;
+ }
+
+ public String getText() {
+ return text;
+ }
+
+ public void setText(String text) {
+ this.text = text;
+ }
+
+ public String getWkt() {
+ return wkt;
+ }
+
+ public void setWkt(String wkt) {
+ this.wkt = wkt;
+ }
+
+ public String getGeom() {
+ return geom;
+ }
+
+ public void setGeom(String geom) {
+ this.geom = geom;
+ }
+}
diff --git a/src/main/java/com/terra/proxy/bean/Nvpair.java b/src/main/java/com/terra/proxy/bean/Nvpair.java
new file mode 100644
index 0000000..df67bf2
--- /dev/null
+++ b/src/main/java/com/terra/proxy/bean/Nvpair.java
@@ -0,0 +1,37 @@
+package com.terra.proxy.bean;
+
+import org.apache.http.NameValuePair;
+
+public class Nvpair implements NameValuePair {
+
+ private String name;
+
+ private String value;
+
+ public Nvpair(String name, String value) {
+ super();
+ this.name = name;
+ this.value = value;
+ }
+
+ public void setName(String name) {
+ this.name = name;
+ }
+
+ public void setValue(String value) {
+ this.value = value;
+ }
+
+ @Override
+ public String getName() {
+
+ return name;
+ }
+
+ @Override
+ public String getValue() {
+
+ return value;
+ }
+
+}
diff --git a/src/main/java/com/terra/proxy/bean/ProxyInfoBean.java b/src/main/java/com/terra/proxy/bean/ProxyInfoBean.java
new file mode 100644
index 0000000..622994a
--- /dev/null
+++ b/src/main/java/com/terra/proxy/bean/ProxyInfoBean.java
@@ -0,0 +1,27 @@
+package com.terra.proxy.bean;
+
+import lombok.Data;
+
+@Data
+public class ProxyInfoBean {
+
+ private String servletUrl;
+
+ private String targetUrl;
+
+ public String getServletUrl() {
+ return servletUrl;
+ }
+
+ public void setServletUrl(String servletUrl) {
+ this.servletUrl = servletUrl;
+ }
+
+ public String getTargetUrl() {
+ return targetUrl;
+ }
+
+ public void setTargetUrl(String targetUrl) {
+ this.targetUrl = targetUrl;
+ }
+}
diff --git a/src/main/java/com/terra/proxy/bean/ResActionRecord.java b/src/main/java/com/terra/proxy/bean/ResActionRecord.java
new file mode 100644
index 0000000..3dc581a
--- /dev/null
+++ b/src/main/java/com/terra/proxy/bean/ResActionRecord.java
@@ -0,0 +1,97 @@
+package com.terra.proxy.bean;
+
+import java.io.Serializable;
+import java.util.Date;
+
+public class ResActionRecord implements Serializable {
+
+ private Integer actionid;
+
+ private Integer resourceid;
+
+ private Long userid;
+
+ private Integer appid;
+
+ private Date actiontime;
+
+ private String actiontype;
+
+ private String ip;
+
+ private String token;
+
+ public String getToken() {
+ return token;
+ }
+
+ public void setToken(String token) {
+ this.token = token;
+ }
+
+ private String requesturl;
+
+ public String getRequesturl() {
+ return requesturl;
+ }
+
+ public void setRequesturl(String requesturl) {
+ this.requesturl = requesturl;
+ }
+
+ public Integer getActionid() {
+ return actionid;
+ }
+
+ public void setActionid(Integer actionid) {
+ this.actionid = actionid;
+ }
+
+ public Integer getResourceid() {
+ return resourceid;
+ }
+
+ public void setResourceid(Integer resourceid) {
+ this.resourceid = resourceid;
+ }
+
+ public Long getUserid() {
+ return userid;
+ }
+
+ public void setUserid(Long userid) {
+ this.userid = userid;
+ }
+
+ public Integer getAppid() {
+ return appid;
+ }
+
+ public void setAppid(Integer appid) {
+ this.appid = appid;
+ }
+
+ public Date getActiontime() {
+ return actiontime;
+ }
+
+ public void setActiontime(Date actiontime) {
+ this.actiontime = actiontime;
+ }
+
+ public String getActiontype() {
+ return actiontype;
+ }
+
+ public void setActiontype(String actiontype) {
+ this.actiontype = actiontype;
+ }
+
+ public String getIp() {
+ return ip;
+ }
+
+ public void setIp(String ip) {
+ this.ip = ip;
+ }
+}
diff --git a/src/main/java/com/terra/proxy/bean/ServerExcelApplyEntity.java b/src/main/java/com/terra/proxy/bean/ServerExcelApplyEntity.java
new file mode 100644
index 0000000..4460ac6
--- /dev/null
+++ b/src/main/java/com/terra/proxy/bean/ServerExcelApplyEntity.java
@@ -0,0 +1,111 @@
+package com.terra.proxy.bean;
+
+import com.alibaba.excel.annotation.ExcelProperty;
+
+public class ServerExcelApplyEntity {
+
+ @ExcelProperty(value = "鏈嶅姟鍦板潃", index = 0)
+ private String serverUrl;
+
+ @ExcelProperty(value = "鏈嶅姟鍚嶇О", index = 1)
+ private String serverName;
+
+ @ExcelProperty(value = "鏄惁鍏紑(榛樿鍚�)", index = 2)
+ private String publiceIs;
+
+ @ExcelProperty(value = "鏄惁鐢宠token(榛樿鏄�)", index = 3)
+ private String useToken;
+
+ @ExcelProperty(value = "token鐢宠鏃堕棿(s)", index = 4)
+ private Long time;
+
+ @ExcelProperty(value = "鐢宠绯荤粺(娴欐睙/骞夸笢)", index = 5)
+ private String applySys;
+
+ @ExcelProperty(value = "鏄惁鑷姩缁害(榛樿鍚�)", index = 6)
+ private String autoToken;
+
+ @ExcelProperty(value = "璧勬簮ID", index = 7)
+ private Integer zyId;
+
+ public String getServerUrl() {
+ return serverUrl;
+ }
+
+ public void setServerUrl(String serverUrl) {
+ this.serverUrl = serverUrl;
+ }
+
+ public String getPubliceIs() {
+ return publiceIs;
+ }
+
+ public void setPubliceIs(String publiceIs) {
+ this.publiceIs = publiceIs;
+ }
+
+ public String getUseToken() {
+ return useToken;
+ }
+
+ public void setUseToken(String useToken) {
+ this.useToken = useToken;
+ }
+
+ public String getApplySys() {
+ return applySys;
+ }
+
+ public void setApplySys(String applySys) {
+ this.applySys = applySys;
+ }
+
+ public String getAutoToken() {
+ return autoToken;
+ }
+
+ public void setAutoToken(String autoToken) {
+ this.autoToken = autoToken;
+ }
+
+
+ public Long getTime() {
+ return time;
+ }
+
+ public void setTime(Long time) {
+ this.time = time;
+ }
+
+ public ServerExcelApplyEntity() {
+ }
+
+ public String getServerName() {
+ return serverName;
+ }
+
+ public void setServerName(String serverName) {
+ this.serverName = serverName;
+ }
+
+ public Integer getZyId() {
+ return zyId;
+ }
+
+ public void setZyId(Integer zyId) {
+ this.zyId = zyId;
+ }
+
+ @Override
+ public String toString() {
+ return "ServerExcelApplyEntity{" +
+ "serverUrl='" + serverUrl + '\'' +
+ ", serverName='" + serverName + '\'' +
+ ", useToken='" + useToken + '\'' +
+ ", time=" + time +
+ ", applySys='" + applySys + '\'' +
+ ", autoToken='" + autoToken + '\'' +
+ ", publiceIs='" + publiceIs + '\'' +
+ '}';
+ }
+}
diff --git a/src/main/java/com/terra/proxy/bean/ServerExcelResultEntity.java b/src/main/java/com/terra/proxy/bean/ServerExcelResultEntity.java
new file mode 100644
index 0000000..7ca9299
--- /dev/null
+++ b/src/main/java/com/terra/proxy/bean/ServerExcelResultEntity.java
@@ -0,0 +1,136 @@
+package com.terra.proxy.bean;
+
+import com.alibaba.excel.annotation.ExcelProperty;
+
+public class ServerExcelResultEntity {
+
+ @ExcelProperty(value = "鏈嶅姟鍦板潃", index = 0)
+ private String serverUrl;
+
+ @ExcelProperty(value = "鏈嶅姟鍚嶇О", index = 1)
+ private String serverName;
+
+ @ExcelProperty(value = "鏄惁鍏紑(榛樿鍚�)", index = 2)
+ private String publiceIs;
+
+ @ExcelProperty(value = "鏄惁鐢宠token(榛樿鏄�)", index = 3)
+ private String useToken;
+
+ @ExcelProperty(value = "token鐢宠鏃堕棿(s)", index = 4)
+ private Long time;
+
+ @ExcelProperty(value = "鐢宠绯荤粺(娴欐睙/骞夸笢)", index = 5)
+ private String applySys;
+
+ @ExcelProperty(value = "鏄惁鑷姩缁害(榛樿鍚�)", index = 6)
+ private String autoToken;
+
+ @ExcelProperty(value = "璧勬簮ID", index = 7)
+ private Integer zyId;
+
+ @ExcelProperty(value = "token", index = 8)
+ private String token;
+
+ @ExcelProperty(value = "浠ｇ悊鍦板潃", index = 9)
+ private String proxyurl;
+
+ public String getServerUrl() {
+ return serverUrl;
+ }
+
+ public void setServerUrl(String serverUrl) {
+ this.serverUrl = serverUrl;
+ }
+
+ public String getPubliceIs() {
+ return publiceIs;
+ }
+
+ public void setPubliceIs(String publiceIs) {
+ this.publiceIs = publiceIs;
+ }
+
+ public String getUseToken() {
+ return useToken;
+ }
+
+ public void setUseToken(String useToken) {
+ this.useToken = useToken;
+ }
+
+ public String getApplySys() {
+ return applySys;
+ }
+
+ public void setApplySys(String applySys) {
+ this.applySys = applySys;
+ }
+
+ public String getAutoToken() {
+ return autoToken;
+ }
+
+ public void setAutoToken(String autoToken) {
+ this.autoToken = autoToken;
+ }
+
+
+ public Long getTime() {
+ return time;
+ }
+
+ public void setTime(Long time) {
+ this.time = time;
+ }
+
+ public ServerExcelResultEntity() {
+ }
+
+ public String getServerName() {
+ return serverName;
+ }
+
+ public void setServerName(String serverName) {
+ this.serverName = serverName;
+ }
+
+ public String getProxyurl() {
+ return proxyurl;
+ }
+
+ public void setProxyurl(String proxyurl) {
+ this.proxyurl = proxyurl;
+ }
+
+ public String getToken() {
+ return token;
+ }
+
+ public void setToken(String token) {
+ this.token = token;
+ }
+
+ public Integer getZyId() {
+ return zyId;
+ }
+
+ public void setZyId(Integer zyId) {
+ this.zyId = zyId;
+ }
+
+ @Override
+ public String toString() {
+ return "ServerExcelResultEntity{" +
+ "serverUrl='" + serverUrl + '\'' +
+ ", serverName='" + serverName + '\'' +
+ ", useToken='" + useToken + '\'' +
+ ", time=" + time +
+ ", applySys='" + applySys + '\'' +
+ ", autoToken='" + autoToken + '\'' +
+ ", publiceIs='" + publiceIs + '\'' +
+ ", proxyurl='" + proxyurl + '\'' +
+ ", token='" + token + '\'' +
+ ", zyId=" + zyId +
+ '}';
+ }
+}
diff --git a/src/main/java/com/terra/proxy/bean/ServerRgBean.java b/src/main/java/com/terra/proxy/bean/ServerRgBean.java
new file mode 100644
index 0000000..ed771ff
--- /dev/null
+++ b/src/main/java/com/terra/proxy/bean/ServerRgBean.java
@@ -0,0 +1,123 @@
+package com.terra.proxy.bean;
+
+public class ServerRgBean {
+
+ private Integer id;
+
+ private String serverurl;
+
+ private Integer resourceid;
+
+ private Integer ispublic;
+
+ private Integer urlid;
+
+ private String contextpath;
+
+ private Integer suffix;
+
+ private String servername;
+
+ private String fromsys;
+
+ private Integer enable;
+
+ public ServerRgBean() {
+ }
+
+ public ServerRgBean(String serverurl, Integer resourceid, Integer ispublic, Integer urlid,
+ String contextpath, Integer suffix, String fromsys, String servername, Integer enable) {
+ super();
+ this.serverurl = serverurl;
+ this.resourceid = resourceid;
+ this.ispublic = ispublic;
+ this.urlid = urlid;
+ this.contextpath = contextpath;
+ this.suffix = suffix;
+ this.fromsys = fromsys;
+ this.servername=servername;
+ this.enable=enable;
+ }
+
+ public Integer getEnable() {
+ return enable;
+ }
+
+ public void setEnable(Integer enable) {
+ this.enable = enable;
+ }
+
+ public String getServername() {
+ return servername;
+ }
+
+ public void setServername(String servername) {
+ this.servername = servername;
+ }
+
+ public String getFromsys() {
+ return fromsys;
+ }
+
+ public void setFromsys(String fromsys) {
+ this.fromsys = fromsys;
+ }
+
+ public Integer getSuffix() {
+ return suffix;
+ }
+
+ public void setSuffix(Integer suffix) {
+ this.suffix = suffix;
+ }
+
+ public Integer getId() {
+ return id;
+ }
+
+ public void setId(Integer id) {
+ this.id = id;
+ }
+
+ public String getServerurl() {
+ return serverurl;
+ }
+
+ public void setServerurl(String serverurl) {
+ this.serverurl = serverurl;
+ }
+
+ public Integer getResourceid() {
+ return resourceid;
+ }
+
+ public void setResourceid(Integer resourceid) {
+ this.resourceid = resourceid;
+ }
+
+ public Integer getIspublic() {
+ return ispublic;
+ }
+
+ public void setIspublic(Integer ispublic) {
+ this.ispublic = ispublic;
+ }
+
+ public Integer getUrlid() {
+ return urlid;
+ }
+
+ public void setUrlid(Integer urlid) {
+ this.urlid = urlid;
+ }
+
+ public String getContextpath() {
+ return contextpath;
+ }
+
+ public void setContextpath(String contextpath) {
+ this.contextpath = contextpath;
+ }
+
+
+}
diff --git a/src/main/java/com/terra/proxy/bean/ServletBean.java b/src/main/java/com/terra/proxy/bean/ServletBean.java
new file mode 100644
index 0000000..08339ac
--- /dev/null
+++ b/src/main/java/com/terra/proxy/bean/ServletBean.java
@@ -0,0 +1,77 @@
+package com.terra.proxy.bean;
+
+import java.util.Date;
+
+public class ServletBean {
+ private String url;
+
+ private Integer id;
+
+ private String map;
+
+ private Date time;
+
+ private String remark;
+
+ private Integer enable;
+
+ private Integer ispublic;
+
+ public Integer getIspublic() {
+ return ispublic;
+ }
+
+ public void setIspublic(Integer ispublic) {
+ this.ispublic = ispublic;
+ }
+
+ public Integer getEnable() {
+ return enable;
+ }
+
+ public void setEnable(Integer enable) {
+ this.enable = enable;
+ }
+
+ public String getUrl() {
+ return url;
+ }
+
+ public void setUrl(String url) {
+ this.url = url;
+ }
+
+ public Integer getId() {
+ return id;
+ }
+
+ public void setId(Integer id) {
+ this.id = id;
+ }
+
+ public String getMap() {
+ return map;
+ }
+
+ public void setMap(String map) {
+ this.map = map;
+ }
+
+ public Date getTime() {
+ return time;
+ }
+
+ public void setTime(Date time) {
+ this.time = time;
+ }
+
+ public String getRemark() {
+ return remark;
+ }
+
+ public void setRemark(String remark) {
+ this.remark = remark;
+ }
+
+
+}
diff --git a/src/main/java/com/terra/proxy/bean/TiandiantuMergeInfo.java b/src/main/java/com/terra/proxy/bean/TiandiantuMergeInfo.java
new file mode 100644
index 0000000..ab15ea7
--- /dev/null
+++ b/src/main/java/com/terra/proxy/bean/TiandiantuMergeInfo.java
@@ -0,0 +1,44 @@
+package com.terra.proxy.bean;
+
+public class TiandiantuMergeInfo {
+ private int mergeid;
+
+ private int resourceid;
+
+ private String basemap;
+
+ private String zhujimapgroup;
+
+ public int getResourceid() {
+ return resourceid;
+ }
+
+ public void setResourceid(int resourceid) {
+ this.resourceid = resourceid;
+ }
+
+ public int getMergeid() {
+ return mergeid;
+ }
+
+ public void setMergeid(int mergeid) {
+ this.mergeid = mergeid;
+ }
+
+ public String getBasemap() {
+ return basemap;
+ }
+
+ public void setBasemap(String basemap) {
+ this.basemap = basemap;
+ }
+
+ public String getZhujimapgroup() {
+ return zhujimapgroup;
+ }
+
+ public void setZhujimapgroup(String zhujimapgroup) {
+ this.zhujimapgroup = zhujimapgroup;
+ }
+
+}
diff --git a/src/main/java/com/terra/proxy/bean/TokenCheckException.java b/src/main/java/com/terra/proxy/bean/TokenCheckException.java
new file mode 100644
index 0000000..1f313a9
--- /dev/null
+++ b/src/main/java/com/terra/proxy/bean/TokenCheckException.java
@@ -0,0 +1,34 @@
+package com.terra.proxy.bean;
+
+public class TokenCheckException extends RuntimeException {
+
+ private static final long serialVersionUID = 1L;
+
+ private String msg;
+
+ private String code;
+
+ public TokenCheckException(String msg, String code) {
+ super();
+ this.msg = msg;
+ this.code = code;
+ }
+
+ public String getMsg() {
+ return msg;
+ }
+
+ public void setMsg(String msg) {
+ this.msg = msg;
+ }
+
+ public String getCode() {
+ return code;
+ }
+
+ public void setCode(String code) {
+ this.code = code;
+ }
+
+
+}
diff --git a/src/main/java/com/terra/proxy/bean/TokenRecord.java b/src/main/java/com/terra/proxy/bean/TokenRecord.java
new file mode 100644
index 0000000..5198a65
--- /dev/null
+++ b/src/main/java/com/terra/proxy/bean/TokenRecord.java
@@ -0,0 +1,79 @@
+package com.terra.proxy.bean;
+
+import java.util.Date;
+
+public class TokenRecord {
+
+ private String token;
+
+ private Date applytime;
+
+ private String identyinfo;
+
+ private Integer expiration;
+
+ private Integer resourceid;
+
+ private String tokenapplyer;
+
+ private String tokeninfo;
+
+
+ public Integer getResourceid() {
+ return resourceid;
+ }
+
+ public void setResourceid(Integer resourceid) {
+ this.resourceid = resourceid;
+ }
+
+ public String getTokeninfo() {
+ return tokeninfo;
+ }
+
+ public void setTokeninfo(String tokeninfo) {
+ this.tokeninfo = tokeninfo;
+ }
+
+ public String getToken() {
+ return token;
+ }
+
+ public void setToken(String token) {
+ this.token = token;
+ }
+
+ public Date getApplytime() {
+ return applytime;
+ }
+
+ public void setApplytime(Date applytime) {
+ this.applytime = applytime;
+ }
+
+ public String getIdentyinfo() {
+ return identyinfo;
+ }
+
+ public void setIdentyinfo(String identyinfo) {
+ this.identyinfo = identyinfo;
+ }
+
+ public Integer getExpiration() {
+ return expiration;
+ }
+
+ public void setExpiration(Integer expiration) {
+ this.expiration = expiration;
+ }
+
+ public String getTokenapplyer() {
+ return tokenapplyer;
+ }
+
+ public void setTokenapplyer(String tokenapplyer) {
+ this.tokenapplyer = tokenapplyer;
+ }
+
+
+}
diff --git a/src/main/java/com/terra/proxy/bean/VistorBean.java b/src/main/java/com/terra/proxy/bean/VistorBean.java
new file mode 100644
index 0000000..331b576
--- /dev/null
+++ b/src/main/java/com/terra/proxy/bean/VistorBean.java
@@ -0,0 +1,127 @@
+package com.terra.proxy.bean;
+
+import org.springframework.format.annotation.DateTimeFormat;
+
+import java.util.Date;
+
+/*
+ * 鍙嶇埇铏�,鐩戝惉瀵硅薄鏈嶅姟璁块棶娆℃暟,鑻ユ鏁板ぇ浜庝竴瀹氶檺搴�,block璇p璁块棶
+ */
+public class VistorBean {
+
+ private String requestip;
+
+ private String serverurl;
+
+ private String result;
+
+ private Integer resourceid;
+
+ private String visitfromsys;
+
+ private Date date;
+
+ private String status;
+
+ private Integer id;
+
+ private String serverName;
+
+ private String fromSys;
+
+ public Integer getResourceid() {
+ return resourceid;
+ }
+
+ public void setResourceid(Integer resourceid) {
+ this.resourceid = resourceid;
+ }
+
+ public String getVisitfromsys() {
+ return visitfromsys;
+ }
+
+ public void setVisitfromsys(String visitfromsys) {
+ this.visitfromsys = visitfromsys;
+ }
+
+ public String getRequestip() {
+ return requestip;
+ }
+
+ public void setRequestip(String requestip) {
+ this.requestip = requestip;
+ }
+
+ public String getServerurl() {
+ return serverurl;
+ }
+
+ public void setServerurl(String serverurl) {
+ this.serverurl = serverurl;
+ }
+
+ public String getResult() {
+ return result;
+ }
+
+ public void setResult(String result) {
+ this.result = result;
+ }
+
+ @DateTimeFormat(pattern = "yyyy-MM-dd HH:mm:ss")
+ public Date getDate() {
+ return date;
+ }
+
+ public void setDate(Date date) {
+ this.date = date;
+ }
+
+ public VistorBean(String requestip, String serverurl, Integer resourceid, String visitfromsys) {
+ super();
+ this.requestip = requestip;
+ this.serverurl = serverurl;
+ this.resourceid = resourceid;
+ this.visitfromsys = visitfromsys;
+
+ }
+
+ public VistorBean() {
+
+
+ }
+
+
+ public String getStatus() {
+ return status;
+ }
+
+ public void setStatus(String status) {
+ this.status = status;
+ }
+
+ public Integer getId() {
+ return id;
+ }
+
+ public void setId(Integer id) {
+ this.id = id;
+ }
+
+ public String getServerName() {
+ return serverName;
+ }
+
+ public void setServerName(String serverName) {
+ this.serverName = serverName;
+ }
+
+ public String getFromSys() {
+ return fromSys;
+ }
+
+ public void setFromSys(String fromSys) {
+ this.fromSys = fromSys;
+ }
+}
diff --git a/src/main/java/com/terra/proxy/bean/ZyInfo.java b/src/main/java/com/terra/proxy/bean/ZyInfo.java
new file mode 100644
index 0000000..ec10130
--- /dev/null
+++ b/src/main/java/com/terra/proxy/bean/ZyInfo.java
@@ -0,0 +1,65 @@
+package com.terra.proxy.bean;
+
+import org.apache.commons.lang3.StringUtils;
+
+import java.util.ArrayList;
+import java.util.List;
+
+public class ZyInfo {
+ private Boolean isPublic = false;
+ private String[] subPrivateZyids;
+ private List<String> IPS;
+
+
+ public ZyInfo(Boolean isPublic, String subPrivateZyids) {
+ this.setIsPublic(isPublic);
+ IPS = new ArrayList();
+ if (!StringUtils.isEmpty(subPrivateZyids)) {
+ String[] items = subPrivateZyids.split(",");
+ this.setSubPrivateZyids(items);
+ }
+
+ }
+
+ public void setIsPublic(Boolean isPublic) {
+ this.isPublic = isPublic;
+ }
+
+ public Boolean getIsPublic() {
+ return isPublic;
+ }
+
+ public void setSubPrivateZyids(String[] subPrivateZyids) {
+ this.subPrivateZyids = subPrivateZyids;
+ }
+
+ public String[] getSubPrivateZyids() {
+ return subPrivateZyids;
+ }
+
+ public void setIPS(List<String> iPS) {
+ IPS = iPS;
+ }
+
+ public List<String> getIPS() {
+ return IPS;
+ }
+
+ public Boolean existIP(String IP) {
+ if (IPS != null) {
+ return IPS.contains(IP);
+ }
+ return false;
+ }
+
+ public void addIP(String IP) {
+ if (IPS != null) {
+ IPS = new ArrayList<String>();
+ IPS.add(IP);
+ } else {
+ if (!existIP(IP)) {
+ IPS.add(IP);
+ }
+ }
+ }
+}
diff --git a/src/main/java/com/terra/proxy/config/CORSConfiguration.java b/src/main/java/com/terra/proxy/config/CORSConfiguration.java
new file mode 100644
index 0000000..d790eee
--- /dev/null
+++ b/src/main/java/com/terra/proxy/config/CORSConfiguration.java
@@ -0,0 +1,17 @@
+package com.terra.proxy.config;
+
+import org.springframework.web.servlet.config.annotation.CorsRegistry;
+import org.springframework.web.servlet.config.annotation.WebMvcConfigurer;
+
+public class CORSConfiguration implements WebMvcConfigurer {
+ @Override
+ public void addCorsMappings(CorsRegistry registry){
+ registry.addMapping("/**")
+ .allowedMethods("*")
+ .allowedOrigins("*")
+ .allowCredentials(true)
+ .allowedHeaders("*");
+ }
+
+}
+
diff --git a/src/main/java/com/terra/proxy/config/CorsFilterConfig.java b/src/main/java/com/terra/proxy/config/CorsFilterConfig.java
new file mode 100644
index 0000000..ed2fffa
--- /dev/null
+++ b/src/main/java/com/terra/proxy/config/CorsFilterConfig.java
@@ -0,0 +1,30 @@
+package com.terra.proxy.config;
+
+
+import org.springframework.context.annotation.Bean;
+import org.springframework.context.annotation.Configuration;
+import org.springframework.web.cors.CorsConfiguration;
+import org.springframework.web.cors.UrlBasedCorsConfigurationSource;
+import org.springframework.web.filter.CorsFilter;
+
+
+@Configuration
+public class CorsFilterConfig {
+
+ @Bean
+ public CorsConfiguration buildConfig(){
+ CorsConfiguration corsConfiguration = new CorsConfiguration();
+ corsConfiguration.addAllowedOrigin("*");
+ corsConfiguration.addAllowedHeader("*");
+ corsConfiguration.addAllowedMethod("*");
+ corsConfiguration.setAllowCredentials(true);
+ return corsConfiguration;
+ }
+
+ @Bean
+ public CorsFilter corsFilter(){
+ UrlBasedCorsConfigurationSource source = new UrlBasedCorsConfigurationSource();
+ source.registerCorsConfiguration("/**",buildConfig());
+ return new CorsFilter(source);
+ }
+}
diff --git a/src/main/java/com/terra/proxy/config/InterceptorConfig.java b/src/main/java/com/terra/proxy/config/InterceptorConfig.java
new file mode 100644
index 0000000..00c2648
--- /dev/null
+++ b/src/main/java/com/terra/proxy/config/InterceptorConfig.java
@@ -0,0 +1,41 @@
+package com.terra.proxy.config;
+
+import com.terra.proxy.intercepter.ServletInterceptor;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.web.servlet.config.annotation.CorsRegistry;
+import org.springframework.web.servlet.config.annotation.InterceptorRegistration;
+import org.springframework.web.servlet.config.annotation.InterceptorRegistry;
+import org.springframework.web.servlet.config.annotation.WebMvcConfigurer;
+
+public class InterceptorConfig implements WebMvcConfigurer {
+ @Autowired
+ private ServletInterceptor servletInterceptor;
+
+ @Override
+ public void addInterceptors(InterceptorRegistry registry) {
+ InterceptorRegistration interceptorRegistration = registry.addInterceptor(servletInterceptor);
+ interceptorRegistration.addPathPatterns("/**");
+ interceptorRegistration.excludePathPatterns( //娣诲姞涓嶆嫤鎴矾寰�
+ "浣犵殑鐧婚檰璺緞", // 鐧诲綍
+ "/**/*.html", // html闈欐�佽祫婧�
+ "/**/*.js", // js闈欐�佽祫婧�
+ "/**/*.css", // css闈欐�佽祫婧�
+ "/**/*.woff",
+ "/**/*.ttf",
+ "/**/*.ico",
+ "/log/**",
+ "/**/error*/**"
+ );
+
+ }
+
+ @Override
+ public void addCorsMappings(CorsRegistry registry) {
+ registry.addMapping("/**")
+ .allowedMethods("*")
+ .allowedOrigins("*")
+ .allowedHeaders("*");
+ }
+
+
+}
diff --git a/src/main/java/com/terra/proxy/config/ServletConfig.java b/src/main/java/com/terra/proxy/config/ServletConfig.java
new file mode 100644
index 0000000..076ab56
--- /dev/null
+++ b/src/main/java/com/terra/proxy/config/ServletConfig.java
@@ -0,0 +1,90 @@
+package com.terra.proxy.config;
+
+import com.alibaba.fastjson.JSONArray;
+import com.alibaba.fastjson.JSONObject;
+import com.terra.proxy.properties.TerraProperties;
+import org.slf4j.Logger;
+import org.slf4j.LoggerFactory;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.beans.factory.annotation.Value;
+import org.springframework.boot.web.servlet.ServletContextInitializer;
+import org.springframework.stereotype.Component;
+
+import javax.servlet.Servlet;
+import javax.servlet.ServletContext;
+import javax.servlet.ServletException;
+import javax.servlet.ServletRegistration;
+import java.io.BufferedReader;
+import java.io.File;
+import java.io.FileReader;
+import java.io.IOException;
+import java.util.HashMap;
+import java.util.Map;
+
+
+@Component
+public class ServletConfig implements ServletContextInitializer {
+
+ private Logger log = LoggerFactory.getLogger(ServletConfig.class);
+
+ @Autowired
+ private TerraProperties te;
+
+ @Value("${servletJsonPath}")
+ private String servletJsonPath;
+
+ @Override
+ public void onStartup(ServletContext servletContext) throws ServletException {
+ System.out.println(te.getProxy());
+ // 鏈湴
+ // JSONArray jb = JSONObject.parseArray(readjson(te.getProxy().getServletmapjson()));
+ // 鏈嶅姟鍣�
+ JSONArray jb = JSONObject.parseArray(readjson(servletJsonPath));
+
+ ServletRegistration.Dynamic initservlet;
+ for (int i = 0; i < jb.size(); i++) {
+ JSONObject t = jb.getJSONObject(i);
+ Servlet sv;
+ try {
+ sv = (Servlet) Class.forName(t.getString("servletclass")).newInstance();
+ initservlet = servletContext.addServlet("servlet" + i, sv);
+
+ initservlet.addMapping(t.getString("serverurl"));
+ Map<String, String> map = new HashMap<String, String>();
+ map.put("targetUri", t.getString("targetUri"));
+ initservlet.setInitParameters(map);
+
+ System.out.println(servletContext.getServletRegistrations());
+ } catch (InstantiationException | IllegalAccessException | ClassNotFoundException e) {
+ log.error("servlet娉ㄥ唽寮傚父");
+ e.printStackTrace();
+ }
+
+ }
+ }
+
+
+ public static String readjson(String json) {
+ BufferedReader br;
+ try {
+ // 鏈湴
+ // File file = new ClassPathResource(json).getFile();
+ // 鏈嶅姟鍣�
+ File file =new File(ServletConfig.class.getResource("/").getPath()+json);
+ byte[] buffer = new byte[1024];
+ StringBuilder sb = new StringBuilder();
+ String s = null;
+ br = new BufferedReader(new FileReader(file));
+ while ((s = br.readLine()) != null) {
+ sb.append(s);
+ }
+ br.close();
+ return sb.toString();
+ } catch (IOException e1) {
+ e1.printStackTrace();
+ }
+ return null;
+ }
+
+
+}
diff --git a/src/main/java/com/terra/proxy/config/Swagger2Config.java b/src/main/java/com/terra/proxy/config/Swagger2Config.java
new file mode 100644
index 0000000..de31c8f
--- /dev/null
+++ b/src/main/java/com/terra/proxy/config/Swagger2Config.java
@@ -0,0 +1,42 @@
+package com.terra.proxy.config;
+
+import org.springframework.beans.factory.annotation.Value;
+import org.springframework.context.annotation.Bean;
+import org.springframework.context.annotation.Configuration;
+import springfox.documentation.builders.ApiInfoBuilder;
+import springfox.documentation.builders.PathSelectors;
+import springfox.documentation.builders.RequestHandlerSelectors;
+import springfox.documentation.service.ApiInfo;
+import springfox.documentation.spi.DocumentationType;
+import springfox.documentation.spring.web.plugins.Docket;
+import springfox.documentation.swagger2.annotations.EnableSwagger2;
+
+@Configuration
+@EnableSwagger2
+public class Swagger2Config {
+ //basePackage
+ @Value("${swagger.basePackage}")
+ private String basePackage;
+
+ @Value("${swagger.enable}")
+ private boolean enable = false;
+
+ @Bean
+ public Docket createRestApi() {
+ return new Docket(DocumentationType.SWAGGER_2)
+ .apiInfo(apiInfo())
+ .enable(enable)
+ .select()
+ .apis(RequestHandlerSelectors.basePackage(basePackage))
+ .paths(PathSelectors.any())
+ .build();
+ }
+
+ private ApiInfo apiInfo() {
+ return new ApiInfoBuilder()
+ .title("鍚庡彴绠＄悊API鏂囨。")
+ .version("1.0")
+ .build();
+ }
+
+}
diff --git a/src/main/java/com/terra/proxy/config/SysTemPropertyConfig.java b/src/main/java/com/terra/proxy/config/SysTemPropertyConfig.java
new file mode 100644
index 0000000..0fc38a2
--- /dev/null
+++ b/src/main/java/com/terra/proxy/config/SysTemPropertyConfig.java
@@ -0,0 +1,72 @@
+package com.terra.proxy.config;
+
+import org.springframework.boot.context.properties.ConfigurationProperties;
+import org.springframework.stereotype.Component;
+
+@Component
+@ConfigurationProperties(prefix = "sys")
+public class SysTemPropertyConfig {
+ private String uploadPath;
+ private long appId;
+ private String appFullName;
+ private String apiServer;
+ private String apiCatalog;
+ private String loginUrl;
+ private String casHost;
+
+ public long getAppId() {
+ return appId;
+ }
+
+ public void setAppId(long appId) {
+ this.appId = appId;
+ }
+
+ public String getAppFullName() {
+ return appFullName;
+ }
+
+ public void setAppFullName(String appFullName) {
+ this.appFullName = appFullName;
+ }
+
+ public String getApiServer() {
+ return apiServer;
+ }
+
+ public void setApiServer(String apiServer) {
+ this.apiServer = apiServer;
+ }
+
+ public String getApiCatalog() {
+ return apiCatalog;
+ }
+
+ public void setApiCatalog(String apiCatalog) {
+ this.apiCatalog = apiCatalog;
+ }
+
+ public String getUploadPath() {
+ return uploadPath;
+ }
+
+ public void setUploadPath(String uploadPath) {
+ this.uploadPath = uploadPath;
+ }
+
+ public String getLoginUrl() {
+ return loginUrl;
+ }
+
+ public void setLoginUrl(String loginUrl) {
+ this.loginUrl = loginUrl;
+ }
+
+ public String getCasHost() {
+ return casHost;
+ }
+
+ public void setCasHost(String casHost) {
+ this.casHost = casHost;
+ }
+}
diff --git a/src/main/java/com/terra/proxy/config/WebConfig.java b/src/main/java/com/terra/proxy/config/WebConfig.java
new file mode 100644
index 0000000..c7fa219
--- /dev/null
+++ b/src/main/java/com/terra/proxy/config/WebConfig.java
@@ -0,0 +1,31 @@
+package com.terra.proxy.config;
+
+import com.terra.proxy.intercepter.VisitInterceptor;
+import com.terra.proxy.properties.TerraProperties;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.boot.web.servlet.FilterRegistrationBean;
+import org.springframework.context.annotation.Bean;
+
+import java.util.ArrayList;
+import java.util.List;
+
+public class WebConfig {
+
+ @Autowired
+ TerraProperties prop;
+
+ @Bean
+ public FilterRegistrationBean blacklistfilter() {
+ FilterRegistrationBean registerBean = new FilterRegistrationBean<>();
+ VisitInterceptor blacklistfilter = new VisitInterceptor(prop);
+ registerBean.setFilter(blacklistfilter);
+ String[] array = prop.getProxy().getBlackUris().split(";");
+ List<String> uris = new ArrayList<>();
+ for (String temp : array) {
+ uris.add(temp);
+ }
+ registerBean.setUrlPatterns(uris);
+ return registerBean;
+ }
+
+}
diff --git a/src/main/java/com/terra/proxy/controller/CacheManager.java b/src/main/java/com/terra/proxy/controller/CacheManager.java
new file mode 100644
index 0000000..b78b66d
--- /dev/null
+++ b/src/main/java/com/terra/proxy/controller/CacheManager.java
@@ -0,0 +1,123 @@
+package com.terra.proxy.controller;
+
+import java.util.Date;
+import java.util.Map;
+import java.util.concurrent.ConcurrentHashMap;
+
+/**
+ * 绠�鍗曞璞＄紦瀛樼鐞�
+ * Created by lxb on 2018/7/1
+ */
+public class CacheManager {
+
+ private static final long DEFAULT_TIMEOUT = 30000;
+ private long cacheTimeout;
+ private static CacheManager defaultInstance;
+ private static Map<String, CacheData> CACHE_DATA = new ConcurrentHashMap<String, CacheData>();
+
+
+ private CacheManager(long timeout) {
+
+ this.cacheTimeout = timeout;
+
+ new ClearThread().start();
+
+ }
+
+ private class ClearThread extends Thread {
+ ClearThread() {
+ setName("clear cache thread");
+ }
+
+ public void run() {
+ while (true) {
+ try {
+ long now = System.currentTimeMillis();
+ Object[] keys = CACHE_DATA.keySet().toArray();
+ for (Object key : keys) {
+ CacheData data = CACHE_DATA.get(key);
+ if (data != null && (data.getExpire() > 0 && data.getSaveTime() < new Date().getTime())) {
+ synchronized (CACHE_DATA) {
+ CACHE_DATA.remove(key);
+ }
+ }
+ }
+
+ Thread.sleep(cacheTimeout);
+
+ } catch (Exception e) {
+ e.printStackTrace();
+ }
+ }
+ }
+ }
+
+ public static synchronized final CacheManager getDefault() {
+ if (defaultInstance == null) {
+ defaultInstance = new CacheManager(DEFAULT_TIMEOUT);
+ }
+ return defaultInstance;
+
+ }
+
+ private class CacheData<T> {
+ CacheData(T t, int expire) {
+ this.data = t;
+ this.expire = expire <= 0 ? 0 : expire * 1000;
+ this.saveTime = new Date().getTime() + this.expire;
+ }
+
+ private T data;
+ private long saveTime; // 瀛樻椿鏃堕棿
+ private long expire; // 杩囨湡鏃堕棿 灏忎簬绛変簬0鏍囪瘑姘镐箙瀛樻椿
+
+ public T getData() {
+ return data;
+ }
+
+ public long getExpire() {
+ return expire;
+ }
+
+ public long getSaveTime() {
+ return saveTime;
+ }
+ }
+
+
+ public <T> T getData(String key, Load<T> load, int expire) {
+ T data = getData(key);
+ if (data == null && load != null) {
+ data = load.load();
+ if (data != null) {
+ setData(key, data, expire);
+ }
+ }
+ return data;
+ }
+
+ public <T> T getData(String key) {
+ CacheData<T> data = CACHE_DATA.get(key);
+ if (data != null && (data.getExpire() <= 0 || data.getSaveTime() >= new Date().getTime())) {
+ return data.getData();
+ }
+ return null;
+ }
+
+ public <T> void setData(String key, T data, int expire) {
+ CACHE_DATA.put(key, new CacheData(data, expire));
+ }
+
+ public void clear(String key) {
+ CACHE_DATA.remove(key);
+ }
+
+ public void clearAll() {
+ CACHE_DATA.clear();
+ }
+
+ public interface Load<T> {
+ T load();
+ }
+
+}
diff --git a/src/main/java/com/terra/proxy/controller/ExcelController.java b/src/main/java/com/terra/proxy/controller/ExcelController.java
new file mode 100644
index 0000000..a64eba3
--- /dev/null
+++ b/src/main/java/com/terra/proxy/controller/ExcelController.java
@@ -0,0 +1,267 @@
+package com.terra.proxy.controller;
+
+import cn.hutool.core.bean.BeanUtil;
+import com.alibaba.excel.EasyExcel;
+import com.alibaba.fastjson.JSON;
+import com.terra.proxy.bean.*;
+import com.terra.proxy.config.SysTemPropertyConfig;
+import com.terra.proxy.intercepter.ServiceExcelListener;
+import com.terra.proxy.mapper.LogMapper;
+import com.terra.proxy.properties.TerraProperties;
+import com.terra.proxy.service.Impl.ServerRegisterServiceImpl;
+import com.terra.proxy.util.JedisUtils;
+import com.terra.proxy.util.JwtUtils;
+import com.terra.proxy.util.Result;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.beans.factory.annotation.Value;
+import org.springframework.http.ResponseEntity;
+import org.springframework.util.StringUtils;
+import org.springframework.web.bind.annotation.*;
+import org.springframework.web.multipart.MultipartFile;
+import redis.clients.jedis.Jedis;
+
+import javax.servlet.ServletOutputStream;
+import javax.servlet.http.HttpServletRequest;
+import javax.servlet.http.HttpServletResponse;
+import java.io.*;
+import java.net.URI;
+import java.net.URISyntaxException;
+import java.net.URLEncoder;
+import java.util.ArrayList;
+import java.util.Date;
+import java.util.List;
+import java.util.Objects;
+
+@RestController
+@RequestMapping("/excel")
+public class ExcelController {
+ @Autowired
+ private SysTemPropertyConfig sys;
+
+ @Autowired
+ private ServerRegisterServiceImpl serverRegisterService;
+
+ @Autowired
+ private TerraProperties properties;
+
+ @Autowired
+ private JwtUtils JwtUtils;
+
+ @Autowired
+ private LogMapper logMapper;
+
+ private static String fileName = "鏈嶅姟娉ㄥ唽妯℃澘Excel.xlsx";
+
+ private static String fileResultName = "鏈嶅姟娉ㄥ唽缁撴灉.xlsx";
+ @Value("${sys.jwt.expire}")
+ private Long expireSeconds;
+
+ /*
+ * 鑾峰彇娉ㄥ唽鏈嶅姟鐨凟xcel妯℃澘
+ *
+ * */
+ @GetMapping("getExcelModle")
+ public ResponseEntity getExcelModle() {
+ String uploadPath = sys.getUploadPath();
+ File file = new File(uploadPath);
+ if (!file.exists()) {
+ file.mkdir();
+ }
+ ArrayList<ServerExcelApplyEntity> userEntities = new ArrayList<>();
+ userEntities.add(new ServerExcelApplyEntity());
+ EasyExcel.write(uploadPath + File.separator + fileName, ServerExcelApplyEntity.class).sheet("鏈嶅姟娉ㄥ唽琛�").doWrite(userEntities);
+ return ResponseEntity.ok().body(null);
+ }
+
+ /*
+ * 鑾峰彇娉ㄥ唽鏈嶅姟鐨凟xcel鏂囦欢
+ *
+ * */
+ @GetMapping("getExcel")
+ public ResponseEntity getExcel(HttpServletResponse response) throws IOException {
+ String uploadPath = sys.getUploadPath();
+ FileInputStream fileInputStream = null;
+ ServletOutputStream outputStream = response.getOutputStream();
+ response.setContentType("application/vnd.ms-excel;charset=UTF-8");
+ response.setHeader("Content-Disposition", "attachment;filename=" + URLEncoder.encode(fileName, "utf-8"));
+ File file = new File(uploadPath + File.separator + fileName);
+ if (file.exists() && file.canRead()) {
+ fileInputStream = new FileInputStream(file);
+ byte[] bytes = new byte[1024];
+ int length;
+ while ((length = fileInputStream.read(bytes)) != -1) {
+ outputStream.write(bytes, 0, length);
+ }
+ }
+ if (null != fileInputStream) {
+ fileInputStream.close();
+ }
+ if (null != outputStream) {
+ outputStream.flush();
+ outputStream.close();
+ }
+ return ResponseEntity.ok().body(null);
+ }
+
+ /*
+ * 瀵煎叆娉ㄥ唽鏈嶅姟鐨凟xcel鏂囦欢
+ *
+ * */
+ @PostMapping("importExcel")
+ public String importExcel(@RequestPart("file") MultipartFile file, HttpServletRequest req) {
+ InputStream inputStream;
+ List<ServerExcelApplyEntity> serverExcelEntityList;
+ List<ServerExcelResultEntity> excelEntities = new ArrayList<>();
+ Jedis jedis = JedisUtils.getJedis();
+ try {
+ inputStream = file.getInputStream();
+ serverExcelEntityList = EasyExcel.read(inputStream, ServerExcelApplyEntity.class, new ServiceExcelListener()).doReadAllSync();
+ //娉ㄥ唽鏈嶅姟 鐢宠token
+ serverExcelEntityList.stream().forEach(ServerExcelApplyEntity -> excelEntities.add(addArcGisServer(req, ServerExcelApplyEntity, jedis)));
+ returnExcel(excelEntities);
+ return JSON.toJSONString(Result.ok().put("msg", "").put("data", ""));
+ } catch (IOException e) {
+ e.printStackTrace();
+ } finally {
+ if (null != jedis) {
+ JedisUtils.close(jedis);
+ }
+ }
+ return "";
+ }
+
+ /*
+ * 鑾峰彇娉ㄥ唽鏈嶅姟缁撴灉鐨凟xcel鏂囦欢
+ *
+ * */
+ @GetMapping("getExcelResult")
+ public ResponseEntity getExcelResult(HttpServletResponse response) throws IOException {
+ String uploadPath = sys.getUploadPath();
+ FileInputStream fileInputStream = null;
+ ServletOutputStream outputStream = response.getOutputStream();
+ response.setContentType("application/vnd.ms-excel;charset=UTF-8");
+ response.setHeader("Content-Disposition", "attachment;filename=" + URLEncoder.encode(fileResultName, "utf-8"));
+ File file = new File(uploadPath + File.separator + fileResultName);
+ if (file.exists() && file.canRead()) {
+ fileInputStream = new FileInputStream(file);
+ byte[] bytes = new byte[1024];
+ int length;
+ while ((length = fileInputStream.read(bytes)) != -1) {
+ outputStream.write(bytes, 0, length);
+ }
+ }
+ if (null != fileInputStream) {
+ fileInputStream.close();
+ }
+ if (null != outputStream) {
+ outputStream.flush();
+ outputStream.close();
+ }
+ return ResponseEntity.ok().body(null);
+ }
+
+
+ private void returnExcel(List serverExcelEntityList) throws IOException {
+ File file = new File(sys.getUploadPath() + File.separator + fileResultName);
+ FileOutputStream fileOutputStream = new FileOutputStream(file);
+ EasyExcel.write(fileOutputStream, ServerExcelResultEntity.class).sheet("鏈嶅姟娉ㄥ唽缁撴灉").doWrite(serverExcelEntityList);
+ fileOutputStream.close();
+ }
+
+ private String genToken(HttpServletRequest req, ServerExcelApplyEntity serverExcelEntity, Jedis jedis) {
+ String identyinfo = serverExcelEntity.getApplySys();
+ String resourceid = serverExcelEntity.getZyId().toString();
+ Long expiration = serverExcelEntity.getTime();
+ try {
+ CustomerToken cutToken = new CustomerToken();
+ cutToken.setResourceId(resourceid);
+ cutToken.setUserid("0");
+ cutToken.setAppUrl("");
+ cutToken.setAppId("");
+ cutToken.setClientIp(req.getRemoteHost());
+ cutToken.setRemark(identyinfo == null ? "" : identyinfo);
+ String token = expiration != null ? JwtUtils.generateToken(cutToken.toString(), expiration) : JwtUtils.generateToken(cutToken.toString(), expireSeconds);
+ TokenRecord record = new TokenRecord();
+ record.setApplytime(new Date());
+ record.setExpiration(expiration != null ? expiration.intValue() : expireSeconds.intValue());
+ record.setIdentyinfo(identyinfo);
+ record.setTokeninfo(cutToken.toString());
+ if (!StringUtils.isEmpty(resourceid)) {
+ record.setResourceid(Integer.valueOf(resourceid));
+ }
+ record.setToken(token);
+ record.setTokenapplyer(req.getRemoteHost());
+ logMapper.saveTokenRecord(record);
+ expiration = expiration != null ? expiration : expireSeconds;
+ jedis.setex("zytoken:" + token, expiration.intValue(), expiration.toString());
+ return token;
+ } catch (Exception e) {
+ e.printStackTrace();
+ }
+ return null;
+ }
+
+ private ServerExcelResultEntity addArcGisServer(HttpServletRequest req, ServerExcelApplyEntity serverExcelApplyEntity, Jedis jedis) {
+ if (StringUtils.isEmpty(serverExcelApplyEntity.getPubliceIs())) {
+ serverExcelApplyEntity.setPubliceIs("0");
+ }
+ Integer isPublic = Integer.valueOf(serverExcelApplyEntity.getPubliceIs());
+ ServerRgBean serverRgBean = new ServerRgBean();
+ serverRgBean.setEnable(1);
+ serverRgBean.setIspublic(isPublic);
+ serverRgBean.setFromsys("HYJGPT");
+ serverRgBean.setResourceid(serverExcelApplyEntity.getZyId());
+ serverRgBean.setUrlid(null);
+ serverRgBean.setContextpath(null);
+ serverRgBean.setSuffix(null);
+ serverRgBean.setServername(serverExcelApplyEntity.getServerName());
+ serverRgBean.setServerurl(serverExcelApplyEntity.getServerUrl());
+ String servername = judgeServerType(serverExcelApplyEntity.getServerUrl());
+ serverRegisterService.addServer(serverRgBean);
+ ServerExcelResultEntity serverExcelEntity = getServerExcelResultEntity(serverExcelApplyEntity);
+ String proxyurl = new StringBuilder(properties.getProxy().getHost()).append("/arcgis/rest/services/").append(serverExcelApplyEntity.getZyId()).append("/").append(servername).toString();
+ serverExcelEntity.setProxyurl(proxyurl);
+ String useToken = serverExcelApplyEntity.getUseToken();
+ String autoToken = serverExcelApplyEntity.getAutoToken();
+ if (Objects.equals("0", useToken)) {
+ return serverExcelEntity;
+ }
+ //鐢熸垚token genToken
+ String token = genToken(req, serverExcelApplyEntity, jedis);
+ serverExcelEntity.setToken(token);
+ //鍔犲叆redis涓畬鎴愯嚜鍔ㄧ画绾�
+ if (Objects.equals(autoToken, "1")) {
+ jedis.sadd("autoToken", token);
+ }
+ return serverExcelEntity;
+ }
+
+ private ServerExcelResultEntity getServerExcelResultEntity(ServerExcelApplyEntity serverExcelApplyEntity) {
+ ServerExcelResultEntity resultEntity = new ServerExcelResultEntity();
+ BeanUtil.copyProperties(serverExcelApplyEntity, resultEntity);
+ return resultEntity;
+ }
+
+ public static String judgeServerType(String serverUrl) {
+ String type = null;
+ try {
+ URI uri = new URI(serverUrl);
+ String path = uri.getPath();
+ String[] t = path.split("/");
+ if (isdigit(t[t.length - 1])) {
+ type = t[t.length - 2];
+ } else {
+ type = t[t.length - 1];
+ }
+ } catch (URISyntaxException e) {
+ e.printStackTrace();
+ }
+ return type;
+ }
+
+ public static boolean isdigit(String str) {
+ return str.matches("[0-9]+");
+ }
+
+
+}
diff --git a/src/main/java/com/terra/proxy/controller/HttpsClientRequestFactory.java b/src/main/java/com/terra/proxy/controller/HttpsClientRequestFactory.java
new file mode 100644
index 0000000..90ea67b
--- /dev/null
+++ b/src/main/java/com/terra/proxy/controller/HttpsClientRequestFactory.java
@@ -0,0 +1,122 @@
+package com.terra.proxy.controller;
+
+import org.springframework.http.client.SimpleClientHttpRequestFactory;
+
+import javax.net.ssl.*;
+import java.io.IOException;
+import java.net.HttpURLConnection;
+import java.net.InetAddress;
+import java.net.Socket;
+import java.security.cert.X509Certificate;
+
+public class HttpsClientRequestFactory extends SimpleClientHttpRequestFactory {
+ @Override
+ protected void prepareConnection(HttpURLConnection connection, String httpMethod) {
+ try {
+ if (!(connection instanceof HttpsURLConnection)) {
+ throw new RuntimeException("An instance of HttpsURLConnection is expected");
+ }
+
+ HttpsURLConnection httpsConnection = (HttpsURLConnection) connection;
+
+ TrustManager[] trustAllCerts = new TrustManager[]{
+ new X509TrustManager() {
+ @Override
+ public java.security.cert.X509Certificate[] getAcceptedIssuers() {
+ return null;
+ }
+
+ @Override
+ public void checkClientTrusted(X509Certificate[] certs, String authType) {
+ }
+
+ @Override
+ public void checkServerTrusted(X509Certificate[] certs, String authType) {
+ }
+
+ }
+ };
+ SSLContext sslContext = SSLContext.getInstance("TLS");
+ sslContext.init(null, trustAllCerts, new java.security.SecureRandom());
+ httpsConnection.setSSLSocketFactory(new MyCustomSSLSocketFactory(sslContext.getSocketFactory()));
+
+ httpsConnection.setHostnameVerifier(new HostnameVerifier() {
+ @Override
+ public boolean verify(String s, SSLSession sslSession) {
+ return true;
+ }
+ });
+
+ super.prepareConnection(httpsConnection, httpMethod);
+ } catch (Exception e) {
+ e.printStackTrace();
+ }
+ }
+
+ private static class MyCustomSSLSocketFactory extends SSLSocketFactory {
+
+ private final SSLSocketFactory delegate;
+
+ public MyCustomSSLSocketFactory(SSLSocketFactory delegate) {
+ this.delegate = delegate;
+ }
+
+ // 杩斿洖榛樿鍚敤鐨勫瘑鐮佸浠躲�傞櫎闈炰竴涓垪琛ㄥ惎鐢紝瀵筍SL杩炴帴鐨勬彙鎵嬩細浣跨敤杩欎簺瀵嗙爜濂椾欢銆�
+ // 杩欎簺榛樿鐨勬湇鍔＄殑鏈�浣庤川閲忚姹備繚瀵嗕繚鎶ゅ拰鏈嶅姟鍣ㄨ韩浠介獙璇�
+ @Override
+ public String[] getDefaultCipherSuites() {
+ return delegate.getDefaultCipherSuites();
+ }
+
+ // 杩斿洖鐨勫瘑鐮佸浠跺彲鐢ㄤ簬SSL杩炴帴鍚敤鐨勫悕瀛�
+ @Override
+ public String[] getSupportedCipherSuites() {
+ return delegate.getSupportedCipherSuites();
+ }
+
+
+ @Override
+ public Socket createSocket(final Socket socket, final String host, final int port,
+ final boolean autoClose) throws IOException {
+ final Socket underlyingSocket = delegate.createSocket(socket, host, port, autoClose);
+ return overrideProtocol(underlyingSocket);
+ }
+
+
+ @Override
+ public Socket createSocket(final String host, final int port) throws IOException {
+ final Socket underlyingSocket = delegate.createSocket(host, port);
+ return overrideProtocol(underlyingSocket);
+ }
+
+ @Override
+ public Socket createSocket(final String host, final int port, final InetAddress localAddress,
+ final int localPort) throws
+ IOException {
+ final Socket underlyingSocket = delegate.createSocket(host, port, localAddress, localPort);
+ return overrideProtocol(underlyingSocket);
+ }
+
+ @Override
+ public Socket createSocket(final InetAddress host, final int port) throws IOException {
+ final Socket underlyingSocket = delegate.createSocket(host, port);
+ return overrideProtocol(underlyingSocket);
+ }
+
+ @Override
+ public Socket createSocket(final InetAddress host, final int port, final InetAddress localAddress,
+ final int localPort) throws
+ IOException {
+ final Socket underlyingSocket = delegate.createSocket(host, port, localAddress, localPort);
+ return overrideProtocol(underlyingSocket);
+ }
+
+ private Socket overrideProtocol(final Socket socket) {
+ if (!(socket instanceof SSLSocket)) {
+ throw new RuntimeException("An instance of SSLSocket is expected");
+ }
+ ((SSLSocket) socket).setEnabledProtocols(new String[]{"TLSv1"});
+ return socket;
+ }
+ }
+}
\ No newline at end of file
diff --git a/src/main/java/com/terra/proxy/controller/LoggerController.java b/src/main/java/com/terra/proxy/controller/LoggerController.java
new file mode 100644
index 0000000..55d11d1
--- /dev/null
+++ b/src/main/java/com/terra/proxy/controller/LoggerController.java
@@ -0,0 +1,176 @@
+package com.terra.proxy.controller;
+
+
+import cn.hutool.json.JSONUtil;
+import com.alibaba.fastjson.JSONObject;
+import com.terra.proxy.bean.BlackRule;
+import com.terra.proxy.bean.VistorBean;
+import com.terra.proxy.service.Impl.LogServiceImpl;
+import com.terra.proxy.util.Result;
+import org.slf4j.Logger;
+import org.slf4j.LoggerFactory;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.stereotype.Controller;
+import org.springframework.web.bind.annotation.*;
+import org.springframework.web.servlet.ModelAndView;
+
+import javax.servlet.http.HttpServletRequest;
+import javax.servlet.http.HttpServletResponse;
+import java.util.*;
+
+@Controller
+@RequestMapping("/log")
+@CrossOrigin
+public class LoggerController {
+
+
+ private Logger log = LoggerFactory.getLogger(LoggerController.class);
+ /**
+ * 鏌ヨ姣忔棩璁块棶鏃ュ織缁熻鍥�
+ *
+ * @param 鏃堕棿,涓虹┖鍙栦粖鏃�
+ */
+
+ @Autowired
+ LogServiceImpl logservice;
+
+ @RequestMapping(value = "/getDailyEchart", method = RequestMethod.GET)
+ @ResponseBody
+ public String getDailyEchart(HttpServletRequest request, String starttime, String endtime) {
+ Map<String, Object> param = new HashMap<>();
+ Map<String, Object> result = new HashMap<>();
+ param.put("starttime", starttime);
+ param.put("endtime", endtime);
+ List<Map> list = logservice.getTotalCountPerHour(param);
+ List<Map> resultlist = new ArrayList<>();
+ List<Map> infolist = logservice.getVisitInfoPerHourByip(param);
+ JSONObject json = new JSONObject();
+
+ for (Map map : infolist) {
+ Map<String, Object> tempmap = new HashMap<>();
+ tempmap.put(map.get("requestip").toString(), map.get("count").toString());
+ if (result.containsKey(map.get("caltime").toString())) {
+ List<Map> tlist = (List<Map>) result.get(map.get("caltime").toString());
+ tlist.add(tempmap);
+ } else {
+ List<Map> templist = new ArrayList<Map>();
+ templist.add(tempmap);
+ result.put(map.get("caltime").toString(), templist);
+ }
+ }
+
+ for (Map map : list) {
+ Map<String, Object> tmap = new HashMap<>();
+ tmap.put("name", map.get("caltime").toString());
+ Object[] obj = new Object[3];
+ obj[0] = map.get("caltime").toString();
+ obj[1] = map.get("sum").toString();
+
+ tmap.put("value", obj);
+ if (result.containsKey(map.get("caltime").toString())) {
+ tmap.put("info", result.get(map.get("caltime").toString()));
+ }
+ resultlist.add(tmap);
+ }
+ return JSONUtil.toJsonStr(resultlist);
+ }
+
+
+ @RequestMapping(value = "/querylog", method = RequestMethod.GET)
+ @ResponseBody
+ public String querylog(HttpServletRequest request, HttpServletResponse httpresponse, String ip, Integer id, String result,
+ Date starttime, Date endtime, String servername, Integer resourceid, String fromsys, Integer page, Integer limit) {
+ Map<String, Object> params = new HashMap<>();
+ Map<String, Object> resultmap = new HashMap<>();
+ params.put("ip", ip);
+ params.put("id", id);
+ params.put("result", result);
+ params.put("servername", servername);
+ params.put("resourceid", resourceid);
+ params.put("fromsys", fromsys);
+ params.put("starttime", starttime);
+ params.put("endtime", endtime);
+ params.put("offSet", (page - 1) * limit);
+ params.put("limit", limit);
+ List<Map> list = logservice.querylog(params);
+ int total = logservice.queryTotalLog(params);
+ resultmap.put("data", list);
+ resultmap.put("total", total);
+ return JSONUtil.toJsonStr(resultmap);
+ }
+
+ @RequestMapping(value = "/error", method = RequestMethod.GET)
+ @ResponseBody
+ public ModelAndView error(String result) {
+ ModelAndView mv = new ModelAndView();
+ JSONObject json = JSONObject.parseObject(result);
+
+ mv.addObject("message", json.get("msg"));
+ mv.addObject("status", json.get("code"));
+
+ mv.setViewName("error");
+ return mv;
+ }
+
+ @RequestMapping(value = "/queryBlackLists")
+ @ResponseBody
+ public Result queryBlackLists(Integer limit, Integer page, String ip, String status) {
+ int total = 0;
+
+ HashMap<String, Object> param = new HashMap<>();
+ param.put("limit", limit);
+ param.put("page", (page - 1) * limit);
+ param.put("ip", ip == "" ? null : ip);
+ param.put("status", status == "" ? null : status);
+ List<VistorBean> data = logservice.queryBlackLists(param);
+ total = logservice.getTotalBlackList(param);
+ return Result.ok().put("data", data).put("total", total).put("totalpage", Math.ceil((double) total / (double) limit));
+ }
+
+ @RequestMapping(value = "/delBlack")
+ @ResponseBody
+ public Result delBlackById(VistorBean vistorBean) {
+ logservice.delBlackById(vistorBean);
+ return Result.ok();
+ }
+
+ @RequestMapping(value = "/updateBlackRule")
+ @ResponseBody
+ public Result updateBlackRule(@RequestBody BlackRule blackRule) {
+ logservice.updateRules(blackRule);
+ return Result.ok();
+ }
+
+ @RequestMapping(value = "/selectBalckRule")
+ @ResponseBody
+ public Result selectBalckRule() {
+ BlackRule blackRule = logservice.selectBlackRule();
+ return Result.ok().put("data", blackRule);
+ }
+
+ @RequestMapping(value = "/selectWhiteList")
+ @ResponseBody
+ public Result selectWhiteList(Integer limit, Integer page, String ip, String status) {
+ int total = 0;
+ page = page == null ? 0 : page;
+ HashMap<String, Object> param = new HashMap<>();
+ param.put("limit", limit);
+ param.put("page", (page - 1) * limit);
+ param.put("ip", ip == "" ? null : ip);
+ param.put("status", status == "" ? null : status);
+ List<VistorBean> data = logservice.selectWhiteList(param);
+ total = logservice.getTotalWhiteList(param);
+ return Result.ok().put("data", data).put("total", total).put("totalpage", Math.ceil((double) total / (double) limit));
+ }
+
+ @RequestMapping(value = "/updateWhite")
+ @ResponseBody
+ public Result updateWhite(VistorBean vistorBean) {
+ //鍏堢Щ闄ら粦鍚嶅崟 status 1,2
+ logservice.delBlackById(vistorBean);
+ //鍐嶅姞鍏ョ櫧鍚嶅崟 status 3,4
+ logservice.updateWhite(vistorBean);
+
+ return Result.ok();
+ }
+}
diff --git a/src/main/java/com/terra/proxy/controller/ProxyServletConfigController.java b/src/main/java/com/terra/proxy/controller/ProxyServletConfigController.java
new file mode 100644
index 0000000..db04a2e
--- /dev/null
+++ b/src/main/java/com/terra/proxy/controller/ProxyServletConfigController.java
@@ -0,0 +1,151 @@
+package com.terra.proxy.controller;
+
+import com.alibaba.fastjson.JSON;
+import com.alibaba.fastjson.JSONObject;
+import com.alibaba.fastjson.serializer.SerializerFeature;
+import com.terra.proxy.bean.ServletBean;
+import com.terra.proxy.mapper.ProxyServletMapper;
+import com.terra.proxy.properties.TerraProperties;
+import com.terra.proxy.util.CrpUtil;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.stereotype.Controller;
+import org.springframework.web.bind.annotation.CrossOrigin;
+import org.springframework.web.bind.annotation.RequestMapping;
+import org.springframework.web.bind.annotation.RequestMethod;
+import org.springframework.web.bind.annotation.ResponseBody;
+
+import javax.annotation.Resource;
+import javax.servlet.http.HttpServletRequest;
+import java.io.BufferedReader;
+import java.io.File;
+import java.io.FileReader;
+import java.io.IOException;
+import java.util.Date;
+import java.util.HashMap;
+import java.util.List;
+import java.util.Map;
+import java.util.function.Consumer;
+
+
+/**
+ * 璇ョ被鐢ㄤ簬閰嶇疆浠ｇ悊servlet
+ *
+ * @author zsx
+ */
+@Controller
+@RequestMapping("/serv")
+@CrossOrigin
+public class ProxyServletConfigController {
+
+ @Autowired
+ private TerraProperties properties;
+
+ @Resource
+ ProxyServletMapper mapper;
+
+ @RequestMapping(value = "/addServlet", method = {RequestMethod.GET, RequestMethod.POST})
+ @ResponseBody
+ public String addArcgisServer(HttpServletRequest request, String url, Integer enable, String remark, Integer ispublic) {
+ ServletBean bean = new ServletBean();
+ bean.setEnable(enable);
+ bean.setTime(new Date());
+ bean.setRemark(remark);
+ bean.setUrl(url);
+ bean.setIspublic(ispublic);
+ mapper.addServlet(bean);
+ String proxyurl = new StringBuilder(properties.getProxy().getHost()).append("/servlet/").append(CrpUtil.encode(bean.getId()))
+ .toString();
+ JSONObject json = new JSONObject();
+ json.put("code", 200);
+ json.put("data", proxyurl);
+ json.put("message", "鑾峰彇鎴愬姛");
+ return json.toJSONString(0);
+ }
+
+
+ @RequestMapping(value = "/batchImportFromPath", method = {RequestMethod.GET, RequestMethod.POST})
+ @ResponseBody
+ public String test(HttpServletRequest request, String path, Integer enable) {
+
+ String json = readFile(path);
+ List<Map> t = JSON.parseArray(json, Map.class);
+ t.forEach(new Consumer<Map>() {
+
+ @Override
+ public void accept(Map b) {
+ ServletBean bean = new ServletBean();
+ bean.setEnable(enable);
+ bean.setTime(new Date());
+ bean.setRemark(b.get("serverurl").toString());
+ bean.setUrl(b.get("targetUri").toString());
+ mapper.addServlet(bean);
+
+ }
+ });
+
+ return "";
+ }
+
+ public static String readFile(String json) {
+ //璇诲彇servletjson鏂囦欢
+ File file = new File(json);
+ byte[] buffer = new byte[1024];
+ StringBuilder sb = new StringBuilder();
+ String s = null;
+ BufferedReader br;
+ try {
+ br = new BufferedReader(new FileReader(file));
+ while ((s = br.readLine()) != null) {
+ sb.append(s).append("\n");
+ }
+ br.close();
+ } catch (IOException e1) {
+ e1.printStackTrace();
+ }
+ return sb.toString();
+ }
+
+
+ @RequestMapping(value = "/updateServlet", method = {RequestMethod.GET, RequestMethod.POST})
+ @ResponseBody
+ public String updateServer(HttpServletRequest request, String url, Integer enable, String remark, Integer ispublic, Integer id) {
+ ServletBean bean = new ServletBean();
+ bean.setEnable(enable);
+ bean.setRemark(remark);
+ bean.setUrl(url);
+ bean.setIspublic(ispublic);
+ bean.setId(id);
+ mapper.updateServer(bean);
+ return "ok";
+ }
+
+ @RequestMapping(value = "/delServlet", method = {RequestMethod.GET, RequestMethod.POST})
+ @ResponseBody
+ public String delServlet(HttpServletRequest request, Integer id) {
+
+ mapper.delServer(id);
+ return "ok";
+ }
+
+ @RequestMapping(value = "/queryServlet", method = {RequestMethod.GET, RequestMethod.POST})
+ @ResponseBody
+ public String queryServlet(HttpServletRequest request, Integer id, String url, Integer enable,
+ String remark, Integer page, Integer limit, Date starttime, Date endtime) {
+ Map<String, Object> params = new HashMap<>();
+ Map<String, Object> resultmap = new HashMap<>();
+ params.put("url", url);
+ params.put("enable", enable);
+ params.put("remark", remark);
+ params.put("id", id);
+ params.put("starttime", starttime);
+ params.put("endtime", endtime);
+ params.put("offSet", (page - 1) * limit);
+ params.put("limit", limit);
+ List<Map> list = mapper.queryServer(params);
+ int total = mapper.queryTotalServer(params);
+ resultmap.put("data", list);
+ resultmap.put("total", total);
+ String str = JSONObject.toJSONStringWithDateFormat(resultmap, "yyyy-MM-dd HH:mm:ss", SerializerFeature.PrettyFormat);
+ return str;
+ }
+}
diff --git a/src/main/java/com/terra/proxy/controller/ServiceRegisterController.java b/src/main/java/com/terra/proxy/controller/ServiceRegisterController.java
new file mode 100644
index 0000000..12793ca
--- /dev/null
+++ b/src/main/java/com/terra/proxy/controller/ServiceRegisterController.java
@@ -0,0 +1,441 @@
+package com.terra.proxy.controller;
+
+import cn.hutool.json.JSONObject;
+import cn.hutool.json.JSONUtil;
+import com.terra.proxy.bean.CustomerToken;
+import com.terra.proxy.bean.ServerRgBean;
+import com.terra.proxy.bean.TokenRecord;
+import com.terra.proxy.mapper.LogMapper;
+import com.terra.proxy.properties.TerraProperties;
+import com.terra.proxy.service.Impl.ServerRegisterServiceImpl;
+import com.terra.proxy.util.JedisUtils;
+import com.terra.proxy.util.JwtUtils;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.beans.factory.annotation.Value;
+import org.springframework.http.HttpStatus;
+import org.springframework.http.ResponseEntity;
+import org.springframework.stereotype.Controller;
+import org.springframework.util.StringUtils;
+import org.springframework.web.bind.annotation.CrossOrigin;
+import org.springframework.web.bind.annotation.RequestMapping;
+import org.springframework.web.bind.annotation.RequestMethod;
+import org.springframework.web.bind.annotation.ResponseBody;
+import redis.clients.jedis.Jedis;
+import springfox.documentation.annotations.ApiIgnore;
+
+import javax.servlet.http.HttpServletRequest;
+import java.io.UnsupportedEncodingException;
+import java.net.URI;
+import java.net.URISyntaxException;
+import java.util.Date;
+import java.util.HashMap;
+import java.util.List;
+import java.util.Map;
+
+@Controller
+@RequestMapping("/serverRegister")
+@CrossOrigin
+public class ServiceRegisterController {
+
+ @Autowired
+ JedisUtils jedisUtils;
+
+ @Autowired
+ JwtUtils JwtUtils;
+
+ @Autowired
+ ServerRegisterServiceImpl serverRegisterService;
+
+ @Autowired
+ LogMapper logMapper;
+
+ @Value("${sys.allowedips}")
+ private String allowedips;
+ @Value("${sys.jwt.expire}")
+ private Long expireSeconds;
+
+ @Value("${sys.visitname}")
+ private String visitname;
+ @Value("${sys.visitpwd}")
+ private String visitpwd;
+
+ private final static String[] hexDigits = {"0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "a", "b", "c", "d", "e", "f"};
+
+ private String salt = "abcde";
+
+ private String pass = "HYFW";
+ @Autowired
+ private TerraProperties properties;
+
+ /**
+ * Arcgis Server 鏈嶅姟浠ｇ悊娉ㄥ唽
+ * @param request
+ * @param zyid
+ * @param serverUrl
+ * @param contextPath
+ * @param urlid
+ * @param isPublic
+ * @param suffix
+ * @param fromsys
+ * @param servername
+ * @param enable
+ * @return
+ */
+ @RequestMapping(value = "/addArcGisServer", method = RequestMethod.GET)
+ @ResponseBody
+ public String addArcgisServer(HttpServletRequest request, Integer zyid, String serverUrl,
+ String contextPath, Integer urlid, Integer isPublic, Integer suffix, String fromsys, String servername, Integer enable) {
+ ServerRgBean serverRgBean = new ServerRgBean(serverUrl, zyid, isPublic, urlid, contextPath, suffix, fromsys, servername, enable != null ? enable : 1);
+ String servertype = judgeServerType(serverUrl);
+ serverRegisterService.addServer(serverRgBean);
+ JSONObject json = new JSONObject();
+ json.put("id", serverRgBean.getId());
+ json.put("result", 0);
+ String proxyurl = "";
+ if (!StringUtils.isEmpty(suffix)) {
+ proxyurl = new StringBuilder(properties.getProxy().getHost()).append("/arcgis/rest/services/").append(zyid).append("/").append(suffix.toString()).append("/").append(servertype).toString();
+ } else {
+ proxyurl = new StringBuilder(properties.getProxy().getHost()).append("/arcgis/rest/services/").append(zyid).append("/").append(servertype).toString();
+ }
+ json.put("proxyurl", proxyurl);
+ return json.toJSONString(0);
+ }
+
+ public static String judgeServerType(String serverUrl) {
+ //鑾峰彇鏈嶅姟鐨刾ath,鎸夋枩鏉犲垏鍓叉垚鏁扮粍
+ String type = null;
+ try {
+ URI uri = new URI(serverUrl);
+ String path = uri.getPath();
+ String[] t = path.split("/");
+ if (isdigit(t[t.length - 1])) {
+ type = t[t.length - 2];
+ } else {
+ type = t[t.length - 1];
+ }
+ System.out.print(path);
+ } catch (URISyntaxException e) {
+ // TODO Auto-generated catch block
+ e.printStackTrace();
+ }
+ return type;
+ }
+
+ public static boolean isdigit(String str) {
+
+ return str.matches("[0-9]+");
+ }
+
+ public static void main(String[] args) {
+ String serverUrl = "http://18.1.1.55:6080/arcgis/rest/services/BaseMap_Remote_WGS1984_Mercator2016/ImageServer";
+ judgeServerType(serverUrl);
+ }
+
+
+ /**
+ * Arcgis Server 鏈嶅姟浠ｇ悊鏇存柊
+ * @param request
+ * @param zyid
+ * @param serverUrl
+ * @param contextPath
+ * @param urlid
+ * @param isPublic
+ * @param suffix
+ * @param id
+ * @param fromsys
+ * @param serverName
+ * @param enable
+ * @return
+ */
+ @RequestMapping(value = "/updateArcGisServer", method = RequestMethod.GET)
+ @ApiIgnore
+ @ResponseBody
+ public String updateArcgisServer(HttpServletRequest request, Integer zyid, String serverUrl,
+ String contextPath, Integer urlid, Integer isPublic, Integer suffix, Integer id, String fromsys, String serverName, Integer enable) {
+ Map<String, Object> params = new HashMap<>();
+ // 鑾峰彇婧愭湇鍔″湴鍧�,涓婁笅鏂囨湇鍔″湴鍧� ,璧勬簮id,灏嗗叾鎸佷箙鍖栧叆搴�,骞惰繑鍥炴湇鍔d
+ params.put("serverurl", serverUrl);
+ params.put("servername", serverName);
+ params.put("resourceid", zyid);
+ params.put("suffix", suffix);
+ params.put("ispublic", isPublic);
+ params.put("urlid", urlid);
+ params.put("enable", enable);
+ params.put("id", id);
+ int result = serverRegisterService.updateServer(params);
+ if (result > 0) {
+ JSONObject json = new JSONObject();
+ json.put("id", id);
+ json.put("result", 0);
+ return json.toJSONString(0);
+ }
+ return "error";
+ }
+
+
+ /**
+ * ArcgisServer鏈嶅姟鍒犻櫎
+ * @param id
+ * @return
+ */
+ @RequestMapping(value = "/delArcGisServer", method = RequestMethod.GET)
+ @ApiIgnore
+ public ResponseEntity<String> delArcGisServer(Integer id) {
+
+ int result = serverRegisterService.delServer(id);
+ if (result > 0) {
+ return new ResponseEntity<>("鍒犻櫎鏈嶅姟鎴愬姛", HttpStatus.OK);
+ }
+ return new ResponseEntity<>("鍒犻櫎鏈嶅姟澶辫触", HttpStatus.FAILED_DEPENDENCY);
+ }
+
+
+ @RequestMapping(value = "/genToken", method = RequestMethod.GET)
+ @ResponseBody
+ public String genToken(String userid, String password, String resourceid, HttpServletRequest req, Long expiration, String identyinfo, String appUrl, Boolean isPubzy, String appId, String applyuserid) {
+ if (expiration == null || expiration == 0) expiration = this.expireSeconds;
+ JSONObject json = new JSONObject();
+
+ if (userid == null || userid.isEmpty() || password == null || password.isEmpty()) {
+ json.put("code", 403);
+ json.put("data", null);
+ json.put("message", "鐢ㄦ埛鍚嶄笉鑳戒负绌�");
+ return json.toJSONString(0);
+ }
+ if (!userid.equals(visitname) || !password.equals(visitpwd)) {
+ json.put("code", 401);
+ json.put("data", null);
+ json.put("message", "鐢ㄦ埛鍚嶅瘑鐮佷笉姝ｇ‘");
+ return json.toJSONString(0);
+ }
+ if (!resourceid.matches("[0-9]+")) {
+ json.put("code", 401);
+ json.put("data", null);
+ json.put("message", "璧勬簮id鏍煎紡涓嶆纭�");
+ return json.toJSONString(0);
+ }
+
+ Jedis jedis = jedisUtils.getJedis();
+ try {
+ CustomerToken cutToken = new CustomerToken();
+ cutToken.setResourceId(resourceid);
+ cutToken.setUserid(applyuserid == null ? "0" : applyuserid);
+ cutToken.setAppUrl(appUrl == null ? "" : appUrl);
+ cutToken.setAppId(appId == null ? "0" : appUrl);
+ cutToken.setClientIp(req.getRemoteHost());
+ cutToken.setRemark(identyinfo == null ? "" : identyinfo);
+ String token = expiration != null ? JwtUtils.generateToken(cutToken.toString(), expiration) : JwtUtils.generateToken(cutToken.toString(), expireSeconds);
+ TokenRecord record = new TokenRecord();
+ record.setApplytime(new Date());
+ record.setExpiration(expiration != null ? expiration.intValue() : expireSeconds.intValue());
+ record.setIdentyinfo(identyinfo);
+ record.setTokeninfo(cutToken.toString());
+ if (!StringUtils.isEmpty(resourceid)) {
+ record.setResourceid(Integer.valueOf(resourceid));
+ }
+ record.setToken(token);
+ record.setTokenapplyer(req.getRemoteHost());
+ logMapper.saveTokenRecord(record);
+ jedis.setex("zytoken:" + token, expiration != null ? expiration.intValue() : expireSeconds.intValue(), "1");
+ json.put("code", 200);
+ json.put("data", token);
+ json.put("message", "鑾峰彇鎴愬姛");
+ return json.toJSONString(0);
+ } catch (Exception e) {
+
+ e.printStackTrace();
+
+ } finally {
+ jedis.close();
+ }
+ return "error";
+ }
+
+
+ /**
+ * 鑾峰彇token璁板綍
+ * @param token
+ * @param identyinfo
+ * @return
+ */
+ @RequestMapping(value = "/getTokenRecord", method = RequestMethod.GET)
+ @ResponseBody
+ public String getTokenRecord(String token, String identyinfo) {
+ Map<String, Object> map = new HashMap<>();
+ map.put("token", token);
+ map.put("identyinfo", identyinfo);
+ List<Map> list = logMapper.selectTokenRecord(map);
+ return JSONUtil.toJsonStr(list);
+
+ }
+
+
+ /**
+ * 搴旂敤绯荤粺鐢宠token,鏃堕棿浼犵┖,鍒欎娇鐢ㄥ悇鑷粯璁ょ殑token鏃舵晥鍊�
+ *
+ * @param appId
+ * @param req
+ * @param expiration
+ * @return
+ */
+ @RequestMapping(value = "/genAppToken", method = RequestMethod.GET)
+ @ResponseBody
+ public String genAppToken(Integer appId, HttpServletRequest req, Long expiration) {
+ JSONObject json = new JSONObject();
+ if (appId == null || appId == 0) {
+ json.put("code", 403);
+ json.put("data", null);
+ json.put("message", "搴旂敤绯荤粺id涓嶈兘涓虹┖");
+ return json.toJSONString(0);
+ }
+ Jedis jedis = jedisUtils.getJedis();
+ try {
+
+ String token = JwtUtils.generateToken(expiration, appId);
+ jedis.set(token, token);
+ jedis.expire(token, expiration != null ? expiration.intValue() : expireSeconds.intValue());
+ json.put("code", 200);
+ json.put("data", token);
+ json.put("message", "鑾峰彇鎴愬姛");
+ return json.toJSONString(0);
+ } catch (Exception e) {
+ e.printStackTrace();
+
+ } finally {
+ jedis.close();
+ }
+
+ return "error";
+ }
+
+
+ @RequestMapping(value = "/genTokenByUserid", method = RequestMethod.GET)
+ @ResponseBody
+ public String genTokenForJGPT(Integer userid, HttpServletRequest req, Long expiration) {
+ System.out.println(allowedips);
+ JSONObject json = new JSONObject();
+
+ Jedis jedis = jedisUtils.getJedis();
+ try {
+ String token = expiration != null ? JwtUtils.generateToken(userid, expiration) : JwtUtils.generateToken(userid, expireSeconds);
+ jedis.set(token, token);
+ jedis.expire(token, expiration != null ? expiration.intValue() : expireSeconds.intValue());
+ return token;
+ } catch (Exception e) {
+ e.printStackTrace();
+
+ } finally {
+ jedis.close();
+ }
+ return "error";
+ }
+
+ @RequestMapping(value = "/queryServer")
+ @ApiIgnore
+ @ResponseBody
+ public String queryServer(HttpServletRequest request, Integer zyid, String serverUrl,
+ String contextPath, Integer urlid, Integer isPublic, Integer suffix, String fromsys, Integer page, Integer limit, String servername) {
+ Map<String, Object> params = new HashMap<>();
+ Map<String, Object> resultmap = new HashMap<>();
+ // 鑾峰彇婧愭湇鍔″湴鍧�,涓婁笅鏂囨湇鍔″湴鍧� ,璧勬簮id,灏嗗叾鎸佷箙鍖栧叆搴�,骞惰繑鍥炴湇鍔d
+ params.put("serverurl", serverUrl);
+ params.put("resourceid", zyid);
+ params.put("contextPath", contextPath);
+ params.put("serverUrl", serverUrl);
+ params.put("suffix", suffix);
+ params.put("ispublic", isPublic);
+ params.put("urlid", urlid);
+ params.put("fromsys", fromsys);
+ params.put("offSet", (page - 1) * limit);
+ params.put("limit", limit);
+ params.put("servername", servername);
+ List<Map> list = serverRegisterService.queryServer(params);
+ int total = serverRegisterService.queryTotalServer(params);
+ resultmap.put("data", list);
+ resultmap.put("totalpage", Math.ceil((double) total / (double) limit));
+ resultmap.put("total", total);
+ String str = JSONUtil.toJsonStr(resultmap);
+ return str;
+ }
+
+ @RequestMapping(value = "/queryServer2", method = RequestMethod.POST)
+ @ApiIgnore
+ @ResponseBody
+ public String queryServer2(HttpServletRequest request, Integer zyid, String serverUrl,
+ String contextPath, Integer urlid, Integer isPublic, String fromsys, Integer enable) {
+ Map<String, Object> params = new HashMap<>();
+ // 鑾峰彇婧愭湇鍔″湴鍧�,涓婁笅鏂囨湇鍔″湴鍧� ,璧勬簮id,灏嗗叾鎸佷箙鍖栧叆搴�,骞惰繑鍥炴湇鍔d
+ params.put("serverurl", serverUrl);
+ params.put("resourceid", zyid);
+ params.put("contextPath", contextPath);
+ params.put("serverUrl", serverUrl);
+ params.put("ispublic", isPublic);
+ params.put("urlid", urlid);
+ params.put("enable", enable);
+ params.put("fromsys", fromsys);
+ List<Map> list = serverRegisterService.queryServer2(params);
+ return list.toString();
+ }
+
+ @RequestMapping(value = "/getProxyUrl", method = RequestMethod.POST)
+ @ApiIgnore
+ @ResponseBody
+ public String getProxyUrl(HttpServletRequest request, String url) {
+ Map<String, Object> params = new HashMap<>();
+ // 鑾峰彇婧愭湇鍔″湴鍧�,涓婁笅鏂囨湇鍔″湴鍧� ,璧勬簮id,灏嗗叾鎸佷箙鍖栧叆搴�,骞惰繑鍥炴湇鍔d
+ URI uri = null;
+ try {
+ uri = new URI(url);
+ } catch (URISyntaxException e1) {
+ // TODO Auto-generated catch block
+ e1.printStackTrace();
+ }
+ String path = uri.getPath();
+ String param = path;
+ path = path.replace("arcgis/rest/services/", "");
+ param = param.replace("arcgis/rest/services/", "");
+ path = path.substring(0, path.indexOf("MapServer"));
+ param = param.substring(param.indexOf("/MapServer"));
+ String result = "";
+ try {
+ result = byteArrayToHexString(path.getBytes("utf-8"));
+ } catch (UnsupportedEncodingException e) {
+ // TODO Auto-generated catch block
+ e.printStackTrace();
+ }
+
+ StringBuilder serverurl = new StringBuilder(properties.getProxy().getHost());
+ serverurl.append("/server/").append(result).append(param);
+ return serverurl.toString();
+ }
+
+ private String mergePathAndSalt(String path) {
+
+ if (path == null) {
+ path = "";
+ } else {
+ path = path + salt;
+ }
+
+ return path;
+
+ }
+
+ private static String byteArrayToHexString(byte[] b) {
+ StringBuffer resultsb = new StringBuffer();
+ for (int i = 0; i < b.length; i++) {
+ resultsb.append(byteToHexString(b[i]));
+ }
+ return resultsb.toString();
+ }
+
+ private static String byteToHexString(byte b) {
+ String hex = Integer.toHexString(b & 0xff);
+ if (hex.length() < 2) {
+ hex = "0" + hex;
+ }
+ return hex;
+ }
+
+
+}
diff --git a/src/main/java/com/terra/proxy/controller/TestController.java b/src/main/java/com/terra/proxy/controller/TestController.java
new file mode 100644
index 0000000..1ca9c0a
--- /dev/null
+++ b/src/main/java/com/terra/proxy/controller/TestController.java
@@ -0,0 +1,267 @@
+package com.terra.proxy.controller;
+
+
+import cn.hutool.core.bean.BeanUtil;
+import com.alibaba.excel.EasyExcel;
+import com.alibaba.fastjson.JSONObject;
+import com.google.gson.Gson;
+import com.google.gson.internal.LinkedTreeMap;
+import com.terra.proxy.bean.Content;
+import com.terra.proxy.bean.E;
+import com.terra.proxy.bean.ServerExcelApplyEntity;
+import com.terra.proxy.intercepter.ServiceExcelListener;
+import com.terra.proxy.mapper.ApproveDao;
+import com.terra.proxy.service.Impl.LogServiceImpl;
+import com.terra.proxy.service.Impl.ServerRegisterServiceImpl;
+import org.apache.commons.lang3.StringUtils;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.http.HttpEntity;
+import org.springframework.http.HttpHeaders;
+import org.springframework.http.HttpMethod;
+import org.springframework.http.ResponseEntity;
+import org.springframework.web.bind.annotation.RequestMapping;
+import org.springframework.web.bind.annotation.RequestParam;
+import org.springframework.web.bind.annotation.ResponseBody;
+import org.springframework.web.bind.annotation.RestController;
+import org.springframework.web.client.RestTemplate;
+
+import javax.servlet.http.HttpServletRequest;
+import javax.servlet.http.HttpServletResponse;
+import java.io.File;
+import java.io.FileNotFoundException;
+import java.io.FileOutputStream;
+import java.io.IOException;
+import java.net.URI;
+import java.net.URISyntaxException;
+import java.nio.charset.StandardCharsets;
+import java.util.*;
+
+@RestController
+public class TestController {
+
+ @Autowired
+ private ServerRegisterServiceImpl registerService;
+
+ @Autowired
+ private LogServiceImpl logService;
+
+ @Autowired
+ private ApproveDao approveDao;
+
+ @RequestMapping(value="/test")
+ @ResponseBody
+ public String test(@RequestParam Map<String,Object> str) throws InterruptedException {
+ System.out.println(JSONObject.toJSONString(str));
+ return JSONObject.toJSONString(str);
+ }
+
+ @RequestMapping("/sde")
+ public String sde( ) throws FileNotFoundException {
+ List<E> list=approveDao.selectAll();
+ List<E> data = new ArrayList<>();
+ for (E e : list) {
+ Object content = e.getContent();
+ if(null!=content){
+ String c = (String) content;
+ List<Content> content1 = JSONObject.parseArray(c, Content.class);
+ for (Content content2 : content1) {
+ E e1 = new E();
+ BeanUtil.copyProperties(e,e1);
+ e1.setLgtd(content2.getLgtd());
+ e1.setLttd(content2.getLttd());
+ e1.setText(content2.getText());
+ data.add(e1);
+ }
+ }else{
+ data.add(e);
+ }
+ }
+ File file = new File("D:\\2345\\0924\\test.xlsx");
+ EasyExcel.write(new FileOutputStream(file),E.class).sheet().doWrite(data);
+ return null;
+ }
+
+
+ @RequestMapping("/testPaath")
+ public String testPath(HttpServletRequest request) {
+ return null;
+ }
+
+ @RequestMapping("/test/addList")
+ public String addList() {
+ RestTemplate restTemplate = new RestTemplate();
+ HttpHeaders httpHeader = new HttpHeaders();
+ String cookieStr="sid=4433a513-3e75-4d9e-831d-98b041108003; JSESSIONID=648F33D259FAD5EF49338EAF516691AF; rememberMe=/zfA7SyRVnGeU4vZZqxwjBGYuYV9qj2xZ3oQoPxXkBba2BrrMAmZSovam/kn3uV2WF3cvloVY5Xcti4nueHPjcN6JWXuMbsdbq+w4eKoyz46GitbVxO3MAJcJRvuIdQ5JBU/v2z68vnuXLLghK4nho+2MSsHgMRQKPJsTaqhuvNdtsno6tWzBq00/DkT/idDzUMwuHfSI0P4C8O+sUcYxVtdfKXg2L4PzctREvOgsSKR2EMHOoGj0E/T7pFIq3qGpnDrKa/V+mcYkSwGMFxbvBZLsWpPmFleJRRt60gpHeVaPA4R+aTVVzvWPKGf0sEKh4FggfPhS80WjCsYqBhoBsIWWqukO0lJkGnJSHchJgNCqbU9jDxLohICqssQAn6T2zTeqHJtcj+adWHXanhtHe1+g9CPPmWxHS7r1J/nszdrHos1PgLUCoUKLXfFTM5dyaCYL4ficggm4q0MXny7SH41UTF3hOAeZ/LOqvhauT7ggm+dT0s0VGCWYMXLeviV";
+ ArrayList<String> arrayList = new ArrayList<>();
+ arrayList.add(cookieStr);
+ httpHeader.put("Cookie",arrayList);
+ String urlForList="http://71.3.251.65:8080/hdhj/approve/base/page/list";
+ String urlForId="http://71.3.251.65:8080/hdhj/approve/base/list/";
+ HttpEntity<String> request = new HttpEntity<>(null, httpHeader);
+ ResponseEntity<JSONObject> exchange = restTemplate.exchange(urlForList, HttpMethod.GET, request, JSONObject.class);
+ JSONObject body = exchange.getBody();
+ Object data=null;
+ List<Map<String,Object>> dataMap= (List<Map<String,Object>>) body.get("data");
+ for (Map map : dataMap) {
+ HashMap<String, Object> param = new HashMap<>();
+ param.put("seaArea",(String)map.get("seaArea"));
+ param.put("id",(String)map.get("id"));
+ approveDao.updateSeaArea(param);
+ }
+ return null;
+ }
+
+
+
+ public static void main(String[] args) {
+ String excel="D:\\2345\\0812\\excel\\newExcel.xlsx";
+ String newExcel="D:\\2345\\0812\\excel\\骞夸笢鏈嶅姟娉ㄥ唽婧愭ā鐗�20210812.xlsx";
+ File file = new File(excel);
+ File newFile = new File(newExcel);
+ int i=0;
+ Map<String,String> param= new HashMap<>();
+ List<ServerExcelApplyEntity> lists = EasyExcel.read(file, ServerExcelApplyEntity.class,new ServiceExcelListener()).doReadAllSync();
+ List<ServerExcelApplyEntity> oldLists = EasyExcel.read(newFile,ServerExcelApplyEntity.class,new ServiceExcelListener()).sheet("鏈嶅姟娉ㄥ唽琛�").doReadSync();
+ for (ServerExcelApplyEntity list : lists) {
+ String serverUrl = list.getServerUrl();
+ if(serverUrl.contains("MapServer")){
+ String[] mapServers = serverUrl.split("MapServer/");
+ String substring = mapServers[1];
+ param.put(list.getZyId().toString(),substring);
+ }
+ }
+ for (Map.Entry<String, String> entry : param.entrySet()) {
+ String key = entry.getKey();
+ String value = entry.getValue();
+ oldLists.stream().forEach(
+ s->{
+ if(StringUtils.equals(key,s.getZyId().toString())){
+ String[] split = s.getServerUrl().split("=");
+ s.setServerUrl(split[0]+"=show:"+value);
+ }
+ }
+ );
+ }
+ String path="D:\\2345\\0812\\excel\\0812\\newExce.xlsx";
+ EasyExcel.write(path, ServerExcelApplyEntity.class).sheet("鏈嶅姟娉ㄥ唽琛�").doWrite(oldLists);
+ }
+
+
+
+
+ @RequestMapping("/test/excelUpdate")
+ public String getUser() {
+ String path="D:\\2345\\0812\\excel\\0812\\newExce.xlsx";
+ Map<String,Object> map =new HashMap<>();
+ List<ServerExcelApplyEntity> oldLists = EasyExcel.read(path,ServerExcelApplyEntity.class,new ServiceExcelListener()).doReadAllSync();
+ oldLists.forEach(s->{
+ String serverUrl = s.getServerUrl();
+ System.out.println("serverUrl = " + serverUrl);
+ Integer zyId = s.getZyId();
+ System.out.println("resourceid = " + zyId);
+ map.put("serverurl",serverUrl);
+ map.put("resourceid",zyId);
+ map.clear();
+ });
+
+ return null;
+ }
+
+ @RequestMapping("/testMap")
+ public String testMap(HttpServletResponse response) {
+ RestTemplate restTemplate = new RestTemplate();
+ String url="http://71.3.251.50:6080/arcgis/rest/services/HYQY/HYQY_GD_CGCS2000/MapServer/export?bbox=90%2C0%2C135%2C45&size=256%2C256&format=png&transparent=true&f=image&bboxSR=4326&imageSR=4326";
+ HttpHeaders httpHeader = new HttpHeaders();
+ HttpEntity<String> request = new HttpEntity<>(null, httpHeader);
+ Boolean htmlFlag=true;
+ try {
+ URI uri = new URI(url);
+ ResponseEntity<byte[]> exchange = restTemplate.exchange(uri, HttpMethod.GET, request, byte[].class);
+ HttpHeaders headers = exchange.getHeaders();
+ Set<Map.Entry<String, List<String>>> entries = headers.entrySet();
+ for (Map.Entry<String, List<String>> next : entries) {
+ String key = next.getKey();
+ List<String> value = next.getValue();
+ for (String s : value) {
+ if (s.toUpperCase().contains("IMAGE")) htmlFlag = false;
+ System.out.println(key + " =" + s);
+ response.setHeader(key, s);
+ }
+ }
+ byte[] body = exchange.getBody();
+ if(htmlFlag){
+ String string = new String(body);
+ String regx="<a[^>]+>([^<]+</a>)";//a鏍囩杩囨护
+ string=string.replaceAll(regx,"");
+ response.getOutputStream().write(string.getBytes(StandardCharsets.UTF_8));
+ }else {
+ response.getOutputStream().write(body);
+ }
+
+
+ } catch (IOException | URISyntaxException e) {
+ e.printStackTrace();
+ }
+ return null;
+ }
+
+
+ @RequestMapping("/sde/1012")
+ public String updateGemo() {
+ List<E> list = approveDao.selectEXTENDFILESPOINT();
+ Gson gson = new Gson();
+
+ for (E e : list) {
+ String wkt = e.getContent();
+ int count = StringUtils.countMatches(wkt, "text");
+ if(count==1){
+ //鐐�
+
+ StringBuilder geom= new StringBuilder();
+
+ ArrayList arrayList = gson.fromJson(wkt, ArrayList.class);
+
+ LinkedTreeMap map = (LinkedTreeMap) arrayList.get(0);
+
+ geom.append("").append(map.get("lgtd")).append(" ").append(map.get("lttd")).append("");
+
+ HashMap<String, Object> param = new HashMap<>();
+
+ param.put("geom","'POLYGON("+geom+","+geom+")'");
+
+ param.put("id",e.getId());
+ continue;
+ }else {
+ //澶氱偣
+ StringBuilder geom= new StringBuilder();
+ ArrayList arrayList = gson.fromJson(wkt, ArrayList.class);
+ String index="";
+ for (int i = 0; i <arrayList.size() ; i++) {
+ LinkedTreeMap map = (LinkedTreeMap) arrayList.get(i);
+ if(i==arrayList.size()-1){
+ geom.append("").append(map.get("lgtd")).append(" ").append(map.get("lttd")).append("");
+ geom.append(index);
+ }else {
+ if(i==0){ index=","+map.get("lgtd")+" "+map.get("lttd"); }
+ geom.append(map.get("lgtd")).append(" ").append(map.get("lttd")).append(",");
+ }
+ }
+ HashMap<String, Object> param = new HashMap<>();
+ param.put("geom","'POLYGON(("+geom+"))'");
+ param.put("id",e.getId());
+ try{
+ approveDao.updateEXTENDFILESPOINTS(param);
+ }catch (Exception ex){
+ ex.printStackTrace();
+ }
+ }
+ e.setGeom("");
+ }
+
+ return null;
+ }
+
+
+
+}
+
diff --git a/src/main/java/com/terra/proxy/controller/TiantiduMergeController.java b/src/main/java/com/terra/proxy/controller/TiantiduMergeController.java
new file mode 100644
index 0000000..c6c4860
--- /dev/null
+++ b/src/main/java/com/terra/proxy/controller/TiantiduMergeController.java
@@ -0,0 +1,244 @@
+package com.terra.proxy.controller;
+
+import cn.hutool.json.JSONObject;
+import com.terra.proxy.bean.TiandiantuMergeInfo;
+import com.terra.proxy.mapper.ServiceMapper;
+import com.terra.proxy.properties.TerraProperties;
+import org.apache.http.HttpEntity;
+import org.apache.http.HttpResponse;
+import org.apache.http.client.ClientProtocolException;
+import org.apache.http.client.methods.HttpGet;
+import org.apache.http.impl.client.CloseableHttpClient;
+import org.apache.http.impl.client.HttpClientBuilder;
+import org.slf4j.Logger;
+import org.slf4j.LoggerFactory;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.http.MediaType;
+import org.springframework.web.bind.annotation.*;
+
+import javax.annotation.Resource;
+import javax.imageio.ImageIO;
+import javax.servlet.http.HttpServletRequest;
+import javax.servlet.http.HttpServletResponse;
+import java.awt.*;
+import java.awt.image.BufferedImage;
+import java.io.*;
+import java.net.URI;
+import java.net.URISyntaxException;
+import java.util.List;
+import java.util.Map;
+
+
+@RestController
+@RequestMapping("/")
+@CrossOrigin
+public class TiantiduMergeController {
+
+ private Logger log = LoggerFactory.getLogger(TiantiduMergeController.class);
+
+ @Autowired
+ private TerraProperties properties;
+
+ @Resource
+ ServiceMapper mapper;
+
+ /**
+ * 鑾峰彇澶╁湴鍥惧奖鍍忕被铻嶅悎鍦板潃
+ *
+ * @param ditu 搴曞浘
+ * @param zhujigroup 娉ㄨ鍥惧眰缁�,鐢�,鍙烽殧寮�
+ */
+ @RequestMapping(value = "/tianditumerge/getmergeaddress", method = RequestMethod.GET)
+ public String getmergeaddress(HttpServletRequest request, String ditu, String zhujigroup, int resourceid) {
+ StringBuilder sb = new StringBuilder();
+ TiandiantuMergeInfo t = new TiandiantuMergeInfo();
+ t.setBasemap(ditu);
+ t.setZhujimapgroup(zhujigroup);
+ t.setResourceid(resourceid);
+ int result = mapper.addtianditumerge(t);
+ if (result > 0) {
+ sb.append(properties.getProxy().getHost()).append("/ter").append("/" + t.getMergeid() + "/getinfo_w");
+ JSONObject JSON = new JSONObject();
+ JSON.put("url", sb.toString());
+ return JSON.toString();
+ }
+
+ return null;
+ }
+
+ /**
+ * 鑾峰彇澶╁湴鍥惧奖鍍忕被铻嶅悎鍦板潃
+ *
+ * @param ditu 搴曞浘
+ * @param zhujigroup 娉ㄨ鍥惧眰缁�,鐢�,鍙烽殧寮�
+ */
+ @RequestMapping(value = "/arcgis/getarcgismergeaddress", method = RequestMethod.GET)
+ public String getarcgismergeaddress(HttpServletRequest request, String ditu, String zhujigroup, int resourceid) {
+ StringBuilder sb = new StringBuilder();
+ TiandiantuMergeInfo t = new TiandiantuMergeInfo();
+ t.setBasemap(ditu);
+ t.setZhujimapgroup(zhujigroup);
+ t.setResourceid(resourceid);
+ int result = mapper.addtianditumerge(t);
+ if (result > 0) {
+ sb.append(properties.getProxy().getHost()).append("/arcgis/rest/services").append("/" + t.getMergeid() + "/merge");
+ JSONObject JSON = new JSONObject();
+ JSON.put("url", sb.toString());
+ return JSON.toString();
+ }
+
+ return null;
+ }
+
+ /**
+ * arcgis铻嶅悎浠ｇ悊鏈嶅姟,鏍规嵁mergeid瀵绘壘 娉ㄥ唽鐨勫浘灞�,http璇锋眰杩斿洖鍥剧墖鏁扮粍,鍚堟垚杩斿洖鍓嶇
+ *
+ * @param request
+ * @param mergeid
+ * @return
+ * @throws IOException
+ * @throws URISyntaxException
+ */
+ @RequestMapping(value = "/ter_/{id}/getinfo_w/**", produces = MediaType.IMAGE_JPEG_VALUE, method = RequestMethod.GET)
+ public void getarcgisimageinfo(HttpServletRequest request, HttpServletResponse httpresponse, @PathVariable(value = "id") int mergeid) throws IOException, URISyntaxException {
+ //鏍规嵁mergeid鑾峰彇鍏宠仈鐨勫浘灞�
+ List<Map> list = mapper.querytianditumerge(mergeid);
+ String pathinfo = request.getQueryString();
+ String pstring = "/wmts?" + pathinfo;
+ Map<String, Object> map = list.get(0);
+ map.get("BASEMAP");
+ String basepstring = concataddress(map.get("BASEMAP").toString(), pstring);
+ String str1 = map.get("BASEMAP").toString().concat(basepstring);
+ String[] zhujis = map.get("ZHUJIMAPGROUP").toString().split(",");
+ BufferedImage img = new BufferedImage(256, 256, BufferedImage.TYPE_INT_RGB);
+ Graphics g = img.getGraphics();
+ process(str1, g);
+ for (int i = 0; i < zhujis.length; i++) {
+ String temp = concataddress(zhujis[i], pstring);
+ if (!zhujis[i].isEmpty()) {
+ zhujis[i] = zhujis[i].concat(temp);
+
+ process(zhujis[i], g);
+ }
+ }
+ g.dispose();
+
+ ImageIO.write(img, "png", httpresponse.getOutputStream());
+ }
+
+
+ /**
+ * 澶╁湴鍥捐瀺鍚堜唬鐞嗘湇鍔�,鏍规嵁mergeid瀵绘壘 娉ㄥ唽鐨勫浘灞�,http璇锋眰杩斿洖鍥剧墖鏁扮粍,鍚堟垚杩斿洖鍓嶇
+ *
+ * @param request
+ * @param mergeid
+ * @return
+ * @throws IOException
+ * @throws URISyntaxException
+ */
+ @RequestMapping(value = "/arcgis/rest/services/{id}/merge/**", method = RequestMethod.GET)
+ public void getinfo(HttpServletRequest request, HttpServletResponse httpresponse, @PathVariable(value = "id") int mergeid, String extstr) throws IOException, URISyntaxException {
+ //鏍规嵁mergeid鑾峰彇鍏宠仈鐨勫浘灞�
+ List<Map> list = mapper.querytianditumerge(mergeid);
+ String pathinfo = request.getQueryString();
+ String t = request.getRequestURI();
+ if (t.contains("MapServer")) {
+ extstr = t.substring(t.indexOf("merge/MapServer") + 15);
+ }
+ if (t.contains("ImageServer")) {
+ extstr = t.substring(t.indexOf("merge/ImageServer") + 17);
+ }
+
+ String[] ext = extstr.split("/");
+
+ Map<String, Object> map = list.get(0);
+
+
+ String str1 = map.get("BASEMAP").toString();
+ String[] zhujis = map.get("ZHUJIMAPGROUP").toString().split(",");
+
+
+ HttpResponse response = null;
+ CloseableHttpClient httpClient = HttpClientBuilder.create().build();
+ //瑙ｅ喅
+ if (pathinfo != null && pathinfo.contains("f=json")) {
+ HttpGet httpGet = new HttpGet(str1.concat("?f=json"));
+ response = httpClient.execute(httpGet);
+ HttpEntity entitiy = response.getEntity();
+ if (entitiy != null) {
+ entitiy.writeTo(httpresponse.getOutputStream());
+ }
+ } else {
+ if (extstr.contains("query")) {
+ StringBuilder sb = new StringBuilder(zhujis[0]);
+ sb.append("/").append(extstr).append("?").append(pathinfo);
+ HttpGet httpGet = new HttpGet(sb.toString());
+ response = httpClient.execute(httpGet);
+ } else {
+ StringBuilder sb = new StringBuilder(str1);
+ sb.append(extstr);
+ str1 = sb.toString();
+ if (pathinfo != null) {
+ sb.append("?").append(pathinfo);
+ }
+ HttpGet httpGet = new HttpGet(sb.toString());
+ response = httpClient.execute(httpGet);
+ }
+ BufferedImage img = new BufferedImage(256, 256, BufferedImage.TYPE_INT_RGB);
+ Graphics g = img.getGraphics();
+ process(str1, g);
+ for (int i = 0; i < zhujis.length; i++) {
+ if (!zhujis[i].isEmpty()) {
+ zhujis[i] = zhujis[i].concat(extstr);
+ process(zhujis[i], g);
+ }
+ }
+ g.dispose();
+ HttpEntity entitiy = response.getEntity();
+ if (entitiy != null) {
+ ImageIO.write(img, "png", httpresponse.getOutputStream());
+ }
+ }
+
+ }
+
+ private byte[] fileconverterToByteArray(File file) {
+ byte[] data = null;
+ try {
+ FileInputStream fis = new FileInputStream(file);
+ ByteArrayOutputStream baos = new ByteArrayOutputStream();
+ int len;
+ byte[] buffer = new byte[1024];
+ while ((len = fis.read(buffer)) != -1) {
+ baos.write(buffer, 0, len);
+ }
+ data = baos.toByteArray();
+ fis.close();
+ baos.close();
+ } catch (Exception e) {
+ e.printStackTrace();
+ }
+
+ return data;
+ }
+
+ public void process(String url, Graphics g) throws URISyntaxException, ClientProtocolException, IOException {
+ URI uri = new URI(url);
+ HttpResponse response = null;
+ CloseableHttpClient httpClient = HttpClientBuilder.create().build();
+ HttpGet httpGet = new HttpGet(uri);
+ response = httpClient.execute(httpGet);
+ InputStream inputStream = response.getEntity().getContent();
+ BufferedImage buffer = ImageIO.read(inputStream);
+
+ g.drawImage(buffer.getScaledInstance(256, 256, Image.SCALE_DEFAULT), 0, 0, null);
+ }
+
+ public String concataddress(String str, String pstring) {
+ str = str.substring(str.lastIndexOf("/") + 1, str.length());
+ str = str.replace("_w", "");
+ pstring = pstring.replace("LAYER=getinfo", "LAYER=" + str);
+ return pstring;
+ }
+
+}
diff --git a/src/main/java/com/terra/proxy/controller/TokenController.java b/src/main/java/com/terra/proxy/controller/TokenController.java
new file mode 100644
index 0000000..f894807
--- /dev/null
+++ b/src/main/java/com/terra/proxy/controller/TokenController.java
@@ -0,0 +1,533 @@
+package com.terra.proxy.controller;
+
+import java.util.*;
+
+import javax.servlet.http.HttpServletRequest;
+
+import cn.hutool.core.collection.CollectionUtil;
+import com.terra.proxy.util.JedisUtils;
+import io.swagger.models.auth.In;
+import org.apache.commons.lang3.StringUtils;
+import org.apache.http.HttpStatus;
+import org.slf4j.Logger;
+import org.slf4j.LoggerFactory;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.beans.factory.annotation.Value;
+import org.springframework.core.env.Environment;
+import org.springframework.web.bind.annotation.*;
+
+import com.alibaba.fastjson.JSON;
+import com.alibaba.fastjson.JSONObject;
+import com.alibaba.fastjson.serializer.SerializerFeature;
+import com.terra.proxy.bean.CustomerToken;
+import com.terra.proxy.bean.ResActionRecord;
+import com.terra.proxy.bean.TokenRecord;
+import com.terra.proxy.mapper.LogMapper;
+import com.terra.proxy.service.Impl.LogServiceImpl;
+import com.terra.proxy.service.Impl.ResActionRecordServiceImpl;
+import com.terra.proxy.service.Impl.ServerRegisterServiceImpl;
+import com.terra.proxy.util.HttpContextUtils;
+import com.terra.proxy.util.JwtUtils;
+import com.terra.proxy.util.Result;
+
+import cn.hutool.json.JSONUtil;
+import io.jsonwebtoken.Claims;
+import redis.clients.jedis.Jedis;
+
+/**
+ * token鐢熸垚涓庨獙璇�
+ *
+ * @author TanBin
+ * @date 2018骞�1鏈�31鏃� 涓嬪崍6:26:13
+ */
+@RestController
+public class TokenController {
+
+ @Autowired
+ public Environment env;
+
+ @Autowired
+ LogServiceImpl logservice;
+
+ @Autowired
+ ResActionRecordServiceImpl actionRecordService;
+
+ @Autowired
+ private JwtUtils jwtUtils;
+
+ @Autowired
+ JedisUtils jedisUtils;
+
+ @Value("${sys.allowedips}")
+ private String allowedips;
+ @Value("${sys.jwt.expire}")
+ private Long expireSeconds;
+
+ @Autowired
+ ServerRegisterServiceImpl serverRegisterService;
+
+ @Autowired
+ LogMapper logMapper;
+
+ private static final Logger log = LoggerFactory.getLogger(TokenController.class);
+
+
+ @RequestMapping(value = "/token/getToken", method = { RequestMethod.POST, RequestMethod.GET })
+ public String getToken(String message,long expireSeconds)
+ {
+ // 鐢熸垚token
+ String token = jwtUtils.generateToken( message.toString(), expireSeconds);
+ return token;
+ }
+
+ @RequestMapping(value="/token/delTokenRecord",method = {RequestMethod.GET,RequestMethod.POST})
+ @ResponseBody
+ public String delToken(String token,Integer expiration){
+ Jedis jedis=JedisUtils.getJedis();
+ String t="zytoken:"+token;
+ try{
+ Map<String, Object> params =new HashMap<>();
+ params.put("token", token);
+ params.put("expiration", -1);
+ jedis.del(t);
+ //闄ゅ幓鑷姩缁害token
+ jedis.srem("autoToken",token);
+ logservice.updateTokenRecord(params);
+ }catch (Exception e) {
+ e.printStackTrace();
+ }
+ return "success";
+ }
+
+
+
+
+
+ @RequestMapping(value="/token/selectTokenRecord",method = {RequestMethod.GET,RequestMethod.POST})
+ @ResponseBody
+ public String selectTokenRecord(Integer limit,Integer page,String token,Integer tokenstatus,String identyinfo,Integer resourceId){
+ Map<String, Object> params =new HashMap<>();
+ params.put("limit", limit);
+ params.put("page", (page-1)*limit);
+ params.put("token", token);
+ params.put("tokenstatus", tokenstatus);
+ params.put("identyinfo", identyinfo);
+ params.put("resourceId", resourceId);
+ List<Map> list=logservice.selectTokenRecord(params);
+ Jedis jedis = JedisUtils.getJedis();
+ //鑷姩缁害鍒楄〃
+ Set<String> autoToken = jedis.smembers("autoToken");
+ list.stream().forEach(map -> {
+ String string = map.get("TOKEN").toString();
+ if(StringUtils.isNotEmpty(string)&&autoToken.contains(string)){
+ map.put("AUTOTOKEN","1");
+ }else {
+ map.put("AUTOTOKEN","0");
+ }
+ });
+ JedisUtils.close(jedis);
+ JSONObject json=new JSONObject();
+ json.put("total", logservice.getTotalTokenRecord(params));
+ json.put("data", list);
+ json.put("totalpage",Math.ceil((double) logservice.getTotalTokenRecord(params)/(double)limit));
+ return JSONObject.toJSONStringWithDateFormat(json, "yyyy-MM-dd HH:mm:ss", SerializerFeature.PrettyFormat);
+ }
+
+ @RequestMapping(value = "/token/tokenTimeExtend", method = { RequestMethod.POST, RequestMethod.GET })
+ public String tokenTimeExtend(String tokenlist,Integer expireSeconds)
+ { Jedis jedis= JedisUtils.getJedis();
+ Map<String, Object> params =new HashMap<>();
+ if (StringUtils.isEmpty(tokenlist)) return Result.ok().toString();
+ if(null==expireSeconds) expireSeconds= this.expireSeconds.intValue();
+ try{
+ String[] tokens=tokenlist.split(";");
+ for(String t : tokens){
+ String token="zyToken:"+t;
+ String s = jedis.get(token);
+ if(StringUtils.isEmpty(s)){
+ //濡傛灉宸茬粡杩囨湡 閲嶆柊鍔犲叆redis 骞朵笖鏇存柊鏁版嵁
+ jedis.setex(token,expireSeconds,"1");
+ }else {
+ //濡傛灉娌¤繃鏈� 杩囨湡鏃堕棿鍔犻暱
+ Long ttl = jedis.ttl(token);
+ int time=Integer.parseInt(String.valueOf(ttl+expireSeconds));
+ expireSeconds=time;
+ jedis.setex(token,time,"1");
+ }
+
+ params.put("token", t);
+ params.put("expiration", expireSeconds);
+ params.put("applytime", new Date());
+ logservice.updateTokenRecord(params);
+ }
+ }catch (Exception e){
+ e.printStackTrace();
+
+ }finally {
+ jedis.close();
+ }
+
+ return "ok";
+ }
+
+ @RequestMapping(value = "/token/decToken", method = { RequestMethod.POST, RequestMethod.GET })
+ public String decToken(String token)
+ {
+ Claims claims = jwtUtils.getClaimByToken(token);
+ if (claims == null || jwtUtils.isTokenExpired(claims.getExpiration())) {
+ return "token宸插け鏁�";
+ }
+ return claims.getSubject();
+ }
+
+
+ /**
+ * 鐢熸垚鐢ㄦ埛璁块棶璧勬簮鏈嶅姟token
+ * 璋冪敤绀轰緥锛歵oken/generate?loginName=landtoollxb&resourceId=&resourceUrl=&expireSeconds=&clientIp=
+ *
+ * @param userid
+ * @param resourceId
+ * @param expireSeconds
+ * @param clientIp
+ * @param subzyids
+ * @param isPubzy
+ * @return
+ */
+ private Result generateByloginName(Integer userid, String resourceId, Long expireSeconds,
+ String clientIp,String subzyids,Boolean isPubzy) {
+ if ( userid==0) {
+ return Result.error("缂哄皯userid鍙傛暟");
+ }
+ if (StringUtils.isBlank(resourceId)) {
+ return Result.error("缂哄皯resourceId鍙傛暟");
+ }
+
+ if (StringUtils.isBlank(clientIp)) {
+ return Result.error("缂哄皯clientIp鍙傛暟");
+ }
+ CustomerToken cutToken=new CustomerToken();
+ cutToken.setResourceId(resourceId);
+ cutToken.setClientIp(clientIp);
+ cutToken.setUserid(userid.toString());
+ cutToken.setSubzyids(subzyids);
+ cutToken.setIsPubzy(isPubzy);
+
+ // 鐢熸垚token
+ String token = jwtUtils.generateToken( cutToken.toString(), expireSeconds);
+ SaveTokenRecord( expireSeconds, "鐢ㄦ埛"+userid+"鐢熸垚", token, cutToken, clientIp);
+ Map<String, Object> map = new HashMap<>();
+ map.put("token", token);
+ map.put("expire", jwtUtils.getClaimByToken(token).getExpiration());
+ Result r = Result.ok().put(map);
+ return r;
+ }
+
+
+ /**
+ * 绯荤粺鍐呴儴浣跨敤
+ * 鐢熸垚token
+ * 璋冪敤绀轰緥锛歵oken/generate?loginName=landtoollxb&resourceId=&resourceUrl=&expireSeconds=&clientIp=
+ *
+ * @param userid
+ * @param resourceId
+ * @param expireSeconds
+ * @param clientIp
+ * @param subzyids
+ * @param isPubzy
+ * @return
+ */
+ @RequestMapping(value = "/token/generate", method = { RequestMethod.POST, RequestMethod.GET })
+ public Result generate(Integer userid, String resourceId, Long expireSeconds,String clientIp,String subzyids,Boolean isPubzy) {
+ Map<String, Object> msg = new HashMap<>();
+ //鍒よIP鏄惁鍚堟硶------
+ HttpServletRequest request = HttpContextUtils.getHttpServletRequest();
+ String ip = request.getLocalAddr();
+
+ //鍒よIP鏄惁鍚堟硶------
+ if(!checkIp(ip))
+ {
+ return Result.error("闈炴硶IP璋冪敤銆�"+ip+"銆�");
+ }
+
+ Result r = generateByloginName(userid, resourceId, expireSeconds, clientIp, subzyids,isPubzy);
+
+ return r;
+ }
+
+
+
+
+
+ /**
+ * 绯荤粺鍐呴儴浣跨敤
+ * 鐢熸垚token
+ * 璋冪敤绀轰緥锛歵oken/appgenerate?resourceId=&resourceUrl=&expireSeconds=&appId=&appUrl=
+ *
+ * @param resourceId
+ * @param resourceId
+ * @param expireSeconds
+ * @param appId
+ * @param appUrl
+ * @return
+ */
+
+ @RequestMapping(value = "/token/appgenerate", method = { RequestMethod.POST, RequestMethod.GET })
+ public Result appGenerate(Integer userId,String resourceId, Long expireSeconds, Long appId, String appUrl,String subzyids) {
+
+ HttpServletRequest request = HttpContextUtils.getHttpServletRequest();
+ String clientIp = request.getLocalAddr();
+
+ //鍒よIP鏄惁鍚堟硶------
+ if(!checkIp(clientIp))
+ {
+ return Result.error("闈炴硶IP璋冪敤銆�"+clientIp+"銆�");
+ }
+ if (StringUtils.isBlank(resourceId)) {
+ return Result.error("缂哄皯resourceId鍙傛暟");
+ }
+ if (null == appId) {
+ return Result.error("缂哄皯appId鍙傛暟");
+ }
+ if (StringUtils.isBlank(appUrl)) {
+ return Result.error("缂哄皯appUrl鍙傛暟");
+ }
+
+ CustomerToken cutToken=new CustomerToken();
+ cutToken.setResourceId(resourceId);
+ cutToken.setAppId(appId.toString());
+ cutToken.setAppUrl(appUrl);
+ cutToken.setUserid( userId.toString());
+ cutToken.setSubzyids(subzyids);
+
+ // 鐢熸垚token
+ String token = jwtUtils.generateToken(cutToken.toString(), expireSeconds);
+ SaveTokenRecord( expireSeconds, "搴旂敤绯荤粺"+appId+"鐢熸垚", token, cutToken, clientIp);
+ Map<String, Object> map = new HashMap<>();
+ map.put("token", token);
+ map.put("expire", jwtUtils.getClaimByToken(token).getExpiration());
+ Result r = Result.ok().put(map);
+
+ return r;
+ }
+
+
+ /**
+ * "?resourceId=" + resourceId
+ + "&requestUrl=" + requestUrl + "&clientIp=" + clientIp
+ + "&refererUrl=" + referer + "&token=" + token;
+ * 楠岃瘉token 璋冪敤绀轰緥锛歵oken/validate?token=&requestUrl=&clientip=
+ * 鎴栵細token/validate?token=&requestUrl=&refererUrl=
+ * 鐩墠鏃ュ織璁板綍鏈夐棶棰�:loginName鍦═oken閲岄潰锛岃褰曚笉鍒般��
+ * @param token
+ * @param requestUrl
+ * @param clientIp
+ * @param refererUrl
+ * @return
+ */
+
+ @RequestMapping(value = "/token/validate", method = { RequestMethod.POST, RequestMethod.GET })
+ public Result validate(String token, String requestUrl, String clientIp, String refererUrl,String resourceId) {
+ // 鏍￠獙token
+ if (StringUtils.isBlank(token)) {
+ return Result.error(HttpStatus.SC_UNAUTHORIZED, "鏈紶鍏oken");
+ }
+ Claims claims = jwtUtils.getClaimByToken(token);
+ if (claims == null || jwtUtils.isTokenExpired(claims.getExpiration())) {
+ return Result.error(HttpStatus.SC_UNAUTHORIZED, "token宸插け鏁�");
+ }
+
+ String msg = claims.getSubject();
+ CustomerToken cutToken=CustomerToken.fromString(msg);
+
+ String appId =cutToken.getAppId();
+ // 鏃燼ppId灞為�氳繃娴忚鍣ㄧ洿鎺ヨ闂殑鎯呭喌锛氭牎楠� clientIp 涓� Token閲岄潰鐨処P鍦板潃鏄惁鍖归厤锛�
+ if (StringUtils.isBlank(appId)) {
+ //璧勬簮姹犵郴缁熼噰鐢ˋPPToken 鏂瑰紡鏍￠獙锛岃В鍐充笓棰樺湴鍥鹃噷闈㈠浘灞傚叾浠栫敤鎴疯闂甀P鏍￠獙涓嶉�氳繃闂
+ //濡傛灉鏈湴ArcMap璋冪敤璧勬簮姹犻噷闈㈢殑鍥惧眰鍚庡彂甯冩湇鍔★紝浠嶇劧浼氬瓨鍦ㄥ叾浠栫敤鎴疯闂甀P鏍￠獙涓嶉�氳繃闂----lxb(寤跺悗瑙ｅ喅)
+
+ log.info("浼犲叆IP:"+clientIp +"鍔犲瘑鏃剁敵璇稩P:"+(String) cutToken.getClientIp() );
+ if (StringUtils.isBlank(clientIp) || !clientIp.equalsIgnoreCase((String) cutToken.getClientIp())) {
+ return Result.error(HttpStatus.SC_UNAUTHORIZED, "鏈巿鏉冪殑瀹㈡埛绔�");
+ }
+
+ // 鏈塧ppId灞為�氳繃app璁块棶鐨勬儏鍐碉細鏍￠獙 refererUrl 涓� Token閲岄潰鐨刟ppUrl鍦板潃鏄惁鍖归厤
+ } else {
+ log.info("浼犲叆refererUrl:"+refererUrl +"鍔犲瘑鏃剁敵璇穉ppUrl:"+(String) cutToken.getAppUrl() );
+
+ if (StringUtils.isBlank(refererUrl) || !refererUrl.startsWith((String) cutToken.getAppUrl())) {
+ return Result.error(HttpStatus.SC_UNAUTHORIZED, "鏈巿鏉冪殑搴旂敤绯荤粺");
+ }
+ }
+
+ //璁板綍鏃ュ織
+ saveLogAction(cutToken,resourceId);
+ //濡傛灉鏄笓棰樺簳鍥撅紝骞朵笖鍖呭惈鏈変笉鍏紑鐨勫浘灞傝祫婧愶紝鍒欒繑鍥炶祫婧怚D鍒楄〃.
+ Result r = Result.ok(cutToken.getSubzyids() );
+ return r;
+ }
+
+ private void saveLogAction(CustomerToken map,String resourceId){
+ ResActionRecord record = new ResActionRecord();
+ //瑙ｅ瘑 Token 閲屽寘鍚玼serid鐨勫彇閭ｅ�硷紝娌℃湁鍙�0
+ Long userid =Long.parseLong( map.getUserid()) ;//")!=null?Long.parseLong(map.get("userId").toString()):0L;
+ record.setUserid(userid);
+ Integer appid =Integer.parseInt( map.getAppId());//map.get("appId")!=null?Integer.parseInt(map.get("appId").toString()):0;
+ record.setAppid(appid);
+ record.setResourceid(resourceId.length()!=0? Integer.parseInt(resourceId):0);
+ actionRecordService.save(record);
+ }
+
+ private Boolean checkIp(String ip)
+ {
+ Boolean rsult=false ;
+ String whiteIPlist = env.getProperty("whiteIPlist");
+ if(StringUtils.contains(whiteIPlist, ip))
+ {
+ rsult=true;
+ }
+ return rsult;
+ }
+
+
+
+ /**
+ * 澶栭儴璋冪敤
+ * 涓存椂token鑾峰彇
+ * @param resourceid 璧勬簮id
+ * @param req
+ * @param expiration 澶辨晥鏃堕棿
+ * @param identyinfo 澶囨敞淇℃伅 琛ㄦ槑 token浣跨敤浜�
+ * @param appUrl 鐢宠token绯荤粺鍦板潃
+ * @param isPubzy 鍏紑绾у埆
+ * @param appId 搴旂敤id
+ * @param applyuserid token鐢宠浜虹敤鎴穒d
+ * @return
+ */
+ @RequestMapping(value = "/genToken", method = RequestMethod.GET)
+ public @ResponseBody String genToken(String resourceid,HttpServletRequest req,Long expiration,String identyinfo,String appUrl,Boolean isPubzy,String appId,String applyuserid ) {
+ String clientIp = req.getLocalAddr();
+ JSONObject json=new JSONObject();
+ Jedis jedis = jedisUtils.getJedis();
+ try {
+ CustomerToken cutToken=new CustomerToken();
+ cutToken.setResourceId(resourceid);
+ cutToken.setUserid(applyuserid);
+ cutToken.setAppUrl(appUrl);
+ cutToken.setIsPubzy(isPubzy);
+ cutToken.setAppId(appId);
+ cutToken.setClientIp(req.getRemoteHost());
+ cutToken.setRemark(identyinfo);
+ String token = expiration!=null?jwtUtils.generateToken(cutToken.toString(), expiration):jwtUtils.generateToken(cutToken.toString(), expireSeconds);
+ SaveTokenRecord( expiration, identyinfo, token, cutToken, clientIp);
+ jedis.setex("zytoken:"+token,expiration!=null?expiration.intValue():expireSeconds.intValue(), "1");
+ json.put("code", 200);
+ json.put("data", token);
+ json.put("message", "鑾峰彇鎴愬姛");
+ return json.toJSONString();
+ } catch (Exception e) {
+ e.printStackTrace();
+
+ } finally {
+ jedis.close();
+ }
+ return "error";
+ }
+ /**
+ * 鍙栨秷鑷姩缁害鐨凾oken
+ * @param token token鍊�
+ */
+ @RequestMapping("/token/delAutoToken")
+ public void delAutoToken(@RequestParam String token){
+ if(StringUtils.isNotEmpty(token)){
+ Jedis jedis = JedisUtils.getJedis();
+ jedis.srem("autoToken",token);
+ JedisUtils.close(jedis);
+ }
+ }
+
+ /**
+ * 璁板綍鐢熸垚鐨凾oken
+ * @param expiration 鎸佺画鏃堕棿
+ * @param identyinfo 澶囨敞淇℃伅,涓簀wt涓棿鐨勬暟鎹儴鍒�
+ * @param token token鍊�
+ * @param cutToken token瀵硅薄绫�
+ * @param
+ */
+ public void SaveTokenRecord(Long expiration,String identyinfo,String token,CustomerToken cutToken,String clientIp){
+ TokenRecord record=new TokenRecord();
+ record.setApplytime(new Date());
+ record.setExpiration(expiration!=null?expiration.intValue():expireSeconds.intValue());
+ record.setResourceid(Integer.valueOf(cutToken.getResourceId()));
+ record.setIdentyinfo(identyinfo);
+ record.setTokeninfo(cutToken.toString());
+ record.setToken(token);
+ record.setTokenapplyer(clientIp);
+ logMapper.saveTokenRecord(record);
+ }
+
+
+ /**
+ * 澶栭儴璋冪敤
+ * 涓存椂token鑾峰彇
+ * @param resourceid 璧勬簮id
+ * @param req
+ * @param expiration 澶辨晥鏃堕棿
+ * @param identyinfo 澶囨敞淇℃伅 琛ㄦ槑 token浣跨敤浜�
+ * @param appUrl 鐢宠token绯荤粺鍦板潃
+ * @param isPubzy 鍏紑绾у埆
+ * @param appId 搴旂敤id
+ * @param applyuserid token鐢宠浜虹敤鎴穒d
+ * @return
+ */
+ @RequestMapping(value = "/genTokenForApply", method = RequestMethod.GET)
+ public @ResponseBody String genTokenForApply(String resourceid,HttpServletRequest req,Long expiration,String identyinfo,String appUrl,Boolean isPubzy,String appId,String applyuserid,String isNever ) {
+ // 宸茬粡瀛樺湪鐨則oken 鐩存帴杩斿洖token
+ Map<String, Object> param = new HashMap<>();
+ param.put("resourceid", Integer.parseInt(resourceid));
+ param.put("userid", applyuserid);
+ List<Map> maps = serverRegisterService.queryServer(param);
+ if (CollectionUtil.isNotEmpty(maps)) {
+ String tokenTemp = logservice.queryToken(param);
+ JSONObject json = new JSONObject();
+ boolean tokenIsExtend = ZiyuanRightManager.CheckTokenIsExtend(tokenTemp);
+ if (tokenIsExtend) {
+ json.put("code", 200);
+ json.put("data", tokenTemp);
+ return json.toJSONString();
+ }
+ String clientIp = req.getLocalAddr();
+ Jedis jedis = jedisUtils.getJedis();
+ try {
+ CustomerToken cutToken = new CustomerToken();
+ cutToken.setResourceId(resourceid);
+ cutToken.setUserid(applyuserid);
+ cutToken.setAppUrl(appUrl);
+ cutToken.setIsPubzy(isPubzy);
+ cutToken.setAppId(appId);
+ cutToken.setClientIp(req.getRemoteHost());
+ cutToken.setRemark(identyinfo);
+ if (expiration == null) {
+ expiration = expireSeconds * 30;
+ }
+ String token = expiration != null ? jwtUtils.generateToken(cutToken.toString(), expiration) : jwtUtils.generateToken(cutToken.toString(), expireSeconds); //榛樿缁�30澶�
+ SaveTokenRecord(expiration, identyinfo, token, cutToken, clientIp);
+ if (StringUtils.equals(isNever, "1")) {
+ jedis.set("zytoken:" + token, "1"); //姘镐箙鏈夋晥
+ } else {
+ jedis.setex("zytoken:" + token, expiration != null ? expiration.intValue() : expireSeconds.intValue(), "1");
+ }
+ jedis.setex("zytoken:" + token, expiration != null ? expiration.intValue() : expireSeconds.intValue(), "1");
+ json.put("code", 200);
+ json.put("data", token);
+ json.put("message", "鑾峰彇鎴愬姛");
+ return json.toJSONString();
+ } catch (Exception e) {
+ e.printStackTrace();
+ } finally {
+ jedis.close();
+ }
+ return "error";
+ }
+ return "error";
+ }
+}
diff --git a/src/main/java/com/terra/proxy/controller/ZiyuanRightManager.java b/src/main/java/com/terra/proxy/controller/ZiyuanRightManager.java
new file mode 100644
index 0000000..53d4c81
--- /dev/null
+++ b/src/main/java/com/terra/proxy/controller/ZiyuanRightManager.java
@@ -0,0 +1,224 @@
+package com.terra.proxy.controller;
+
+import java.io.File;
+import java.io.FileInputStream;
+import java.io.FileNotFoundException;
+import java.io.IOException;
+import java.sql.Timestamp;
+import java.util.Date;
+import java.util.Properties;
+
+import javax.annotation.Resource;
+import javax.servlet.http.HttpServletRequest;
+
+
+import org.apache.http.HttpEntity;
+import org.apache.http.HttpResponse;
+import org.apache.http.HttpStatus;
+import org.apache.http.client.HttpClient;
+import org.apache.http.client.methods.HttpGet;
+import org.apache.http.impl.client.DefaultHttpClient;
+import org.apache.http.util.EntityUtils;
+import org.slf4j.Logger;
+import org.slf4j.LoggerFactory;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.util.StringUtils;
+
+import com.alibaba.fastjson.JSON;
+import com.alibaba.fastjson.JSONObject;
+import com.alibaba.fastjson.serializer.BooleanCodec;
+import com.alibaba.fastjson.serializer.SerializerFeature;
+import com.google.common.base.Objects;
+import com.terra.proxy.bean.CustomerToken;
+import com.terra.proxy.bean.ResActionRecord;
+import com.terra.proxy.bean.ZyInfo;
+import com.terra.proxy.mapper.LogMapper;
+import com.terra.proxy.properties.TerraProperties;
+import com.terra.proxy.service.Impl.LogServiceImpl;
+import com.terra.proxy.util.HttpOperateUtils;
+import com.terra.proxy.util.JedisUtils;
+import com.terra.proxy.util.Result;
+import com.terra.proxy.util.SpringContextUtils;
+import com.terra.proxy.util.TokenUtils;
+
+import redis.clients.jedis.Jedis;
+
+/***
+ * 璧勬簮鏉冮檺绠＄悊 1銆佽祫婧愭槸鍚﹀瓨鍦� 2銆佽祫婧愭槸鍚﹀叕寮� 3銆佹槸鍚﹀凡缁忔湁鏉冮檺
+ *
+ * @author Administrator
+ *
+ */
+public class ZiyuanRightManager {
+ private static String logapipath = "";
+
+
+ @Resource
+ private LogMapper logMapper;
+
+
+ public static Logger log=LoggerFactory.getLogger(ZiyuanRightManager.class);
+ public static String getApiPath()
+ {
+ if (StringUtils.isEmpty(logapipath)) {
+ String proFilePath = System.getProperty("user.dir");
+ File file = new File(proFilePath + "\\terra.properties");
+ Properties properties = new Properties();
+ try {
+ properties.load(new FileInputStream(file));
+ } catch (FileNotFoundException e) {
+
+ e.printStackTrace();
+ } catch (IOException e) {
+
+ e.printStackTrace();
+ }
+ logapipath = properties.getProperty("logapipath");
+ }
+ return logapipath;
+ }
+
+
+ public static void save(ResActionRecord action) {
+ String url = getApiPath() + "/actionrecord/adduseinfo";
+ }
+
+ private static void saveLogAction(CustomerToken map, String resourceId,String clientIp,String requesturl,String token) {
+ try
+ {
+ ResActionRecord record = new ResActionRecord();
+ // 瑙ｅ瘑 Token 閲屽寘鍚玼serid鐨勫彇閭ｅ�硷紝娌℃湁鍙�0
+ if(map!=null){
+ Long userid = Long.parseLong(StringUtils.isEmpty(map.getUserid())? "0":map.getUserid());
+ record.setUserid(userid);
+ if(!"null".equals(map.getAppId())){
+ Integer appid =StringUtils.isEmpty(map.getAppId())?0:Integer.parseInt(map.getAppId());
+ record.setAppid(appid);
+ }
+ }
+ record.setResourceid(resourceId.length() != 0 ? Integer
+ .parseInt(resourceId) : 0);
+ record.setIp(clientIp);
+ record.setToken(token);
+ record.setRequesturl(requesturl);
+ //save
+ saveResActionRecord(record);
+ }
+ catch (Exception e) {
+
+ e.printStackTrace();
+ }
+
+ }
+
+
+
+ /*
+ * 缁熻涓嶅悓ip璋冪敤鏈嶅姟娆℃暟,骞跺皢鍏跺瓨鍏ュ叆redis
+ */
+ private static void saveResActionRecord(ResActionRecord vb) {
+
+ vb.setActiontime(new Date());
+ Jedis jedis = null;
+ int count = 0;
+ try {
+ jedis = JedisUtils.getJedis();
+ jedis.sadd("TerraResActionRecord",JSONObject.toJSONStringWithDateFormat(vb, "yyyy-MM-dd HH:mm:ss", SerializerFeature.PrettyFormat));
+ jedis.sadd("TerraResActionRecordForJGPT",JSONObject.toJSONStringWithDateFormat(vb, "yyyy-MM-dd HH:mm:ss", SerializerFeature.PrettyFormat));
+ } catch (Exception e) {
+
+ log.error("redis鍖呴敊");
+ } finally {
+ jedis.close();
+ }
+
+ }
+
+
+ /***
+ *
+ * @param
+ */
+ public static Result checkRight(String strToken, String referer,String clientIp, String resourceId,String isPublic,String requesturl) {
+ Result result = null;
+
+ CustomerToken objToken;
+
+ // 鏈嶅姟鍣═oken 鍒ゆ柇 (鍏紑璧勬簮鍙互涓嶄紶鍏oken)
+ if (!isPublic.equals("1") && strToken == null){
+ result = Result.error(HttpStatus.SC_UNAUTHORIZED, "鏈紶鍏oken");
+ }else{
+ if (!StringUtils.isEmpty(strToken)) {
+ try {
+ //token缁湡楠岃瘉
+ boolean flag= CheckTokenIsExtend(strToken);
+ if(!flag) {
+ objToken = TokenUtils.getTokenInfo(strToken);
+ if (resourceId.compareTo(objToken.getResourceId()) != 0) {
+ result = Result.error(HttpStatus.SC_UNAUTHORIZED,
+ "鏃犳晥token!");
+ return result;
+ }
+ saveLogAction(objToken, resourceId,clientIp,requesturl,strToken);
+ result = TokenUtils.validate(objToken, clientIp, referer);
+ return result;
+ }else{
+ objToken = TokenUtils.getTokenInfo(strToken);
+ if(objToken==null){
+ TerraProperties bean = SpringContextUtils.getBean(TerraProperties.class);
+ int isAllow = SpringContextUtils.getBean(TerraProperties.class) .getProxy().getTempAllowUrls().indexOf(resourceId);//-1浠ｈ〃涓嶅厑璁�
+ if(!Objects.equal(isAllow, -1)) return Result.ok();
+
+ }
+ if (JedisUtils.get(strToken)!=null &&!resourceId.equals(JedisUtils.get(strToken).toString()) && resourceId.compareTo(objToken.getResourceId()) != 0 ) {
+ result = Result.error(HttpStatus.SC_UNAUTHORIZED, "鏃犳晥token!!");
+ return result;
+ }
+ saveLogAction(objToken, resourceId,clientIp,requesturl,strToken);
+ return Result.ok();
+ }
+
+ } catch (Exception e) {
+ e.printStackTrace();
+ result = Result.error(HttpStatus.SC_UNAUTHORIZED,
+ "token鏈嶅姟鍣ㄦ嫆缁濊闂�");
+ }
+ }else{
+ return Result.ok();
+ }
+ }
+ return Result.error(result.get("msg").toString());
+ }
+
+ public static boolean CheckTokenIsExtend(String token){
+ Jedis jedis= JedisUtils.getJedis();
+ try{
+ if(jedis.exists(token)||jedis.exists("zytoken:"+token)){
+ return true;
+ }
+ }catch (Exception e){
+ log.error("redis閿欒");
+ e.printStackTrace();
+ }finally {
+ jedis.close();
+ }
+ return false;
+ }
+
+
+ /**
+ * 鍙戦�丠TTP GET璇锋眰
+ *
+ * @param url
+ * @return
+ * @throws IOException
+ */
+ public static String httpGet(String url) throws IOException {
+ HttpClient client = new DefaultHttpClient();
+ HttpGet request = new HttpGet(url);
+ HttpResponse httpResponse = client.execute(request);
+ HttpEntity httpEntity = httpResponse.getEntity();
+
+ return EntityUtils.toString(httpEntity, "UTF-8");
+ }
+}
diff --git a/src/main/java/com/terra/proxy/filter/MergeServiceFilter.java b/src/main/java/com/terra/proxy/filter/MergeServiceFilter.java
new file mode 100644
index 0000000..17364af
--- /dev/null
+++ b/src/main/java/com/terra/proxy/filter/MergeServiceFilter.java
@@ -0,0 +1,5 @@
+package com.terra.proxy.filter;
+
+public class MergeServiceFilter {
+
+}
diff --git a/src/main/java/com/terra/proxy/filter/ServletFilter.java b/src/main/java/com/terra/proxy/filter/ServletFilter.java
new file mode 100644
index 0000000..2bf31e1
--- /dev/null
+++ b/src/main/java/com/terra/proxy/filter/ServletFilter.java
@@ -0,0 +1,47 @@
+package com.terra.proxy.filter;
+
+import com.terra.proxy.service.Impl.LogServiceImpl;
+import com.terra.proxy.service.Impl.ServerRegisterServiceImpl;
+import com.terra.proxy.util.BlackUtils;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.boot.autoconfigure.AutoConfigureOrder;
+import org.springframework.web.context.WebApplicationContext;
+import org.springframework.web.context.support.WebApplicationContextUtils;
+
+import javax.servlet.*;
+import javax.servlet.http.HttpServletRequest;
+import java.io.IOException;
+
+
+public class ServletFilter implements Filter {
+ @Autowired
+ private ServerRegisterServiceImpl service;
+
+ @Autowired
+ private LogServiceImpl logService;
+
+ @Override
+ public void doFilter(ServletRequest servletRequest, ServletResponse servletResponse, FilterChain filterChain) throws IOException, ServletException {
+ HttpServletRequest request=(HttpServletRequest) servletRequest;
+ String uri = request.getRequestURI();
+ if( uri.endsWith("css")||
+ uri.endsWith("html")||
+ uri.endsWith("js")||
+ BlackUtils.blackInterceptor(request,logService,service)){
+ filterChain.doFilter(servletRequest,servletResponse);
+ }
+ }
+
+ @Override
+ public void destroy() {
+ // TODO
+ }
+
+ @Override
+ public void init(FilterConfig filterConfig) throws ServletException {
+ WebApplicationContext wac = WebApplicationContextUtils.getRequiredWebApplicationContext(filterConfig.getServletContext());
+ service = wac.getBean(ServerRegisterServiceImpl.class);
+ logService=wac.getBean(LogServiceImpl.class);
+ }
+
+}
diff --git a/src/main/java/com/terra/proxy/intercepter/GeneralExceptionHandler.java b/src/main/java/com/terra/proxy/intercepter/GeneralExceptionHandler.java
new file mode 100644
index 0000000..9f33657
--- /dev/null
+++ b/src/main/java/com/terra/proxy/intercepter/GeneralExceptionHandler.java
@@ -0,0 +1,19 @@
+package com.terra.proxy.intercepter;
+
+import com.terra.proxy.bean.TokenCheckException;
+import org.springframework.web.bind.annotation.ControllerAdvice;
+import org.springframework.web.bind.annotation.ExceptionHandler;
+import org.springframework.web.servlet.ModelAndView;
+
+@ControllerAdvice
+public class GeneralExceptionHandler {
+
+ @ExceptionHandler(TokenCheckException.class)
+ public ModelAndView customException(TokenCheckException e){
+ ModelAndView mv=new ModelAndView();
+ mv.addObject("message", e.getMsg());
+ mv.addObject("status", e.getCode());
+ mv.setViewName("error");
+ return mv;
+ }
+}
diff --git a/src/main/java/com/terra/proxy/intercepter/ServiceExcelListener.java b/src/main/java/com/terra/proxy/intercepter/ServiceExcelListener.java
new file mode 100644
index 0000000..3464fd4
--- /dev/null
+++ b/src/main/java/com/terra/proxy/intercepter/ServiceExcelListener.java
@@ -0,0 +1,18 @@
+package com.terra.proxy.intercepter;
+
+import com.alibaba.excel.context.AnalysisContext;
+import com.alibaba.excel.event.AnalysisEventListener;
+import com.terra.proxy.bean.ServerExcelApplyEntity;
+
+public class ServiceExcelListener extends AnalysisEventListener<ServerExcelApplyEntity> {
+
+ @Override
+ public void invoke(ServerExcelApplyEntity serverExcelEntity, AnalysisContext analysisContext) {
+
+ }
+
+ @Override
+ public void doAfterAllAnalysed(AnalysisContext analysisContext) {
+
+ }
+}
diff --git a/src/main/java/com/terra/proxy/intercepter/ServletInterceptor.java b/src/main/java/com/terra/proxy/intercepter/ServletInterceptor.java
new file mode 100644
index 0000000..e3dd9d5
--- /dev/null
+++ b/src/main/java/com/terra/proxy/intercepter/ServletInterceptor.java
@@ -0,0 +1,115 @@
+package com.terra.proxy.intercepter;
+
+import cn.hutool.core.collection.CollectionUtil;
+import com.terra.proxy.bean.BlackRule;
+import com.terra.proxy.bean.VistorBean;
+import com.terra.proxy.mapper.LogMapper;
+import com.terra.proxy.mapper.ServiceMapper;
+import com.terra.proxy.service.LogService;
+import com.terra.proxy.service.ServerRegisterService;
+import com.terra.proxy.util.JedisUtils;
+import lombok.AllArgsConstructor;
+import org.apache.commons.lang3.StringUtils;
+import org.apache.http.HttpException;
+import org.apache.http.HttpRequest;
+import org.apache.http.HttpRequestInterceptor;
+import org.apache.http.protocol.HttpContext;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.stereotype.Component;
+import org.springframework.util.CollectionUtils;
+import org.springframework.web.servlet.HandlerInterceptor;
+import org.springframework.web.servlet.handler.HandlerInterceptorAdapter;
+import redis.clients.jedis.Jedis;
+
+import javax.servlet.http.HttpServletRequest;
+import javax.servlet.http.HttpServletResponse;
+import java.io.IOException;
+import java.util.*;
+
+public class ServletInterceptor implements HandlerInterceptor {
+
+ @Autowired
+ private LogMapper logMapper;
+ @Autowired
+ private ServiceMapper serviceMapper;
+ @Override
+ public boolean preHandle(HttpServletRequest request, HttpServletResponse response, Object handler) throws Exception {
+ if (request != null) {
+ //鑾峰彇璁块棶IP
+ String remoteAddr = request.getRemoteAddr();
+ HashMap<String, Object> param = new HashMap<>();
+ param.put("status","1");
+ param.put("limit",5);
+ param.put("page", 0);
+ param.put("ip",remoteAddr);
+ List<VistorBean> vistorBeans = logMapper.queryBlackLists(param);
+ if(CollectionUtil.isNotEmpty(vistorBeans)) return false;
+ //鍏堝垽鏂璻edis涓槸鍚﹀瓨鍦� 涓嶅瓨鍦ㄥ垯鍔犲叆reids涓鏁帮紝瀛樺湪鍒欏垽鏂槸鍚﹁秴鍑洪檺鍒讹紝鑻ユ棤鍒欒鏁�+1锛岃嫢瓒呭嚭鍒欏姞鍏ラ粦鍚嶅崟
+ Jedis jedis = JedisUtils.getJedis();
+ String visitCountStr = jedis.get(remoteAddr);
+ BlackRule blackRule = logMapper.selectBlackRule();
+ if(blackRule==null) return false;
+ if (StringUtils.isEmpty(visitCountStr)) {
+ //涓嶅瓨鍦ㄥ垯鍔犲叆redis涓�
+ if(blackRule.getSeltime().equals("m")){
+ blackRule.setTime(blackRule.getTime()*60);
+ }else if(blackRule.getSeltime().equals("h")){
+ blackRule.setTime(blackRule.getTime()*3600);
+ }
+ jedis.setex(remoteAddr, blackRule.getTime(), "1");
+ } else {
+ //宸茬粡瀛樺湪 鍒ゆ柇鏄惁澶т簬1000娆� 鏄垯鍔犲叆榛戝悕鍗� 鍚﹁鏁�+1
+ Integer visitCount = Integer.valueOf(visitCountStr);
+ if (visitCount >= blackRule.getCount()) {
+ //鍔犲叆榛戝悕鍗� 琛╲isitlog涓璼tatus鐘舵�佷负1锛氶粦鍚嶅崟鐘舵��
+ VistorBean vb = new VistorBean();
+ Map<String, Object> params = new HashMap();
+ String zyid="0000";
+ String [] splitpath=null;
+ List<Map> serverlist = new ArrayList<>();
+ vb.setRequestip(request.getRemoteAddr());
+ String path = request.getPathInfo();
+ if(StringUtils.isNotEmpty(path)){
+ splitpath = path.split("/");
+ if(null!=splitpath && splitpath.length>1)zyid = splitpath[1];
+ }
+
+ String suffix = null;
+ vb.setResourceid(Integer.valueOf(zyid));
+ vb.setVisitfromsys("HYJGPT");
+ if (null!=splitpath&&splitpath.length > 3 && splitpath[3] != null) {
+ suffix = isdigit(splitpath[2]) ? splitpath[2] : null;
+ }
+ params.put("resourceid", Integer.valueOf(zyid));
+ params.put("suffix", suffix != null ? Integer.valueOf(suffix) : null);
+ params.put("enable", 1);
+ params.put("fromsys", "HYJGPT");
+ params.put("SERVERURL", "test");
+ serverlist = serviceMapper.queryServer(params);
+ if(CollectionUtil.isNotEmpty(serverlist)){
+ params.put("SERVERURL", serverlist.get(0).get("SERVERURL").toString());
+ serverlist.add(param);
+ vb.setServerurl(serverlist.get(0).get("SERVERURL").toString());
+ }
+ vb.setResult("false");
+ logMapper.saveBlackLog(vb);
+ return false;
+ } else {
+ jedis.setrange(remoteAddr, 0, String.valueOf(visitCount + 1));
+ }
+
+ }
+
+ }
+
+ return true;
+ }
+
+ public static boolean isdigit(String str) {
+
+ return str.matches("[0-9]+");
+ }
+
+
+
+}
diff --git a/src/main/java/com/terra/proxy/intercepter/VisitInterceptor.java b/src/main/java/com/terra/proxy/intercepter/VisitInterceptor.java
new file mode 100644
index 0000000..cef2921
--- /dev/null
+++ b/src/main/java/com/terra/proxy/intercepter/VisitInterceptor.java
@@ -0,0 +1,56 @@
+package com.terra.proxy.intercepter;
+
+import com.terra.proxy.properties.TerraProperties;
+import org.apache.commons.lang3.StringUtils;
+import org.springframework.beans.factory.annotation.Autowired;
+
+import javax.servlet.*;
+import java.io.IOException;
+
+
+
+
+public class VisitInterceptor implements Filter {
+
+
+ @Autowired
+ private TerraProperties properties;
+
+ public VisitInterceptor(TerraProperties prop){
+ properties=prop;
+ }
+
+
+ @Override
+ public void init(FilterConfig filterConfig) throws ServletException {
+ // TODO
+ }
+
+ @Override
+ public void doFilter(ServletRequest req, ServletResponse res, FilterChain chain)
+ throws IOException, ServletException {
+ String fromips=req.getRemoteHost();
+ String[] blackips= properties.getProxy().getBlacklist().split(";");
+ for(String temp : blackips)
+ if(temp.equals(fromips)||fromips.indexOf(temp)!=-1){
+ return;
+ }
+ chain.doFilter(req, res);
+
+ }
+
+ @Override
+ public void destroy() {
+ // TODO
+ }
+
+
+ public static void main(String[] args) {
+ String str="/50048/MapServer/export";
+ String s= StringUtils.substringAfter(str,"Server");
+ System.out.println("s = " + s);
+
+ }
+
+
+}
diff --git a/src/main/java/com/terra/proxy/mapper/ApproveDao.java b/src/main/java/com/terra/proxy/mapper/ApproveDao.java
new file mode 100644
index 0000000..7262e25
--- /dev/null
+++ b/src/main/java/com/terra/proxy/mapper/ApproveDao.java
@@ -0,0 +1,23 @@
+package com.terra.proxy.mapper;
+
+import com.terra.proxy.bean.E;
+import org.apache.ibatis.annotations.Mapper;
+import org.apache.ibatis.annotations.Param;
+import org.springframework.stereotype.Repository;
+
+import java.util.HashMap;
+import java.util.List;
+
+@Mapper
+@Repository
+public interface ApproveDao {
+ List<E> selectAll();
+
+ List<E> selectEXTENDFILESPOINT();
+
+ void updateEXTENDFILESPOINTS(@Param("geom") String geom, @Param("id") String id);
+
+ void updateEXTENDFILESPOINTS(HashMap<String, Object> param);
+
+ void updateSeaArea(HashMap<String, Object> param);
+}
diff --git a/src/main/java/com/terra/proxy/mapper/LogMapper.java b/src/main/java/com/terra/proxy/mapper/LogMapper.java
new file mode 100644
index 0000000..19900d7
--- /dev/null
+++ b/src/main/java/com/terra/proxy/mapper/LogMapper.java
@@ -0,0 +1,63 @@
+package com.terra.proxy.mapper;
+
+import java.util.HashMap;
+import java.util.List;
+import java.util.Map;
+
+import com.terra.proxy.bean.BlackRule;
+import com.terra.proxy.bean.ResActionRecord;
+import com.terra.proxy.bean.TokenRecord;
+import com.terra.proxy.bean.VistorBean;
+import org.apache.ibatis.annotations.Mapper;
+import org.springframework.stereotype.Repository;
+
+@Mapper
+@Repository
+public interface LogMapper {
+
+ int savelog(Map<String, Object> params);
+
+ List<Map> querylog(Map<String, Object> params);
+
+ int batchsavelog(List<Map<String,Object>> list);
+
+ List<Map> querylogCountAndIp(Map<String, Object> params);
+
+ List<Map> getTotalCountPerHour(Map<String, Object> params);
+
+ List<Map> getVisitInfoPerHourByip(Map<String, Object> params);
+
+ int queryTotalLog(Map<String, Object> params);
+
+ int batchsaveResRecord(List<ResActionRecord> list);
+
+ int saveResRecord(ResActionRecord record);
+
+ int saveTokenRecord(TokenRecord record);
+
+ List<Map> selectTokenRecord(Map<String, Object> params);
+
+ int getTotalTokenRecord(Map<String, Object> params);
+
+ int updateTokenRecord(Map<String, Object> params);
+
+ List<VistorBean> queryBlackLists(HashMap<String, Object> param);
+
+ void saveBlackLog(VistorBean vb);
+
+ void delBlackById(VistorBean vistorBean);
+
+ void updateRules(BlackRule blackRule);
+
+ BlackRule selectBlackRule();
+
+ int getTotalBlackList(HashMap<String, Object> param);
+
+ List<VistorBean> queryWhite(VistorBean vistorBean);
+
+ List<VistorBean> selectWhiteList(HashMap<String, Object> param);
+
+ int getTotalWhiteList(HashMap<String, Object> param);
+
+ String queryToken(Map<String, Object> param);
+}
diff --git a/src/main/java/com/terra/proxy/mapper/ProxyServletMapper.java b/src/main/java/com/terra/proxy/mapper/ProxyServletMapper.java
new file mode 100644
index 0000000..bc2aaa3
--- /dev/null
+++ b/src/main/java/com/terra/proxy/mapper/ProxyServletMapper.java
@@ -0,0 +1,20 @@
+package com.terra.proxy.mapper;
+
+import com.terra.proxy.bean.ServletBean;
+
+import java.util.List;
+import java.util.Map;
+
+public interface ProxyServletMapper {
+
+ int addServlet(ServletBean bean);
+
+ int updateServer(ServletBean bean);
+
+ List<Map> queryServer(Map<String, Object> params);
+
+ int delServer(Integer id);
+
+ int queryTotalServer(Map<String, Object> params);
+
+}
diff --git a/src/main/java/com/terra/proxy/mapper/ServiceMapper.java b/src/main/java/com/terra/proxy/mapper/ServiceMapper.java
new file mode 100644
index 0000000..5fc77a3
--- /dev/null
+++ b/src/main/java/com/terra/proxy/mapper/ServiceMapper.java
@@ -0,0 +1,35 @@
+package com.terra.proxy.mapper;
+
+import java.util.List;
+import java.util.Map;
+
+import org.apache.ibatis.annotations.Mapper;
+import org.springframework.transaction.annotation.Transactional;
+
+import com.terra.proxy.bean.ServerRgBean;
+import com.terra.proxy.bean.TiandiantuMergeInfo;
+
+@Mapper
+@Transactional
+public interface ServiceMapper {
+
+ int addServer(ServerRgBean serverRgBean);
+
+ int updateServer(Map<String,Object> params);
+
+ List<Map> queryServer(Map<String,Object> params);
+
+ List<Map> queryServer2(Map<String,Object> params);
+
+ int delServer(Integer id);
+
+ int addtianditumerge(TiandiantuMergeInfo info);
+
+ List<Map> querytianditumerge(int id);
+
+ int queryTotalServer(Map<String, Object> params);
+
+ List<Map> queryConfigInfo(Map<String, Object> params);
+
+
+}
diff --git a/src/main/java/com/terra/proxy/properties/JedisProperties.java b/src/main/java/com/terra/proxy/properties/JedisProperties.java
new file mode 100644
index 0000000..3758105
--- /dev/null
+++ b/src/main/java/com/terra/proxy/properties/JedisProperties.java
@@ -0,0 +1,54 @@
+package com.terra.proxy.properties;
+
+
+import lombok.Data;
+import org.springframework.boot.context.properties.ConfigurationProperties;
+import org.springframework.context.annotation.Configuration;
+
+@Configuration
+@ConfigurationProperties(prefix = "redis")
+@Data
+public class JedisProperties {
+
+ private String password;
+
+ private String host;
+
+ private int port;
+
+ public String getPassword() {
+ return password;
+ }
+
+ public void setPassword(String password) {
+ this.password = password;
+ }
+
+ public String getHost() {
+ return host;
+ }
+
+ public void setHost(String host) {
+ this.host = host;
+ }
+
+ public int getPort() {
+ return port;
+ }
+
+ public void setPort(int port) {
+ this.port = port;
+ }
+
+ public int getMaxIdle() {
+ return maxIdle;
+ }
+
+ public void setMaxIdle(int maxIdle) {
+ this.maxIdle = maxIdle;
+ }
+
+ private int maxIdle;
+
+
+}
diff --git a/src/main/java/com/terra/proxy/properties/ProxyProperties.java b/src/main/java/com/terra/proxy/properties/ProxyProperties.java
new file mode 100644
index 0000000..97f38bb
--- /dev/null
+++ b/src/main/java/com/terra/proxy/properties/ProxyProperties.java
@@ -0,0 +1,97 @@
+package com.terra.proxy.properties;
+
+import lombok.Data;
+
+@Data
+public class ProxyProperties {
+
+ private String host;
+
+ private String targethost;
+
+ private Integer times;
+
+ private String logapipath;
+
+ private String servletmapjson;
+
+ private String blacklist;
+
+ private String blackUris;
+
+ private String tempAllowUrls;
+
+ private String tempAllowBlackList;
+
+ public String getLogapipath() {
+ return logapipath;
+ }
+
+ public void setLogapipath(String logapipath) {
+ this.logapipath = logapipath;
+ }
+
+ public String getServletmapjson() {
+ return servletmapjson;
+ }
+
+ public void setServletmapjson(String servletmapjson) {
+ this.servletmapjson = servletmapjson;
+ }
+
+ public Integer getTimes() {
+ return times;
+ }
+
+ public void setTimes(Integer times) {
+ this.times = times;
+ }
+
+ public String getTargethost() {
+ return targethost;
+ }
+
+ public void setTargethost(String targethost) {
+ this.targethost = targethost;
+ }
+
+ public String getHost() {
+ return host;
+ }
+
+ public void setHost(String host) {
+ this.host = host;
+ }
+
+ public String getBlacklist() {
+ return blacklist;
+ }
+
+ public void setBlacklist(String blacklist) {
+ this.blacklist = blacklist;
+ }
+
+ public String getBlackUris() {
+ return blackUris;
+ }
+
+ public void setBlackUris(String blackUris) {
+ this.blackUris = blackUris;
+ }
+
+ public String getTempAllowUrls() {
+ return tempAllowUrls;
+ }
+
+ public void setTempAllowUrls(String tempAllowUrls) {
+ this.tempAllowUrls = tempAllowUrls;
+ }
+
+ public String getTempAllowBlackList() {
+ return tempAllowBlackList;
+ }
+
+ public void setTempAllowBlackList(String tempAllowBlackList) {
+ this.tempAllowBlackList = tempAllowBlackList;
+ }
+}
diff --git a/src/main/java/com/terra/proxy/properties/TerraProperties.java b/src/main/java/com/terra/proxy/properties/TerraProperties.java
new file mode 100644
index 0000000..4d921e7
--- /dev/null
+++ b/src/main/java/com/terra/proxy/properties/TerraProperties.java
@@ -0,0 +1,26 @@
+package com.terra.proxy.properties;
+
+import lombok.Data;
+import org.springframework.boot.SpringBootConfiguration;
+import org.springframework.boot.context.properties.ConfigurationProperties;
+import org.springframework.context.annotation.PropertySource;
+
+
+@Data
+@SpringBootConfiguration
+@PropertySource(value = {"classpath:terra.properties"})
+@ConfigurationProperties(prefix = "terra")
+public class TerraProperties {
+
+ private ProxyProperties proxy = new ProxyProperties();
+
+ public ProxyProperties getProxy() {
+ return proxy;
+ }
+
+ public void setProxy(ProxyProperties proxy) {
+ this.proxy = proxy;
+ }
+
+
+}
diff --git a/src/main/java/com/terra/proxy/proxy/SolrProxyServletConfiguration.java b/src/main/java/com/terra/proxy/proxy/SolrProxyServletConfiguration.java
new file mode 100644
index 0000000..3dd829f
--- /dev/null
+++ b/src/main/java/com/terra/proxy/proxy/SolrProxyServletConfiguration.java
@@ -0,0 +1,43 @@
+package com.terra.proxy.proxy;
+
+import cn.hutool.core.collection.ConcurrentHashSet;
+import com.terra.proxy.bean.ProxyInfoBean;
+import com.terra.proxy.properties.TerraProperties;
+import com.terra.proxy.service.Impl.ServerRegisterServiceImpl;
+import org.mitre.dsmiley.httpproxy.ProxyServlet;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.beans.factory.annotation.Value;
+import org.springframework.context.annotation.Bean;
+import org.springframework.context.annotation.Configuration;
+
+import javax.servlet.Servlet;
+import java.util.ArrayList;
+import java.util.List;
+import java.util.Map;
+import java.util.Set;
+
+@Configuration
+public class SolrProxyServletConfiguration {
+
+ @Autowired
+ private TerraProperties properties;
+
+ public static Set<String> tokens = new ConcurrentHashSet<>();
+
+ public static Set<ProxyInfoBean> proxyInfoSet = new ConcurrentHashSet<>();
+
+ @Value("${isusetoken}")
+ public Boolean flag;
+
+ public List<Map> ConfigInfoList = new ArrayList<>();
+ @Autowired
+ public ServerRegisterServiceImpl res;
+
+ @Bean
+ public Servlet createProxyServlet() {
+
+ // 鍒涘缓鏂扮殑ProxyServlet
+ return new ProxyServlet();
+ }
+
+}
\ No newline at end of file
diff --git a/src/main/java/com/terra/proxy/schedule/schduletask.java b/src/main/java/com/terra/proxy/schedule/schduletask.java
new file mode 100644
index 0000000..dc1f1f4
--- /dev/null
+++ b/src/main/java/com/terra/proxy/schedule/schduletask.java
@@ -0,0 +1,211 @@
+package com.terra.proxy.schedule;
+
+import cn.hutool.json.JSONObject;
+import cn.hutool.json.JSONUtil;
+import com.terra.proxy.bean.ResActionRecord;
+import com.terra.proxy.bean.VistorBean;
+import com.terra.proxy.properties.TerraProperties;
+import com.terra.proxy.service.Impl.LogServiceImpl;
+import com.terra.proxy.util.HttpUtils;
+import com.terra.proxy.util.JedisUtils;
+import org.apache.commons.lang3.StringUtils;
+import org.slf4j.Logger;
+import org.slf4j.LoggerFactory;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.beans.factory.annotation.Value;
+import org.springframework.context.annotation.Configuration;
+import org.springframework.scheduling.annotation.EnableScheduling;
+import org.springframework.scheduling.annotation.Scheduled;
+import org.springframework.stereotype.Component;
+import redis.clients.jedis.Jedis;
+
+import java.io.IOException;
+import java.text.ParseException;
+import java.text.SimpleDateFormat;
+import java.util.*;
+
+@Component
+@Configuration
+@EnableScheduling
+public class schduletask {
+ private static Logger log = LoggerFactory.getLogger(schduletask.class);
+
+ @Autowired
+ private LogServiceImpl logService;
+
+ @Autowired
+ private TerraProperties properties;
+
+ @Value("${sys.jwt.expire}")
+ private Long expireSeconds;
+
+ /**
+ * 姣忛殧涓�娈垫椂闂�(1 hour),灏唕edis鍐呯殑璧勬簮璁块棶鏃ュ織鍐欏叆鏁版嵁搴�
+ */
+ @Scheduled(cron = "0 0 1 * * ?")
+ public void logwrite() {
+ int countNum = 5000;
+ Jedis jedis = JedisUtils.getJedis();
+ try {
+ Set<String> set = jedis.smembers("visitlog");
+ List<Map<String, Object>> list = new ArrayList<>();
+ Iterator<String> it = set.iterator();
+ while (it.hasNext()) {
+ String objstr = it.next();
+ JSONObject json = JSONUtil.parseObj(objstr);
+ Map<String, Object> map = json.toBean(Map.class);
+ SimpleDateFormat sd = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss");
+ Date date = null;
+ try {
+ date = sd.parse(map.get("date").toString());
+ } catch (ParseException e) {
+ log.error("鏃ユ湡杞崲閿欒");
+ e.printStackTrace();
+ }
+ map.put("timestamp", date);
+ list.add(map);
+ if (list.size() > countNum) {
+ logService.batchsavelog(list);
+ list.clear();
+ }
+ }
+ if (!list.isEmpty()) {
+ logService.batchsavelog(list);
+ }
+ jedis.del("visitlog");
+ } catch (Exception e) {
+ e.printStackTrace();
+ } finally {
+ jedis.close();
+ }
+
+ }
+
+ @Scheduled(cron = "0 0 2 * * ?")
+ public void jgptlogwrite() {
+ Jedis jedis = JedisUtils.getJedis();
+ try {
+ Set<String> set = jedis.smembers("TerraResActionRecordForJGPT");
+ List<Map<String, Object>> list = new ArrayList<>();
+ Iterator<String> it = set.iterator();
+ while (it.hasNext()) {
+ String objstr = it.next();
+ JSONObject json = JSONUtil.parseObj(objstr);
+ ResActionRecord map = json.toBean(ResActionRecord.class);
+ String url = properties.getProxy().getLogapipath() + "/actionrecord/adduseinfo";
+ Map<String, Object> params = new HashMap<>();
+ params.put("resourceid", map.getResourceid());
+ params.put("appid", map.getAppid());
+ params.put("userid", map.getUserid());
+ params.put("ip", map.getIp());
+ try {
+ HttpUtils.post(url, params);
+ } catch (IOException e) {
+ e.printStackTrace();
+ }
+ }
+ jedis.del("TerraResActionRecordForJGPT");
+ } catch (Exception e) {
+ e.printStackTrace();
+ } finally {
+ jedis.close();
+ }
+
+ }
+
+
+ @Scheduled(cron = "0 0 0 * * ?")
+ public void writeRecord() {
+ Jedis jedis = JedisUtils.getJedis();
+ try {
+ Set<String> set = jedis.smembers("TerraResActionRecord");
+ List<ResActionRecord> list = new ArrayList<>();
+ Iterator<String> it = set.iterator();
+ while (it.hasNext()) {
+ String objstr = it.next();
+ JSONObject json = JSONUtil.parseObj(objstr);
+ ResActionRecord map = json.toBean(ResActionRecord.class);
+ list.add(map);
+ }
+ if (!list.isEmpty()) {
+ logService.batchsaveResRecord(list);
+ }
+ jedis.del("TerraResActionRecord");
+ } catch (Exception e) {
+ e.printStackTrace();
+ } finally {
+ jedis.close();
+ }
+
+ }
+
+ /* 瀵逛簬鑷姩缁害涓斿埌鏈熸椂闂翠笉瓒充竴澶╃殑token杩涜缁害
+ *缁害鏃堕棿
+ *姣忓ぉ鍑屾櫒0鐐瑰畬鎴恡oken鐨勮嚜鍔ㄧ画绾�
+ *
+ */
+ @Scheduled(cron = "0 0 0 * * ?")
+ public void autoToken() {
+ Jedis jedis = JedisUtils.getJedis();
+ try {
+ Set<String> autoTokens = jedis.smembers("autoToken");
+ log.info("寮�濮婽oken鑷姩缁害");
+ for (String autoToken : autoTokens) {
+ log.info("鏈Token鑷姩缁害,鍏�" + autoTokens.size() + "涓暟鎹�");
+ String token = autoToken;
+ String value = jedis.get(token);
+ Integer ttl = Math.toIntExact(jedis.ttl(token));
+ if (ttl < expireSeconds) {
+ Integer integer = Integer.valueOf(value);
+ if (integer < expireSeconds) integer = Math.toIntExact(expireSeconds);
+ jedis.setex(token, ttl + integer, value);
+ }
+ }
+ log.info("Token鑷姩缁害瀹屾垚");
+ } catch (Exception e) {
+ log.error("Token鑷姩缁害澶辫触,璇锋鏌ユ槸鍚﹀瓨鍦ㄩ渶瑕佽嚜鍔ㄧ画绾oken");
+ } finally {
+ jedis.close();
+ }
+ }
+
+
+ public static void main(String[] args) {
+ Date date = new Date();
+ System.out.println("date = " + date);
+
+ }
+
+ /**
+ * 姣�15鍒嗛挓娓呯悊涓�娆￠粦鍚嶅崟寮傚父鏁版嵁 绉婚櫎榛戝悕鍗曚絾鏄粺璁℃暟浠嶄负1000鐨勬暟鎹�
+ */
+ @Scheduled(cron = "0 */15 * * * ?")
+ public void releaseBlackList() {
+ Jedis jedis = JedisUtils.getJedis();
+ try {
+ HashMap<String, Object> map = new HashMap<>();
+ map.put("status","2");
+ List<VistorBean> list = logService.queryBlackLists(map);
+ for (VistorBean vistorBean : list) {
+ String requestip = vistorBean.getRequestip();
+ String s = jedis.get(requestip);
+ if(StringUtils.isNotEmpty(s)){
+ jedis.del(requestip);
+ log.info("鏈娓呴櫎寮傚父ip涓�:"+requestip);
+ }
+ }
+ //15鍒嗛挓閲婃斁涓�娆＄壒娈奍P
+ String tempAllowBlackList = properties.getProxy().getTempAllowBlackList();
+ String[] split = tempAllowBlackList.split(";");
+ for (String s : split) {
+ jedis.del(s);
+ log.info("鏈閲婃斁ip涓�:"+s);
+ }
+ } catch (Exception e) {
+ e.printStackTrace();
+ } finally {
+ jedis.close();
+ }
+ }
+
+}
diff --git a/src/main/java/com/terra/proxy/service/Impl/LogServiceImpl.java b/src/main/java/com/terra/proxy/service/Impl/LogServiceImpl.java
new file mode 100644
index 0000000..c892576
--- /dev/null
+++ b/src/main/java/com/terra/proxy/service/Impl/LogServiceImpl.java
@@ -0,0 +1,168 @@
+package com.terra.proxy.service.Impl;
+
+import java.util.HashMap;
+import java.util.List;
+import java.util.Map;
+import java.util.logging.LogManager;
+
+import javax.annotation.Resource;
+
+import com.terra.proxy.bean.BlackRule;
+import com.terra.proxy.bean.VistorBean;
+import com.terra.proxy.util.JedisUtils;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.stereotype.Service;
+
+import com.terra.proxy.bean.ResActionRecord;
+import com.terra.proxy.mapper.LogMapper;
+import com.terra.proxy.service.LogService;
+import redis.clients.jedis.Jedis;
+
+@Service
+public class LogServiceImpl implements LogService {
+
+
+ @Autowired
+ private LogMapper logMapper;
+
+ @Override
+ public int savelog(Map<String, Object> params) {
+ // 淇濆瓨鏃ュ織
+ int result=logMapper.savelog(params);
+
+ return result;
+ }
+
+ @Override
+ public List<Map> querylog(Map<String, Object> params) {
+ // TODO Auto-generated method stub
+ List<Map> list= logMapper.querylog(params);
+ return list;
+ }
+
+ @Override
+ public int batchsavelog(List<Map<String, Object>> list) {
+ int result= logMapper.batchsavelog(list);
+ return result;
+ }
+
+ @Override
+ public List<Map> querylogCountAndIp(Map<String, Object> params){
+ List<Map> list= logMapper.querylogCountAndIp(params);
+ return list;
+ }
+
+ @Override
+ public List<Map> getTotalCountPerHour(Map<String, Object> params) {
+ List<Map> list= logMapper.getTotalCountPerHour(params);
+ return list;
+ }
+
+ @Override
+ public List<Map> getVisitInfoPerHourByip(Map<String, Object> params) {
+ List<Map> list= logMapper.getVisitInfoPerHourByip(params);
+ return list;
+ }
+
+ @Override
+ public int queryTotalLog(Map<String, Object> params) {
+ int total= logMapper.queryTotalLog(params);
+ return total;
+ }
+
+ @Override
+ public int batchsaveResRecord(List<ResActionRecord> list) {
+ int total= logMapper.batchsaveResRecord(list);
+ return total;
+ }
+
+ @Override
+ public int saveResRecord(ResActionRecord record) {
+ int total= logMapper.saveResRecord(record);
+ return total;
+ }
+
+ @Override
+ public List<Map> selectTokenRecord(Map<String, Object> params) {
+
+ return logMapper.selectTokenRecord(params);
+ }
+
+ @Override
+ public int getTotalTokenRecord(Map<String, Object> params) {
+
+ return logMapper.getTotalTokenRecord(params);
+ }
+
+ @Override
+ public int updateTokenRecord(Map<String, Object> params) {
+ return logMapper.updateTokenRecord(params);
+ }
+
+ @Override
+ public List<VistorBean> queryBlackLists(HashMap<String, Object> param) {
+ return logMapper.queryBlackLists( param);
+ }
+
+
+ @Override
+ public void saveBlackLog(VistorBean vb) {
+ logMapper.saveBlackLog(vb);
+ }
+
+ @Override
+ public void delBlackById(VistorBean vistorBean) {
+ //鍒犻櫎redis涓殑璁板綍
+ String status = vistorBean.getStatus();
+ Jedis jedis = JedisUtils.getJedis();
+ jedis.del(vistorBean.getRequestip());
+ //鏇存柊瀵瑰簲鐨勯粦鍚嶅崟IP璁板綍鐨勭姸鎬�
+ vistorBean.setStatus("2");
+ logMapper.delBlackById(vistorBean);
+ JedisUtils.close(jedis);
+ vistorBean.setStatus(status);
+ }
+
+ @Override
+ public void updateRules(BlackRule blackRule) {
+ logMapper.updateRules(blackRule);
+ }
+
+ @Override
+ public BlackRule selectBlackRule() {
+ return logMapper.selectBlackRule();
+ }
+
+ @Override
+ public int getTotalBlackList(HashMap<String, Object> param) {
+ return logMapper.getTotalBlackList(param);
+ }
+
+ @Override
+ public void updateWhite(VistorBean vistorBean) {
+ if("3".equals(vistorBean.getStatus())){
+ //绉婚櫎鐧藉悕鍗�
+ vistorBean.setStatus("4");
+ logMapper.delBlackById(vistorBean);
+ }
+ if(null==logMapper.queryWhite(vistorBean)){
+ //鏂板涓�鏉＄櫧鍚嶅崟
+ logMapper.saveBlackLog(vistorBean);
+ }
+ }
+
+ @Override
+ public List<VistorBean> selectWhiteList(HashMap<String, Object> param) {
+ return logMapper.selectWhiteList(param);
+ }
+
+ @Override
+ public int getTotalWhiteList(HashMap<String, Object> param) {
+ return logMapper.getTotalWhiteList(param);
+ }
+
+ @Override
+ public String queryToken(Map<String, Object> param) {
+ return logMapper.queryToken(param);
+ }
+}
diff --git a/src/main/java/com/terra/proxy/service/Impl/ResActionRecordServiceImpl.java b/src/main/java/com/terra/proxy/service/Impl/ResActionRecordServiceImpl.java
new file mode 100644
index 0000000..7345aa9
--- /dev/null
+++ b/src/main/java/com/terra/proxy/service/Impl/ResActionRecordServiceImpl.java
@@ -0,0 +1,29 @@
+package com.terra.proxy.service.Impl;
+
+import java.io.IOException;
+
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.stereotype.Service;
+
+import com.terra.proxy.bean.ResActionRecord;
+import com.terra.proxy.config.SysTemPropertyConfig;
+import com.terra.proxy.service.ResActionRecordService;
+import com.terra.proxy.util.HttpOperateUtils;
+
+@Service("actionRecordService")
+public class ResActionRecordServiceImpl implements ResActionRecordService {
+
+ @Autowired
+ private SysTemPropertyConfig tokenConfig;
+
+
+ @Override
+ public void save(ResActionRecord action){
+ String url = tokenConfig.getApiCatalog()+"/api/actionrecord/adduseinfo";
+ try{
+ HttpOperateUtils.httpPost(url,action);
+ }catch (IOException e) {
+ e.printStackTrace();
+ }
+ }
+}
diff --git a/src/main/java/com/terra/proxy/service/Impl/ServerRegisterServiceImpl.java b/src/main/java/com/terra/proxy/service/Impl/ServerRegisterServiceImpl.java
new file mode 100644
index 0000000..9a513b3
--- /dev/null
+++ b/src/main/java/com/terra/proxy/service/Impl/ServerRegisterServiceImpl.java
@@ -0,0 +1,64 @@
+package com.terra.proxy.service.Impl;
+
+import java.util.List;
+import java.util.Map;
+
+import javax.annotation.Resource;
+
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.stereotype.Service;
+
+import com.terra.proxy.bean.ServerRgBean;
+import com.terra.proxy.mapper.ServiceMapper;
+import com.terra.proxy.service.ServerRegisterService;
+
+@Service
+public class ServerRegisterServiceImpl implements ServerRegisterService {
+
+
+ @Resource
+ ServiceMapper mapper;
+ @Override
+ public int addServer(ServerRgBean serverRgBean) {
+
+ return mapper.addServer(serverRgBean);
+ }
+
+ @Override
+ public int updateServer(Map<String,Object> params) {
+
+ return mapper.updateServer(params);
+ }
+
+ @Override
+ public int delServer(Integer id) {
+
+ return mapper.delServer(id);
+ }
+
+ @Override
+ public List<Map> queryServer(Map<String, Object> params) {
+
+
+ return mapper.queryServer(params);
+ }
+
+
+ @Override
+ public List<Map> queryServer2(Map<String, Object> params) {
+
+
+ return mapper.queryServer2(params);
+ }
+
+ public int queryTotalServer(Map<String, Object> params) {
+ return mapper.queryTotalServer(params);
+
+ }
+
+ public List<Map> queryConfigInfo(Map<String, Object> params) {
+ return mapper.queryConfigInfo(params);
+ }
+
+
+}
diff --git a/src/main/java/com/terra/proxy/service/LogService.java b/src/main/java/com/terra/proxy/service/LogService.java
new file mode 100644
index 0000000..68711b2
--- /dev/null
+++ b/src/main/java/com/terra/proxy/service/LogService.java
@@ -0,0 +1,56 @@
+package com.terra.proxy.service;
+
+import com.terra.proxy.bean.BlackRule;
+import com.terra.proxy.bean.ResActionRecord;
+import com.terra.proxy.bean.VistorBean;
+
+import java.util.HashMap;
+import java.util.List;
+import java.util.Map;
+
+public interface LogService {
+
+ int savelog(Map<String, Object> params);
+
+ int batchsavelog(List<Map<String, Object>> list);
+
+ List<Map> querylog(Map<String, Object> params);
+
+ List<Map> querylogCountAndIp(Map<String, Object> params);
+
+ List<Map> getTotalCountPerHour(Map<String, Object> params);
+
+ List<Map> getVisitInfoPerHourByip(Map<String, Object> params);
+
+ int queryTotalLog(Map<String, Object> params);
+
+ int batchsaveResRecord(List<ResActionRecord> list);
+
+ int saveResRecord(ResActionRecord record);
+
+ List<Map> selectTokenRecord(Map<String, Object> params);
+
+ int getTotalTokenRecord(Map<String, Object> params);
+
+ int updateTokenRecord(Map<String, Object> params);
+
+ List<VistorBean> queryBlackLists(HashMap<String, Object> param);
+
+ void saveBlackLog(VistorBean vb);
+
+ void delBlackById(VistorBean vistorBean);
+
+ void updateRules(BlackRule blackRule);
+
+ BlackRule selectBlackRule();
+
+ int getTotalBlackList(HashMap<String, Object> param);
+
+ void updateWhite(VistorBean vistorBean);
+
+ List<VistorBean> selectWhiteList(HashMap<String, Object> param);
+
+ int getTotalWhiteList(HashMap<String, Object> param);
+
+ String queryToken(Map<String, Object> param);
+}
diff --git a/src/main/java/com/terra/proxy/service/ResActionRecordService.java b/src/main/java/com/terra/proxy/service/ResActionRecordService.java
new file mode 100644
index 0000000..52cac78
--- /dev/null
+++ b/src/main/java/com/terra/proxy/service/ResActionRecordService.java
@@ -0,0 +1,14 @@
+package com.terra.proxy.service;
+
+import com.terra.proxy.bean.ResActionRecord;
+
+/**
+ * @author lanbase
+ * @Description: TODO(绯荤粺妯″潡鎿嶄綔鏃ュ織琛�)
+ * @date 2018-01-16 09:18:41
+ */
+public interface ResActionRecordService {
+
+ void save(ResActionRecord record);
+
+}
diff --git a/src/main/java/com/terra/proxy/service/ServerRegisterService.java b/src/main/java/com/terra/proxy/service/ServerRegisterService.java
new file mode 100644
index 0000000..cdd08d9
--- /dev/null
+++ b/src/main/java/com/terra/proxy/service/ServerRegisterService.java
@@ -0,0 +1,21 @@
+package com.terra.proxy.service;
+
+import com.terra.proxy.bean.ServerRgBean;
+
+import java.util.List;
+import java.util.Map;
+
+
+public interface ServerRegisterService {
+
+ List<Map> queryServer(Map<String, Object> params);
+
+ int updateServer(Map<String, Object> params);
+
+ int delServer(Integer id);
+
+ List<Map> queryServer2(Map<String, Object> params);
+
+ int addServer(ServerRgBean serverRgBean);
+
+}
diff --git a/src/main/java/com/terra/proxy/servlet/ArcinfoServlet.java b/src/main/java/com/terra/proxy/servlet/ArcinfoServlet.java
new file mode 100644
index 0000000..6317155
--- /dev/null
+++ b/src/main/java/com/terra/proxy/servlet/ArcinfoServlet.java
@@ -0,0 +1,38 @@
+package com.terra.proxy.servlet;
+
+import org.mitre.dsmiley.httpproxy.ProxyServlet;
+
+import javax.servlet.http.HttpServletRequest;
+
+public class ArcinfoServlet extends ProxyServlet {
+
+ protected String rewriteUrlFromRequest(HttpServletRequest servletRequest) {
+
+ StringBuilder uri = new StringBuilder(500);
+ uri.append(getTargetUri(servletRequest));
+ if (servletRequest.getPathInfo() != null) {
+ uri.append(encodeUriQuery(servletRequest.getPathInfo()));
+ }
+ String queryString = servletRequest.getQueryString();
+ String fragment = null;
+ if (queryString != null) {
+ int fragIdx = queryString.indexOf('#');
+ if (fragIdx >= 0) {
+ fragment = queryString.substring(fragIdx + 1);
+ queryString = queryString.substring(0, fragIdx);
+ }
+ }
+ queryString = rewriteQueryStringFromRequest(servletRequest, queryString);
+ if ((queryString != null) && (queryString.length() > 0)) {
+ uri.append('?');
+ uri.append(encodeUriQuery(queryString));
+ }
+ if ((this.doSendUrlFragment) && (fragment != null)) {
+ uri.append('#');
+ uri.append(encodeUriQuery(fragment));
+ }
+ return uri.toString();
+ }
+
+
+}
diff --git a/src/main/java/com/terra/proxy/servlet/GisProxyServlet.java b/src/main/java/com/terra/proxy/servlet/GisProxyServlet.java
new file mode 100644
index 0000000..2114638
--- /dev/null
+++ b/src/main/java/com/terra/proxy/servlet/GisProxyServlet.java
@@ -0,0 +1,247 @@
+package com.terra.proxy.servlet;
+
+import com.alibaba.fastjson.JSONObject;
+import com.alibaba.fastjson.serializer.SerializerFeature;
+import com.terra.proxy.bean.ResActionRecord;
+import com.terra.proxy.bean.VistorBean;
+import com.terra.proxy.service.Impl.ServerRegisterServiceImpl;
+import com.terra.proxy.util.JedisUtils;
+import com.terra.proxy.util.Result;
+import org.apache.http.*;
+import org.apache.http.client.utils.URIUtils;
+import org.apache.http.entity.BasicHttpEntity;
+import org.mitre.dsmiley.httpproxy.ProxyServlet;
+import org.slf4j.Logger;
+import org.slf4j.LoggerFactory;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.web.context.WebApplicationContext;
+import org.springframework.web.context.support.WebApplicationContextUtils;
+import redis.clients.jedis.Jedis;
+
+import javax.annotation.PostConstruct;
+import javax.servlet.ServletException;
+import javax.servlet.ServletOutputStream;
+import javax.servlet.http.HttpServletRequest;
+import javax.servlet.http.HttpServletResponse;
+import java.io.*;
+import java.net.URI;
+import java.net.URLEncoder;
+import java.sql.Timestamp;
+import java.util.Date;
+import java.util.regex.Pattern;
+import java.util.zip.GZIPInputStream;
+import java.util.zip.GZIPOutputStream;
+
+public abstract class GisProxyServlet extends ProxyServlet {
+ private Logger log = LoggerFactory.getLogger(RerequestServlet.class);
+ @Autowired
+ JedisUtils jedisUtils;
+ protected Result result;
+ ServerRegisterServiceImpl service;
+
+
+ @PostConstruct
+ public void init() {
+ try {
+ super.init();
+ } catch (ServletException e) {
+
+ e.printStackTrace();
+ }
+ WebApplicationContext wac = WebApplicationContextUtils.getRequiredWebApplicationContext(getServletContext());
+ service = wac.getBean(ServerRegisterServiceImpl.class);
+ }
+
+ public static boolean isdigit(String str) {
+
+ return str.matches("[0-9]+");
+ }
+
+ public abstract String rewriteUrlFromRequest(HttpServletRequest servletRequest);
+
+ public static boolean isInteger(String str) {
+ Pattern pattern = Pattern.compile("^[1-9]\\d*|0$");
+ return pattern.matcher(str).matches();
+ }
+
+ protected void copyResponseEntity(HttpResponse proxyResponse, HttpServletResponse servletResponse)
+ throws IOException {
+ HttpEntity entity = proxyResponse.getEntity();
+ BufferedReader reader;
+ InputStream is = entity.getContent();
+ if (result != null && !result.get("code").equals(0)) {
+ servletResponse.setStatus((int) result.get("code"));
+ }
+ ServletOutputStream outputStream = servletResponse.getOutputStream();
+ Boolean imageFlag = false;
+ Boolean htmlFlag = false;
+ HeaderElement[] elements = entity.getContentType().getElements();
+ for (HeaderElement element : elements) {
+ if (element.getName().contains("image")) {
+ imageFlag = true;
+ }
+ }
+ if (!imageFlag && isgzip(entity)) {
+
+ reader = new BufferedReader(new InputStreamReader(new GZIPInputStream(is)));
+ StringBuffer sb = new StringBuffer();
+ String s = null;
+ while ((s = reader.readLine()) != null) {
+ sb.append(s);
+ }
+ String result = sb.toString();
+ result = result.replaceAll("<table[^>]*>((?!table).)*</table>", "");
+ String repx = "<a[^>]+>([^<]+</a>)";//a鏍囩杩囨护
+ result = result.replaceAll(repx, "");
+
+ result = result.replaceAll("(http|https)://[^/]+/", "/");
+
+ result = result.replaceAll("/arcgis/rest/services", "");
+ BasicHttpEntity entity2 = new BasicHttpEntity();
+ byte[] bt;
+ bt = compress(result);
+ ByteArrayInputStream btinput = new ByteArrayInputStream(bt);
+ entity2.setContent(btinput);
+ entity2.setContentEncoding("gzip");
+ entity2.setContentType(entity.getContentType());
+ entity2.setChunked(false);
+ //entity2.setContentType("image/png");
+ if (entity2 != null) {
+ servletResponse.addHeader("Content-Length", String.valueOf(bt.length));
+ OutputStream servletOutputStream = servletResponse.getOutputStream();
+ entity2.writeTo(servletOutputStream);
+ }
+
+ } else {
+ if (entity != null) {
+ OutputStream servletOutputStream = servletResponse.getOutputStream();
+ entity.writeTo(servletOutputStream);
+ }
+ }
+ }
+
+ /*
+ * 缁熻涓嶅悓ip璋冪敤鏈嶅姟娆℃暟,骞跺皢鍏跺瓨鍏ュ叆redis
+ */
+ protected void visitlogsaveinredis(VistorBean vb) {
+ String fromip = vb.getRequestip();
+ vb.setDate(new Date());
+ Jedis jedis = null;
+ int count = 0;
+ try {
+ jedis = JedisUtils.getJedis();
+ jedis.sadd("visitlog", JSONObject.toJSONStringWithDateFormat(vb, "yyyy-MM-dd HH:mm:ss", SerializerFeature.PrettyFormat));
+ } catch (Exception e) {
+
+ log.error("redis鍖呴敊");
+ } finally {
+ jedis.close();
+ }
+
+ }
+
+
+ /*
+ * 缁熻涓嶅悓ip璋冪敤鏈嶅姟娆℃暟,骞跺皢鍏跺瓨鍏ュ叆redis
+ */
+ protected void saveResActionRecord(ResActionRecord vb) {
+
+ vb.setActiontime(new Timestamp(new Date().getTime()));
+ Jedis jedis = null;
+ int count = 0;
+ try {
+ jedis = JedisUtils.getJedis();
+ jedis.sadd("TerraResActionRecord", JSONObject.toJSONStringWithDateFormat(vb, "yyyy-MM-dd HH:mm:ss", SerializerFeature.PrettyFormat));
+ } catch (Exception e) {
+
+ log.error("redis鍖呴敊");
+ } finally {
+ jedis.close();
+ }
+
+ }
+
+ public static byte[] compress(String str) {
+ ByteArrayOutputStream out = new ByteArrayOutputStream();
+
+ GZIPOutputStream gzip = null;
+ try {
+ gzip = new GZIPOutputStream(out);
+ gzip.write(str.getBytes());
+ } catch (IOException e) {
+ e.printStackTrace();
+ } finally {
+ if (gzip != null) {
+ try {
+ gzip.close();
+ } catch (IOException e) {
+ e.printStackTrace();
+ }
+ }
+ }
+ return out.toByteArray();
+ }
+
+ public boolean isgzip(HttpEntity entity) {
+ return entity.getContentEncoding() != null
+ && "Content-Encoding: gzip".equals(entity.getContentEncoding().toString()) ? true : false;
+ }
+
+ public boolean ishtml(HttpEntity entity) {
+ String temp = entity.getContentType().toString();
+ return temp.contains("text/html") ? true : false;
+ }
+
+ protected void setXForwardedForHeader(HttpServletRequest servletRequest, HttpRequest proxyRequest) {
+ String headerName = "X-Forwarded-For";
+ if (this.doForwardIP) {
+ String newHeader = servletRequest.getRemoteAddr();
+ String existingHeader = servletRequest.getHeader(headerName);
+ if (existingHeader != null) {
+ newHeader = existingHeader + ", " + newHeader;
+ }
+ proxyRequest.setHeader(headerName, newHeader);
+ }
+ }
+
+ protected void copyResponseHeaders(HttpResponse proxyResponse, HttpServletRequest servletRequest,
+ HttpServletResponse servletResponse) {
+ for (Header header : proxyResponse.getAllHeaders()) {
+ if (!hopByHopHeaders.containsHeader(header.getName())) {
+ if ((header.getName().equalsIgnoreCase("Set-Cookie"))
+ || (header.getName().equalsIgnoreCase("Set-Cookie2"))) {
+ copyProxyCookie(servletRequest, servletResponse, header);
+ } else {
+ servletResponse.addHeader(header.getName(), header.getValue());
+ System.out.print(header.getName() + header.getValue());
+ }
+ }
+ }
+ System.out.print(servletResponse.containsHeader("Content-Length"));
+ }
+
+ protected String saveActionResult(HttpServletRequest servletRequest, VistorBean vb, URI errorurl, String sucessflag) {
+ servletRequest.setAttribute(ATTR_TARGET_HOST, URIUtils.extractHost(errorurl));
+ vb.setResult(sucessflag);
+ visitlogsaveinredis(vb);
+ if (result != null && !result.get("code").equals(0)) {
+ URI str = URI.create("http://" + "localhost" + ":" + servletRequest.getLocalPort() + "/log/error?result=" + URLEncoder.encode(JSONObject.toJSONString(result)));
+ return str.toString();
+ } else {
+ return "http://" + "localhost" + ":" + servletRequest.getLocalPort() + "/404.html";
+ }
+ }
+
+
+ public static void main(String[] args) {
+
+ String str = "<a herf='eee'>1111</a>";
+ String repx = "<a[^>]+>([^<]+</a>)";
+ String s = str.replaceAll(repx, "");
+ System.out.println("s = " + s);
+ String result = "http://18.1.1.231:8088/2222/cas/login.js";
+ result = result.replaceAll("(http|https)://[^/]*\\.js$", "/");
+ System.out.println("result = " + result);
+ System.out.println("result = " + result);
+ }
+}
diff --git a/src/main/java/com/terra/proxy/servlet/MyProxyServlet.java b/src/main/java/com/terra/proxy/servlet/MyProxyServlet.java
new file mode 100644
index 0000000..3e3c2c2
--- /dev/null
+++ b/src/main/java/com/terra/proxy/servlet/MyProxyServlet.java
@@ -0,0 +1,107 @@
+package com.terra.proxy.servlet;
+
+import com.terra.proxy.bean.VistorBean;
+import org.apache.commons.lang3.StringUtils;
+import org.mitre.dsmiley.httpproxy.ProxyServlet;
+import org.slf4j.Logger;
+import org.slf4j.LoggerFactory;
+import org.springframework.web.bind.annotation.RequestMethod;
+
+import javax.servlet.http.HttpServletRequest;
+import java.net.HttpURLConnection;
+import java.net.URL;
+
+public class MyProxyServlet extends ProxyServlet {
+
+ private boolean flag;
+
+ private Logger log = LoggerFactory.getLogger(MyProxyServlet.class);
+
+ @Override
+ protected String rewriteUrlFromRequest(HttpServletRequest servletRequest) {
+
+ flag = Boolean.parseBoolean(this.getConfigParam("flag"));
+ // VistorBean 鎿嶄綔鏃ュ織鍏ュ簱淇℃伅
+ VistorBean vistorBean = new VistorBean();
+ // IP
+ vistorBean.setRequestip(servletRequest.getRemoteHost());
+ // URI
+ if (StringUtils.isNotEmpty(servletRequest.getRequestURI())) {
+ vistorBean.setServerurl(servletRequest.getRequestURI());
+ }
+ //
+ StringBuffer queryString2 = new StringBuffer();
+ //
+ StringBuffer uri = new StringBuffer();
+ // servlet.json 閰嶇疆浜� targetUri
+ if (StringUtils.isNotEmpty(getTargetUri(servletRequest))) {
+ uri.append(getTargetUri(servletRequest));
+ }
+ // pathInfo
+ if (StringUtils.isNotEmpty(servletRequest.getPathInfo())) {
+ uri.append(servletRequest.getPathInfo());
+ }
+ // queryString
+ String queryString = servletRequest.getQueryString();
+ if (StringUtils.isNotEmpty(queryString)) {
+ String[] params = queryString.split("&");
+ for (int i = 0; i < params.length; i++) {
+ queryString2 = queryString2.append("&").append(params[i]);
+ }
+ } else {
+ if (flag) {
+ vistorBean.setResult("Fail");
+ // 杩斿洖椤甸潰 500
+ return "http://" + "localhost" + ":" + servletRequest.getLocalPort() + "/500.html";
+ }
+ }
+ //
+ String fragment = null;
+ if (StringUtils.isNotEmpty(queryString)) {
+ int fragIdx = queryString.indexOf('#');
+ if (fragIdx >= 0) {
+ fragment = queryString.substring(fragIdx + 1);
+ }
+ }
+ if (StringUtils.isNotEmpty(queryString2)) {
+ uri.append('?').append(encodeUriQuery(queryString2));
+ }
+ if ((this.doSendUrlFragment) && (fragment != null)) {
+ uri.append('#').append(encodeUriQuery(fragment));
+ }
+ //
+ vistorBean.setResult("ok");
+
+ String url = uri.toString();
+ boolean result = checkHttpUrlConnection(getTargetUri());
+ if (!result) {
+ url = url.replace("71.3.251.28", "71.3.251.29");
+ }
+ log.info("*******************************");
+ log.info("FINAL HTTP URL : " + url);
+ log.info("*******************************");
+
+ return url;
+ }
+
+ private boolean checkHttpUrlConnection(String url) {
+ boolean result = false;
+ try {
+ URL testUrl = new URL(url);
+ HttpURLConnection connection = (HttpURLConnection) testUrl.openConnection();
+ connection.setRequestMethod(String.valueOf(RequestMethod.GET));
+ connection.setUseCaches(false);
+ connection.setConnectTimeout(3000);
+ connection.connect();
+ if (connection.getResponseCode() == HttpURLConnection.HTTP_OK) {
+ result = true;
+ }
+ connection.disconnect();
+ } catch (Exception e) {
+ e.printStackTrace();
+ }
+ return result;
+ }
+
+
+}
\ No newline at end of file
diff --git a/src/main/java/com/terra/proxy/servlet/RerequestServlet.java b/src/main/java/com/terra/proxy/servlet/RerequestServlet.java
new file mode 100644
index 0000000..f6a9dc4
--- /dev/null
+++ b/src/main/java/com/terra/proxy/servlet/RerequestServlet.java
@@ -0,0 +1,189 @@
+package com.terra.proxy.servlet;
+
+import com.terra.proxy.bean.VistorBean;
+import com.terra.proxy.controller.ZiyuanRightManager;
+import org.apache.commons.lang3.StringUtils;
+import org.apache.http.client.utils.URIUtils;
+
+import javax.servlet.http.HttpServletRequest;
+import java.net.URI;
+import java.util.ArrayList;
+import java.util.HashMap;
+import java.util.List;
+import java.util.Map;
+
+
+public class RerequestServlet extends GisProxyServlet {
+
+ @Override
+ public String rewriteUrlFromRequest(HttpServletRequest servletRequest) {
+ URI errorurl = URI.create("http://" + "localhost" + ":" + servletRequest.getServerPort() + "/404.html");
+
+ StringBuilder uri = new StringBuilder(1000);
+ StringBuilder queryString2 = new StringBuilder(1000);
+ System.out.print(servletRequest.getHeader("Content-Length") + servletRequest.getHeader("Transfer-Encoding"));
+
+ if (servletRequest.getPathInfo() != null) {// ex: /my/path.html
+ System.out.println(servletRequest.getPathInfo());
+ uri.append(encodeUriQuery(servletRequest.getPathInfo()));
+ }
+
+ // Handle the query string & fragment
+ String queryString = servletRequest.getQueryString();// ex:(following
+ //闃绘璇锋眰涓篔SON鐨勪唬鐞嗘湇鍔�
+ Boolean jsonFlag = false;
+
+ if (jsonFlag) {
+ servletRequest.setAttribute(ATTR_TARGET_HOST, URIUtils.extractHost(errorurl));
+ return "http://" + "localhost" + ":" + servletRequest.getServerPort() + "/404.html";
+ } // '?'):
+
+ String fragment = null;
+ // 鏍规嵁zyid鍜宻uffix鍚庣紑鏌ヨ瀵瑰簲鐨勭湡瀹炴湇鍔″湴鍧�,鍒ゆ柇鏄惁鍏紑, 鍏紑涓嶉渶瑕乼oken鎷兼帴鍙傛暟杩斿洖
+
+ List<Map> serverlist = new ArrayList<>();
+ String zyid = "";
+ String path = servletRequest.getPathInfo();
+ String[] splitpath = path.split("/");
+
+ zyid = splitpath[1];
+ String suffix = null;
+ if (splitpath.length > 3 && splitpath[3] != null) {
+ suffix = isdigit(splitpath[2]) ? splitpath[2] : null;
+ }
+
+ Map<String, Object> param = new HashMap();
+ if (!isInteger(zyid)) {
+ servletRequest.setAttribute(ATTR_TARGET_HOST, URIUtils.extractHost(errorurl));
+ return "http://" + "localhost" + ":" + servletRequest.getServerPort() + "/404.html";
+ }
+ param.put("resourceid", Integer.valueOf(zyid));
+ param.put("suffix", suffix != null ? Integer.valueOf(suffix) : null);
+ param.put("enable", 1);
+ param.put("fromsys", "HYJGPT");
+
+ serverlist = service.queryServer(param);
+ param.put("SERVERURL", serverlist.get(0).get("SERVERURL").toString());
+ serverlist.add(param);
+ System.out.print(serverlist.toString());
+
+ String url = serverlist.get(0).get("SERVERURL").toString();
+ String substringAfter = StringUtils.substringAfter(url, "?");
+ //浠ｇ悊鍦板潃鏄惁鍖呭惈layers 瀛楁
+ int layers = url.indexOf("layers");
+ int server = path.indexOf("Server");
+ String originalParam = "";
+
+ int paraIndex = url.indexOf("?");
+ if (server != -1) {
+ if (paraIndex != -1) {
+ originalParam = StringUtils.split(url, "?")[1];
+ url = StringUtils.split(url, "?")[0];
+ }
+
+ url = url + StringUtils.substringAfter(path, "Server");
+
+ }
+ Integer ispublic = Integer.valueOf(serverlist.get(0).get("ISPUBLIC").toString());
+ URI hostpath = URI.create(url);
+ servletRequest.setAttribute(ATTR_TARGET_HOST, URIUtils.extractHost(hostpath));
+
+ VistorBean vb = new VistorBean();
+ vb.setRequestip(servletRequest.getRemoteAddr());
+ vb.setResourceid(Integer.valueOf(zyid));
+ vb.setVisitfromsys("HYJGPT");
+ vb.setServerurl(serverlist.get(0).get("SERVERURL").toString());
+ if (queryString != null) {
+ // 閽堝璇锋眰鍦板潃鐨勫弬鏁板仛鎿嶄綔
+ // 鍒ゆ柇鏄惁甯︿簡token
+ if (queryString.indexOf("token") == -1 && ispublic != 1) {
+ saveActionResult(servletRequest, vb, errorurl, "fail");
+ }
+ String par[] = queryString.split("&");
+ for (int i = 0; i < par.length; i++) {
+ String a = par[i].split("=")[0];
+ if ("token".equals(a)) {
+ String v = par[i].split("=")[1];
+ //杩欓噷浣跨敤lantool鐨則oken,鎶婂瓙璧勬簮id涔熺敵璇穞oken
+ result = ZiyuanRightManager.checkRight(v, servletRequest.getHeader("referer"), servletRequest.getRemoteAddr(), zyid, ispublic.toString(), servletRequest.getPathInfo());
+ // 鍒ゆ柇鍐呭瓨閲屾湁鍜╂湁鍖归厤鐨則oken,鍜╂湁鍘籸edis搴撻噷鏌ヨ锛屽簱閲屾病鏈夛紝鍒欏湪鍐呭瓨鍜屽簱涓瓨鍌紝搴撻噷鏈夛紝瀛樺叆鍐呭瓨
+ if (!result.get("code").equals(0)) {
+ return saveActionResult(servletRequest, vb, errorurl, "fail");
+ }
+ } else {
+ boolean layers1 = par[i].contains("layers");
+ if (layers1 && layers != -1) {
+ //闄ゅ幓澶氫綑瀛楁
+ continue;
+ }
+ int index = queryString2.indexOf("=");
+ if (index > -1) {
+ queryString2.append("&").append(par[i]);
+ } else {
+ queryString2.append(par[i]);
+ }
+ }
+
+ }
+
+ int fragIdx = queryString.indexOf('#');
+ if (fragIdx >= 0) {
+ fragment = queryString.substring(fragIdx + 1);
+ queryString = queryString.substring(0, fragIdx);
+ }
+ } else {
+ if (ispublic != 1) {
+ return saveActionResult(servletRequest, vb, errorurl, "fail");
+ }
+ }
+
+ if (!serverlist.isEmpty()) {
+ System.out.print(serverlist.get(0).get("SERVERURL").toString());
+ StringBuilder returnuri = new StringBuilder(url);
+
+ if (queryString2 != null && queryString2.length() > 0) {
+ if (!(returnuri.indexOf("?") > -1)) {
+ returnuri.append('?');
+ }
+ returnuri.append(encodeUriQuery(queryString2));
+ }
+
+ if (doSendUrlFragment && fragment != null) {
+ returnuri.append('#');
+ returnuri.append(encodeUriQuery(fragment));
+ }
+ vb.setResult("success");
+ visitlogsaveinredis(vb);
+ String resultStr = returnuri.toString();
+ if (resultStr.contains("?")) {
+ resultStr += "&" + originalParam;
+ } else {
+ resultStr += "?" + originalParam;
+ }
+
+ return resultStr;
+ }
+ return null;
+ }
+
+
+ public static void main(String[] args) {
+ String string = "where=1%3D1&text=&objectIds=&time=&geometry=&geometryType=esriGeometryEnvelope&inSR=&spatialRel=esriSpatialRelIntersects&relationParam=&outFields=&returnGeometry=true&maxAllowableOffset=&geometryPrecision=&outSR=&returnIdsOnly=false&returnCountOnly=false&orderByFields=&groupByFieldsForStatistics=&outStatistics=&returnZ=false&returnM=false&gdbVersion=&returnDistinctValues=false&returnTrueCurves=false&resultOffset=&resultRecordCount=&f=JSON";
+ StringBuilder stringBuilder = new StringBuilder();
+ String[] split = string.split("&");
+ for (String str : split) {
+ String[] strings = str.split("=");
+ if (!(strings.length == 1)) {
+ stringBuilder.append(strings[0]);
+ stringBuilder.append("=");
+ stringBuilder.append(strings[1]);
+ stringBuilder.append("&");
+ }
+ }
+
+ System.out.println(stringBuilder.toString());
+
+ }
+
+
+}
diff --git a/src/main/java/com/terra/proxy/servlet/RerequestServlet2.java b/src/main/java/com/terra/proxy/servlet/RerequestServlet2.java
new file mode 100644
index 0000000..32eeb5a
--- /dev/null
+++ b/src/main/java/com/terra/proxy/servlet/RerequestServlet2.java
@@ -0,0 +1,346 @@
+package com.terra.proxy.servlet;
+
+import com.alibaba.fastjson.JSONObject;
+import com.alibaba.fastjson.serializer.SerializerFeature;
+import com.terra.proxy.bean.VistorBean;
+import com.terra.proxy.proxy.SolrProxyServletConfiguration;
+import com.terra.proxy.service.Impl.ServerRegisterServiceImpl;
+import com.terra.proxy.util.HttpContextUtils;
+import com.terra.proxy.util.JedisUtils;
+import org.apache.http.Header;
+import org.apache.http.HttpEntity;
+import org.apache.http.HttpRequest;
+import org.apache.http.HttpResponse;
+import org.apache.http.client.utils.URIUtils;
+import org.apache.http.entity.BasicHttpEntity;
+import org.mitre.dsmiley.httpproxy.ProxyServlet;
+import org.slf4j.Logger;
+import org.slf4j.LoggerFactory;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.web.context.WebApplicationContext;
+import org.springframework.web.context.support.WebApplicationContextUtils;
+import redis.clients.jedis.Jedis;
+
+import javax.annotation.PostConstruct;
+import javax.servlet.ServletException;
+import javax.servlet.http.HttpServletRequest;
+import javax.servlet.http.HttpServletResponse;
+import java.io.*;
+import java.net.URI;
+import java.util.*;
+import java.util.regex.Pattern;
+import java.util.zip.GZIPInputStream;
+import java.util.zip.GZIPOutputStream;
+
+public class RerequestServlet2 extends ProxyServlet {
+ private Logger log = LoggerFactory.getLogger(RerequestServlet2.class);
+ @Autowired
+ JedisUtils jedisUtils;
+
+ ServerRegisterServiceImpl service;
+
+ @PostConstruct
+ public void init() {
+ try {
+ super.init();
+ } catch (ServletException e) {
+ // TODO Auto-generated catch block
+ e.printStackTrace();
+ }
+ WebApplicationContext wac = WebApplicationContextUtils.getRequiredWebApplicationContext(getServletContext());
+ service = wac.getBean(ServerRegisterServiceImpl.class);
+
+ }
+
+ public static boolean isdigit(String str) {
+
+ return str.matches("[0-9]+");
+ }
+
+ protected String rewriteUrlFromRequest(HttpServletRequest servletRequest) {
+
+ URI errorurl = URI.create("http://" + "localhost" + ":" + servletRequest.getServerPort() + "/404.html");
+
+ StringBuilder uri = new StringBuilder(1000);
+ StringBuilder queryString2 = new StringBuilder(1000);
+ System.out.print(servletRequest.getHeader("Content-Length") + servletRequest.getHeader("Transfer-Encoding"));
+
+ // Handle the path given to the servlet
+ if (servletRequest.getPathInfo() != null) {// ex: /my/path.html
+ System.out.println(servletRequest.getPathInfo());
+ uri.append(encodeUriQuery(servletRequest.getPathInfo()));
+
+ }
+
+ // Handle the query string & fragment
+ String queryString = servletRequest.getQueryString();// ex:(following
+
+ String fragment = null;
+ // 鏍规嵁zyid鍜宻uffix鍚庣紑鏌ヨ瀵瑰簲鐨勭湡瀹炴湇鍔″湴鍧�,鍒ゆ柇鏄惁鍏紑, 鍏紑涓嶉渶瑕乼oken鎷兼帴鍙傛暟杩斿洖
+
+ List<Map> serverlist = new ArrayList<>();
+ String zyid = "";
+
+
+ String path = servletRequest.getPathInfo();
+ String[] splitpath = path.split("/");
+
+
+ zyid = splitpath[1];
+ String suffix = null;
+ if (splitpath.length > 3 && splitpath[3] != null) {
+ suffix = isdigit(splitpath[2]) ? splitpath[2] : null;
+ }
+ String fromsys = "";
+ if (queryString != null) {
+ String pathpar[] = queryString.split("&");
+ for (int i = 0; i < pathpar.length; i++) {
+ String a = pathpar[i].split("=")[0];
+ String v = pathpar[i].split("=")[1];
+ if ("fromsys".equals(a)) {
+ fromsys = v;
+ break;
+ }
+ }
+ }
+ Map<String, Object> param = new HashMap();
+ if (!isInteger(zyid)) {
+ servletRequest.setAttribute(ATTR_TARGET_HOST, URIUtils.extractHost(errorurl));
+ return "http://" + "localhost" + ":" + servletRequest.getServerPort() + "/404.html";
+ }
+ param.put("resourceid", Integer.valueOf(zyid));
+ param.put("suffix", suffix != null ? Integer.valueOf(suffix) : null);
+ param.put("fromsys", fromsys);
+ serverlist = service.queryServer(param);
+ param.put("SERVERURL", serverlist.get(0).get("SERVERURL").toString());
+ serverlist.add(param);
+ System.out.print(serverlist.toString());
+ String url = serverlist.get(0).get("SERVERURL").toString();
+ Integer ispublic = Integer.valueOf(serverlist.get(0).get("ISPUBLIC").toString());
+ URI hostpath = URI.create(url);
+ servletRequest.setAttribute(ATTR_TARGET_HOST, URIUtils.extractHost(hostpath));
+
+ VistorBean vb = new VistorBean();
+ vb.setRequestip(servletRequest.getRemoteAddr());
+ vb.setResourceid(Integer.valueOf(zyid));
+ vb.setVisitfromsys("ZJZT");
+ vb.setServerurl(serverlist.get(0).get("SERVERURL").toString());
+
+ // split off fragment from queryString, updating queryString if found
+ if (queryString != null) {
+ // 閽堝璇锋眰鍦板潃鐨勫弬鏁板仛鎿嶄綔
+ // 鍒ゆ柇鏄惁甯︿簡token
+ if (queryString.indexOf("token") == -1 && ispublic != 1) {
+ servletRequest.setAttribute(ATTR_TARGET_HOST, URIUtils.extractHost(errorurl));
+ vb.setResult("fail");
+ visitlogsaveinredis(vb);
+ return "http://" + "localhost" + ":" + servletRequest.getLocalPort() + "/500.html";
+ }
+ String par[] = queryString.split("&");
+ for (int i = 0; i < par.length; i++) {
+ String a = par[i].split("=")[0];
+ String v = par[i].split("=")[1];
+ if ("token".equals(a)) {
+ // 鍒ゆ柇鍐呭瓨閲屾湁鍜╂湁鍖归厤鐨則oken,鍜╂湁鍘籸edis搴撻噷鏌ヨ锛屽簱閲屾病鏈夛紝鍒欏湪鍐呭瓨鍜屽簱涓瓨鍌紝搴撻噷鏈夛紝瀛樺叆鍐呭瓨
+ if (!SolrProxyServletConfiguration.tokens.contains(v)) {
+ Jedis jedis = null;
+ try {
+ jedis = JedisUtils.getJedis();
+ if (!jedis.exists(v)) {
+ // jedis.sadd("token", v);
+ servletRequest.setAttribute(ATTR_TARGET_HOST, URIUtils.extractHost(errorurl));
+ vb.setResult("fail");
+ visitlogsaveinredis(vb);
+ return "http://" + "localhost" + ":" + servletRequest.getLocalPort()
+ + "/tokenerror.html";
+ }
+ } catch (Exception e) {
+ e.printStackTrace();
+ } finally {
+ jedis.close();
+ }
+ }
+
+ } else {
+ queryString2.append("&").append(par[i]);
+ }
+
+ }
+
+ int fragIdx = queryString.indexOf('#');
+ if (fragIdx >= 0) {
+ fragment = queryString.substring(fragIdx + 1);
+ queryString = queryString.substring(0, fragIdx);
+ }
+ } else {
+ if (ispublic != 1) {
+ servletRequest.setAttribute(ATTR_TARGET_HOST, URIUtils.extractHost(errorurl));
+ vb.setResult("fail");
+ visitlogsaveinredis(vb);
+ return "http://" + "localhost" + ":" + servletRequest.getLocalPort() + "/500.html";
+ }
+ }
+
+ if (!serverlist.isEmpty()) {
+ System.out.print(serverlist.get(0).get("SERVERURL").toString());
+ StringBuilder returnuri = new StringBuilder(serverlist.get(0).get("SERVERURL").toString());
+ String externstr = uri.substring(uri.lastIndexOf("Server") + 6, uri.length());
+ System.out.println(externstr);
+ returnuri.append(externstr);
+ if (queryString2 != null && queryString2.length() > 0) {
+ if (!(returnuri.indexOf("?") > -1)) {
+ returnuri.append('?');
+ }
+
+ returnuri.append(encodeUriQuery(queryString2));
+ }
+
+ if (doSendUrlFragment && fragment != null) {
+ returnuri.append('#');
+ returnuri.append(encodeUriQuery(fragment));
+ }
+ vb.setResult("success");
+ visitlogsaveinredis(vb);
+ return returnuri.toString();
+ }
+ return null;
+
+ }
+
+ public static boolean isInteger(String str) {
+ Pattern pattern = Pattern.compile("^[1-9]\\d*|0$");
+ return pattern.matcher(str).matches();
+ }
+
+ protected void copyResponseEntity(HttpResponse proxyResponse, HttpServletResponse servletResponse)
+ throws IOException {
+ HttpEntity entity = proxyResponse.getEntity();
+ BufferedReader reader;
+ InputStream is = entity.getContent();
+ servletResponse.setCharacterEncoding("UTF-8");
+ if (isgzip(entity)) {
+ reader = new BufferedReader(new InputStreamReader(new GZIPInputStream(is)));
+ StringBuffer sb = new StringBuffer();
+ String s = null;
+ while ((s = reader.readLine()) != null) {
+ log.info(s);
+ sb.append(s);
+ }
+ String result = sb.toString();
+
+ result = result.replaceAll("<table[^>]*>((?!table).)*</table>", "");
+ result = result.replaceAll("<a[^>]*>(ArcGIS JavaScript|ArcGIS Online map viewer|Google Earth|ArcMap|ArcGIS Explorer|ArcGIS.com Map)</a>", "");
+ result = result.replaceAll("(http|https)://[^/]+/", "/");
+ result = result.replaceAll("/arcgis/rest/services", "");
+ HttpServletRequest hsr = HttpContextUtils.getHttpServletRequest();
+
+ BasicHttpEntity entity2 = new BasicHttpEntity();
+ byte[] bt;
+
+ bt = compress(result);
+
+ ByteArrayInputStream btinput = new ByteArrayInputStream(bt);
+ entity2.setContent(btinput);
+ entity2.setContentEncoding("gzip");
+ entity2.setContentType(entity.getContentType());
+ entity2.setChunked(false);
+
+
+ if (entity2 != null) {
+ servletResponse.addHeader("Content-Length", String.valueOf(bt.length));
+ OutputStream servletOutputStream = servletResponse.getOutputStream();
+ entity2.writeTo(servletOutputStream);
+ }
+
+ } else {
+
+ if (entity != null) {
+
+ OutputStream servletOutputStream = servletResponse.getOutputStream();
+ entity.writeTo(servletOutputStream);
+ }
+ }
+ }
+
+ /*
+ * 缁熻涓嶅悓ip璋冪敤鏈嶅姟娆℃暟,骞跺皢鍏跺瓨鍏ュ叆redis
+ */
+ private void visitlogsaveinredis(VistorBean vb) {
+ String fromip = vb.getRequestip();
+ vb.setDate(new Date());
+ Jedis jedis = null;
+ int count = 0;
+ try {
+ jedis = JedisUtils.getJedis();
+ jedis.sadd("visitlog", JSONObject.toJSONStringWithDateFormat(vb, "yyyy-MM-dd HH:mm:ss", SerializerFeature.PrettyFormat));
+ } catch (Exception e) {
+ // TODO: handle exception
+ log.error("redis鍖呴敊");
+ } finally {
+ jedis.close();
+ }
+
+ }
+
+ public static byte[] compress(String str) {
+ ByteArrayOutputStream out = new ByteArrayOutputStream();
+
+ GZIPOutputStream gzip = null;
+ try {
+ gzip = new GZIPOutputStream(out);
+ gzip.write(str.getBytes());
+ } catch (IOException e) {
+ e.printStackTrace();
+ } finally {
+ if (gzip != null) {
+ try {
+ gzip.close();
+ } catch (IOException e) {
+ // TODO: handle exception
+ e.printStackTrace();
+ }
+ }
+ }
+ return out.toByteArray();
+ }
+
+ public boolean isgzip(HttpEntity entity) {
+ return entity.getContentEncoding() != null
+ && "Content-Encoding: gzip".equals(entity.getContentEncoding().toString()) ? true : false;
+ }
+
+ public boolean ishtml(HttpEntity entity) {
+ String temp = entity.getContentType().toString();
+ return temp.contains("text/html") ? true : false;
+ }
+
+ private void setXForwardedForHeader(HttpServletRequest servletRequest, HttpRequest proxyRequest) {
+ String headerName = "X-Forwarded-For";
+ if (this.doForwardIP) {
+ String newHeader = servletRequest.getRemoteAddr();
+ String existingHeader = servletRequest.getHeader(headerName);
+ if (existingHeader != null) {
+ newHeader = existingHeader + ", " + newHeader;
+ }
+ proxyRequest.setHeader(headerName, newHeader);
+ }
+ }
+
+ protected void copyResponseHeaders(HttpResponse proxyResponse, HttpServletRequest servletRequest,
+ HttpServletResponse servletResponse) {
+ for (Header header : proxyResponse.getAllHeaders()) {
+ if (!hopByHopHeaders.containsHeader(header.getName())) {
+ if ((header.getName().equalsIgnoreCase("Set-Cookie"))
+ || (header.getName().equalsIgnoreCase("Set-Cookie2"))) {
+ copyProxyCookie(servletRequest, servletResponse, header);
+ } else {
+ servletResponse.addHeader(header.getName(), header.getValue());
+ System.out.print(header.getName() + header.getValue());
+ }
+ }
+ }
+ System.out.print(servletResponse.containsHeader("Content-Length"));
+ }
+
+
+}
diff --git a/src/main/java/com/terra/proxy/servlet/SubServlet.java b/src/main/java/com/terra/proxy/servlet/SubServlet.java
new file mode 100644
index 0000000..e320a45
--- /dev/null
+++ b/src/main/java/com/terra/proxy/servlet/SubServlet.java
@@ -0,0 +1,362 @@
+package com.terra.proxy.servlet;
+
+import com.alibaba.fastjson.JSONObject;
+import com.alibaba.fastjson.serializer.SerializerFeature;
+import com.terra.proxy.bean.TokenCheckException;
+import com.terra.proxy.bean.VistorBean;
+import com.terra.proxy.mapper.ProxyServletMapper;
+import com.terra.proxy.proxy.SolrProxyServletConfiguration;
+import com.terra.proxy.util.CrpUtil;
+import com.terra.proxy.util.HttpContextUtils;
+import com.terra.proxy.util.JedisUtils;
+import org.apache.http.*;
+import org.apache.http.client.utils.URIUtils;
+import org.apache.http.entity.BasicHttpEntity;
+import org.mitre.dsmiley.httpproxy.ProxyServlet;
+import org.slf4j.Logger;
+import org.slf4j.LoggerFactory;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.beans.factory.annotation.Value;
+import org.springframework.web.context.WebApplicationContext;
+import org.springframework.web.context.support.WebApplicationContextUtils;
+import redis.clients.jedis.Jedis;
+
+import javax.annotation.PostConstruct;
+import javax.servlet.ServletException;
+import javax.servlet.http.HttpServletRequest;
+import javax.servlet.http.HttpServletResponse;
+import java.io.*;
+import java.net.URI;
+import java.util.*;
+import java.util.regex.Pattern;
+import java.util.zip.GZIPInputStream;
+import java.util.zip.GZIPOutputStream;
+
+public class SubServlet extends ProxyServlet {
+ private Logger log = LoggerFactory.getLogger(SubServlet.class);
+ @Autowired
+ JedisUtils jedisUtils;
+
+ @Value("${fromsys}")
+ private String fromsys;
+
+ ProxyServletMapper service;
+
+
+ @PostConstruct
+ public void init() {
+ try {
+ super.init();
+
+ } catch (ServletException e) {
+ e.printStackTrace();
+ }
+ WebApplicationContext wac = WebApplicationContextUtils.getRequiredWebApplicationContext(getServletContext());
+ service = wac.getBean(ProxyServletMapper.class);
+ }
+
+ public static boolean isdigit(String str) {
+
+ return str.matches("[0-9]+");
+ }
+
+ protected String rewriteUrlFromRequest(HttpServletRequest servletRequest) {
+ StringBuilder uri = new StringBuilder(1000);
+ String fragment = null;
+ StringBuilder queryString2 = new StringBuilder(1000);
+ if (servletRequest.getPathInfo() != null) {// ex: /my/path.html
+ System.out.println(servletRequest.getPathInfo());
+ uri.append(encodeUriQuery(servletRequest.getPathInfo()));
+ }
+ URI errorurl = URI.create(
+ "http://" + "localhost" + ":" + servletRequest.getServerPort() + "/404.html");
+ servletRequest.setAttribute(ATTR_TARGET_HOST, URIUtils.extractHost(errorurl));
+ String queryString = servletRequest.getQueryString();// ex:(following//
+ // name=value&foo=bar#fragment
+
+ List<Map> serverlist = new ArrayList<>();
+ Map<String, Object> param = new HashMap();
+ String code = servletRequest.getPathInfo().split("/")[1];
+ Integer id = CrpUtil.decode(code);
+
+ param.put("id", id);
+ param.put("enable", 1);
+ serverlist = service.queryServer(param);
+ param.put("URL", serverlist.get(0).get("URL").toString());
+ serverlist.add(param);
+
+ String url = serverlist.get(0).get("URL").toString();
+ Integer ispublic = Integer.valueOf(serverlist.get(0).get("ISPUBLIC").toString());
+ VistorBean vb = new VistorBean(servletRequest.getRemoteAddr(), url, id, fromsys);
+ URI hostpath = URI.create(url);
+ servletRequest.setAttribute(ATTR_TARGET_HOST, URIUtils.extractHost(hostpath));
+ checkToken(queryString, queryString2, ispublic, vb, fragment);
+
+ if (!url.isEmpty()) {
+ StringBuilder returnuri = new StringBuilder(url);
+ String path = servletRequest.getPathInfo().substring(servletRequest.getPathInfo().indexOf(code.toString()) + code.toString().length() + 1);
+ returnuri.append(path);
+ if (queryString2 != null && queryString2.length() > 0) {
+ if (!(returnuri.indexOf("?") > -1)) {
+ returnuri.append('?');
+ }
+
+ returnuri.append(encodeUriQuery(queryString2));
+ }
+
+ if (doSendUrlFragment && fragment != null) {
+ returnuri.append('#');
+ returnuri.append(encodeUriQuery(fragment));
+ }
+
+ vb.setResult("success");
+ visitlogsaveinredis(vb);
+ return returnuri.toString();
+ }
+ return null;
+
+ }
+
+
+ protected void copyRequestHeaders(HttpServletRequest servletRequest, HttpRequest proxyRequest) {
+ Enumeration enumerationOfHeaderNames = servletRequest.getHeaderNames();
+ while (enumerationOfHeaderNames.hasMoreElements()) {
+ String headerName = (String) enumerationOfHeaderNames.nextElement();
+ if ((!headerName.equalsIgnoreCase("Content-Length")) &&
+
+ (!hopByHopHeaders.containsHeader(headerName))) {
+ Enumeration headers = servletRequest.getHeaders(headerName);
+ while (headers.hasMoreElements()) {
+ String headerValue = (String) headers.nextElement();
+ if (headerName.equalsIgnoreCase("Host")) {
+ HttpHost host = getTargetHost(servletRequest);
+ headerValue = host.getHostName();
+ if (host.getPort() != -1) {
+ headerValue = headerValue + ":" + host.getPort();
+ }
+ } else if (headerName.equalsIgnoreCase("Cookie")) {
+ headerValue = getRealCookie(headerValue);
+ }
+ proxyRequest.addHeader(headerName, headerValue);
+ }
+ }
+ }
+ }
+
+
+ private HttpHost getTargetHost(HttpServletRequest servletRequest) {
+ return (HttpHost) servletRequest.getAttribute(ATTR_TARGET_HOST);
+ }
+
+ public static boolean isInteger(String str) {
+ Pattern pattern = Pattern.compile("^[1-9]\\d*|0$");
+ return pattern.matcher(str).matches();
+
+ }
+
+ /**
+ * 楠岃瘉token
+ *
+ * @param queryString
+ * @param ispublic
+ * @param vb
+ */
+ public void checkToken(String queryString, StringBuilder queryString2, Integer ispublic, VistorBean vb, String fragment) {
+ // split off fragment from queryString, updating queryString if found
+ if (queryString != null) {
+ // 閽堝璇锋眰鍦板潃鐨勫弬鏁板仛鎿嶄綔
+ // 鍒ゆ柇鏄惁甯︿簡token
+ if (queryString.indexOf("token") == -1 && ispublic != 1) {
+
+ vb.setResult("fail");
+ visitlogsaveinredis(vb);
+ throw new TokenCheckException("鏈紶鍏oken", "500");
+ }
+ String par[] = queryString.split("&");
+ for (int i = 0; i < par.length; i++) {
+ String a = par[i].split("=")[0];
+ String v = par[i].split("=").length >= 2 ? par[i].split("=")[1] : "";
+ if ("token".equals(a)) {
+ // 鍒ゆ柇鍐呭瓨閲屾湁鍜╂湁鍖归厤鐨則oken,鍜╂湁鍘籸edis搴撻噷鏌ヨ锛屽簱閲屾病鏈夛紝鍒欏湪鍐呭瓨鍜屽簱涓瓨鍌紝搴撻噷鏈夛紝瀛樺叆鍐呭瓨
+ if (!SolrProxyServletConfiguration.tokens.contains(v)) {
+ Jedis jedis = null;
+ try {
+ jedis = JedisUtils.getJedis();
+ if (!jedis.exists(v)) {
+ vb.setResult("fail");
+ visitlogsaveinredis(vb);
+ throw new TokenCheckException("token涓嶅瓨鍦�", "500");
+ }
+ } catch (Exception e) {
+ e.printStackTrace();
+ } finally {
+ jedis.close();
+ }
+
+ }
+
+ } else {
+
+ queryString2.append("&").append(par[i]);
+
+ }
+
+ }
+
+ int fragIdx = queryString.indexOf('#');
+ if (fragIdx >= 0) {
+ fragment = queryString.substring(fragIdx + 1);
+ queryString = queryString.substring(0, fragIdx);
+ }
+ } else {
+ if (ispublic != 1) {
+ vb.setResult("fail");
+ visitlogsaveinredis(vb);
+ throw new TokenCheckException("鏈紶鍏oken", "500");
+ }
+ }
+ }
+
+ /**
+ * 缁熻涓嶅悓ip璋冪敤鏈嶅姟娆℃暟,骞跺皢鍏跺瓨鍏ュ叆redis
+ *
+ * @param vb 鏃ュ織bean
+ */
+ private void visitlogsaveinredis(VistorBean vb) {
+ String fromip = vb.getRequestip();
+ vb.setDate(new Date());
+ Jedis jedis = null;
+ int count = 0;
+ try {
+ jedis = JedisUtils.getJedis();
+ jedis.sadd("visitlog",
+ JSONObject.toJSONStringWithDateFormat(vb, "yyyy-MM-dd HH:mm:ss", SerializerFeature.PrettyFormat));
+ } catch (Exception e) {
+ // TODO: handle exception
+ log.error("redis鍖呴敊");
+ } finally {
+ jedis.close();
+ }
+
+ }
+
+
+ protected void copyResponseHeaders(HttpResponse proxyResponse, HttpServletRequest servletRequest, HttpServletResponse servletResponse) {
+ for (Header header : proxyResponse.getAllHeaders()) {
+ if (!hopByHopHeaders.containsHeader(header.getName())) {
+ if ((header.getName().equalsIgnoreCase("Set-Cookie")) || (header.getName().equalsIgnoreCase("Set-Cookie2"))) {
+ copyProxyCookie(servletRequest, servletResponse, header);
+ } else {
+ servletResponse.addHeader(header.getName(), header.getValue());
+ System.out.print(header.getName() + header.getValue());
+ }
+ }
+ }
+ System.out.print(servletResponse.containsHeader("Content-Length"));
+ }
+
+ public boolean isgzip(HttpEntity entity) {
+ return entity.getContentEncoding() != null
+ && "Content-Encoding: gzip".equals(entity.getContentEncoding().toString()) ? true : false;
+ }
+
+ public static byte[] compress(String str) {
+ ByteArrayOutputStream out = new ByteArrayOutputStream();
+
+ GZIPOutputStream gzip = null;
+ try {
+ gzip = new GZIPOutputStream(out);
+ gzip.write(str.getBytes());
+ } catch (IOException e) {
+ e.printStackTrace();
+ } finally {
+ if (gzip != null) {
+ try {
+ gzip.close();
+ } catch (IOException e) {
+ e.printStackTrace();
+ }
+ }
+ }
+ return out.toByteArray();
+ }
+
+
+ protected void copyResponseEntity(HttpResponse proxyResponse, HttpServletResponse servletResponse)
+ throws IOException {
+ HttpEntity entity = proxyResponse.getEntity();
+ BufferedReader reader;
+ InputStream is = entity.getContent();
+ servletResponse.setCharacterEncoding("UTF-8");
+
+ if (isgzip(entity)) {
+ reader = new BufferedReader(new InputStreamReader(new GZIPInputStream(is)));
+ StringBuffer sb = new StringBuffer();
+ String s = null;
+ while ((s = reader.readLine()) != null) {
+
+ sb.append(s);
+ }
+ String result = sb.toString();
+
+ String repx = "<a[^>]+>([^<]+</a>)";//a鏍囩杩囨护
+ result = result.replaceAll(repx, "");
+ result = result.replaceAll("(http|https)://[^/]+/", "/");
+
+ HttpServletRequest hsr = HttpContextUtils.getHttpServletRequest();
+
+ BasicHttpEntity entity2 = new BasicHttpEntity();
+ byte[] bt;
+
+ bt = compress(result);
+
+ ByteArrayInputStream btinput = new ByteArrayInputStream(bt);
+ entity2.setContent(btinput);
+ entity2.setContentEncoding("gzip");
+ entity2.setContentType(entity.getContentType());
+ entity2.setChunked(false);
+
+
+ if (entity2 != null) {
+ servletResponse.addHeader("Content-Length", String.valueOf(bt.length));
+ OutputStream servletOutputStream = servletResponse.getOutputStream();
+ entity2.writeTo(servletOutputStream);
+ }
+
+ } else {
+
+ if (entity != null && "application/xml; charset=utf-8".equals(entity.getContentType().getValue())) {
+ reader = new BufferedReader(new InputStreamReader(is));
+ StringBuffer sb = new StringBuffer();
+ String s = null;
+ while ((s = reader.readLine()) != null) {
+
+ sb.append(s);
+ }
+ String result = sb.toString();
+
+
+ result = result.replaceAll("(http|https)://[^/]+/", "/");
+ BasicHttpEntity entity2 = new BasicHttpEntity();
+ byte[] bt;
+
+ bt = result.getBytes();
+
+ ByteArrayInputStream btinput = new ByteArrayInputStream(bt);
+ entity2.setContent(btinput);
+ entity2.setContentType(entity.getContentType());
+ entity2.setChunked(false);
+ servletResponse.addHeader("Content-Length", String.valueOf(bt.length));
+ OutputStream servletOutputStream = servletResponse.getOutputStream();
+ entity2.writeTo(servletOutputStream);
+ } else {
+ if (entity != null) {
+
+ OutputStream servletOutputStream = servletResponse.getOutputStream();
+ entity.writeTo(servletOutputStream);
+ }
+ }
+ }
+ }
+
+}
diff --git a/src/main/java/com/terra/proxy/servlet/ZjProxyServlet.java b/src/main/java/com/terra/proxy/servlet/ZjProxyServlet.java
new file mode 100644
index 0000000..18f84c6
--- /dev/null
+++ b/src/main/java/com/terra/proxy/servlet/ZjProxyServlet.java
@@ -0,0 +1,335 @@
+package com.terra.proxy.servlet;
+
+import java.io.BufferedReader;
+import java.io.ByteArrayInputStream;
+import java.io.ByteArrayOutputStream;
+import java.io.IOException;
+import java.io.InputStream;
+import java.io.InputStreamReader;
+import java.io.OutputStream;
+import java.net.URI;
+import java.util.Date;
+import java.util.zip.GZIPInputStream;
+import java.util.zip.GZIPOutputStream;
+
+import javax.servlet.http.HttpServletRequest;
+import javax.servlet.http.HttpServletResponse;
+
+import org.apache.http.*;
+import org.apache.http.client.utils.URIUtils;
+import org.apache.http.entity.BasicHttpEntity;
+import org.mitre.dsmiley.httpproxy.ProxyServlet;
+import org.slf4j.Logger;
+import org.slf4j.LoggerFactory;
+
+import com.alibaba.fastjson.JSONObject;
+import com.alibaba.fastjson.serializer.SerializerFeature;
+import com.terra.proxy.bean.VistorBean;
+import com.terra.proxy.proxy.SolrProxyServletConfiguration;
+import com.terra.proxy.util.HttpContextUtils;
+import com.terra.proxy.util.JedisUtils;
+
+import cn.hutool.json.JSONArray;
+import cn.hutool.json.XML;
+import redis.clients.jedis.Jedis;
+
+public class ZjProxyServlet extends ProxyServlet {
+
+ private String layer;
+ private boolean flag;
+ private Logger log = LoggerFactory.getLogger(ZjProxyServlet.class);
+
+ protected String rewriteUrlFromRequest(HttpServletRequest servletRequest) {
+
+ // 鑾峰彇鏉ユ簮ip,缁熻璋冪敤娆℃暟
+ flag = Boolean.parseBoolean(this.getConfigParam("flag"));
+
+ VistorBean vb = new VistorBean();
+
+ vb.setRequestip(servletRequest.getRemoteHost());
+ if (servletRequest.getRequestURI() != null) {
+ vb.setServerurl(servletRequest.getRequestURI());
+ }
+ URI errorurl = URI.create("http://" + "localhost" + ":" + servletRequest.getServerPort() + "/404.html");
+ StringBuilder queryString2 = new StringBuilder(1000);
+ StringBuilder uri = new StringBuilder(500);
+ if (getTargetUri(servletRequest) != null) {
+ uri.append(getTargetUri(servletRequest));
+ }
+ if (servletRequest.getPathInfo() != null) {
+ uri.append(encodeUriQuery(servletRequest.getPathInfo()));
+ }
+ String queryString = servletRequest.getQueryString();
+
+ if (queryString != null) {
+ // 閽堝璇锋眰鍦板潃鐨勫弬鏁板仛鎿嶄綔
+ // 鍒ゆ柇鏄惁甯︿簡token
+ if (flag && queryString.indexOf("token") == -1) {
+ servletRequest.setAttribute(ATTR_TARGET_HOST, URIUtils.extractHost(errorurl));
+ vb.setResult("fail");
+ visitlogsaveinredis(vb);
+ return "http://" + "localhost" + ":" + servletRequest.getLocalPort() + "/500.html";
+ }
+ String par[] = queryString.split("&");
+ for (int i = 0; i < par.length; i++) {
+ String a = par[i].split("=")[0];
+ String v = par[i].split("=").length >= 2 ? par[i].split("=")[1] : "";
+ if (a.equals("layers") && v.contains("mpt")) {
+ layer = v.replace(".", " ");
+
+ }
+ if ("token".equals(a)) {
+ // 鍒ゆ柇鍐呭瓨閲屾湁鍜╂湁鍖归厤鐨則oken,鍜╂湁鍘籸edis搴撻噷鏌ヨ锛屽簱閲屾病鏈夛紝鍒欏湪鍐呭瓨鍜屽簱涓瓨鍌紝搴撻噷鏈夛紝瀛樺叆鍐呭瓨
+ if (flag) {
+ if (!SolrProxyServletConfiguration.tokens.contains(v)) {
+ Jedis jedis = null;
+ try {
+ jedis = JedisUtils.getJedis();
+ if (!jedis.exists(v)) {
+ servletRequest.setAttribute(ATTR_TARGET_HOST, URIUtils.extractHost(errorurl));
+ vb.setResult("fail");
+ visitlogsaveinredis(vb);
+ return "http://" + "localhost" + ":" + servletRequest.getLocalPort()
+ + "/tokenerror.html";
+ }
+ } catch (Exception e) {
+ e.printStackTrace();
+ } finally {
+ jedis.close();
+ }
+ }
+ }
+ } else {
+
+ queryString2.append("&").append(par[i]);
+
+ }
+ }
+ } else {
+ if (flag) {
+ vb.setResult("fail");
+ visitlogsaveinredis(vb);
+ return "http://" + "localhost" + ":" + servletRequest.getLocalPort() + "/500.html";
+ }
+ }
+
+ String fragment = null;
+ if (queryString != null) {
+ int fragIdx = queryString.indexOf('#');
+ if (fragIdx >= 0) {
+ fragment = queryString.substring(fragIdx + 1);
+ queryString = queryString.substring(0, fragIdx);
+ }
+ }
+
+ if ((queryString2 != null) && (queryString2.length() > 0)) {
+ uri.append('?');
+ uri.append(encodeUriQuery(queryString2));
+ }
+ if ((this.doSendUrlFragment) && (fragment != null)) {
+ uri.append('#');
+ uri.append(encodeUriQuery(fragment));
+ }
+ vb.setResult("ok");
+ visitlogsaveinredis(vb);
+ System.out.println(uri.toString());
+ return uri.toString();
+ }
+
+
+ /**
+ * 缁熻涓嶅悓ip璋冪敤鏈嶅姟娆℃暟,骞跺皢鍏跺瓨鍏ュ叆redis
+ */
+ private void visitlogsaveinredis(VistorBean vb) {
+ String fromip = vb.getRequestip();
+ vb.setDate(new Date());
+ vb.setVisitfromsys("ZJZT");
+ Jedis jedis = null;
+ try {
+ jedis = JedisUtils.getJedis();
+ jedis.sadd("visitlog",
+ JSONObject.toJSONStringWithDateFormat(vb, "yyyy-MM-dd HH:mm:ss", SerializerFeature.PrettyFormat));
+ } catch (Exception e) {
+
+ log.error("redis鍖呴敊");
+ } finally {
+ jedis.close();
+ }
+
+ }
+
+ protected void copyResponseEntity(HttpResponse proxyResponse, HttpServletResponse servletResponse)
+ throws IOException {
+ HttpEntity entity = proxyResponse.getEntity();
+ BufferedReader reader;
+ InputStream is = entity.getContent();
+ Boolean imageFlag = false;
+ Boolean htmlFlag = false;
+ Header contentType = entity.getContentType();
+ if (null != contentType) {
+ HeaderElement[] elements = contentType.getElements();
+ for (HeaderElement element : elements) {
+ if (element.getName().contains("image")) {
+ imageFlag = true;
+ }
+ }
+ }
+ if (!imageFlag && isgzip(entity)) {
+ reader = new BufferedReader(new InputStreamReader(new GZIPInputStream(is)));
+ StringBuffer sb = new StringBuffer();
+ String s = null;
+ while ((s = reader.readLine()) != null) {
+
+ sb.append(s);
+ }
+ String result = sb.toString();
+
+ result = result.replaceAll("<table[^>]*>((?!table).)*</table>", "");
+ String repx = "<a[^>]+>([^<]+</a>)";//a鏍囩杩囨护
+ result = result.replaceAll(
+ repx,
+ "");
+ result = result.replaceAll("(http|https)://[^/]+/", "/");
+ result = result.replaceAll("/arcgis/rest/services", "");
+
+ HttpServletRequest hsr = HttpContextUtils.getHttpServletRequest();
+
+ BasicHttpEntity entity2 = new BasicHttpEntity();
+ byte[] bt;
+
+ bt = compress(result);
+
+ ByteArrayInputStream btinput = new ByteArrayInputStream(bt);
+ entity2.setContent(btinput);
+ entity2.setContentEncoding("gzip");
+ entity2.setContentType(entity.getContentType());
+ entity2.setChunked(false);
+
+ if (entity2 != null) {
+ servletResponse.addHeader("Content-Length", String.valueOf(bt.length));
+ OutputStream servletOutputStream = servletResponse.getOutputStream();
+ entity2.writeTo(servletOutputStream);
+ }
+
+ } else {
+
+ if (!imageFlag && entity != null) {
+ reader = new BufferedReader(new InputStreamReader(is));
+ StringBuffer sb = new StringBuffer();
+ String s = null;
+ while ((s = reader.readLine()) != null) {
+
+ sb.append(s);
+ }
+ String result = sb.toString();
+ BasicHttpEntity entity2 = new BasicHttpEntity();
+ if (result.indexOf("mpt") > -1 && result.indexOf("SkylineGlobe Server") > -1) {
+ cn.hutool.json.JSONObject xmlobj = XML.toJSONObject(result);
+ cn.hutool.json.JSONObject caps = (cn.hutool.json.JSONObject) xmlobj.get("Capabilities");
+ JSONArray array = caps.getJSONArray("Contents");
+ for (int i = 0; i < array.size(); i++) {
+ cn.hutool.json.JSONObject temp = array.getJSONObject(i);
+ if (temp.get("ows:Title").toString().contains(layer)) {
+ array.remove(i);
+ }
+ }
+ result = XML.toXml(xmlobj);
+
+ } else {
+ result = result.replaceAll("<table[^>]*>((?!table).)*</table>", "");
+ result = result.replaceAll(
+ "<a[^>]*>(ArcGIS JavaScript|ArcGIS Online map viewer|Google Earth|ArcMap|ArcGIS Explorer|ArcGIS.com Map)</a>",
+ "");
+ result = result.replaceAll("/arcgis/rest/services", "");
+ result = result.replaceAll("(http|https)://[^/]+/", "/");
+ entity2.setContentType(entity.getContentType());
+ }
+
+ byte[] bt;
+
+ bt = result.getBytes();
+
+ ByteArrayInputStream btinput = new ByteArrayInputStream(bt);
+ entity2.setContent(btinput);
+
+ entity2.setChunked(false);
+ servletResponse.addHeader("Content-Length", String.valueOf(bt.length));
+ OutputStream servletOutputStream = servletResponse.getOutputStream();
+ entity2.writeTo(servletOutputStream);
+ } else {
+ if (entity != null) {
+
+ OutputStream servletOutputStream = servletResponse.getOutputStream();
+ entity.writeTo(servletOutputStream);
+ }
+ }
+ }
+ }
+
+ public static byte[] compress(String str) {
+ ByteArrayOutputStream out = new ByteArrayOutputStream();
+
+ GZIPOutputStream gzip = null;
+ try {
+ gzip = new GZIPOutputStream(out);
+ gzip.write(str.getBytes());
+ } catch (IOException e) {
+ e.printStackTrace();
+ } finally {
+ if (gzip != null) {
+ try {
+ gzip.close();
+ } catch (IOException e) {
+
+ e.printStackTrace();
+ }
+ }
+ }
+ return out.toByteArray();
+ }
+
+ public boolean isgzip(HttpEntity entity) {
+ return entity.getContentEncoding() != null
+ && "Content-Encoding: gzip".equals(entity.getContentEncoding().toString()) ? true : false;
+ }
+
+ public boolean ishtml(HttpEntity entity) {
+ String temp = entity.getContentType().toString();
+ return temp.contains("text/html") ? true : false;
+ }
+
+ private void setXForwardedForHeader(HttpServletRequest servletRequest, HttpRequest proxyRequest) {
+ String headerName = "X-Forwarded-For";
+ if (this.doForwardIP) {
+ String newHeader = servletRequest.getRemoteAddr();
+ String existingHeader = servletRequest.getHeader(headerName);
+ if (existingHeader != null) {
+ newHeader = existingHeader + ", " + newHeader;
+ }
+ proxyRequest.setHeader(headerName, newHeader);
+ }
+ }
+
+ protected void copyResponseHeaders(HttpResponse proxyResponse, HttpServletRequest servletRequest,
+ HttpServletResponse servletResponse) {
+ for (Header header : proxyResponse.getAllHeaders()) {
+ if (!hopByHopHeaders.containsHeader(header.getName())) {
+ if ((header.getName().equalsIgnoreCase("Set-Cookie"))
+ || (header.getName().equalsIgnoreCase("Set-Cookie2"))) {
+ copyProxyCookie(servletRequest, servletResponse, header);
+ } else {
+ servletResponse.addHeader(header.getName(), header.getValue());
+ System.out.print(header.getName() + header.getValue());
+ }
+ }
+ }
+ System.out.print(servletResponse.containsHeader("Content-Length"));
+ }
+
+ public static void main(String[] args) {
+ cn.hutool.json.JSONObject json = new cn.hutool.json.JSONObject();
+ json.put("info", "璇ヤ俊鎭笉鍙睍绀�");
+ String t = XML.toXml(json);
+ System.out.println(t);
+ }
+}
diff --git a/src/main/java/com/terra/proxy/servlet/ZjProxyServlet2.java b/src/main/java/com/terra/proxy/servlet/ZjProxyServlet2.java
new file mode 100644
index 0000000..a03c9cb
--- /dev/null
+++ b/src/main/java/com/terra/proxy/servlet/ZjProxyServlet2.java
@@ -0,0 +1,309 @@
+package com.terra.proxy.servlet;
+
+import cn.hutool.json.JSONArray;
+import cn.hutool.json.XML;
+import com.alibaba.fastjson.JSONObject;
+import com.alibaba.fastjson.serializer.SerializerFeature;
+import com.terra.proxy.bean.VistorBean;
+import com.terra.proxy.proxy.SolrProxyServletConfiguration;
+import com.terra.proxy.util.HttpContextUtils;
+import com.terra.proxy.util.JedisUtils;
+import org.apache.http.Header;
+import org.apache.http.HttpEntity;
+import org.apache.http.HttpRequest;
+import org.apache.http.HttpResponse;
+import org.apache.http.client.utils.URIUtils;
+import org.apache.http.entity.BasicHttpEntity;
+import org.mitre.dsmiley.httpproxy.ProxyServlet;
+import org.slf4j.Logger;
+import org.slf4j.LoggerFactory;
+import redis.clients.jedis.Jedis;
+
+import javax.servlet.http.HttpServletRequest;
+import javax.servlet.http.HttpServletResponse;
+import java.io.*;
+import java.net.URI;
+import java.util.Date;
+import java.util.zip.GZIPInputStream;
+import java.util.zip.GZIPOutputStream;
+
+public class ZjProxyServlet2 extends ProxyServlet {
+
+ private String layer = "";
+ private boolean flag = true;
+
+
+ private Logger log = LoggerFactory.getLogger(ZjProxyServlet2.class);
+
+ protected String rewriteUrlFromRequest(HttpServletRequest servletRequest) {
+ //鑾峰彇鏉ユ簮ip,缁熻璋冪敤娆℃暟
+
+ VistorBean vb = new VistorBean();
+
+ vb.setRequestip(servletRequest.getRemoteHost());
+ if (servletRequest.getRequestURI() != null) {
+ vb.setServerurl(servletRequest.getRequestURI());
+ }
+ URI errorurl = URI.create(
+ "http://" + "localhost" + ":" + servletRequest.getServerPort() + "/404.html");
+ StringBuilder queryString2 = new StringBuilder(1000);
+ StringBuilder uri = new StringBuilder(500);
+ if (getTargetUri(servletRequest) != null) {
+ uri.append(getTargetUri(servletRequest));
+ }
+ if (servletRequest.getPathInfo() != null) {
+ uri.append(encodeUriQuery(servletRequest.getPathInfo()));
+ }
+ String queryString = servletRequest.getQueryString();
+
+
+ if (queryString != null) {
+ // 閽堝璇锋眰鍦板潃鐨勫弬鏁板仛鎿嶄綔
+ // 鍒ゆ柇鏄惁甯︿簡token
+ if (flag && queryString.indexOf("token") == -1) {
+ servletRequest.setAttribute(ATTR_TARGET_HOST, URIUtils.extractHost(errorurl));
+ vb.setResult("fail");
+ visitlogsaveinredis(vb);
+ return "http://" + "localhost" + ":" + servletRequest.getLocalPort() + "/500.html";
+ }
+ String par[] = queryString.split("&");
+ for (int i = 0; i < par.length; i++) {
+ String a = par[i].split("=")[0];
+ String v = par[i].split("=").length >= 2 ? par[i].split("=")[1] : "";
+ if (a.equals("layers") && v.contains("mpt")) {
+ layer = v.replace(".", " ");
+
+ }
+ if ("token".equals(a)) {
+ // 鍒ゆ柇鍐呭瓨閲屾湁鍜╂湁鍖归厤鐨則oken,鍜╂湁鍘籸edis搴撻噷鏌ヨ锛屽簱閲屾病鏈夛紝鍒欏湪鍐呭瓨鍜屽簱涓瓨鍌紝搴撻噷鏈夛紝瀛樺叆鍐呭瓨
+ if (flag) {
+ if (!SolrProxyServletConfiguration.tokens.contains(v)) {
+ Jedis jedis = null;
+ try {
+ jedis = JedisUtils.getJedis();
+ if (!jedis.exists(v)) {
+ // jedis.sadd("token", v);
+ servletRequest.setAttribute(ATTR_TARGET_HOST, URIUtils.extractHost(errorurl));
+ vb.setResult("fail");
+ visitlogsaveinredis(vb);
+ return "http://" + "localhost" + ":" + servletRequest.getLocalPort()
+ + "/tokenerror.html";
+ }
+ } catch (Exception e) {
+ e.printStackTrace();
+ } finally {
+ jedis.close();
+ }
+ }
+ }
+ } else {
+ queryString2.append("&").append(par[i]);
+ }
+ }
+ } else {
+ if (flag) {
+ vb.setResult("fail");
+ visitlogsaveinredis(vb);
+ return "http://" + "localhost" + ":" + servletRequest.getLocalPort() + "/500.html";
+ }
+ }
+
+ String fragment = null;
+ if (queryString != null) {
+ int fragIdx = queryString.indexOf('#');
+ if (fragIdx >= 0) {
+ fragment = queryString.substring(fragIdx + 1);
+ queryString = queryString.substring(0, fragIdx);
+ }
+ }
+
+ if ((queryString2 != null) && (queryString2.length() > 0)) {
+ uri.append('?');
+ uri.append(encodeUriQuery(queryString2));
+ }
+ if ((this.doSendUrlFragment) && (fragment != null)) {
+ uri.append('#');
+ uri.append(encodeUriQuery(fragment));
+ }
+ vb.setResult("ok");
+ visitlogsaveinredis(vb);
+ return uri.toString();
+ }
+
+
+ /*
+ * 缁熻涓嶅悓ip璋冪敤鏈嶅姟娆℃暟,骞跺皢鍏跺瓨鍏ュ叆redis
+ */
+ private void visitlogsaveinredis(VistorBean vb) {
+ String fromip = vb.getRequestip();
+ vb.setDate(new Date());
+ vb.setVisitfromsys("ZJZT");
+ Jedis jedis = null;
+ try {
+ jedis = JedisUtils.getJedis();
+ jedis.sadd("visitlog", JSONObject.toJSONStringWithDateFormat(vb, "yyyy-MM-dd HH:mm:ss", SerializerFeature.PrettyFormat));
+ } catch (Exception e) {
+
+ log.error("redis鍖呴敊");
+ } finally {
+ jedis.close();
+ }
+
+
+ }
+
+ protected void copyResponseEntity(HttpResponse proxyResponse, HttpServletResponse servletResponse)
+ throws IOException {
+ HttpEntity entity = proxyResponse.getEntity();
+ BufferedReader reader;
+ InputStream is = entity.getContent();
+ servletResponse.setCharacterEncoding("UTF-8");
+
+ if (isgzip(entity)) {
+ reader = new BufferedReader(new InputStreamReader(new GZIPInputStream(is)));
+ StringBuffer sb = new StringBuffer();
+ String s = null;
+ while ((s = reader.readLine()) != null) {
+
+ sb.append(s);
+ }
+ String result = sb.toString();
+
+ result = result.replaceAll("<table[^>]*>((?!table).)*</table>", "");
+ result = result.replaceAll("<a[^>]*>(ArcGIS JavaScript|ArcGIS Online map viewer|Google Earth|ArcMap|ArcGIS Explorer|ArcGIS.com Map)</a>", "");
+ result = result.replaceAll("(http|https)://[^/]+/", "/");
+ result = result.replaceAll("/arcgis/rest/services", "");
+
+
+ HttpServletRequest hsr = HttpContextUtils.getHttpServletRequest();
+
+ BasicHttpEntity entity2 = new BasicHttpEntity();
+ byte[] bt;
+
+ bt = compress(result);
+
+ ByteArrayInputStream btinput = new ByteArrayInputStream(bt);
+ entity2.setContent(btinput);
+ entity2.setContentEncoding("gzip");
+ entity2.setContentType(entity.getContentType());
+ entity2.setChunked(false);
+
+
+ if (entity2 != null) {
+ servletResponse.addHeader("Content-Length", String.valueOf(bt.length));
+ OutputStream servletOutputStream = servletResponse.getOutputStream();
+ entity2.writeTo(servletOutputStream);
+ }
+
+ } else {
+
+ if (entity != null && "application/xml; charset=utf-8".equals(entity.getContentType().getValue())) {
+ reader = new BufferedReader(new InputStreamReader(is));
+ StringBuffer sb = new StringBuffer();
+ String s = null;
+ while ((s = reader.readLine()) != null) {
+
+ sb.append(s);
+ }
+ String result = sb.toString();
+ BasicHttpEntity entity2 = new BasicHttpEntity();
+ if (result.indexOf("mpt") > -1 && result.indexOf("SkylineGlobe Server") > -1) {
+ cn.hutool.json.JSONObject xmlobj = XML.toJSONObject(result);
+ cn.hutool.json.JSONObject caps = (cn.hutool.json.JSONObject) xmlobj.get("Capabilities");
+ JSONArray array = caps.getJSONArray("Contents");
+ for (int i = 0; i < array.size(); i++) {
+ cn.hutool.json.JSONObject temp = array.getJSONObject(i);
+ if (temp.get("ows:Title").toString().contains(layer)) {
+ array.remove(i);
+ }
+ }
+ result = XML.toXml(xmlobj);
+
+ } else {
+ result = result.replaceAll("<table[^>]*>((?!table).)*</table>", "");
+ result = result.replaceAll("<a[^>]*>(ArcGIS JavaScript|ArcGIS Online map viewer|Google Earth|ArcMap|ArcGIS Explorer|ArcGIS.com Map)</a>", "");
+ result = result.replaceAll("/arcgis/rest/services", "");
+ result = result.replaceAll("(http|https)://[^/]+/", "/");
+
+ }
+
+ byte[] bt;
+
+ bt = result.getBytes();
+
+ ByteArrayInputStream btinput = new ByteArrayInputStream(bt);
+ entity2.setContent(btinput);
+ entity2.setContentType(entity.getContentType());
+ entity2.setChunked(false);
+ servletResponse.addHeader("Content-Length", String.valueOf(bt.length));
+ OutputStream servletOutputStream = servletResponse.getOutputStream();
+ entity2.writeTo(servletOutputStream);
+ } else {
+ if (entity != null) {
+
+ OutputStream servletOutputStream = servletResponse.getOutputStream();
+ entity.writeTo(servletOutputStream);
+ }
+ }
+ }
+ }
+
+ public static byte[] compress(String str) {
+ ByteArrayOutputStream out = new ByteArrayOutputStream();
+
+ GZIPOutputStream gzip = null;
+ try {
+ gzip = new GZIPOutputStream(out);
+ gzip.write(str.getBytes());
+ } catch (IOException e) {
+ e.printStackTrace();
+ } finally {
+ if (gzip != null) {
+ try {
+ gzip.close();
+ } catch (IOException e) {
+
+ e.printStackTrace();
+ }
+ }
+ }
+ return out.toByteArray();
+ }
+
+ public boolean isgzip(HttpEntity entity) {
+ return entity.getContentEncoding() != null
+ && "Content-Encoding: gzip".equals(entity.getContentEncoding().toString()) ? true : false;
+ }
+
+ public boolean ishtml(HttpEntity entity) {
+ String temp = entity.getContentType().toString();
+ return temp.contains("text/html") ? true : false;
+ }
+
+ private void setXForwardedForHeader(HttpServletRequest servletRequest, HttpRequest proxyRequest) {
+ String headerName = "X-Forwarded-For";
+ if (this.doForwardIP) {
+ String newHeader = servletRequest.getRemoteAddr();
+ String existingHeader = servletRequest.getHeader(headerName);
+ if (existingHeader != null) {
+ newHeader = existingHeader + ", " + newHeader;
+ }
+ proxyRequest.setHeader(headerName, newHeader);
+ }
+ }
+
+ protected void copyResponseHeaders(HttpResponse proxyResponse, HttpServletRequest servletRequest, HttpServletResponse servletResponse) {
+ for (Header header : proxyResponse.getAllHeaders()) {
+ if (!hopByHopHeaders.containsHeader(header.getName())) {
+ if ((header.getName().equalsIgnoreCase("Set-Cookie")) || (header.getName().equalsIgnoreCase("Set-Cookie2"))) {
+ copyProxyCookie(servletRequest, servletResponse, header);
+ } else {
+ servletResponse.addHeader(header.getName(), header.getValue());
+ System.out.print(header.getName() + header.getValue());
+ }
+ }
+ }
+ System.out.print(servletResponse.containsHeader("Content-Length"));
+ }
+
+}
diff --git a/src/main/java/com/terra/proxy/util/BlackUtils.java b/src/main/java/com/terra/proxy/util/BlackUtils.java
new file mode 100644
index 0000000..ee9110c
--- /dev/null
+++ b/src/main/java/com/terra/proxy/util/BlackUtils.java
@@ -0,0 +1,123 @@
+package com.terra.proxy.util;
+
+import cn.hutool.core.collection.CollectionUtil;
+import com.terra.proxy.bean.BlackRule;
+import com.terra.proxy.bean.VistorBean;
+import com.terra.proxy.service.Impl.LogServiceImpl;
+import com.terra.proxy.service.Impl.ServerRegisterServiceImpl;
+import org.apache.commons.lang3.StringUtils;
+import redis.clients.jedis.Jedis;
+
+import javax.servlet.http.HttpServletRequest;
+import java.sql.DriverManager;
+import java.util.ArrayList;
+import java.util.HashMap;
+import java.util.List;
+import java.util.Map;
+
+public class BlackUtils {
+
+ /**
+ *
+ * @param request
+ * @param logService
+ * @param service
+ * @return true 鍙互璁块棶 flase 杩囨护
+ */
+ public static Boolean blackInterceptor(HttpServletRequest request, LogServiceImpl logService, ServerRegisterServiceImpl service){
+ if (request != null) {
+ //鑾峰彇璁块棶IP
+ String requestURI = request.getRequestURI();
+ //绯荤粺鍐呴儴鎺ュ彛涓嶆嫤鎴�
+ if(
+ requestURI.startsWith("/log")||
+ requestURI.startsWith("/token")||
+ requestURI.startsWith("/serv")||
+ requestURI.startsWith("/serverRegister")||
+ requestURI.startsWith("/test")
+ ){
+ return true;
+ }
+
+ String remoteAddr = request.getRemoteAddr();
+ HashMap<String, Object> param = new HashMap<>();
+ param.put("status","3"); //鐧藉悕鍗曠敓鏁�
+ param.put("ip",remoteAddr);
+ //鐧藉悕鍗曠敤鎴蜂笉鎷︽埅
+ if(CollectionUtil.isNotEmpty(logService.selectWhiteList(param))) return true;
+ param.put("status","1"); //榛戝悕鍗曠敓鏁�
+ List<VistorBean> vistorBeans = logService.queryBlackLists(param);
+ if(CollectionUtil.isNotEmpty(vistorBeans)) return false;
+ //鍏堝垽鏂璻edis涓槸鍚﹀瓨鍦� 涓嶅瓨鍦ㄥ垯鍔犲叆reids涓鏁帮紝瀛樺湪鍒欏垽鏂槸鍚﹁秴鍑洪檺鍒讹紝鑻ユ棤鍒欒鏁�+1锛岃嫢瓒呭嚭鍒欏姞鍏ラ粦鍚嶅崟
+ Jedis jedis = JedisUtils.getJedis();
+ String visitCountStr = jedis.get(remoteAddr);
+ BlackRule blackRule = logService.selectBlackRule();
+ if(blackRule==null) return true;
+ if (StringUtils.isEmpty(visitCountStr)) {
+ //涓嶅瓨鍦ㄥ垯鍔犲叆redis涓�
+ if(blackRule.getSeltime().equals("m")){
+ blackRule.setTime(blackRule.getTime()*60);
+ }else if(blackRule.getSeltime().equals("h")){
+ blackRule.setTime(blackRule.getTime()*3600);
+ }
+ jedis.setex(remoteAddr, blackRule.getTime(), "1");
+ } else {
+ //宸茬粡瀛樺湪 鍒ゆ柇鏄惁澶т簬1000娆� 鏄垯鍔犲叆榛戝悕鍗� 鍚﹁鏁�+1
+ Integer visitCount = Integer.valueOf(visitCountStr);
+ if (visitCount >= blackRule.getCount()) {
+ //鍔犲叆榛戝悕鍗� 琛╲isitlog涓璼tatus鐘舵�佷负1锛氶粦鍚嶅崟鐘舵��
+ VistorBean vb = new VistorBean();
+ Map<String, Object> params = new HashMap();
+ String zyid="0000";
+ String [] splitpath=null;
+ List<Map> serverlist = new ArrayList<>();
+ vb.setRequestip(request.getRemoteAddr());
+ String path = request.getPathInfo();
+ if(StringUtils.isNotEmpty(path)){
+ splitpath = path.split("/");
+ if(null!=splitpath && splitpath.length>1){
+ String numZid = splitpath[1];
+ if(isdigit(numZid)) zyid=numZid;
+ }
+ }
+ String suffix = null;
+ vb.setResourceid(Integer.valueOf(zyid));
+ vb.setVisitfromsys("HYJGPT");
+ if (null!=splitpath&&splitpath.length > 3 && splitpath[3] != null) {
+ suffix = isdigit(splitpath[2]) ? splitpath[2] : null;
+ }
+ params.put("resourceid", Integer.valueOf(zyid));
+ params.put("suffix", suffix != null ? Integer.valueOf(suffix) : null);
+ params.put("enable", 1);
+ params.put("fromsys", "HYJGPT");
+ params.put("SERVERURL", "test");
+ serverlist = service.queryServer(params);
+ if(CollectionUtil.isNotEmpty(serverlist)){
+ params.put("SERVERURL", serverlist.get(0).get("SERVERURL").toString());
+ serverlist.add(param);
+ vb.setServerurl(serverlist.get(0).get("SERVERURL").toString());
+ }
+ vb.setResult("false");
+ logService.saveBlackLog(vb);
+ //JedisUtils.close(jedis);
+ return false;
+ } else {
+ jedis.setrange(remoteAddr, 0, String.valueOf(visitCount + 1));
+ }
+
+ }
+ JedisUtils.close(jedis);
+ }
+
+ return true;
+ }
+
+ public static boolean isdigit(String str){
+
+ return str.matches("[0-9]+");
+ }
+
+ public static void main(String[] args) {
+
+ }
+}
diff --git a/src/main/java/com/terra/proxy/util/CoderUtils.java b/src/main/java/com/terra/proxy/util/CoderUtils.java
new file mode 100644
index 0000000..cac9fa8
--- /dev/null
+++ b/src/main/java/com/terra/proxy/util/CoderUtils.java
@@ -0,0 +1,169 @@
+package com.terra.proxy.util;
+
+
+import javax.crypto.KeyGenerator;
+import javax.crypto.Mac;
+import javax.crypto.SecretKey;
+import javax.crypto.spec.SecretKeySpec;
+import java.security.MessageDigest;
+import java.util.Base64;
+
+
+/**
+ * 鍩虹鍔犲瘑缁勪欢
+ *
+ * @author TanBin
+ */
+public abstract class CoderUtils {
+ public static final String KEY_SHA = "SHA";
+ public static final String KEY_MD5 = "MD5";
+
+ /**
+ * MAC绠楁硶鍙�変互涓嬪绉嶇畻娉�
+ * <pre>
+ * HmacMD5
+ * HmacSHA1
+ * HmacSHA256
+ * HmacSHA384
+ * HmacSHA512
+ * </pre>
+ */
+ public static final String KEY_MAC = "HmacMD5";
+
+ /**
+ * BASE64鍔犲瘑
+ *
+ * @return
+ * @throws Exception
+ */
+ public static String encryptBASE64(byte[] data) {
+ return Base64.getEncoder().encodeToString(data);
+ }
+
+ /**
+ * BASE64瑙ｅ瘑
+ *
+ * @param key
+ * @return
+ * @throws Exception
+ */
+ public static byte[] decryptBASE64(String key) {
+ return Base64.getDecoder().decode(key);
+ }
+
+ /**
+ * MD5鍔犲瘑
+ *
+ * @param data
+ * @return
+ * @throws Exception
+ */
+ public static byte[] encryptMD5(byte[] data) throws Exception {
+ MessageDigest md5 = MessageDigest.getInstance(KEY_MD5);
+ md5.update(data);
+ return md5.digest();
+ }
+
+ /**
+ * 钃濆浘鐨凪D5鍔犲瘑绠楁硶
+ *
+ * @param text
+ * @return
+ * @throws Exception
+ */
+ public static String lantuEncryptMD5(String text) throws Exception {
+ byte[] b = encryptMD5(text.getBytes("UTF-8"));
+ String key = convertToHexString(b);
+ //杞负澶у啓
+ key = key.toUpperCase();
+ //鍊掑簭
+ char[] array = key.toCharArray();
+ String reverseKey = "";
+ for (int i = array.length - 1; i >= 0; i--) {
+ reverseKey += array[i];
+ }
+ return reverseKey;
+ }
+
+ /**
+ * 瀛楄妭鏁扮粍杞负32浣嶅瓧绗︿覆
+ *
+ * @param data
+ * @return
+ */
+ private static String convertToHexString(byte data[]) {
+ StringBuffer strBuffer = new StringBuffer();
+ for (int i = 0; i < data.length; i++) {
+ String haxHex = Integer.toHexString(data[i] & 0xFF);
+ if (haxHex.length() < 2) {
+ strBuffer.append("0");
+ }
+ strBuffer.append(haxHex);
+ }
+ return strBuffer.toString();
+ }
+
+ /**
+ * SHA鍔犲瘑
+ *
+ * @param data
+ * @return
+ * @throws Exception
+ */
+ public static byte[] encryptSHA(byte[] data) throws Exception {
+ MessageDigest sha = MessageDigest.getInstance(KEY_SHA);
+ sha.update(data);
+ return sha.digest();
+ }
+
+ /**
+ * 鍒濆鍖朒MAC瀵嗛挜
+ *
+ * @return
+ * @throws Exception
+ */
+ public static String initMacKey() throws Exception {
+ KeyGenerator keyGenerator = KeyGenerator.getInstance(KEY_MAC);
+ SecretKey secretKey = keyGenerator.generateKey();
+ return encryptBASE64(secretKey.getEncoded());
+ }
+
+ /**
+ * HMAC鍔犲瘑
+ *
+ * @param data
+ * @param key
+ * @return
+ * @throws Exception
+ */
+ public static byte[] encryptHMAC(byte[] data, String key) throws Exception {
+ SecretKey secretKey = new SecretKeySpec(decryptBASE64(key), KEY_MAC);
+ Mac mac = Mac.getInstance(secretKey.getAlgorithm());
+ mac.init(secretKey);
+ return mac.doFinal(data);
+ }
+
+ public static void main(String[] args) {
+ String inputStr = "123456";
+ System.err.println("鍘熸枃:" + inputStr);
+ try {
+ String codeBASE64 = encryptBASE64(inputStr.getBytes("UTF-8"));
+ String codeMD5 = lantuEncryptMD5(inputStr);
+ byte[] codeSHA = encryptSHA(inputStr.getBytes("UTF-8"));
+
+ String key = initMacKey();
+ System.err.println("Mac瀵嗛挜:" + key);
+ byte[] codeHMAC = encryptHMAC(inputStr.getBytes("UTF-8"), key);
+
+ System.err.println("\nBASE64:" + codeBASE64);
+ System.err.println("BASE64瑙ｅ瘑:" + new String(decryptBASE64(codeBASE64), "UTF-8"));
+ System.err.println("MD5:" + codeMD5);
+ System.err.println("SHA:" + codeSHA);
+ System.err.println("HMAC:" + codeHMAC);
+
+ } catch (Exception e) {
+
+ e.printStackTrace();
+ }
+ }
+}
diff --git a/src/main/java/com/terra/proxy/util/CrpUtil.java b/src/main/java/com/terra/proxy/util/CrpUtil.java
new file mode 100644
index 0000000..17205cb
--- /dev/null
+++ b/src/main/java/com/terra/proxy/util/CrpUtil.java
@@ -0,0 +1,38 @@
+package com.terra.proxy.util;
+
+public class CrpUtil {
+
+
+ private static char[] codes={'a','b','c','d','e','f','g','h','i','j','h'};
+
+
+ public static String encode(Integer num){
+ String temp= num.toString();
+ char[] b=temp.toCharArray();
+ StringBuilder sb=new StringBuilder();
+ for (int i = 0; i < b.length; i++) {
+ int t= b[i]-'0';
+ sb.append(codes[t]);
+ }
+
+ return sb.toString();
+ }
+
+
+ public static Integer decode(String str){
+
+ char[] b=str.toCharArray();
+ StringBuilder sb=new StringBuilder();
+ for (int i = 0; i < b.length; i++) {
+ for(int j=0; j< codes.length;j++ ){
+ if(b[i]==codes[j]){
+ sb.append(j);
+ }
+ }
+
+ }
+
+ return Integer.valueOf(sb.toString());
+ }
+
+}
diff --git a/src/main/java/com/terra/proxy/util/DateUtils.java b/src/main/java/com/terra/proxy/util/DateUtils.java
new file mode 100644
index 0000000..e5ba8eb
--- /dev/null
+++ b/src/main/java/com/terra/proxy/util/DateUtils.java
@@ -0,0 +1,49 @@
+package com.terra.proxy.util;
+
+import java.security.InvalidParameterException;
+import java.text.SimpleDateFormat;
+import java.util.Date;
+
+/**
+ * @author lanbase
+ * @Description: TODO(鏃ユ湡澶勭悊)
+ * @date 2017-6-23 15:07
+ */
+public class DateUtils {
+ /**
+ * 鏃堕棿鏍煎紡(yyyy-MM-dd)
+ */
+ public final static String DATE_PATTERN = "yyyy-MM-dd";
+ /**
+ * 鏃堕棿鏍煎紡(yyyy-MM-dd HH:mm:ss)
+ */
+ public final static String DATE_TIME_PATTERN = "yyyy-MM-dd HH:mm:ss";
+
+ public static String format(Date date) {
+ return format(date, DATE_PATTERN);
+ }
+
+ public static String format(Date date, String pattern) {
+ if (date != null) {
+ SimpleDateFormat df = new SimpleDateFormat(pattern);
+ return df.format(date);
+ }
+ return null;
+ }
+
+ /**
+ * 缁熻涓や釜鏃ユ湡涔嬮棿鍖呭惈鐨勫ぉ鏁般��
+ *
+ * @param date1
+ * @param date2
+ * @return
+ */
+ public static int getDayDiff(Date date1, Date date2) {
+ if (date1 == null || date2 == null) {
+ throw new InvalidParameterException("date1 and date2 cannot be null!");
+ }
+ long millSecondsInOneDay = 24 * 60 * 60 * 1000;
+ return (int) ((date1.getTime() - date2.getTime()) / millSecondsInOneDay);
+ }
+
+}
diff --git a/src/main/java/com/terra/proxy/util/HttpContextUtils.java b/src/main/java/com/terra/proxy/util/HttpContextUtils.java
new file mode 100644
index 0000000..a445d56
--- /dev/null
+++ b/src/main/java/com/terra/proxy/util/HttpContextUtils.java
@@ -0,0 +1,13 @@
+package com.terra.proxy.util;
+
+import org.springframework.web.context.request.RequestContextHolder;
+import org.springframework.web.context.request.ServletRequestAttributes;
+
+import javax.servlet.http.HttpServletRequest;
+
+public class HttpContextUtils {
+
+ public static HttpServletRequest getHttpServletRequest() {
+ return ((ServletRequestAttributes) RequestContextHolder.getRequestAttributes()).getRequest();
+ }
+}
diff --git a/src/main/java/com/terra/proxy/util/HttpOperateUtils.java b/src/main/java/com/terra/proxy/util/HttpOperateUtils.java
new file mode 100644
index 0000000..a432b39
--- /dev/null
+++ b/src/main/java/com/terra/proxy/util/HttpOperateUtils.java
@@ -0,0 +1,109 @@
+package com.terra.proxy.util;
+
+import com.alibaba.fastjson.JSONObject;
+import org.apache.http.HttpEntity;
+import org.apache.http.HttpResponse;
+import org.apache.http.NameValuePair;
+import org.apache.http.client.HttpClient;
+import org.apache.http.client.entity.UrlEncodedFormEntity;
+import org.apache.http.client.methods.HttpGet;
+import org.apache.http.client.methods.HttpPost;
+import org.apache.http.impl.client.DefaultHttpClient;
+import org.apache.http.message.BasicNameValuePair;
+import org.apache.http.util.EntityUtils;
+
+import java.io.IOException;
+import java.lang.reflect.Field;
+import java.util.*;
+import java.util.Map.Entry;
+
+/**
+ * @author
+ * @Description: TODO(鑾峰彇瀛楀吀淇℃伅)
+ * @date 2018-3-22 15:09
+ */
+public class HttpOperateUtils {
+ /**
+ * HttpGet 璇锋眰 URL 杩斿洖鏁版嵁
+ *
+ * @param url
+ * @return
+ * @throws IOException
+ */
+ public static String httpGet(String url) throws IOException {
+ HttpClient client = new DefaultHttpClient();
+ HttpGet request = new HttpGet(url.trim());
+ HttpResponse httpResponse = client.execute(request);
+ HttpEntity httpEntity = httpResponse.getEntity();
+ return EntityUtils.toString(httpEntity, "UTF-8");
+ }
+
+ public static <T> T getJsonObject(String url, Class<T> clazz) throws IOException {
+ String resultjson = HttpOperateUtils.httpGet(url);
+ JSONObject jsonobject = JSONObject.parseObject(resultjson);
+ return JSONObject.toJavaObject(jsonobject, clazz);
+ }
+
+ public static <T> List<T> getJsonObjectArray(String url, Class<T> clazz) throws IOException {
+ String resultjson = HttpOperateUtils.httpGet(url);
+ return JSONObject.parseArray(resultjson, clazz);
+ }
+
+ /**
+ * HttpPost
+ */
+ public static String httpPost(String url, Object obj) throws IOException {
+ String charset = "utf-8";
+ HttpClient httpClient = null;
+ HttpPost httpPost = null;
+ String result = null;
+ try {
+ Map<String, String> map = objectToMap(obj);
+ httpClient = new DefaultHttpClient();
+ httpPost = new HttpPost(url);
+ // 璁剧疆鍙傛暟
+ List<NameValuePair> list = new ArrayList<NameValuePair>();
+ Iterator iterator = map.entrySet().iterator();
+ while (iterator.hasNext()) {
+ Entry<String, String> elem = (Entry<String, String>) iterator.next();
+ if (elem.getValue() != null && !elem.getValue().equals("null"))
+ list.add(new BasicNameValuePair(elem.getKey(), elem.getValue()));
+ }
+ if (list.size() > 0) {
+ UrlEncodedFormEntity entity = new UrlEncodedFormEntity(list, charset);
+ httpPost.setEntity(entity);
+ }
+ HttpResponse response = httpClient.execute(httpPost);
+ if (response != null) {
+ HttpEntity resEntity = response.getEntity();
+ if (resEntity != null) {
+ result = EntityUtils.toString(resEntity, charset);
+ }
+ }
+ } catch (Exception ex) {
+ ex.printStackTrace();
+ }
+
+ return result;
+ }
+
+ /**
+ * 鑾峰彇鍒╃敤鍙嶅皠鑾峰彇绫婚噷闈㈢殑鍊煎拰鍚嶇О
+ *
+ * @param obj
+ * @return
+ * @throws IllegalAccessException
+ */
+ public static Map<String, String> objectToMap(Object obj) throws IllegalAccessException {
+ Map<String, String> map = new HashMap<>();
+ Class<?> clazz = obj.getClass();
+ for (Field field : clazz.getDeclaredFields()) {
+ field.setAccessible(true);
+ String fieldName = field.getName();
+ String value = field.get(obj) != null ? String.valueOf(field.get(obj)) : null;
+ map.put(fieldName, value);
+ }
+ return map;
+ }
+
+}
diff --git a/src/main/java/com/terra/proxy/util/HttpUtils.java b/src/main/java/com/terra/proxy/util/HttpUtils.java
new file mode 100644
index 0000000..ce595ab
--- /dev/null
+++ b/src/main/java/com/terra/proxy/util/HttpUtils.java
@@ -0,0 +1,293 @@
+/**
+ * Copyright (c) 2015-2016, Michael Yang 鏉ㄧ娴� (fuhai999@gmail.com).
+ * <p>
+ * Licensed under the GNU Lesser General Public License (LGPL) ,Version 3.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ * <p>
+ * http://www.gnu.org/licenses/lgpl-3.0.txt
+ * <p>
+ * 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.
+ */
+package com.terra.proxy.util;
+
+import javax.net.ssl.*;
+import java.io.ByteArrayOutputStream;
+import java.io.DataOutputStream;
+import java.io.InputStream;
+import java.io.UnsupportedEncodingException;
+import java.net.HttpURLConnection;
+import java.net.URL;
+import java.net.URLEncoder;
+import java.security.cert.X509Certificate;
+import java.util.Map;
+
+/**
+ * @author lanbase
+ * @Description: TODO(http宸ュ叿)
+ * @date 2017-6-23 15:07
+ */
+public class HttpUtils {
+
+ private static final String TAG = "HttpUtils";
+ private static final int mReadTimeOut = 1000 * 10; // 10绉�
+ private static final int mConnectTimeOut = 1000 * 5; // 5绉�
+ private static final String CHAR_SET = "utf-8";
+ private static final int mRetry = 2; // 榛樿灏濊瘯璁块棶娆℃暟
+
+ public static String get(String url) throws Exception {
+ return get(url, null);
+ }
+
+ public static String get(String url, Map<String, ? extends Object> params) throws Exception {
+ return get(url, params, null);
+ }
+
+ public static String get(String url, Map<String, ? extends Object> params, Map<String, String> headers)
+ throws Exception {
+ if (url == null || url.trim().length() == 0) {
+ throw new Exception(TAG + ": url is null or empty!");
+ }
+
+ if (params != null && params.size() > 0) {
+ if (!url.contains("?")) {
+ url += "?";
+ }
+
+ if (url.charAt(url.length() - 1) != '?') {
+ url += "&";
+ }
+
+ url += buildParams(params);
+ }
+
+ return tryToGet(url, headers);
+ }
+
+ public static String buildParams(Map<String, ? extends Object> params) throws UnsupportedEncodingException {
+ if (params == null || params.isEmpty()) {
+ return null;
+ }
+
+ StringBuilder builder = new StringBuilder();
+ for (Map.Entry<String, ? extends Object> entry : params.entrySet()) {
+ if (entry.getKey() != null && entry.getValue() != null)
+ builder.append(entry.getKey().trim()).append("=")
+ .append(URLEncoder.encode(entry.getValue().toString(), CHAR_SET)).append("&");
+ }
+
+ if (builder.charAt(builder.length() - 1) == '&') {
+ builder.deleteCharAt(builder.length() - 1);
+ }
+
+ return builder.toString();
+ }
+
+ private static String tryToGet(String url, Map<String, String> headers) throws Exception {
+ int tryTime = 0;
+ Exception ex = null;
+ while (tryTime < mRetry) {
+ try {
+ return doGet(url, headers);
+ } catch (Exception e) {
+ if (e != null)
+ ex = e;
+ tryTime++;
+ }
+ }
+ if (ex != null)
+ throw ex;
+ else
+ throw new Exception("鏈煡缃戠粶閿欒 ");
+ }
+
+ private static String doGet(String strUrl, Map<String, String> headers) throws Exception {
+ HttpURLConnection connection = null;
+ InputStream stream = null;
+ try {
+
+ connection = getConnection(strUrl);
+ configConnection(connection);
+ if (headers != null && headers.size() > 0) {
+ for (Map.Entry<String, String> entry : headers.entrySet()) {
+ connection.setRequestProperty(entry.getKey(), entry.getValue());
+ }
+ }
+
+ connection.setInstanceFollowRedirects(true);
+ connection.connect();
+
+ stream = connection.getInputStream();
+ ByteArrayOutputStream obs = new ByteArrayOutputStream();
+ byte[] buffer = new byte[1024];
+ for (int len = 0; (len = stream.read(buffer)) > 0; ) {
+ obs.write(buffer, 0, len);
+ }
+ obs.flush();
+ obs.close();
+ stream.close();
+
+ return new String(obs.toByteArray());
+ } finally {
+ if (connection != null) {
+ connection.disconnect();
+ }
+ if (stream != null) {
+ stream.close();
+ }
+ }
+ }
+
+ public static String post(String url) throws Exception {
+ return post(url, null);
+ }
+
+ public static String post(String url, Map<String, ? extends Object> params) throws Exception {
+ return post(url, params, null);
+ }
+
+ public static String post(String url, Map<String, ? extends Object> params, Map<String, String> headers)
+ throws Exception {
+ if (url == null || url.trim().length() == 0) {
+ throw new Exception(TAG + ":url is null or empty!");
+ }
+
+ if (params != null && params.size() > 0) {
+ return tryToPost(url, buildParams(params), headers);
+ } else {
+ return tryToPost(url, null, headers);
+ }
+ }
+
+ public static String post(String url, String content, Map<String, String> headers) throws Exception {
+ return tryToPost(url, content, headers);
+ }
+
+ private static String tryToPost(String url, String postContent, Map<String, String> headers) throws Exception {
+ int tryTime = 0;
+ Exception ex = null;
+ while (tryTime < mRetry) {
+ try {
+ return doPost(url, postContent, headers);
+ } catch (Exception e) {
+ if (e != null)
+ ex = e;
+ tryTime++;
+ }
+ }
+ if (ex != null)
+ throw ex;
+ else
+ throw new Exception("鏈煡缃戠粶閿欒 ");
+ }
+
+ private static String doPost(String strUrl, String postContent, Map<String, String> headers) throws Exception {
+ HttpURLConnection connection = null;
+ InputStream stream = null;
+ try {
+ connection = getConnection(strUrl);
+ configConnection(connection);
+ if (headers != null && headers.size() > 0) {
+ for (Map.Entry<String, String> entry : headers.entrySet()) {
+ connection.setRequestProperty(entry.getKey(), entry.getValue());
+ }
+ }
+
+ connection.setRequestMethod("POST");
+ connection.setDoOutput(true);
+
+ if (null != postContent && !"".equals(postContent)) {
+ DataOutputStream dos = new DataOutputStream(connection.getOutputStream());
+ dos.write(postContent.getBytes(CHAR_SET));
+ dos.flush();
+ dos.close();
+ }
+ stream = connection.getInputStream();
+ ByteArrayOutputStream obs = new ByteArrayOutputStream();
+
+ byte[] buffer = new byte[1024];
+ for (int len = 0; (len = stream.read(buffer)) > 0; ) {
+ obs.write(buffer, 0, len);
+ }
+ obs.flush();
+ obs.close();
+
+ return new String(obs.toByteArray());
+
+ } finally {
+ if (connection != null) {
+ connection.disconnect();
+ }
+ if (stream != null) {
+ stream.close();
+ }
+ }
+
+ }
+
+ private static void configConnection(HttpURLConnection connection) {
+ if (connection == null)
+ return;
+ connection.setReadTimeout(mReadTimeOut);
+ connection.setConnectTimeout(mConnectTimeOut);
+
+ connection.setRequestProperty("Content-Type", "application/x-www-form-urlencoded");
+ connection.setRequestProperty("User-Agent",
+ "Mozilla/5.0 (Windows NT 6.3; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/33.0.1750.146 Safari/537.36");
+ }
+
+ private static HttpURLConnection getConnection(String strUrl) throws Exception {
+ if (strUrl == null) {
+ return null;
+ }
+ if (strUrl.toLowerCase().startsWith("https")) {
+ return getHttpsConnection(strUrl);
+ } else {
+ return getHttpConnection(strUrl);
+ }
+ }
+
+ private static HttpURLConnection getHttpConnection(String urlStr) throws Exception {
+ URL url = new URL(urlStr);
+ HttpURLConnection conn = (HttpURLConnection) url.openConnection();
+ return conn;
+ }
+
+ private static HttpsURLConnection getHttpsConnection(String urlStr) throws Exception {
+ URL url = new URL(urlStr);
+ HttpsURLConnection conn = (HttpsURLConnection) url.openConnection();
+ conn.setHostnameVerifier(hnv);
+ SSLContext sslContext = SSLContext.getInstance("SSL", "SunJSSE");
+ if (sslContext != null) {
+ TrustManager[] tm = {xtm};
+ sslContext.init(null, tm, null);
+ SSLSocketFactory ssf = sslContext.getSocketFactory();
+ conn.setSSLSocketFactory(ssf);
+ }
+
+ return conn;
+ }
+
+ private static X509TrustManager xtm = new X509TrustManager() {
+ public void checkClientTrusted(X509Certificate[] chain, String authType) {
+ }
+
+ public void checkServerTrusted(X509Certificate[] chain, String authType) {
+ }
+
+ public X509Certificate[] getAcceptedIssuers() {
+ return null;
+ }
+ };
+
+ private static HostnameVerifier hnv = new HostnameVerifier() {
+ public boolean verify(String hostname, SSLSession session) {
+ return true;
+ }
+ };
+
+}
diff --git a/src/main/java/com/terra/proxy/util/IPUtils.java b/src/main/java/com/terra/proxy/util/IPUtils.java
new file mode 100644
index 0000000..7038da2
--- /dev/null
+++ b/src/main/java/com/terra/proxy/util/IPUtils.java
@@ -0,0 +1,49 @@
+package com.terra.proxy.util;
+
+import com.alibaba.druid.util.StringUtils;
+import org.slf4j.Logger;
+import org.slf4j.LoggerFactory;
+
+import javax.servlet.http.HttpServletRequest;
+
+/**
+ * @author lanbase
+ * @Description: TODO(IP鍦板潃澶勭悊宸ュ叿绫�)
+ * @date 2017-6-23 15:07
+ */
+public class IPUtils {
+ private static Logger logger = LoggerFactory.getLogger(IPUtils.class);
+
+ /**
+ * 鑾峰彇IP鍦板潃
+ * <p>
+ * 浣跨敤Nginx绛夊弽鍚戜唬鐞嗚蒋浠讹紝 鍒欎笉鑳介�氳繃request.getRemoteAddr()鑾峰彇IP鍦板潃
+ * 濡傛灉浣跨敤浜嗗绾у弽鍚戜唬鐞嗙殑璇濓紝X-Forwarded-For鐨勫�煎苟涓嶆涓�涓紝鑰屾槸涓�涓睮P鍦板潃锛孹-Forwarded-For涓涓�涓潪unknown鐨勬湁鏁圛P瀛楃涓诧紝鍒欎负鐪熷疄IP鍦板潃
+ */
+ public static String getIpAddr(HttpServletRequest request) {
+ String ip = null;
+ try {
+ ip = request.getHeader("x-forwarded-for");
+ if (StringUtils.isEmpty(ip) || "unknown".equalsIgnoreCase(ip)) {
+ ip = request.getHeader("Proxy-Client-IP");
+ }
+ if (StringUtils.isEmpty(ip) || ip.length() == 0 || "unknown".equalsIgnoreCase(ip)) {
+ ip = request.getHeader("WL-Proxy-Client-IP");
+ }
+ if (StringUtils.isEmpty(ip) || "unknown".equalsIgnoreCase(ip)) {
+ ip = request.getHeader("HTTP_CLIENT_IP");
+ }
+ if (StringUtils.isEmpty(ip) || "unknown".equalsIgnoreCase(ip)) {
+ ip = request.getHeader("HTTP_X_FORWARDED_FOR");
+ }
+ if (StringUtils.isEmpty(ip) || "unknown".equalsIgnoreCase(ip)) {
+ ip = request.getRemoteAddr();
+ }
+ } catch (Exception e) {
+ logger.error("IPUtils ERROR ", e);
+ }
+
+ return ip;
+ }
+
+}
diff --git a/src/main/java/com/terra/proxy/util/ImageUtils.java b/src/main/java/com/terra/proxy/util/ImageUtils.java
new file mode 100644
index 0000000..2128ef9
--- /dev/null
+++ b/src/main/java/com/terra/proxy/util/ImageUtils.java
@@ -0,0 +1,248 @@
+/**
+ * Copyright (c) 2015-2016, Michael Yang 鏉ㄧ娴� (fuhai999@gmail.com).
+ * <p>
+ * Licensed under the GNU Lesser General Public License (LGPL) ,Version 3.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ * <p>
+ * http://www.gnu.org/licenses/lgpl-3.0.txt
+ * <p>
+ * 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.
+ */
+package com.terra.proxy.util;
+
+import javax.imageio.ImageIO;
+import javax.imageio.ImageReadParam;
+import javax.imageio.ImageReader;
+import javax.imageio.stream.ImageInputStream;
+import java.awt.*;
+import java.awt.image.BufferedImage;
+import java.io.File;
+import java.io.FileInputStream;
+import java.io.IOException;
+import java.io.InputStream;
+import java.util.Iterator;
+
+/**
+ * @author lanbase
+ * @Description: TODO(鍥剧墖澶勭悊)
+ * @date 2017-6-23 15:07
+ */
+public class ImageUtils {
+
+ public static int[] ratio(String src) throws IOException {
+ BufferedImage bufferedImage = ImageIO.read(new File(src));
+ int width = bufferedImage.getWidth();
+ int height = bufferedImage.getHeight();
+ return new int[]{width, height};
+ }
+
+ public static String ratioAsString(String src) throws IOException {
+ File file = new File(src);
+ if (!file.exists()) {
+ return null;
+ }
+ BufferedImage bufferedImage = ImageIO.read(file);
+ int width = bufferedImage.getWidth();
+ int height = bufferedImage.getHeight();
+ return String.format("%s x %s", width, height);
+ }
+
+ public static String scale(String src, int w, int h) throws IOException {
+ int inserTo = src.lastIndexOf(".");
+ String dest = src.substring(0, inserTo) + String.format("_%sx%s", w, h) + src.substring(inserTo, src.length());
+ scale(src, dest, w, h);
+ return dest;
+ }
+
+ /**
+ * 鍥剧墖澶у皬鍘嬬缉
+ *
+ * @param src
+ * @throws IOException
+ */
+ public static void scale(String src) throws IOException {
+ File file = new File(src);
+ if (!file.exists()) {
+ return;
+ }
+ BufferedImage bufferedImage = ImageIO.read(file);
+ int w = bufferedImage.getWidth();
+ int h = bufferedImage.getHeight();
+ String srcSuffix = src.substring(src.lastIndexOf(".") + 1);
+ Iterator<ImageReader> iterator = ImageIO.getImageReadersByFormatName(srcSuffix);
+ ImageReader reader = (ImageReader) iterator.next();
+
+ InputStream in = new FileInputStream(src);
+ ImageInputStream iis = ImageIO.createImageInputStream(in);
+ reader.setInput(iis);
+
+ BufferedImage srcBuffered = readBuffereImage(reader, w, h);
+ BufferedImage targetBuffered = new BufferedImage(w, h, BufferedImage.TYPE_INT_RGB);
+
+ Graphics graphics = targetBuffered.getGraphics();
+ graphics.drawImage(srcBuffered.getScaledInstance(w, h, Image.SCALE_DEFAULT), 0, 0, null); // 缁樺埗缂╁皬鍚庣殑鍥�
+
+ graphics.dispose();
+ srcBuffered.flush();
+ in.close();
+ iis.close();
+
+ ImageIO.write(targetBuffered, srcSuffix, file);
+ targetBuffered.flush();
+ }
+
+ /**
+ * 绛夋瘮缂╂斁锛屽眳涓壀鍒�
+ *
+ * @param src
+ * @param dest
+ * @param w
+ * @param h
+ * @throws IOException
+ */
+ public static void scale(String src, String dest, int w, int h) throws IOException {
+ String srcSuffix = src.substring(src.lastIndexOf(".") + 1);
+ Iterator<ImageReader> iterator = ImageIO.getImageReadersByFormatName(srcSuffix);
+ ImageReader reader = (ImageReader) iterator.next();
+
+ InputStream in = new FileInputStream(src);
+ ImageInputStream iis = ImageIO.createImageInputStream(in);
+ reader.setInput(iis);
+
+ BufferedImage srcBuffered = readBuffereImage(reader, w, h);
+ BufferedImage targetBuffered = new BufferedImage(w, h, BufferedImage.TYPE_INT_RGB);
+
+ Graphics graphics = targetBuffered.getGraphics();
+ graphics.drawImage(srcBuffered.getScaledInstance(w, h, Image.SCALE_DEFAULT), 0, 0, null); // 缁樺埗缂╁皬鍚庣殑鍥�
+
+ graphics.dispose();
+ srcBuffered.flush();
+ in.close();
+ iis.close();
+
+ ImageIO.write(targetBuffered, srcSuffix, new File(dest));
+ targetBuffered.flush();
+ }
+
+ private static BufferedImage readBuffereImage(ImageReader reader, int w, int h) throws IOException {
+ ImageReadParam param = reader.getDefaultReadParam();
+ int srcWidth = reader.getWidth(0);
+ int srcHeight = reader.getHeight(0);
+
+ Rectangle rect = null;
+
+ if ((float) w / h > (float) srcWidth / srcHeight) {
+ h = h * srcWidth / w;
+ w = srcWidth;
+ rect = new Rectangle(0, (srcHeight - h) / 2, w, h);
+ } else {
+ w = w * srcHeight / h;
+ h = srcHeight;
+ rect = new Rectangle((srcWidth - w) / 2, 0, w, h);
+ }
+ param.setSourceRegion(rect);
+ BufferedImage srcBuffered = reader.read(0, param);
+ return srcBuffered;
+ }
+
+ public final static void pressImage(String watermarkImg, String srcImageFile) {
+ pressImage(watermarkImg, srcImageFile, srcImageFile, 5, -1, -1, 0.2f, 1);
+ }
+
+ public final static void pressImage(String watermarkImg, String srcImageFile, String destImageFile) {
+ pressImage(watermarkImg, srcImageFile, destImageFile, 5, -1, -1, 0.2f, 1);
+ }
+
+ public final static void pressImage(String watermarkImg, String srcImageFile, String destImageFile, int position,
+ float alpha) {
+ pressImage(watermarkImg, srcImageFile, destImageFile, position, -1, -1, 0.2f, alpha);
+ }
+
+ /**
+ * @param watermarkImg
+ * 姘村嵃鍥剧墖浣嶇疆
+ * @param srcImageFile
+ * 婧愬浘鐗囦綅缃�
+ * @param destImageFile
+ * 鐢熸垚鐨勫浘鐗囦綅缃�
+ * @param position
+ * 姘村嵃鎵撳嵃鐨勪綅缃細 1->宸︿笂瑙掞紝2->鍙充笂瑙掞紝1->灞呬腑锛�1->宸︿笅瑙掞紝1->鍙充笅瑙�
+ * @param xOffset
+ * x杞村亸绉婚噺锛寈Offset灏忎簬0锛岃嚜鍔ㄥ亸绉�
+ * @param yOffset
+ * y杞村亸绉婚噺锛寉Offset灏忎簬0锛岃嚜鍔ㄥ亸绉�
+ * @param radio
+ * 榛樿涓哄師鍥剧殑 1/4
+ * @param alpha
+ * 閫忔槑搴︼紙0~1锛夛紝PNG鍥剧墖寤鸿璁剧疆涓�1
+ */
+ public final static void pressImage(String watermarkImg, String srcImageFile, String destImageFile, int position,
+ int xOffset, int yOffset, float radio, float alpha) {
+ try {
+ File img = new File(srcImageFile);
+ Image src = ImageIO.read(img);
+ int srcWidth = src.getWidth(null);
+ int srcHeight = src.getHeight(null);
+
+ BufferedImage image = new BufferedImage(srcWidth, srcHeight, BufferedImage.TYPE_INT_RGB);
+ Graphics2D graphics = image.createGraphics();
+ graphics.drawImage(src, 0, 0, srcWidth, srcHeight, null);
+
+ // 姘村嵃鏂囦欢
+ Image wmImage = ImageIO.read(new File(watermarkImg));
+ int wmWidth = wmImage.getWidth(null);
+ int wmHeight = wmImage.getHeight(null);
+
+ radio = radio <= 0 ? 0.2f : radio;
+ int newWidth = (int) (srcWidth * radio);
+ int newHeight = (int) (wmHeight * (newWidth / (float) wmWidth));
+
+ xOffset = (xOffset < 0) ? (int) (newWidth * 0.1f) : xOffset;
+ yOffset = (yOffset < 0) ? (int) (newHeight * 0.1f) : yOffset;
+
+ int xPostion = 0;
+ int yPostion = 0;
+
+ switch (position) {
+ case 1:
+ xPostion = xOffset;
+ yPostion = yOffset;
+ break;
+ case 2:
+ xPostion = (int) (srcWidth * (1 - radio) - xOffset);
+ yPostion = yOffset;
+ break;
+ case 3:
+ xPostion = (int) (srcWidth - newWidth) / 2;
+ yPostion = (int) (srcHeight - newHeight) / 2;
+ break;
+ case 4:
+ xPostion = xOffset;
+ yPostion = (int) (srcHeight - newHeight - yOffset);
+ break;
+ case 5:
+ xPostion = (int) (srcWidth * (1 - radio) - xOffset);
+ yPostion = (int) (srcHeight - newHeight - yOffset);
+ break;
+ default:
+ xPostion = xOffset;
+ yPostion = yOffset;
+ break;
+ }
+
+ graphics.setComposite(AlphaComposite.getInstance(AlphaComposite.SRC_ATOP, alpha));
+ graphics.drawImage(wmImage, xPostion, yPostion, newWidth, newHeight, null);
+ // 姘村嵃鏂囦欢缁撴潫
+ graphics.dispose();
+ ImageIO.write((BufferedImage) image, "JPEG", new File(destImageFile));
+ } catch (Exception e) {
+ e.printStackTrace();
+ }
+ }
+
+}
\ No newline at end of file
diff --git a/src/main/java/com/terra/proxy/util/JedisUtils.java b/src/main/java/com/terra/proxy/util/JedisUtils.java
new file mode 100644
index 0000000..652bd95
--- /dev/null
+++ b/src/main/java/com/terra/proxy/util/JedisUtils.java
@@ -0,0 +1,295 @@
+package com.terra.proxy.util;
+
+
+import com.terra.proxy.properties.JedisProperties;
+import org.apache.commons.lang3.StringUtils;
+import org.slf4j.Logger;
+import org.slf4j.LoggerFactory;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.stereotype.Component;
+import redis.clients.jedis.Jedis;
+import redis.clients.jedis.JedisPool;
+import redis.clients.jedis.JedisPoolConfig;
+import redis.clients.jedis.exceptions.JedisException;
+
+import javax.annotation.PostConstruct;
+import java.util.List;
+import java.util.Map;
+
+/**
+ * @author Loger
+ * Date: 2018-07-30
+ * TIme: 23:54
+ * Description :
+ */
+@Component
+public class JedisUtils {
+ private static Logger logger = LoggerFactory.getLogger(JedisUtils.class);
+
+ private static JedisPoolConfig config;
+
+ private static JedisPool jedisPool;
+
+ @Autowired
+ private JedisProperties jedisProperties;
+
+ private static JedisProperties properties;
+
+ @PostConstruct
+ public void init() {
+ properties = this.jedisProperties;
+ config = new JedisPoolConfig();
+ config.setMaxIdle(properties.getMaxIdle());
+ jedisPool = new JedisPool(config, properties.getHost(), properties.getPort());
+ }
+
+
+ /**
+ * 鑾峰彇jedis
+ *
+ * @return
+ */
+ public static Jedis getJedis() {
+ Jedis jedis = jedisPool.getResource();
+ if (StringUtils.isNotEmpty(properties.getPassword())) {
+ jedis.auth(properties.getPassword());
+ }
+ return jedis;
+ }
+
+ /**
+ * jedis鏀惧洖杩炴帴姹�
+ *
+ * @param jedis
+ */
+ public static void close(Jedis jedis) {
+ //浠庢簮鐮佸彲浠ュ垎鏋愬緱鍒帮紝濡傛灉鏄娇鐢ㄨ繛鎺ユ睜鐨勫舰寮忥紝杩欎釜骞堕潪鐪熸鐨刢lose,鑰屾槸鎶婅繛鎺ユ斁鍥炶繛鎺ユ睜涓�
+ if (jedis != null) {
+
+ jedis.close();
+
+ }
+ }
+
+ /**
+ * get
+ *
+ * @param key
+ * @return
+ */
+ public static String get(String key) {
+ Jedis jedis = null;
+ try {
+ jedis = getJedis();
+ return jedis.get(key);
+ } catch (Exception e) {
+ e.printStackTrace();
+ throw new JedisException(e.getMessage(), e);
+ } finally {
+ close(jedis);
+ }
+ }
+
+ /**
+ * set
+ *
+ * @param key
+ * @param value
+ * @return
+ */
+ public static void set(String key, String value) {
+ Jedis jedis = null;
+ try {
+ jedis = getJedis();
+ jedis.set(key, value);
+ } catch (Exception e) {
+ e.printStackTrace();
+ throw new JedisException(e.getMessage(), e);
+ } finally {
+ close(jedis);
+ }
+ }
+
+ /**
+ * set with expire milliseconds
+ *
+ * @param key
+ * @param value
+ * @param seconds
+ * @return
+ */
+ public static void set(String key, String value, long seconds) {
+ Jedis jedis = null;
+ try {
+ jedis = getJedis();
+ jedis.set(key, value, "NX", "EX", seconds);
+
+ } catch (Exception e) {
+ e.printStackTrace();
+ throw new JedisException(e.getMessage(), e);
+ } finally {
+ close(jedis);
+ }
+ }
+
+
+ public static Long incr(String key) {
+ Jedis jedis = null;
+ try {
+ jedis = getJedis();
+ return jedis.incr(key);
+ } catch (Exception e) {
+ e.printStackTrace();
+ throw new JedisException(e.getMessage(), e);
+ } finally {
+ close(jedis);
+ }
+ }
+
+ public static void hset(String key, String field, String value) {
+ Jedis jedis = null;
+ try {
+ jedis = getJedis();
+ jedis.hset(key, field, value);
+ } catch (Exception e) {
+ e.printStackTrace();
+ throw new JedisException(e.getMessage(), e);
+ } finally {
+ close(jedis);
+ }
+ }
+
+ public static String hget(String key, String field) {
+ Jedis jedis = null;
+ try {
+ jedis = getJedis();
+ return jedis.hget(key, field);
+ } catch (Exception e) {
+ e.printStackTrace();
+ } finally {
+ close(jedis);
+ }
+ return null;
+ }
+
+ public static Map<String, String> hgetAll(String key) {
+ Jedis jedis = null;
+ try {
+ jedis = getJedis();
+ return jedis.hgetAll(key);
+ } catch (Exception e) {
+ e.printStackTrace();
+ throw new JedisException(e.getMessage(), e);
+ } finally {
+ close(jedis);
+ }
+ }
+
+ /**
+ * @param timeout 0琛ㄧず姘镐箙 鍗曚綅绉�
+ * @param key key
+ * @return [key, value]
+ */
+ public static String blpop(int timeout, String key) {
+ Jedis jedis = null;
+ try {
+ jedis = getJedis();
+ List<String> list = jedis.blpop(timeout, key);
+ return list.get(1);
+ } catch (Exception e) {
+ e.printStackTrace();
+ throw new JedisException(e.getMessage(), e);
+ } finally {
+ close(jedis);
+ }
+ }
+
+ public static String blpop(String key) {
+ Jedis jedis = null;
+ try {
+ jedis = getJedis();
+ List<String> list = jedis.blpop(0, key);
+ return list.get(1);
+ } catch (Exception e) {
+ e.printStackTrace();
+ throw new JedisException(e.getMessage(), e);
+ } finally {
+ close(jedis);
+ }
+ }
+
+ public static void lpush(String key, String... value) {
+ Jedis jedis = null;
+ try {
+ jedis = getJedis();
+ jedis.lpush(key, value);
+ } catch (Exception e) {
+ e.printStackTrace();
+ throw new JedisException(e.getMessage(), e);
+ }
+ }
+
+ /**
+ * @param timeout 0琛ㄧず姘镐箙 鍗曚綅绉�
+ * @param key key
+ * @return [key, value]
+ */
+ public static String brpop(int timeout, String key) {
+ Jedis jedis = null;
+ try {
+ jedis = getJedis();
+ List<String> list = jedis.brpop(timeout, key);
+ return list.get(1);
+ } catch (Exception e) {
+ e.printStackTrace();
+ throw new JedisException(e.getMessage(), e);
+ } finally {
+ close(jedis);
+ }
+ }
+
+ public static String brpop(String key) {
+ Jedis jedis = null;
+ try {
+ jedis = getJedis();
+ List<String> list = jedis.brpop(0, key);
+ return list.get(1);
+ } catch (Exception e) {
+ e.printStackTrace();
+ throw new JedisException(e.getMessage(), e);
+ } finally {
+ close(jedis);
+ }
+ }
+
+ public static void rpush(String key, String... value) {
+ Jedis jedis = null;
+ try {
+ jedis = getJedis();
+ jedis.rpush(key, value);
+ } catch (Exception e) {
+ e.printStackTrace();
+ throw new JedisException(e.getMessage(), e);
+ }
+ }
+
+ /**
+ * 鑾峰彇key杩囨湡鏃堕棿 -1琛ㄧず姘镐箙 -2琛ㄧず璇ey涓嶅瓨鍦�
+ *
+ * @param key
+ * @return
+ */
+ public static long ttl(String key) {
+ Jedis jedis = null;
+ try {
+ jedis = getJedis();
+ return jedis.ttl(key);
+ } catch (Exception e) {
+ e.printStackTrace();
+ throw new JedisException(e.getMessage(), e);
+ } finally {
+ close(jedis);
+ }
+ }
+
+}
\ No newline at end of file
diff --git a/src/main/java/com/terra/proxy/util/JwtUtils.java b/src/main/java/com/terra/proxy/util/JwtUtils.java
new file mode 100644
index 0000000..d3d0014
--- /dev/null
+++ b/src/main/java/com/terra/proxy/util/JwtUtils.java
@@ -0,0 +1,160 @@
+package com.terra.proxy.util;
+
+import com.alibaba.fastjson.JSONObject;
+import io.jsonwebtoken.Claims;
+import io.jsonwebtoken.Jwts;
+import io.jsonwebtoken.SignatureAlgorithm;
+import org.slf4j.Logger;
+import org.slf4j.LoggerFactory;
+import org.springframework.boot.context.properties.ConfigurationProperties;
+import org.springframework.stereotype.Component;
+
+import java.util.Date;
+
+/**
+ * @author lanbase
+ * @Description: TODO(jwt宸ュ叿绫�)
+ * @date 2017-9-27 14:33
+ */
+@ConfigurationProperties(prefix = "sys.jwt")
+@Component
+public class JwtUtils {
+
+ private Logger logger = LoggerFactory.getLogger(getClass());
+
+ private String secret;
+
+ private long expire;
+
+ private String header;
+
+ private String appidtokentime;
+
+
+ /**
+ * 鐢熸垚jwt token
+ *
+ * @param userId
+ * @return
+ */
+
+
+ public String generateToken(long userId) {
+ Date nowDate = new Date();
+ //杩囨湡鏃堕棿
+ Date expireDate = new Date(nowDate.getTime() + expire * 1000);
+
+ return Jwts.builder()
+ .setHeaderParam("type", "JWT")
+ .setSubject(userId + "")
+ .setIssuedAt(nowDate)
+ .setExpiration(expireDate)
+ .signWith(SignatureAlgorithm.HS512, secret)
+ .compact();
+ }
+
+ public String generateToken(String msg, Long expireSeconds) {
+ Date nowDate = new Date();
+ //杩囨湡鏃堕棿
+ Date expireDate = new Date(nowDate.getTime() + expire * 1000);
+ if (expireSeconds != null) {
+ expireDate = new Date(nowDate.getTime() + expireSeconds.longValue() * 1000);
+ }
+
+ return Jwts.builder()
+ .setHeaderParam("type", "JWT")
+ .setSubject(msg)
+ .setIssuedAt(nowDate)
+ .setExpiration(expireDate)
+ .signWith(SignatureAlgorithm.HS512, secret)
+ .compact();
+ }
+
+
+ public String generateToken(Long expireSeconds, Integer appId) {
+ if (expireSeconds == null) {
+ //鏍规嵁appid,鑾峰彇瀵瑰簲鐨則oken鏈夋晥鎸佺画鏃堕棿
+ JSONObject appmap = JSONObject.parseObject(appidtokentime);
+ expireSeconds = appmap.getLongValue(appId.toString());
+ }
+ Date nowDate = new Date();
+ //杩囨湡鏃堕棿
+ Date expireDate = new Date(nowDate.getTime() + expire * 1000);
+ if (expireSeconds != null) {
+ expireDate = new Date(nowDate.getTime() + expireSeconds.longValue() * 1000);
+ }
+
+ return Jwts.builder()
+ .setHeaderParam("type", "JWT")
+ .setSubject(appId.toString())
+ .setIssuedAt(nowDate)
+ .setExpiration(expireDate)
+ .signWith(SignatureAlgorithm.HS512, secret)
+ .compact();
+ }
+
+
+ public String generateToken(Integer userid, Long expireSeconds) {
+ Date nowDate = new Date();
+ //杩囨湡鏃堕棿
+ Date expireDate = new Date(nowDate.getTime() + expire * 1000);
+ if (expireSeconds != null) {
+ expireDate = new Date(nowDate.getTime() + expireSeconds.longValue() * 1000);
+ }
+
+ return Jwts.builder()
+ .setHeaderParam("type", "JWT")
+ .setSubject(userid.toString())
+ .setIssuedAt(nowDate)
+ .setExpiration(expireDate)
+ .signWith(SignatureAlgorithm.HS512, secret)
+ .compact();
+ }
+
+ public Claims getClaimByToken(String token) {
+ try {
+ return Jwts.parser()
+ .setSigningKey(secret)
+ .parseClaimsJws(token)
+ .getBody();
+ } catch (Exception e) {
+ return null;
+ }
+ }
+
+
+ /**
+ * token鏄惁杩囨湡
+ *
+ * @param expiration
+ * @return
+ */
+ public boolean isTokenExpired(Date expiration) {
+ return expiration.before(new Date());
+ }
+
+ public String getSecret() {
+ return secret;
+ }
+
+ public void setSecret(String secret) {
+ this.secret = secret;
+ }
+
+ public long getExpire() {
+ return expire;
+ }
+
+ public void setExpire(long expire) {
+ this.expire = expire;
+ }
+
+ public String getHeader() {
+ return header;
+ }
+
+ public void setHeader(String header) {
+ this.header = header;
+ }
+
+}
diff --git a/src/main/java/com/terra/proxy/util/Result.java b/src/main/java/com/terra/proxy/util/Result.java
new file mode 100644
index 0000000..2a27555
--- /dev/null
+++ b/src/main/java/com/terra/proxy/util/Result.java
@@ -0,0 +1,62 @@
+package com.terra.proxy.util;
+
+import org.apache.http.HttpStatus;
+
+import java.util.HashMap;
+import java.util.Map;
+
+/**
+ * @author lanbase
+ * @Description: TODO(杩斿洖鏁版嵁)
+ * @date 2017-6-23 15:07
+ */
+public class Result extends HashMap<String, Object> {
+
+ private final static int CODE_SUCCESS = 0;
+
+ public static Result error() {
+ return error(HttpStatus.SC_INTERNAL_SERVER_ERROR, "鏈煡寮傚父锛岃鑱旂郴绠＄悊鍛�");
+ }
+
+ public static Result error(String msg) {
+ return error(HttpStatus.SC_INTERNAL_SERVER_ERROR, msg);
+ }
+
+ public static Result error(int code, String msg) {
+ Result r = new Result();
+ r.put("code", code);
+ r.put("msg", msg);
+
+ return r;
+ }
+
+ public static Result error(int code, String msg, String sonmsg) {
+ Result r = new Result();
+ r.put("code", code);
+ r.put("msg", msg);
+ r.put("sonmsg", sonmsg);
+ return r;
+ }
+
+ public static Result ok() {
+ return ok("鎿嶄綔鎴愬姛");
+ }
+
+ public static Result ok(String msg) {
+ Result r = new Result();
+ r.put("code", CODE_SUCCESS);
+ r.put("msg", msg);
+ return r;
+ }
+
+ public Result put(Map<String, Object> map) {
+ super.putAll(map);
+ return this;
+ }
+
+ public Result put(String key, Object value) {
+ super.put(key, value);
+ return this;
+ }
+
+}
diff --git a/src/main/java/com/terra/proxy/util/SpringContextUtils.java b/src/main/java/com/terra/proxy/util/SpringContextUtils.java
new file mode 100644
index 0000000..b492348
--- /dev/null
+++ b/src/main/java/com/terra/proxy/util/SpringContextUtils.java
@@ -0,0 +1,48 @@
+package com.terra.proxy.util;
+
+import org.springframework.beans.BeansException;
+import org.springframework.context.ApplicationContext;
+import org.springframework.context.ApplicationContextAware;
+import org.springframework.stereotype.Component;
+
+/**
+ * @author lanbase
+ * @Description: TODO(Spring Context 宸ュ叿绫�)
+ * @date 2017-6-23 15:07
+ */
+@Component
+public class SpringContextUtils implements ApplicationContextAware {
+
+ public static ApplicationContext applicationContext;
+
+ @Override
+ public void setApplicationContext(ApplicationContext applicationContext)
+ throws BeansException {
+ SpringContextUtils.applicationContext = applicationContext;
+ }
+
+ public static Object getBean(String name) {
+ return applicationContext.getBean(name);
+ }
+
+ public static <T> T getBean(String name, Class<T> requiredType) {
+ return applicationContext.getBean(name, requiredType);
+ }
+
+ public static <T> T getBean(Class<T> requiredType) {
+ return applicationContext.getBean(requiredType);
+ }
+
+ public static boolean containsBean(String name) {
+ return applicationContext.containsBean(name);
+ }
+
+ public static boolean isSingleton(String name) {
+ return applicationContext.isSingleton(name);
+ }
+
+ public static Class<? extends Object> getType(String name) {
+ return applicationContext.getType(name);
+ }
+
+}
\ No newline at end of file
diff --git a/src/main/java/com/terra/proxy/util/TokenUtils.java b/src/main/java/com/terra/proxy/util/TokenUtils.java
new file mode 100644
index 0000000..80ad5f6
--- /dev/null
+++ b/src/main/java/com/terra/proxy/util/TokenUtils.java
@@ -0,0 +1,170 @@
+package com.terra.proxy.util;
+
+import cn.hutool.core.codec.Base64;
+import com.alibaba.fastjson.JSON;
+import com.alibaba.fastjson.JSONObject;
+import com.terra.proxy.bean.CustomerToken;
+import io.jsonwebtoken.Claims;
+import io.jsonwebtoken.ExpiredJwtException;
+import io.jsonwebtoken.Jwts;
+import org.apache.commons.lang3.StringUtils;
+import org.apache.http.HttpStatus;
+
+import java.util.Date;
+import java.util.Map;
+
+public class TokenUtils {
+ // token瀵嗛挜
+ private static String secret = "f4e2e52034348f86b67cde581c0f9eb5[lanbase]";
+
+ public static CustomerToken decToken(String token) throws Exception {
+ // 鏍￠獙token
+ if (StringUtils.isBlank(token)) {
+ throw new Exception("鏈紶鍏oken");
+ }
+
+ Claims claims;
+ try {
+ claims = getClaimByToken(token);
+ } catch (ExpiredJwtException e) {
+ throw new Exception("token宸茶繃鏈�");
+ } catch (Exception e) {
+ // e.printStackTrace();
+ throw new Exception("token鏃犳晥");
+ }
+ if (claims == null) {
+
+ throw new Exception("鏃犳晥鐨則oken");
+ }
+ if (isTokenExpired(claims.getExpiration())) {
+ throw new Exception("token宸插け鏁�");
+ }
+ String msg = claims.getSubject();
+
+ CustomerToken cutToken = CustomerToken.fromString(msg);
+ return cutToken;
+ }
+
+ public static Result validate(CustomerToken cutToken, String clientIp,
+ String refererUrl) {
+ Result r;
+ if (cutToken.getIsPubzy()) {
+ r = Result.ok(cutToken.getSubzyids());
+ } else {
+ String appId = cutToken.getAppId();
+ // 鏃燼ppId灞為�氳繃娴忚鍣ㄧ洿鎺ヨ闂殑鎯呭喌锛氭牎楠� clientIp 涓� Token閲岄潰鐨処P鍦板潃鏄惁鍖归厤锛�
+ if (StringUtils.isBlank(appId) || StringUtils.equals("0", appId)) {
+ // TODO
+ } else {
+ if (!clientIp.equalsIgnoreCase((String) cutToken.getClientIp())) {
+ if (StringUtils.isBlank(refererUrl)
+ || !refererUrl
+ .startsWith((String) cutToken.getAppUrl())) {
+ return Result.error(HttpStatus.SC_UNAUTHORIZED, "鏈巿鏉冪殑搴旂敤绯荤粺");
+ }
+ }
+ }
+ }
+
+ r = Result.ok(cutToken.getSubzyids());
+ return r;
+ }
+
+ /**
+ * 楠岃瘉token
+ *
+ * @param token
+ * @param requestUrl
+ * @param clientIp
+ * @param refererUrl
+ * @return
+ */
+ public static Result tokenValidate(String token, String requestUrl,
+ String clientIp, String refererUrl) {
+ if (StringUtils.isBlank(token)) {
+ return Result.error(HttpStatus.SC_UNAUTHORIZED, "鏈紶鍏oken");
+ }
+ Claims claims;
+ try {
+ claims = getClaimByToken(token);
+ } catch (ExpiredJwtException e) {
+ return Result.error(HttpStatus.SC_UNAUTHORIZED, "token宸茶繃鏈�");
+ } catch (Exception e) {
+ return Result.error(HttpStatus.SC_UNAUTHORIZED, "token鏃犳晥");
+ }
+ if (claims == null) {
+ return Result.error(HttpStatus.SC_UNAUTHORIZED, "鏃犳晥鐨則oken");
+ }
+ if (isTokenExpired(claims.getExpiration())) {
+ return Result.error(HttpStatus.SC_UNAUTHORIZED, "token宸插け鏁�");
+ }
+ String msg = claims.getSubject();
+ Map<String, Object> map = JSON.parseObject(msg);
+ if (StringUtils.isNotBlank(clientIp)) {
+ if (!clientIp.equalsIgnoreCase((String) map.get("clientIp"))) {
+ return Result.error(HttpStatus.SC_UNAUTHORIZED, "鏈巿鏉冪殑瀹㈡埛绔�");
+ }
+ if (StringUtils.isBlank(requestUrl)
+ || !requestUrl.startsWith((String) map.get("resourceUrl"))) {
+ return Result.error(HttpStatus.SC_UNAUTHORIZED, "鏃犳潈闄愯闂姹傜殑璧勬簮");
+ }
+ } else {
+ if (StringUtils.isBlank(refererUrl)
+ || !refererUrl.startsWith((String) map.get("appUrl"))) {
+ return Result.error(HttpStatus.SC_UNAUTHORIZED, "鏈巿鏉冪殑搴旂敤绯荤粺");
+ }
+ }
+
+ Result r = Result.ok(msg);
+ return r;
+ }
+
+ /**
+ * token鏄惁杩囨湡
+ *
+ * @param expiration
+ * @return
+ */
+ public static boolean isTokenExpired(Date expiration) {
+ return expiration.before(new Date());
+ }
+
+ /**
+ * 瑙ｆ瀽token
+ *
+ * @param token
+ * @return
+ */
+ public static Claims getClaimByToken(String token) {
+ try {
+ return Jwts.parser().setSigningKey(secret).parseClaimsJws(token).getBody();
+ } catch (Exception e) {
+ return null;
+ }
+ }
+
+ /**
+ * 瑙ｆ瀽token
+ *
+ * @param token
+ * @return
+ */
+ public static CustomerToken getTokenInfo(String token) {
+ try {
+ String[] array = token.split("\\.");
+ String t = Base64.decodeStr(array[1]);
+ JSONObject jobj = JSONObject.parseObject(t, JSONObject.class);
+ CustomerToken cutToken = CustomerToken.fromString(jobj.getString("sub"));
+ return cutToken;
+
+ } catch (Exception e) {
+ return null;
+ }
+ }
+
+ public static void main(String[] args) {
+ CustomerToken tokenInfo1 = getTokenInfo("eyJ0eXBlIjoiSldUIiwiYWxnIjoiSFM1MTIifQ.eyJzdWIiOiJzZXJ2ZGwiLCJpYXQiOjE2MTU1MzE4NTksImV4cCI6MTY0NjYzNTg1OX0.eSGL-W5p76mjs9rvecxvXqE-BSy1MFcUyIcAFjwTw4ZMV70COlNwf-p-I3HmeVAG6IFZuwwKGdDv6H7NtMTBWw");
+ System.out.println(tokenInfo1);
+
+ }
+}
diff --git a/src/main/resources/application.yml b/src/main/resources/application.yml
new file mode 100644
index 0000000..3b21c9c
--- /dev/null
+++ b/src/main/resources/application.yml
@@ -0,0 +1,109 @@
+server:
+ port: 8066
+ tomcat:
+ uri-encoding: utf-8
+# my.ip=192.168.20.106
+my:
+ ip: 192.168.20.106
+messgae: 鎮ㄦ棤鏉冭闂�
+
+redis:
+ host: 192.168.20.106
+ maxIdle: 200
+ port: 6379
+
+jedis:
+ pool:
+ maxActive: 1024
+ maxIdle: 200
+ maxWait: 1000
+ testOnBorrow: true
+ testOnReturn: true
+
+spring:
+ http:
+ encoding:
+ charset: UTF-8
+ enabled: true
+ force: true
+ mvc:
+ view:
+ prefix: classpath:/templates/
+ suffix: .html
+ datasource:
+ driverClassName: org.postgresql.Driver
+ druid:
+ # 淇″垱姝ｅ紡
+# url: jdbc:highgo://192.168.20.106:5866/highgo?currentSchema=proxy
+# username: highgo
+# password: Highgo@123
+ url: jdbc:postgresql://127.0.0.1:5432/langfang?currentSchema=proxy
+ username: postgres
+ password: postgres
+ # 淇″垱娴嬭瘯
+ #url: jdbc:highgo://18.1.2.15:5866/DB_DEV?currentSchema=dev_proxy
+ #username: sde
+ #password: sde
+ initial-size: 5
+ max-active: 20
+ min-idle: 10
+ max-wait: 10
+ task:
+ scheduling:
+ pool:
+ size: 10
+ servlet:
+ multipart:
+ max-file-size: 10MB
+ max-request-size: 100MB
+mybatis:
+ mapperLocations: classpath:mapper/*Mapper.xml
+ # 鎵撳嵃鏃ュ織
+ configuration:
+ log-impl: org.apache.ibatis.logging.stdout.StdOutImpl
+
+
+# 绯荤粺
+sys:
+ # 涓婁紶鏂囦欢瀛樺偍鐩綍
+ uploadPath: /data/uploadFiles/proxy/
+ # 璧勬簮鐩綍鎺ュ彛
+ api-catalog: http://192.168.20.106:8082
+ # 鍚庡彴鏈嶅姟鎺ュ彛
+ api-server: http://192.168.20.106:8081
+ app-id: 1
+ app-full-name: 娴锋磱绠＄悊搴旂敤鏈嶅姟骞冲彴璧勬簮鐩綍瀛愮郴缁�
+ loginUrl: http://192.168.20.106:8088/cas/login?service=http://192.168.20.106:9090/login #cas鐧诲綍url
+ casHost: http://192.168.20.106:8088/cas/ #cas鐧诲綍鍩熷悕
+ # api鎺ュ彛妯″潡锛屾槸閫氳繃jwt璁よ瘉鐨勶紝濡傛灉瑕佷娇鐢╝pi妯″潡锛屽垯闇�瑕佷慨鏀广�愬姞瀵嗙閽ャ��
+ jwt:
+ header: token
+ # 鍔犲瘑绉橀挜
+ secret: f4e2e52034348f86b67cde581c0f9eb5[lanbase]
+ # token鏈夋晥鏃堕暱锛屽崟浣嶇
+ expire: 86400
+ appidtokentime: [{\"20\":100L},{\"201\":100L}]
+ # swagger寮�鍏�
+ visitname: servdl
+ visitpwd: servdl123
+ allowedips:
+
+swagger:
+ enable: true
+ open: true
+ basePackage: com.terra.proxy.controller
+
+
+logging:
+ path: /data/logFiles/proxy/
+ levels: info
+
+
+#鑷畾涔夎矾寰�
+whiteIPlist: 192.168.20.106 #ip鐧藉悕鍗�"|"鍒嗙
+
+isusetoken: true
+
+# add by qufangxu at 20211211锛�/root/soft/etc/proxy/servlet.json
+#servletJsonPath: E:\terrait\TianJin\proxy\src\main\resources\servlet.json
+servletJsonPath: servlet.json
diff --git a/src/main/resources/logback-spring.xml b/src/main/resources/logback-spring.xml
new file mode 100644
index 0000000..83b13b9
--- /dev/null
+++ b/src/main/resources/logback-spring.xml
@@ -0,0 +1,36 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<configuration scan="true" scanPeriod="60 seconds" debug="false">
+ <contextName>logback</contextName>
+ <springProperty scope="context" name="logLevel" source="logging.levels"/>
+ <springProperty scope="context" name="logPath" source="logging.path"/>
+ <!--杈撳嚭鍒版帶鍒跺彴-->
+ <appender name="console" class="ch.qos.logback.core.ConsoleAppender">
+ <!-- <filter class="ch.qos.logback.classic.filter.ThresholdFilter">
+ <level>ERROR</level>
+ </filter>-->
+ <encoder>
+ <pattern>%d{HH:mm:ss.SSS} %contextName [%thread] %-5level %logger{36} - %msg%n</pattern>
+ <charset class="java.nio.charset.Charset">GBK</charset>
+ </encoder>
+ </appender>
+
+ <!--杈撳嚭鍒版枃浠�-->
+ <appender name="file" class="ch.qos.logback.core.rolling.RollingFileAppender">
+ <rollingPolicy class="ch.qos.logback.core.rolling.TimeBasedRollingPolicy">
+ <fileNamePattern>${logPath}logback.%d{yyyy-MM-dd}.log</fileNamePattern>
+ </rollingPolicy>
+ <encoder>
+ <pattern>%d{HH:mm:ss.SSS} %contextName [%thread] %-5level %logger{36} - %msg%n</pattern>
+ <charset class="java.nio.charset.Charset">UTF-8</charset>
+ </encoder>
+ </appender>
+
+
+ <root level="info">
+ <appender-ref ref="console" />
+ <appender-ref ref="file" />
+ </root>
+
+
+
+</configuration>
\ No newline at end of file
diff --git a/src/main/resources/mapper/ApproveMapper.xml b/src/main/resources/mapper/ApproveMapper.xml
new file mode 100644
index 0000000..f49211f
--- /dev/null
+++ b/src/main/resources/mapper/ApproveMapper.xml
@@ -0,0 +1,36 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd" >
+<mapper namespace="com.terra.proxy.mapper.ApproveDao">
+
+ <select id="selectEXTENDFILESPOINT" resultType="com.terra.proxy.bean.E">
+ select e.* from EXTENDFILESPOLYGON p left join EXTENDFILES e on p.id=e.id where p.geom is null
+ </select>
+
+ <select id="selectEXTENDFILESPOLYLINE" resultType="com.terra.proxy.bean.E">
+ select * from EXTENDFILESPOLYLINE
+ </select>
+
+ <select id="selectEXTENDFILESPOLYGON" resultType="com.terra.proxy.bean.E">
+ select * from EXTENDFILESPOLYGON
+ </select>
+
+ <update id="updateEXTENDFILESPOINT">
+ update EXTENDFILESPOINT set GEOM=#{geom} WHERE ID=#{id}
+ </update>
+
+ <update id="updateEXTENDFILESPOLYLINE">
+ update EXTENDFILESPOLYLINE set GEOM=sdo_geometry(${geom}) WHERE ID=#{id}
+ </update>
+
+ <update id="updateEXTENDFILESPOLYGON">
+ update EXTENDFILESPOLYGON set GEOM=#{geom} WHERE ID=#{id}
+ </update>
+
+ <update id="updateEXTENDFILESPOINTS" parameterType="map">
+ update EXTENDFILESPOLYGON set GEOM=sdo_geometry(${geom}) WHERE ID='${id}' and GEOM is null
+ </update>
+
+ <update id="updateSeaArea" parameterType="map">
+ update approve set seaarea=#{seaArea} where id=#{id}
+ </update>
+</mapper>
\ No newline at end of file
diff --git a/src/main/resources/mapper/LogMapper.xml b/src/main/resources/mapper/LogMapper.xml
new file mode 100644
index 0000000..09d3a9e
--- /dev/null
+++ b/src/main/resources/mapper/LogMapper.xml
@@ -0,0 +1,368 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd" >
+<mapper namespace="com.terra.proxy.mapper.LogMapper">
+
+ <select id="querylog" parameterType="map"
+ resultType="map">
+ select t.*,p."SERVERNAME" from "VISITLOG" t left join "SERVERRG" p ON t."RESOURCEID"=p."RESOURCEID" where 1=1
+ <if test="ip!=null and ip!=''">
+ and t."REQUESTIP"=#{ip}
+ </if>
+ <if test="id!=null and id!=''">
+ and t."ID"=#{id}
+ </if>
+ <if test="result!=null and result!='' ">
+ and t."RESULT"=#{result}
+ </if>
+ <if test="servername!=null and servername!=''">
+ and p."SERVERNAME"=#{servername}
+ </if>
+ <if test="serverurl!=null and serverurl!='' ">
+ and t."SERVERURL"=#{serverurl}
+ </if>
+ <if test="fromsys!=null and fromsys!='' ">
+ and t."VISITFROMSYS"=#{fromsys}
+ </if>
+ <if test="starttime!=null and starttime!='' and endtime!=null and endtime!='' ">
+ and t."TIMESTAMP" BETWEEN #{starttime} AND #{endtime}
+ </if>
+ limit #{limit} offset #{offSet};
+ </select>
+
+
+ <select id="queryTotalLog" parameterType="map"
+ resultType="Integer">
+ select count(*) as count from "VISITLOG" t left join "SERVERRG" p ON t."RESOURCEID"=p."RESOURCEID" where 1=1
+ <if test="ip!=null and ip!=''">
+ and t."REQUESTIP"=#{ip}
+ </if>
+ <if test="id!=null and id!=''">
+ and t."ID"=#{id}
+ </if>
+ <if test="result!=null and result!='' ">
+ and t."RESULT"=#{result}
+ </if>
+ <if test="servername!=null and servername!=''">
+ and p."SERVERNAME"=#{servername}
+ </if>
+ <if test="serverurl!=null and serverurl!='' ">
+ and p."SERVERURL"=#{serverurl}
+ </if>
+ <if test="fromsys!=null and fromsys!='' ">
+ and t."VISITFROMSYS"=#{fromsys}
+ </if>
+ <if test="starttime!=null and starttime!='' and endtime!=null and endtime!='' ">and t."TIMESTAMP" BETWEEN
+ #{starttime} AND #{endtime}
+ </if>
+ </select>
+
+ <select id="querylogCountAndIp" parameterType="map"
+ resultType="map">
+ select count(*) as count,t."REQUESTIP" as requestip from "VISITLOG" t where 1=1
+ <if test="starttime!=null and starttime!='' and endtime!=null and endtime!='' ">and t."TIMESTAMP" BETWEEN
+ #{starttime} AND #{endtime}
+ </if>
+ group by t."REQUESTIP" ORDER BY count desc
+ </select>
+
+
+ <select id="getTotalCountPerHour" parameterType="map"
+ resultType="map">
+ select sum(s.count),caltime from ( select count(*) as count,t."REQUESTIP" as requestip,to_char(t."TIMESTAMP",'yyyy-mm-dd HH:00:00')as caltime from "VISITLOG" t where 1=1
+ group by t."REQUESTIP",caltime ORDER BY count desc) s where 1=1 GROUP BY s."caltime" order by s.caltime asc;
+ </select>
+
+ <select id="getVisitInfoPerHourByip" parameterType="map"
+ resultType="map">
+ select count(*) as count,t."REQUESTIP" as requestip ,to_char(t."TIMESTAMP",'yyyy-mm-dd HH:00:00')as caltime from "VISITLOG" t where 1=1
+ group by t."REQUESTIP",caltime ORDER BY caltime asc;
+ </select>
+
+ <insert id="savelog" parameterType="map">
+ INSERT INTO "VISITLOG"(
+ "REQUESTIP",
+ "SERVERURL",
+ "RESULT",
+ "RESOURCEID"
+ "VISITFROMSYS"
+ "TIMESTAMP")
+ values
+ (
+ #{requestip,jdbcType=VARCHAR},
+ #{serverurl,jdbcType=VARCHAR},
+ #{result,jdbcType=VARCHAR},
+ #{RESOURCEID,jdbcType=INTEGER},
+ #{visitfromsys,jdbcType=VARCHAR},
+ #{timestamp}
+ )
+ </insert>
+
+
+ <insert id="batchsavelog" parameterType="java.util.List">
+ INSERT INTO "VISITLOG"(
+ "REQUESTIP",
+ "SERVERURL",
+ "RESULT",
+ "TIMESTAMP",
+ "VISITFROMSYS",
+ "RESOURCEID"
+ )
+ values
+ <foreach collection="list" item="item" index="index" separator=",">
+ (
+ #{item.requestip,jdbcType=VARCHAR},
+ #{item.serverurl,jdbcType=VARCHAR},
+ #{item.result,jdbcType=VARCHAR},
+ #{item.timestamp},
+ #{item.visitfromsys},
+ #{item.resourceid}
+ )
+ </foreach>
+ </insert>
+
+
+ <insert id="batchsaveResRecord" parameterType="java.util.List">
+ INSERT INTO "RES_ACTION_RECORD"(
+ "RESOURCEID",
+ "USERID",
+ "APPID",
+ "ACTIONTIME",
+ "ACTIONTYPE",
+ "IP",
+ "REQUESTURL",
+ "TOKEN"
+ )
+ values
+ <foreach collection="list" item="item" index="index" separator=",">
+ (
+ #{item.resourceid},
+ #{item.userid},
+ #{item.appid},
+ #{item.actiontime},
+ '璋冪敤',
+ #{item.ip},
+ #{item.requesturl},
+ #{item.token}
+ )
+ </foreach>
+ </insert>
+
+ <insert id="saveResRecord" parameterType="com.terra.proxy.bean.ResActionRecord">
+ INSERT INTO "RES_ACTION_RECORD"(
+ "RESOURCEID",
+ "USERID",
+ "APPID",
+ "ACTIONTIME",
+ "ACTIONTYPE",
+ "IP",
+ "REQUESTURL",
+ "TOKEN"
+ )
+ values
+ (
+ #{resourceid},
+ #{userid},
+ #{appid},
+ #{actiontime},
+ '璋冪敤',
+ #{ip},
+ #{requesturl},
+ #{token}
+ )
+
+</insert>
+
+
+ <insert id="saveTokenRecord" parameterType="com.terra.proxy.bean.TokenRecord">
+ INSERT INTO "TOKENRECORD"(
+ "TOKEN",
+ "APPLYTIME",
+ "IDENTYINFO",
+ "EXPIRATION",
+ "TOKENAPPLYER",
+ "TOKENINFO",
+ "RESOURCEID"
+ )
+ values
+ (
+ #{token},
+ #{applytime},
+ #{identyinfo},
+ #{expiration},
+ #{tokenapplyer},
+ #{tokeninfo},
+ #{resourceid}
+ )
+
+</insert>
+
+ <select id="selectTokenRecord" parameterType="map" resultType="map">
+ SELECT t.*, p.*,
+ <![CDATA[(case (now()<t."APPLYTIME"+ (t."EXPIRATION"||' sec')::INTERVAL) when 't' then 0 else 1 end) as "TOKENSTATUS" ]]>
+ FROM "TOKENRECORD" t LEFT JOIN "SERVERRG" p on t."RESOURCEID"=p."RESOURCEID" WHERE 1=1
+ <if test="token!=null and token!=''">and t."TOKEN"=#{token}</if>
+ <if test="resourceId!=null">and t."RESOURCEID"=#{resourceId}</if>
+ <if test="identyinfo!=null and identyinfo!=''">and t."IDENTYINFO" like #{identyinfo}</if>
+ <if test="tokenstatus==1">
+ <![CDATA[ and now() > (t."APPLYTIME"+ (t."EXPIRATION"||' sec')::INTERVAL ) and 1=#{tokenstatus} ]]> </if>
+ <if test="tokenstatus==0">
+ <![CDATA[ and now() < (t."APPLYTIME"+ (t."EXPIRATION"||' sec')::INTERVAL ) and 0=#{tokenstatus} ]]> </if>
+ order by t."APPLYTIME" desc
+ <if test="limit!=null and limit!=''">
+ limit #{limit} offset #{page}
+ </if>
+ </select>
+
+ <select id="getTotalTokenRecord" parameterType="map" resultType="java.lang.Integer">
+ SELECT count(*) FROM "TOKENRECORD" t WHERE 1=1
+ <if test="token!=null and token!=''">and t."TOKEN"=#{token}</if>
+ <if test="identyinfo!=null and identyinfo!=''">and t."IDENTYINFO" like #{identyinfo}</if>
+ <if test="tokenstatus==1">
+ <![CDATA[ and now() > (t."APPLYTIME"+ (t."EXPIRATION"||' sec')::INTERVAL ) and 1=#{tokenstatus} ]]> </if>
+ <if test="tokenstatus==0">
+ <![CDATA[ and now() < (t."APPLYTIME"+ (t."EXPIRATION"||' sec')::INTERVAL ) and 0=#{tokenstatus} ]]> </if>
+ </select>
+
+ <update id="updateTokenRecord" parameterType="map">
+ update "TOKENRECORD"
+ <set>
+ <if test="expiration != null and expiration != '' ">
+ "EXPIRATION"=#{expiration},
+ </if>
+ <if test="applytime != null ">
+ "APPLYTIME"=#{applytime},
+ </if>
+ </set>
+ where "TOKEN"=#{token}
+ </update>
+
+ <select id="queryBlackLists" resultType="com.terra.proxy.bean.VistorBean">
+ select
+ V."REQUESTIP",
+ V."SERVERURL",
+ V."RESULT",
+ V."TIMESTAMP" AS date,
+ V."VISITFROMSYS",
+ V."RESOURCEID",
+ V."ID",
+ V."STATUS",
+ S."SERVERNAME" as serverName,
+ S."FROMSYS" AS fromSys
+ from "VISITLOG" V
+ left join "SERVERRG" S
+ ON V."SERVERURL"=S."SERVERURL"
+ and V."RESOURCEID"=S."RESOURCEID"
+ <where>
+ <if test="ip !=null and ip!='' "> and V."REQUESTIP"=#{ip} </if>
+ <if test="status ==null">and V."STATUS" IN ('1','2')</if>
+ <if test="status !=null ">and V."STATUS"=#{status}</if>
+ <if test="limit!=null and limit!=''">
+ limit #{limit} offset #{page}
+ </if>
+ </where>
+ </select>
+
+
+ <insert id="saveBlackLog" parameterType="com.terra.proxy.bean.VistorBean">
+ insert into "VISITLOG"
+ ("REQUESTIP",
+ "SERVERURL",
+ "RESULT",
+ "TIMESTAMP",
+ "VISITFROMSYS",
+ "RESOURCEID",
+ "STATUS")
+ values
+ ( #{requestip,jdbcType=VARCHAR},
+ #{serverurl,jdbcType=VARCHAR},
+ #{result,jdbcType=VARCHAR},
+ current_timeStamp,
+ #{visitfromsys},
+ #{resourceid},
+ '1')
+ </insert>
+
+ <update id="delBlackById" parameterType="com.terra.proxy.bean.VistorBean">
+ update "VISITLOG" set
+ "STATUS"=#{status}
+ <where>
+ <if test="requestip !=null and requestip!='' "> and "REQUESTIP"=#{requestip} </if>
+ <if test="id !=null"> and "ID"=#{id}</if>
+ </where>
+ </update>
+
+ <select id="selectBlackRule" resultType="com.terra.proxy.bean.BlackRule">
+ select * from "BLACKRULE"
+ order by "ID" desc limit 1
+ </select>
+
+ <update id="updateRules" parameterType="com.terra.proxy.bean.BlackRule">
+ update "BLACKRULE" SET
+ <if test="count != null and count != '' ">
+ "COUNT"=#{count},
+ </if>
+ <if test="time != null ">
+ "TIME"=#{time},
+ </if>
+ <if test="seltime != null ">
+ "SELTIME"=#{seltime}
+ </if>
+ </update>
+
+ <select id="getTotalBlackList" parameterType="map"
+ resultType="java.lang.Integer">
+ SELECT count(*) FROM "VISITLOG"
+ <where>
+ <if test="ip !=null and ip!='' ">"REQUESTIP"=#{ip} and</if>
+ <if test="status ==null ">"STATUS" IN ('1','2')</if>
+ <if test="status !=null">"STATUS"=#{status}</if>
+ </where>
+ </select>
+
+ <select id="queryWhite" parameterType="com.terra.proxy.bean.VistorBean" resultType="com.terra.proxy.bean.VistorBean">
+ select distinct * from "VISITLOG"
+ <where>
+ <if test="requestip !=null and requestip!='' "> and "REQUESTIP"=#{requestip} </if>
+ <if test="status !=null"> and "STATUS"=#{status}</if>
+ </where>
+ </select>
+
+ <select id="selectWhiteList" parameterType="map" resultType="com.terra.proxy.bean.VistorBean">
+ select
+ V."REQUESTIP",
+ V."SERVERURL",
+ V."RESULT",
+ V."TIMESTAMP" AS date,
+ V."VISITFROMSYS",
+ V."RESOURCEID",
+ V."ID",
+ V."STATUS"
+ from "VISITLOG" V
+ <where>
+ <if test="requestip !=null and requestip!='' "> and V."REQUESTIP"=#{requestip} </if>
+ <if test="status ==null"> and V."STATUS" IN ('3','4')</if>
+ <if test="status !=null "> and V."STATUS"=#{status}</if>
+ <if test="limit!=null and limit!=''">
+ limit #{limit} offset #{page}
+ </if>
+ </where>
+ </select>
+
+ <select id="getTotalWhiteList" parameterType="map" resultType="java.lang.Integer">
+ SELECT count(*) FROM "VISITLOG"
+ <where>
+ <if test="ip !=null and ip!='' ">and "REQUESTIP"=#{ip} </if>
+ <if test="status ==null ">and "STATUS" IN ('3','4')</if>
+ <if test="status !=null">and "STATUS"=#{status}</if>
+ </where>
+ </select>
+
+ <select id="queryToken" parameterType="map" resultType="java.lang.String">
+ <bind name="likeToken" value="userid+'%'"/>
+ select "TOKEN" from "TOKENRECORD"
+ where "RESOURCEID"=#{resourceid} and "TOKENINFO"
+ like #{likeToken}
+ order by "APPLYTIME" desc LIMIT 1
+ </select>
+
+</mapper>
\ No newline at end of file
diff --git a/src/main/resources/mapper/ProxyServletMapper.xml b/src/main/resources/mapper/ProxyServletMapper.xml
new file mode 100644
index 0000000..c425b70
--- /dev/null
+++ b/src/main/resources/mapper/ProxyServletMapper.xml
@@ -0,0 +1,89 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd" >
+<mapper namespace="com.terra.proxy.mapper.ProxyServletMapper">
+ <resultMap id="ServletBean" type="com.terra.proxy.bean.ServletBean">
+ <id column="ID" property="id" jdbcType="INTEGER"/>
+ <result column="ENABLE" property="enable" jdbcType="INTEGER"/>
+ <result column="URL" property="url" jdbcType="VARCHAR"/>
+ <result column="REMARK" property="remark" jdbcType="VARCHAR"/>
+ <result column="TIME" property="time" jdbcType="VARCHAR"/>
+ <result column="ISPUBLIC" property="ispublic" jdbcType="INTEGER"/>
+ </resultMap>
+
+
+ <select id="queryServer" parameterType="map"
+ resultType="map">
+ select
+ "ID",
+ "URL",
+ "ENABLE",
+ "ISPUBLIC",
+ "TIME",
+ "REMARK"
+ from "PROXYSERVLET" t where 1=1
+ <if test="id!=null and id !='' ">and t."ID"=#{id}</if>
+ <if test="url!=null and url!=''">and t."URL"=#{url}</if>
+ <if test="remark != null and remark!='' ">and t."REMARK"=#{remark}</if>
+ <if test="enable != null and enable != '' ">and t."ENABLE"=#{enable}</if>
+ <if test="ispublic != null and ispublic != '' ">and t."ISPUBLIC"=#{ispublic}</if>
+ <if test="starttime!=null and starttime!='' and endtime!=null and endtime!='' ">and t."TIME" BETWEEN
+ #{starttime} AND #{endtime}
+ </if>
+ limit #{limit} offset #{offSet};
+ </select>
+
+ <select id="queryTotalServer" parameterType="map"
+ resultType="integer">
+ select
+ count(*)
+ from "PROXYSERVLET" t where 1=1
+ <if test="id!=null and id !='' ">and t."ID"=#{id}</if>
+ <if test="url!=null and url!=''">and t."URL"=#{url}</if>
+ <if test="remark != null and remark!='' ">and t."REMARK"=#{remark}</if>
+ <if test="ispublic != null and ispublic != '' ">and t."ISPUBLIC"=#{ispublic}</if>
+ <if test="enable != null and enable != '' ">and t."ENABLE"=#{enable}</if>
+ <if test="starttime!=null and starttime!='' and endtime!=null and endtime!='' ">and t."TIME" BETWEEN
+ #{starttime} AND #{endtime}
+ </if>
+ </select>
+
+
+ <insert id="addServlet" parameterType="com.terra.proxy.bean.ServletBean" useGeneratedKeys="true" keyProperty="id">
+ INSERT INTO "PROXYSERVLET"(
+ "URL",
+ "ENABLE",
+ "ISPUBLIC",
+ "TIME",
+ "REMARK"
+ )
+ values
+ (
+ #{url,jdbcType=VARCHAR},
+ #{enable,jdbcType=INTEGER},
+ #{ispublic,jdbcType=INTEGER},
+ #{time},
+ #{remark,jdbcType=VARCHAR}
+ )
+ </insert>
+
+
+ <update id="updateServer" parameterType="com.terra.proxy.bean.ServletBean">
+ update "PROXYSERVLET"
+ <set>
+ <trim suffixOverrides=",">
+ <if test="url!=null and url!=''">"URL"=#{url} ,</if>
+ <if test="remark != null and remark!='' ">"REMARK"=#{remark},</if>
+ <if test="ispublic != null and ispublic != '' ">"ISPUBLIC"=#{ispublic},</if>
+ "ENABLE"=#{enable},
+ "TIME"= CURRENT_TIMESTAMP ,
+ </trim>
+ </set>
+ where "ID"= #{id,jdbcType=INTEGER}
+ </update>
+
+ <delete id="delServer" parameterType="java.lang.Integer">
+ delete from "PROXYSERVLET" WHERE "ID"=#{id,jdbcType=INTEGER}
+ </delete>
+
+
+</mapper>
\ No newline at end of file
diff --git a/src/main/resources/mapper/ServiceMapper.xml b/src/main/resources/mapper/ServiceMapper.xml
new file mode 100644
index 0000000..a699e69
--- /dev/null
+++ b/src/main/resources/mapper/ServiceMapper.xml
@@ -0,0 +1,149 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd" >
+<mapper namespace="com.terra.proxy.mapper.ServiceMapper">
+ <resultMap id="serverRgBean" type="com.terra.proxy.bean.ServerRgBean">
+ <id column="ID" property="id" jdbcType="INTEGER"/>
+ <result column="ISPUBLIC" property="ispublic" jdbcType="INTEGER"/>
+ <result column="SERVERURL" property="serverurl" jdbcType="VARCHAR"/>
+ <result column="RESOURCEID" property="resourceid" jdbcType="INTEGER"/>
+ <result column="URLID" property="urlid" jdbcType="INTEGER"/>
+ <result column="CONTEXTPATH" property="contextpath" jdbcType="VARCHAR"/>
+ <result column="SUFFIX" property="suffix" jdbcType="INTEGER"/>
+ <result column="ENABLE" property="enable" jdbcType="INTEGER"/>
+ </resultMap>
+
+
+ <select id="queryServer" parameterType="map" flushCache="true"
+ resultType="map">
+ select
+ "ID",
+ "SERVERURL",
+ "RESOURCEID",
+ "ISPUBLIC",
+ "URLID",
+ "CONTEXTPATH",
+ "SUFFIX",
+ "FROMSYS",
+ "SERVERNAME",
+ "ENABLE"
+ from "SERVERRG" t where 1=1
+ <if test="resourceid!=null and resourceid !='' ">and t."RESOURCEID"=#{resourceid}</if>
+ <if test="serverurl!=null and serverurl!=''">and t."SERVERURL"=#{serverurl}</if>
+ <if test="urlid!=null and urlid !=''">and t."URLID"=#{urlid}</if>
+ <if test="suffix!=null and suffix!=''">and t."SUFFIX"=#{suffix}</if>
+ <if test="fromsys!=null and fromsys!=''">and t."FROMSYS"=#{fromsys}</if>
+ <if test="ispublic!= null and ispublic!= '' ">and t."ISPUBLIC"=#{ispublic}</if>
+ <if test="enable!= null and enable!= '' ">and t."ENABLE"=#{enable}</if>
+ <if test="servername!= null and servername!= '' ">and t."SERVERNAME" like '%'||#{servername}||'%'</if>
+ order by "ID" desc
+ <if test="limit!=null and limit!=''">limit #{limit} offset #{offSet}</if>
+ </select>
+
+ <select id="queryTotalServer" parameterType="map"
+ resultType="integer">
+ select
+ count(*) as count
+ from "SERVERRG" t where 1=1
+ <if test="resourceid!=null and resourceid !='' ">and t."RESOURCEID"=#{resourceid}</if>
+ <if test="serverurl!=null and serverurl!=''">and t."SERVERURL"=#{serverurl}</if>
+ <if test="urlid!=null and urlid !=''">and t."URLID"=#{urlid}</if>
+ <if test="suffix!=null and suffix!=''">and t."SUFFIX"=#{suffix}</if>
+ <if test="fromsys!=null and fromsys!=''">and t."FROMSYS"=#{fromsys}</if>
+ <if test="ispublic != null and ispublic != '' ">and t."ISPUBLIC"=#{ispublic}</if>
+ <if test="enable!= null and enable != '' ">and t."ENABLE"=#{enable}</if>
+ <if test="servername!= null and servername!= '' ">and t."SERVERNAME" like '%'||#{servername}||'%'</if>
+ </select>
+
+
+ <select id="queryConfigInfo" parameterType="map"
+ resultType="map">
+ select
+ t."SERVERURL",t."TARGETURL",t."SERVLETCLASS"
+ from "PROXYCONFIGINFO" t
+ </select>
+
+ <select id="queryServer2" parameterType="map"
+ resultType="map">
+ select
+ "ID",
+ "SERVERURL",
+ "RESOURCEID",
+ "ISPUBLIC",
+ "URLID",
+ "CONTEXTPATH",
+ "SUFFIX",
+ "FROMSYS",
+ "SERVERNAME",
+ "ENABLE"
+ from "SERVERRG" t where 1=1
+ <if test="resourceid!=null ">and t."RESOURCEID"=#{resourceid}</if>
+ <if test="fromsys!=null">and t."FROMSYS"=#{fromsys}</if>
+ <if test="enable!= null and enable!= '' ">and t."ENABLE"=#{enable}</if>
+ order by "ID" desc
+ </select>
+
+ <insert id="addServer" parameterType="com.terra.proxy.bean.ServerRgBean" useGeneratedKeys="true" keyProperty="id">
+ INSERT INTO "SERVERRG"(
+ "SERVERURL",
+ "RESOURCEID",
+ "SERVERNAME",
+ "CONTEXTPATH",
+ "ISPUBLIC",
+ "URLID",
+ "SUFFIX",
+ "FROMSYS",
+ "ENABLE")
+ values
+ (
+ #{serverurl,jdbcType=VARCHAR},
+ #{resourceid,jdbcType=INTEGER},
+ #{servername,jdbcType=VARCHAR},
+ #{contextpath,jdbcType=VARCHAR},
+ #{ispublic,jdbcType=INTEGER},
+ #{urlid,jdbcType=INTEGER},
+ #{suffix,jdbcType=INTEGER},
+ #{fromsys,jdbcType=VARCHAR},
+ #{enable,jdbcType=INTEGER}
+ )
+ </insert>
+
+ <select id="querytianditumerge" parameterType="Integer" resultType="map">
+ select * from "TIANDITUMERGE" t where 1=1
+ <if test="_parameter!=null and _parameter!='0'">
+ and t."MERGEID"=#{_parameter}
+ </if>
+ </select>
+
+ <insert id="addtianditumerge" useGeneratedKeys="true" keyProperty="mergeid" parameterType="com.terra.proxy.bean.TiandiantuMergeInfo">
+ INSERT INTO "TIANDITUMERGE"(
+ "RESOURCEID",
+ "BASEMAP",
+ "ZHUJIMAPGROUP"
+ )
+ values
+ (
+ #{resourceid,jdbcType=INTEGER},
+ #{basemap,jdbcType=VARCHAR},
+ #{zhujimapgroup,jdbcType=VARCHAR}
+ )
+ </insert>
+
+ <update id="updateServer" parameterType="map">
+ update "SERVERRG" SET
+ <trim suffixOverrides=",">
+ <if test="servername !=null">"SERVERNAME"=#{servername},</if>
+ <if test="resourceid !=null">"RESOURCEID"=#{resourceid},</if>
+ <if test="serverurl !=null">"SERVERURL"=#{serverurl} ,</if>
+ <if test="urlid !=null">"URLID"=#{urlid},</if>
+ <if test="contextpath !=null">"CONTEXTPATH"=#{contextpath},</if>
+ <if test="status !=null">"STATUS"=#{status},</if>
+ <if test="ispublic !=null">"ISPUBLIC"=#{ispublic},</if>
+ <if test="enable !=null">"ENABLE"=#{enable},</if>
+ </trim>
+ where "ID"= #{id,jdbcType=INTEGER}
+ </update>
+
+ <delete id="delServer" parameterType="java.lang.Integer">
+ delete from "SERVERRG" WHERE "ID"=#{id,jdbcType=INTEGER}
+ </delete>
+</mapper>
\ No newline at end of file
diff --git a/src/main/resources/properties/servlet.json b/src/main/resources/properties/servlet.json
new file mode 100644
index 0000000..94f6f3e
--- /dev/null
+++ b/src/main/resources/properties/servlet.json
@@ -0,0 +1,60 @@
+[
+ {
+ "servletclass": "com.terra.proxy.servlet.RerequestServlet",
+ "serverurl": "/arcgis/rest/services/*",
+ "targetUri": ""
+ },
+ {
+ "servletclass": "org.mitre.dsmiley.httpproxy.ProxyServlet",
+ "serverurl": "/arcgis/rest/info/*",
+ "targetUri": "http://gis.nmsmp.com/arcgis/rest/info"
+ },
+ {
+ "servletclass": "org.mitre.dsmiley.httpproxy.ProxyServlet",
+ "serverurl": "/server/*",
+ "targetUri":"http://71.3.251.50:6080/arcgis/rest/services/"
+ },
+ {
+ "servletclass": "org.mitre.dsmiley.httpproxy.ProxyServlet",
+ "serverurl": "/servers/*",
+ "targetUri": "http://71.3.251.52/zjxm_dl"
+ },
+ { "servletclass":"com.terra.proxy.servlet.ZjProxyServlet",
+ "serverurl": "/zjservice/*",
+ "targetUri":"http://71.3.251.52/zjservices/WebServices/ZJService/ZJService.asmx/"
+ },
+ {
+ "servletclass": "com.terra.proxy.servlet.ZjProxyServlet",
+ "serverurl": "/zjgetinfo/*",
+ "targetUri": "http://71.3.251.52/zjservices/WebServices/ZJService/GetInfo.asmx/"
+ },
+ {
+ "servletclass": "com.terra.proxy.servlet.ZjProxyServlet",
+ "serverurl": "/sg/*",
+ "targetUri": "http://71.3.251.50/sg/"
+ },
+ {
+ "servletclass": "com.terra.proxy.servlet.ZjProxyServlet2",
+ "serverurl": "/sg101/*",
+ "targetUri": "http://71.3.251.101/sg/"
+
+ },
+ {
+ "servletclass": "org.mitre.dsmiley.httpproxy.ProxyServlet",
+ "serverurl": "/serverv1/*",
+ "targetUri": "http://18.1.1.55:6080/arcgis/rest/services/"
+
+ },
+ {
+ "servletclass": "com.terra.proxy.servlet.ZjProxyServlet2",
+ "serverurl": "/sg200/*",
+ "targetUri": "http://71.3.110.200/sg/"
+
+ },
+ {
+ "servletclass": "com.terra.proxy.servlet.MyProxyServlet",
+ "serverurl": "/iserver/services/*",
+ "targetUri": "http://71.3.251.28:8090/iserver/services"
+
+ }
+]
\ No newline at end of file
diff --git a/src/main/resources/properties/terra.properties b/src/main/resources/properties/terra.properties
new file mode 100644
index 0000000..7ecd30d
--- /dev/null
+++ b/src/main/resources/properties/terra.properties
@@ -0,0 +1,9 @@
+terra.proxy.proxyController=proxyController
+terra.proxy.proxyApi=/baidu
+#terra.proxy.host: http://${my.ip}:8099
+terra.proxy.host: http://${my.ip}:8066
+terra.proxy.targethost:http://gis.nmsmp.com/
+#瀹氭椂浠诲姟,灏嗚闂鏁板ぇ浜�10000鐨刬p鏆傛椂鍔犲叆榛戝悕鍗�
+terra.proxy.times:10000
+logapipath: http://192.168.20.106:8082
+terra.proxy.servletmapjson: servlet.json
diff --git a/src/main/resources/servlet.json b/src/main/resources/servlet.json
new file mode 100644
index 0000000..35c98ef
--- /dev/null
+++ b/src/main/resources/servlet.json
@@ -0,0 +1,65 @@
+[
+ {
+ "servletclass": "com.terra.proxy.servlet.RerequestServlet",
+ "serverurl": "/arcgis/rest/services/*",
+ "targetUri": ""
+ },
+ {
+ "servletclass": "org.mitre.dsmiley.httpproxy.ProxyServlet",
+ "serverurl": "/arcgis/rest/info/*",
+ "targetUri": "http://gis.nmsmp.com/arcgis/rest/info"
+ },
+ {
+ "servletclass": "com.terra.proxy.servlet.SubServlet",
+ "serverurl": "/servlet/*",
+ "targetUri": ""
+ },
+ {
+ "servletclass": "org.mitre.dsmiley.httpproxy.ProxyServlet",
+ "serverurl": "/server/*",
+ "targetUri":"http://71.3.251.50:6080/arcgis/rest/services/"
+ },
+ {
+ "servletclass": "org.mitre.dsmiley.httpproxy.ProxyServlet",
+ "serverurl": "/servers/*",
+ "targetUri": "http://71.3.251.52/zjxm_dl"
+ },
+ { "servletclass":"com.terra.proxy.servlet.ZjProxyServlet",
+ "serverurl": "/zjservice/*",
+ "targetUri":"http://71.3.251.52/zjservices/WebServices/ZJService/ZJService.asmx/"
+ },
+ {
+ "servletclass": "com.terra.proxy.servlet.ZjProxyServlet",
+ "serverurl": "/zjgetinfo/*",
+ "targetUri": "http://71.3.251.52/zjservices/WebServices/ZJService/GetInfo.asmx/"
+ },
+ {
+ "servletclass": "com.terra.proxy.servlet.ZjProxyServlet",
+ "serverurl": "/sg/*",
+ "targetUri": "http://71.3.251.50/sg/"
+ },
+ {
+ "servletclass": "com.terra.proxy.servlet.ZjProxyServlet2",
+ "serverurl": "/sg101/*",
+ "targetUri": "http://71.3.251.101/sg/"
+
+ },
+ {
+ "servletclass": "org.mitre.dsmiley.httpproxy.ProxyServlet",
+ "serverurl": "/serverv1/*",
+ "targetUri": "http://18.1.1.55:6080/arcgis/rest/services/"
+
+ },
+ {
+ "servletclass": "com.terra.proxy.servlet.ZjProxyServlet2",
+ "serverurl": "/sg200/*",
+ "targetUri": "http://71.3.110.200/sg/"
+
+ },
+ {
+ "servletclass": "com.terra.proxy.servlet.MyProxyServlet",
+ "serverurl": "/iserver/services/*",
+ "targetUri": "http://71.3.251.28:8090/iserver/services"
+
+ }
+]
\ No newline at end of file
diff --git a/src/main/resources/static.rar b/src/main/resources/static.rar
new file mode 100644
index 0000000..867e28e
--- /dev/null
+++ b/src/main/resources/static.rar
Binary files differ
diff --git a/src/main/resources/static/404.html b/src/main/resources/static/404.html
new file mode 100644
index 0000000..7bf6d8f
--- /dev/null
+++ b/src/main/resources/static/404.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><head>
+ <title>403 — Forbidden</title>
+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
+ <meta name="description" content="You do not have permission to view this"/>
+ <style type="text/css">
+ body {font-size:14px; color:#777777; font-family:arial; text-align:center; background-color: #000c2f;}
+ h1 {font-size:180px; color:#99A7AF; margin: 70px 0 0 0;}
+ h2 {color: #DE6C5D; font-family: arial; font-size: 20px; font-weight: bold; letter-spacing: -1px; margin: -3px 0 39px;}
+ p {width:320px; text-align:center; margin-left:auto;margin-right:auto; margin-top: 30px }
+ div {width:320px; text-align:center; margin-left:auto;margin-right:auto;}
+ a:link {color: #34536A;}
+ a:visited {color: #34536A;}
+ a:active {color: #34536A;}
+ a:hover {color: #34536A;}
+ </style>
+</head>
+
+<body>
+
+<h1>403</h1>
+<h2>Forbidden</h2>
+<div>
+ Unfortunately, you do not have permission to view this
+</div>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/src/main/resources/static/500.html b/src/main/resources/static/500.html
new file mode 100644
index 0000000..790bca4
--- /dev/null
+++ b/src/main/resources/static/500.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><head>
+ <title>403 — Forbidden</title>
+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
+ <meta name="description" content="You do not have permission to view this"/>
+ <style type="text/css">
+
+ </style>
+</head>
+
+<body>
+<div>
+ 鏈紶鍏oken
+</div>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/src/main/resources/static/JS/echarts.js b/src/main/resources/static/JS/echarts.js
new file mode 100644
index 0000000..dd55582
--- /dev/null
+++ b/src/main/resources/static/JS/echarts.js
@@ -0,0 +1,98328 @@
+(function (global, factory) {
+ typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
+ typeof define === 'function' && define.amd ? define(['exports'], factory) :
+ (factory((global.echarts = {})));
+}(this, (function (exports) { 'use strict';
+
+/*
+* 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.
+*/
+
+// (1) The code `if (__DEV__) ...` can be removed by build tool.
+// (2) If intend to use `__DEV__`, this module should be imported. Use a global
+// variable `__DEV__` may cause that miss the declaration (see #6535), or the
+// declaration is behind of the using position (for example in `Model.extent`,
+// And tools like rollup can not analysis the dependency if not import).
+
+var dev;
+
+// In browser
+if (typeof window !== 'undefined') {
+ dev = window.__DEV__;
+}
+// In node
+else if (typeof global !== 'undefined') {
+ dev = global.__DEV__;
+}
+
+if (typeof dev === 'undefined') {
+ dev = true;
+}
+
+var __DEV__ = dev;
+
+/**
+ * zrender: 鐢熸垚鍞竴id
+ *
+ * @author errorrik (errorrik@gmail.com)
+ */
+
+var idStart = 0x0907;
+
+var guid = function () {
+ return idStart++;
+};
+
+/**
+ * echarts璁惧鐜璇嗗埆
+ *
+ * @desc echarts鍩轰簬Canvas锛岀函Javascript鍥捐〃搴擄紝鎻愪緵鐩磋锛岀敓鍔紝鍙氦浜掞紝鍙釜鎬у寲瀹氬埗鐨勬暟鎹粺璁″浘琛ㄣ��
+ * @author firede[firede@firede.us]
+ * @desc thanks zepto.
+ */
+
+/* global wx */
+
+var env = {};
+
+if (typeof wx === 'object' && typeof wx.getSystemInfoSync === 'function') {
+ // In Weixin Application
+ env = {
+ browser: {},
+ os: {},
+ node: false,
+ wxa: true, // Weixin Application
+ canvasSupported: true,
+ svgSupported: false,
+ touchEventsSupported: true,
+ domSupported: false
+ };
+}
+else if (typeof document === 'undefined' && typeof self !== 'undefined') {
+ // In worker
+ env = {
+ browser: {},
+ os: {},
+ node: false,
+ worker: true,
+ canvasSupported: true,
+ domSupported: false
+ };
+}
+else if (typeof navigator === 'undefined') {
+ // In node
+ env = {
+ browser: {},
+ os: {},
+ node: true,
+ worker: false,
+ // Assume canvas is supported
+ canvasSupported: true,
+ svgSupported: true,
+ domSupported: false
+ };
+}
+else {
+ env = detect(navigator.userAgent);
+}
+
+var env$1 = env;
+
+// Zepto.js
+// (c) 2010-2013 Thomas Fuchs
+// Zepto.js may be freely distributed under the MIT license.
+
+function detect(ua) {
+ var os = {};
+ var browser = {};
+ // var webkit = ua.match(/Web[kK]it[\/]{0,1}([\d.]+)/);
+ // var android = ua.match(/(Android);?[\s\/]+([\d.]+)?/);
+ // var ipad = ua.match(/(iPad).*OS\s([\d_]+)/);
+ // var ipod = ua.match(/(iPod)(.*OS\s([\d_]+))?/);
+ // var iphone = !ipad && ua.match(/(iPhone\sOS)\s([\d_]+)/);
+ // var webos = ua.match(/(webOS|hpwOS)[\s\/]([\d.]+)/);
+ // var touchpad = webos && ua.match(/TouchPad/);
+ // var kindle = ua.match(/Kindle\/([\d.]+)/);
+ // var silk = ua.match(/Silk\/([\d._]+)/);
+ // var blackberry = ua.match(/(BlackBerry).*Version\/([\d.]+)/);
+ // var bb10 = ua.match(/(BB10).*Version\/([\d.]+)/);
+ // var rimtabletos = ua.match(/(RIM\sTablet\sOS)\s([\d.]+)/);
+ // var playbook = ua.match(/PlayBook/);
+ // var chrome = ua.match(/Chrome\/([\d.]+)/) || ua.match(/CriOS\/([\d.]+)/);
+ var firefox = ua.match(/Firefox\/([\d.]+)/);
+ // var safari = webkit && ua.match(/Mobile\//) && !chrome;
+ // var webview = ua.match(/(iPhone|iPod|iPad).*AppleWebKit(?!.*Safari)/) && !chrome;
+ var ie = ua.match(/MSIE\s([\d.]+)/)
+ // IE 11 Trident/7.0; rv:11.0
+ || ua.match(/Trident\/.+?rv:(([\d.]+))/);
+ var edge = ua.match(/Edge\/([\d.]+)/); // IE 12 and 12+
+
+ var weChat = (/micromessenger/i).test(ua);
+
+ // Todo: clean this up with a better OS/browser seperation:
+ // - discern (more) between multiple browsers on android
+ // - decide if kindle fire in silk mode is android or not
+ // - Firefox on Android doesn't specify the Android version
+ // - possibly devide in os, device and browser hashes
+
+ // if (browser.webkit = !!webkit) browser.version = webkit[1];
+
+ // if (android) os.android = true, os.version = android[2];
+ // if (iphone && !ipod) os.ios = os.iphone = true, os.version = iphone[2].replace(/_/g, '.');
+ // if (ipad) os.ios = os.ipad = true, os.version = ipad[2].replace(/_/g, '.');
+ // if (ipod) os.ios = os.ipod = true, os.version = ipod[3] ? ipod[3].replace(/_/g, '.') : null;
+ // if (webos) os.webos = true, os.version = webos[2];
+ // if (touchpad) os.touchpad = true;
+ // if (blackberry) os.blackberry = true, os.version = blackberry[2];
+ // if (bb10) os.bb10 = true, os.version = bb10[2];
+ // if (rimtabletos) os.rimtabletos = true, os.version = rimtabletos[2];
+ // if (playbook) browser.playbook = true;
+ // if (kindle) os.kindle = true, os.version = kindle[1];
+ // if (silk) browser.silk = true, browser.version = silk[1];
+ // if (!silk && os.android && ua.match(/Kindle Fire/)) browser.silk = true;
+ // if (chrome) browser.chrome = true, browser.version = chrome[1];
+ if (firefox) {
+ browser.firefox = true;
+ browser.version = firefox[1];
+ }
+ // if (safari && (ua.match(/Safari/) || !!os.ios)) browser.safari = true;
+ // if (webview) browser.webview = true;
+
+ if (ie) {
+ browser.ie = true;
+ browser.version = ie[1];
+ }
+
+ if (edge) {
+ browser.edge = true;
+ browser.version = edge[1];
+ }
+
+ // It is difficult to detect WeChat in Win Phone precisely, because ua can
+ // not be set on win phone. So we do not consider Win Phone.
+ if (weChat) {
+ browser.weChat = true;
+ }
+
+ // os.tablet = !!(ipad || playbook || (android && !ua.match(/Mobile/)) ||
+ // (firefox && ua.match(/Tablet/)) || (ie && !ua.match(/Phone/) && ua.match(/Touch/)));
+ // os.phone = !!(!os.tablet && !os.ipod && (android || iphone || webos ||
+ // (chrome && ua.match(/Android/)) || (chrome && ua.match(/CriOS\/([\d.]+)/)) ||
+ // (firefox && ua.match(/Mobile/)) || (ie && ua.match(/Touch/))));
+
+ return {
+ browser: browser,
+ os: os,
+ node: false,
+ // 鍘熺敓canvas鏀寔锛屾敼鏋佺鐐逛簡
+ // canvasSupported : !(browser.ie && parseFloat(browser.version) < 9)
+ canvasSupported: !!document.createElement('canvas').getContext,
+ svgSupported: typeof SVGRect !== 'undefined',
+ // works on most browsers
+ // IE10/11 does not support touch event, and MS Edge supports them but not by
+ // default, so we dont check navigator.maxTouchPoints for them here.
+ touchEventsSupported: 'ontouchstart' in window && !browser.ie && !browser.edge,
+ // <http://caniuse.com/#search=pointer%20event>.
+ pointerEventsSupported:
+ // (1) Firefox supports pointer but not by default, only MS browsers are reliable on pointer
+ // events currently. So we dont use that on other browsers unless tested sufficiently.
+ // For example, in iOS 13 Mobile Chromium 78, if the touching behavior starts page
+ // scroll, the `pointermove` event can not be fired any more. That will break some
+ // features like "pan horizontally to move something and pan vertically to page scroll".
+ // The horizontal pan probably be interrupted by the casually triggered page scroll.
+ // (2) Although IE 10 supports pointer event, it use old style and is different from the
+ // standard. So we exclude that. (IE 10 is hardly used on touch device)
+ 'onpointerdown' in window
+ && (browser.edge || (browser.ie && browser.version >= 11)),
+ // passiveSupported: detectPassiveSupport()
+ domSupported: typeof document !== 'undefined'
+ };
+}
+
+// See https://github.com/WICG/EventListenerOptions/blob/gh-pages/explainer.md#feature-detection
+// function detectPassiveSupport() {
+// // Test via a getter in the options object to see if the passive property is accessed
+// var supportsPassive = false;
+// try {
+// var opts = Object.defineProperty({}, 'passive', {
+// get: function() {
+// supportsPassive = true;
+// }
+// });
+// window.addEventListener('testPassive', function() {}, opts);
+// } catch (e) {
+// }
+// return supportsPassive;
+// }
+
+/**
+ * @module zrender/core/util
+ */
+
+// 鐢ㄤ簬澶勭悊merge鏃舵棤娉曢亶鍘咲ate绛夊璞＄殑闂
+var BUILTIN_OBJECT = {
+ '[object Function]': 1,
+ '[object RegExp]': 1,
+ '[object Date]': 1,
+ '[object Error]': 1,
+ '[object CanvasGradient]': 1,
+ '[object CanvasPattern]': 1,
+ // For node-canvas
+ '[object Image]': 1,
+ '[object Canvas]': 1
+};
+
+var TYPED_ARRAY = {
+ '[object Int8Array]': 1,
+ '[object Uint8Array]': 1,
+ '[object Uint8ClampedArray]': 1,
+ '[object Int16Array]': 1,
+ '[object Uint16Array]': 1,
+ '[object Int32Array]': 1,
+ '[object Uint32Array]': 1,
+ '[object Float32Array]': 1,
+ '[object Float64Array]': 1
+};
+
+var objToString = Object.prototype.toString;
+
+var arrayProto = Array.prototype;
+var nativeForEach = arrayProto.forEach;
+var nativeFilter = arrayProto.filter;
+var nativeSlice = arrayProto.slice;
+var nativeMap = arrayProto.map;
+var nativeReduce = arrayProto.reduce;
+
+// Avoid assign to an exported variable, for transforming to cjs.
+var methods = {};
+
+function $override(name, fn) {
+ // Clear ctx instance for different environment
+ if (name === 'createCanvas') {
+ _ctx = null;
+ }
+
+ methods[name] = fn;
+}
+
+/**
+ * Those data types can be cloned:
+ * Plain object, Array, TypedArray, number, string, null, undefined.
+ * Those data types will be assgined using the orginal data:
+ * BUILTIN_OBJECT
+ * Instance of user defined class will be cloned to a plain object, without
+ * properties in prototype.
+ * Other data types is not supported (not sure what will happen).
+ *
+ * Caution: do not support clone Date, for performance consideration.
+ * (There might be a large number of date in `series.data`).
+ * So date should not be modified in and out of echarts.
+ *
+ * @param {*} source
+ * @return {*} new
+ */
+function clone(source) {
+ if (source == null || typeof source !== 'object') {
+ return source;
+ }
+
+ var result = source;
+ var typeStr = objToString.call(source);
+
+ if (typeStr === '[object Array]') {
+ if (!isPrimitive(source)) {
+ result = [];
+ for (var i = 0, len = source.length; i < len; i++) {
+ result[i] = clone(source[i]);
+ }
+ }
+ }
+ else if (TYPED_ARRAY[typeStr]) {
+ if (!isPrimitive(source)) {
+ var Ctor = source.constructor;
+ if (source.constructor.from) {
+ result = Ctor.from(source);
+ }
+ else {
+ result = new Ctor(source.length);
+ for (var i = 0, len = source.length; i < len; i++) {
+ result[i] = clone(source[i]);
+ }
+ }
+ }
+ }
+ else if (!BUILTIN_OBJECT[typeStr] && !isPrimitive(source) && !isDom(source)) {
+ result = {};
+ for (var key in source) {
+ if (source.hasOwnProperty(key)) {
+ result[key] = clone(source[key]);
+ }
+ }
+ }
+
+ return result;
+}
+
+/**
+ * @memberOf module:zrender/core/util
+ * @param {*} target
+ * @param {*} source
+ * @param {boolean} [overwrite=false]
+ */
+function merge(target, source, overwrite) {
+ // We should escapse that source is string
+ // and enter for ... in ...
+ if (!isObject$1(source) || !isObject$1(target)) {
+ return overwrite ? clone(source) : target;
+ }
+
+ for (var key in source) {
+ if (source.hasOwnProperty(key)) {
+ var targetProp = target[key];
+ var sourceProp = source[key];
+
+ if (isObject$1(sourceProp)
+ && isObject$1(targetProp)
+ && !isArray(sourceProp)
+ && !isArray(targetProp)
+ && !isDom(sourceProp)
+ && !isDom(targetProp)
+ && !isBuiltInObject(sourceProp)
+ && !isBuiltInObject(targetProp)
+ && !isPrimitive(sourceProp)
+ && !isPrimitive(targetProp)
+ ) {
+ // 濡傛灉闇�瑕侀�掑綊瑕嗙洊锛屽氨閫掑綊璋冪敤merge
+ merge(targetProp, sourceProp, overwrite);
+ }
+ else if (overwrite || !(key in target)) {
+ // 鍚﹀垯鍙鐞唎verwrite涓簍rue锛屾垨鑰呭湪鐩爣瀵硅薄涓病鏈夋灞炴�х殑鎯呭喌
+ // NOTE锛屽湪 target[key] 涓嶅瓨鍦ㄧ殑鏃跺�欎篃鏄洿鎺ヨ鐩�
+ target[key] = clone(source[key], true);
+ }
+ }
+ }
+
+ return target;
+}
+
+/**
+ * @param {Array} targetAndSources The first item is target, and the rests are source.
+ * @param {boolean} [overwrite=false]
+ * @return {*} target
+ */
+function mergeAll(targetAndSources, overwrite) {
+ var result = targetAndSources[0];
+ for (var i = 1, len = targetAndSources.length; i < len; i++) {
+ result = merge(result, targetAndSources[i], overwrite);
+ }
+ return result;
+}
+
+/**
+ * @param {*} target
+ * @param {*} source
+ * @memberOf module:zrender/core/util
+ */
+function extend(target, source) {
+ for (var key in source) {
+ if (source.hasOwnProperty(key)) {
+ target[key] = source[key];
+ }
+ }
+ return target;
+}
+
+/**
+ * @param {*} target
+ * @param {*} source
+ * @param {boolean} [overlay=false]
+ * @memberOf module:zrender/core/util
+ */
+function defaults(target, source, overlay) {
+ for (var key in source) {
+ if (source.hasOwnProperty(key)
+ && (overlay ? source[key] != null : target[key] == null)
+ ) {
+ target[key] = source[key];
+ }
+ }
+ return target;
+}
+
+var createCanvas = function () {
+ return methods.createCanvas();
+};
+
+methods.createCanvas = function () {
+ return document.createElement('canvas');
+};
+
+// FIXME
+var _ctx;
+
+function getContext() {
+ if (!_ctx) {
+ // Use util.createCanvas instead of createCanvas
+ // because createCanvas may be overwritten in different environment
+ _ctx = createCanvas().getContext('2d');
+ }
+ return _ctx;
+}
+
+/**
+ * 鏌ヨ鏁扮粍涓厓绱犵殑index
+ * @memberOf module:zrender/core/util
+ */
+function indexOf(array, value) {
+ if (array) {
+ if (array.indexOf) {
+ return array.indexOf(value);
+ }
+ for (var i = 0, len = array.length; i < len; i++) {
+ if (array[i] === value) {
+ return i;
+ }
+ }
+ }
+ return -1;
+}
+
+/**
+ * 鏋勯�犵被缁ф壙鍏崇郴
+ *
+ * @memberOf module:zrender/core/util
+ * @param {Function} clazz 婧愮被
+ * @param {Function} baseClazz 鍩虹被
+ */
+function inherits(clazz, baseClazz) {
+ var clazzPrototype = clazz.prototype;
+ function F() {}
+ F.prototype = baseClazz.prototype;
+ clazz.prototype = new F();
+
+ for (var prop in clazzPrototype) {
+ if (clazzPrototype.hasOwnProperty(prop)) {
+ clazz.prototype[prop] = clazzPrototype[prop];
+ }
+ }
+ clazz.prototype.constructor = clazz;
+ clazz.superClass = baseClazz;
+}
+
+/**
+ * @memberOf module:zrender/core/util
+ * @param {Object|Function} target
+ * @param {Object|Function} sorce
+ * @param {boolean} overlay
+ */
+function mixin(target, source, overlay) {
+ target = 'prototype' in target ? target.prototype : target;
+ source = 'prototype' in source ? source.prototype : source;
+
+ defaults(target, source, overlay);
+}
+
+/**
+ * Consider typed array.
+ * @param {Array|TypedArray} data
+ */
+function isArrayLike(data) {
+ if (!data) {
+ return;
+ }
+ if (typeof data === 'string') {
+ return false;
+ }
+ return typeof data.length === 'number';
+}
+
+/**
+ * 鏁扮粍鎴栧璞￠亶鍘�
+ * @memberOf module:zrender/core/util
+ * @param {Object|Array} obj
+ * @param {Function} cb
+ * @param {*} [context]
+ */
+function each$1(obj, cb, context) {
+ if (!(obj && cb)) {
+ return;
+ }
+ if (obj.forEach && obj.forEach === nativeForEach) {
+ obj.forEach(cb, context);
+ }
+ else if (obj.length === +obj.length) {
+ for (var i = 0, len = obj.length; i < len; i++) {
+ cb.call(context, obj[i], i, obj);
+ }
+ }
+ else {
+ for (var key in obj) {
+ if (obj.hasOwnProperty(key)) {
+ cb.call(context, obj[key], key, obj);
+ }
+ }
+ }
+}
+
+/**
+ * 鏁扮粍鏄犲皠
+ * @memberOf module:zrender/core/util
+ * @param {Array} obj
+ * @param {Function} cb
+ * @param {*} [context]
+ * @return {Array}
+ */
+function map(obj, cb, context) {
+ if (!(obj && cb)) {
+ return;
+ }
+ if (obj.map && obj.map === nativeMap) {
+ return obj.map(cb, context);
+ }
+ else {
+ var result = [];
+ for (var i = 0, len = obj.length; i < len; i++) {
+ result.push(cb.call(context, obj[i], i, obj));
+ }
+ return result;
+ }
+}
+
+/**
+ * @memberOf module:zrender/core/util
+ * @param {Array} obj
+ * @param {Function} cb
+ * @param {Object} [memo]
+ * @param {*} [context]
+ * @return {Array}
+ */
+function reduce(obj, cb, memo, context) {
+ if (!(obj && cb)) {
+ return;
+ }
+ if (obj.reduce && obj.reduce === nativeReduce) {
+ return obj.reduce(cb, memo, context);
+ }
+ else {
+ for (var i = 0, len = obj.length; i < len; i++) {
+ memo = cb.call(context, memo, obj[i], i, obj);
+ }
+ return memo;
+ }
+}
+
+/**
+ * 鏁扮粍杩囨护
+ * @memberOf module:zrender/core/util
+ * @param {Array} obj
+ * @param {Function} cb
+ * @param {*} [context]
+ * @return {Array}
+ */
+function filter(obj, cb, context) {
+ if (!(obj && cb)) {
+ return;
+ }
+ if (obj.filter && obj.filter === nativeFilter) {
+ return obj.filter(cb, context);
+ }
+ else {
+ var result = [];
+ for (var i = 0, len = obj.length; i < len; i++) {
+ if (cb.call(context, obj[i], i, obj)) {
+ result.push(obj[i]);
+ }
+ }
+ return result;
+ }
+}
+
+/**
+ * 鏁扮粍椤规煡鎵�
+ * @memberOf module:zrender/core/util
+ * @param {Array} obj
+ * @param {Function} cb
+ * @param {*} [context]
+ * @return {*}
+ */
+function find(obj, cb, context) {
+ if (!(obj && cb)) {
+ return;
+ }
+ for (var i = 0, len = obj.length; i < len; i++) {
+ if (cb.call(context, obj[i], i, obj)) {
+ return obj[i];
+ }
+ }
+}
+
+/**
+ * @memberOf module:zrender/core/util
+ * @param {Function} func
+ * @param {*} context
+ * @return {Function}
+ */
+function bind(func, context) {
+ var args = nativeSlice.call(arguments, 2);
+ return function () {
+ return func.apply(context, args.concat(nativeSlice.call(arguments)));
+ };
+}
+
+/**
+ * @memberOf module:zrender/core/util
+ * @param {Function} func
+ * @return {Function}
+ */
+function curry(func) {
+ var args = nativeSlice.call(arguments, 1);
+ return function () {
+ return func.apply(this, args.concat(nativeSlice.call(arguments)));
+ };
+}
+
+/**
+ * @memberOf module:zrender/core/util
+ * @param {*} value
+ * @return {boolean}
+ */
+function isArray(value) {
+ return objToString.call(value) === '[object Array]';
+}
+
+/**
+ * @memberOf module:zrender/core/util
+ * @param {*} value
+ * @return {boolean}
+ */
+function isFunction$1(value) {
+ return typeof value === 'function';
+}
+
+/**
+ * @memberOf module:zrender/core/util
+ * @param {*} value
+ * @return {boolean}
+ */
+function isString(value) {
+ return objToString.call(value) === '[object String]';
+}
+
+/**
+ * @memberOf module:zrender/core/util
+ * @param {*} value
+ * @return {boolean}
+ */
+function isObject$1(value) {
+ // Avoid a V8 JIT bug in Chrome 19-20.
+ // See https://code.google.com/p/v8/issues/detail?id=2291 for more details.
+ var type = typeof value;
+ return type === 'function' || (!!value && type === 'object');
+}
+
+/**
+ * @memberOf module:zrender/core/util
+ * @param {*} value
+ * @return {boolean}
+ */
+function isBuiltInObject(value) {
+ return !!BUILTIN_OBJECT[objToString.call(value)];
+}
+
+/**
+ * @memberOf module:zrender/core/util
+ * @param {*} value
+ * @return {boolean}
+ */
+function isTypedArray(value) {
+ return !!TYPED_ARRAY[objToString.call(value)];
+}
+
+/**
+ * @memberOf module:zrender/core/util
+ * @param {*} value
+ * @return {boolean}
+ */
+function isDom(value) {
+ return typeof value === 'object'
+ && typeof value.nodeType === 'number'
+ && typeof value.ownerDocument === 'object';
+}
+
+/**
+ * Whether is exactly NaN. Notice isNaN('a') returns true.
+ * @param {*} value
+ * @return {boolean}
+ */
+function eqNaN(value) {
+ /* eslint-disable-next-line no-self-compare */
+ return value !== value;
+}
+
+/**
+ * If value1 is not null, then return value1, otherwise judget rest of values.
+ * Low performance.
+ * @memberOf module:zrender/core/util
+ * @return {*} Final value
+ */
+function retrieve(values) {
+ for (var i = 0, len = arguments.length; i < len; i++) {
+ if (arguments[i] != null) {
+ return arguments[i];
+ }
+ }
+}
+
+function retrieve2(value0, value1) {
+ return value0 != null
+ ? value0
+ : value1;
+}
+
+function retrieve3(value0, value1, value2) {
+ return value0 != null
+ ? value0
+ : value1 != null
+ ? value1
+ : value2;
+}
+
+/**
+ * @memberOf module:zrender/core/util
+ * @param {Array} arr
+ * @param {number} startIndex
+ * @param {number} endIndex
+ * @return {Array}
+ */
+function slice() {
+ return Function.call.apply(nativeSlice, arguments);
+}
+
+/**
+ * Normalize css liked array configuration
+ * e.g.
+ * 3 => [3, 3, 3, 3]
+ * [4, 2] => [4, 2, 4, 2]
+ * [4, 3, 2] => [4, 3, 2, 3]
+ * @param {number|Array.<number>} val
+ * @return {Array.<number>}
+ */
+function normalizeCssArray(val) {
+ if (typeof (val) === 'number') {
+ return [val, val, val, val];
+ }
+ var len = val.length;
+ if (len === 2) {
+ // vertical | horizontal
+ return [val[0], val[1], val[0], val[1]];
+ }
+ else if (len === 3) {
+ // top | horizontal | bottom
+ return [val[0], val[1], val[2], val[1]];
+ }
+ return val;
+}
+
+/**
+ * @memberOf module:zrender/core/util
+ * @param {boolean} condition
+ * @param {string} message
+ */
+function assert$1(condition, message) {
+ if (!condition) {
+ throw new Error(message);
+ }
+}
+
+/**
+ * @memberOf module:zrender/core/util
+ * @param {string} str string to be trimed
+ * @return {string} trimed string
+ */
+function trim(str) {
+ if (str == null) {
+ return null;
+ }
+ else if (typeof str.trim === 'function') {
+ return str.trim();
+ }
+ else {
+ return str.replace(/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g, '');
+ }
+}
+
+var primitiveKey = '__ec_primitive__';
+/**
+ * Set an object as primitive to be ignored traversing children in clone or merge
+ */
+function setAsPrimitive(obj) {
+ obj[primitiveKey] = true;
+}
+
+function isPrimitive(obj) {
+ return obj[primitiveKey];
+}
+
+/**
+ * @constructor
+ * @param {Object} obj Only apply `ownProperty`.
+ */
+function HashMap(obj) {
+ var isArr = isArray(obj);
+ // Key should not be set on this, otherwise
+ // methods get/set/... may be overrided.
+ this.data = {};
+ var thisMap = this;
+
+ (obj instanceof HashMap)
+ ? obj.each(visit)
+ : (obj && each$1(obj, visit));
+
+ function visit(value, key) {
+ isArr ? thisMap.set(value, key) : thisMap.set(key, value);
+ }
+}
+
+HashMap.prototype = {
+ constructor: HashMap,
+ // Do not provide `has` method to avoid defining what is `has`.
+ // (We usually treat `null` and `undefined` as the same, different
+ // from ES6 Map).
+ get: function (key) {
+ return this.data.hasOwnProperty(key) ? this.data[key] : null;
+ },
+ set: function (key, value) {
+ // Comparing with invocation chaining, `return value` is more commonly
+ // used in this case: `var someVal = map.set('a', genVal());`
+ return (this.data[key] = value);
+ },
+ // Although util.each can be performed on this hashMap directly, user
+ // should not use the exposed keys, who are prefixed.
+ each: function (cb, context) {
+ context !== void 0 && (cb = bind(cb, context));
+ /* eslint-disable guard-for-in */
+ for (var key in this.data) {
+ this.data.hasOwnProperty(key) && cb(this.data[key], key);
+ }
+ /* eslint-enable guard-for-in */
+ },
+ // Do not use this method if performance sensitive.
+ removeKey: function (key) {
+ delete this.data[key];
+ }
+};
+
+function createHashMap(obj) {
+ return new HashMap(obj);
+}
+
+function concatArray(a, b) {
+ var newArray = new a.constructor(a.length + b.length);
+ for (var i = 0; i < a.length; i++) {
+ newArray[i] = a[i];
+ }
+ var offset = a.length;
+ for (i = 0; i < b.length; i++) {
+ newArray[i + offset] = b[i];
+ }
+ return newArray;
+}
+
+
+function noop() {}
+
+
+var zrUtil = (Object.freeze || Object)({
+ $override: $override,
+ clone: clone,
+ merge: merge,
+ mergeAll: mergeAll,
+ extend: extend,
+ defaults: defaults,
+ createCanvas: createCanvas,
+ getContext: getContext,
+ indexOf: indexOf,
+ inherits: inherits,
+ mixin: mixin,
+ isArrayLike: isArrayLike,
+ each: each$1,
+ map: map,
+ reduce: reduce,
+ filter: filter,
+ find: find,
+ bind: bind,
+ curry: curry,
+ isArray: isArray,
+ isFunction: isFunction$1,
+ isString: isString,
+ isObject: isObject$1,
+ isBuiltInObject: isBuiltInObject,
+ isTypedArray: isTypedArray,
+ isDom: isDom,
+ eqNaN: eqNaN,
+ retrieve: retrieve,
+ retrieve2: retrieve2,
+ retrieve3: retrieve3,
+ slice: slice,
+ normalizeCssArray: normalizeCssArray,
+ assert: assert$1,
+ trim: trim,
+ setAsPrimitive: setAsPrimitive,
+ isPrimitive: isPrimitive,
+ createHashMap: createHashMap,
+ concatArray: concatArray,
+ noop: noop
+});
+
+/* global Float32Array */
+
+var ArrayCtor = typeof Float32Array === 'undefined'
+ ? Array
+ : Float32Array;
+
+/**
+ * 鍒涘缓涓�涓悜閲�
+ * @param {number} [x=0]
+ * @param {number} [y=0]
+ * @return {Vector2}
+ */
+function create(x, y) {
+ var out = new ArrayCtor(2);
+ if (x == null) {
+ x = 0;
+ }
+ if (y == null) {
+ y = 0;
+ }
+ out[0] = x;
+ out[1] = y;
+ return out;
+}
+
+/**
+ * 澶嶅埗鍚戦噺鏁版嵁
+ * @param {Vector2} out
+ * @param {Vector2} v
+ * @return {Vector2}
+ */
+function copy(out, v) {
+ out[0] = v[0];
+ out[1] = v[1];
+ return out;
+}
+
+/**
+ * 鍏嬮殕涓�涓悜閲�
+ * @param {Vector2} v
+ * @return {Vector2}
+ */
+function clone$1(v) {
+ var out = new ArrayCtor(2);
+ out[0] = v[0];
+ out[1] = v[1];
+ return out;
+}
+
+/**
+ * 璁剧疆鍚戦噺鐨勪袱涓」
+ * @param {Vector2} out
+ * @param {number} a
+ * @param {number} b
+ * @return {Vector2} 缁撴灉
+ */
+function set(out, a, b) {
+ out[0] = a;
+ out[1] = b;
+ return out;
+}
+
+/**
+ * 鍚戦噺鐩稿姞
+ * @param {Vector2} out
+ * @param {Vector2} v1
+ * @param {Vector2} v2
+ */
+function add(out, v1, v2) {
+ out[0] = v1[0] + v2[0];
+ out[1] = v1[1] + v2[1];
+ return out;
+}
+
+/**
+ * 鍚戦噺缂╂斁鍚庣浉鍔�
+ * @param {Vector2} out
+ * @param {Vector2} v1
+ * @param {Vector2} v2
+ * @param {number} a
+ */
+function scaleAndAdd(out, v1, v2, a) {
+ out[0] = v1[0] + v2[0] * a;
+ out[1] = v1[1] + v2[1] * a;
+ return out;
+}
+
+/**
+ * 鍚戦噺鐩稿噺
+ * @param {Vector2} out
+ * @param {Vector2} v1
+ * @param {Vector2} v2
+ */
+function sub(out, v1, v2) {
+ out[0] = v1[0] - v2[0];
+ out[1] = v1[1] - v2[1];
+ return out;
+}
+
+/**
+ * 鍚戦噺闀垮害
+ * @param {Vector2} v
+ * @return {number}
+ */
+function len(v) {
+ return Math.sqrt(lenSquare(v));
+}
+var length = len; // jshint ignore:line
+
+/**
+ * 鍚戦噺闀垮害骞虫柟
+ * @param {Vector2} v
+ * @return {number}
+ */
+function lenSquare(v) {
+ return v[0] * v[0] + v[1] * v[1];
+}
+var lengthSquare = lenSquare;
+
+/**
+ * 鍚戦噺涔樻硶
+ * @param {Vector2} out
+ * @param {Vector2} v1
+ * @param {Vector2} v2
+ */
+function mul(out, v1, v2) {
+ out[0] = v1[0] * v2[0];
+ out[1] = v1[1] * v2[1];
+ return out;
+}
+
+/**
+ * 鍚戦噺闄ゆ硶
+ * @param {Vector2} out
+ * @param {Vector2} v1
+ * @param {Vector2} v2
+ */
+function div(out, v1, v2) {
+ out[0] = v1[0] / v2[0];
+ out[1] = v1[1] / v2[1];
+ return out;
+}
+
+/**
+ * 鍚戦噺鐐逛箻
+ * @param {Vector2} v1
+ * @param {Vector2} v2
+ * @return {number}
+ */
+function dot(v1, v2) {
+ return v1[0] * v2[0] + v1[1] * v2[1];
+}
+
+/**
+ * 鍚戦噺缂╂斁
+ * @param {Vector2} out
+ * @param {Vector2} v
+ * @param {number} s
+ */
+function scale(out, v, s) {
+ out[0] = v[0] * s;
+ out[1] = v[1] * s;
+ return out;
+}
+
+/**
+ * 鍚戦噺褰掍竴鍖�
+ * @param {Vector2} out
+ * @param {Vector2} v
+ */
+function normalize(out, v) {
+ var d = len(v);
+ if (d === 0) {
+ out[0] = 0;
+ out[1] = 0;
+ }
+ else {
+ out[0] = v[0] / d;
+ out[1] = v[1] / d;
+ }
+ return out;
+}
+
+/**
+ * 璁＄畻鍚戦噺闂磋窛绂�
+ * @param {Vector2} v1
+ * @param {Vector2} v2
+ * @return {number}
+ */
+function distance(v1, v2) {
+ return Math.sqrt(
+ (v1[0] - v2[0]) * (v1[0] - v2[0])
+ + (v1[1] - v2[1]) * (v1[1] - v2[1])
+ );
+}
+var dist = distance;
+
+/**
+ * 鍚戦噺璺濈骞虫柟
+ * @param {Vector2} v1
+ * @param {Vector2} v2
+ * @return {number}
+ */
+function distanceSquare(v1, v2) {
+ return (v1[0] - v2[0]) * (v1[0] - v2[0])
+ + (v1[1] - v2[1]) * (v1[1] - v2[1]);
+}
+var distSquare = distanceSquare;
+
+/**
+ * 姹傝礋鍚戦噺
+ * @param {Vector2} out
+ * @param {Vector2} v
+ */
+function negate(out, v) {
+ out[0] = -v[0];
+ out[1] = -v[1];
+ return out;
+}
+
+/**
+ * 鎻掑�间袱涓偣
+ * @param {Vector2} out
+ * @param {Vector2} v1
+ * @param {Vector2} v2
+ * @param {number} t
+ */
+function lerp(out, v1, v2, t) {
+ out[0] = v1[0] + t * (v2[0] - v1[0]);
+ out[1] = v1[1] + t * (v2[1] - v1[1]);
+ return out;
+}
+
+/**
+ * 鐭╅樀宸︿箻鍚戦噺
+ * @param {Vector2} out
+ * @param {Vector2} v
+ * @param {Vector2} m
+ */
+function applyTransform(out, v, m) {
+ var x = v[0];
+ var y = v[1];
+ out[0] = m[0] * x + m[2] * y + m[4];
+ out[1] = m[1] * x + m[3] * y + m[5];
+ return out;
+}
+
+/**
+ * 姹備袱涓悜閲忔渶灏忓��
+ * @param {Vector2} out
+ * @param {Vector2} v1
+ * @param {Vector2} v2
+ */
+function min(out, v1, v2) {
+ out[0] = Math.min(v1[0], v2[0]);
+ out[1] = Math.min(v1[1], v2[1]);
+ return out;
+}
+
+/**
+ * 姹備袱涓悜閲忔渶澶у��
+ * @param {Vector2} out
+ * @param {Vector2} v1
+ * @param {Vector2} v2
+ */
+function max(out, v1, v2) {
+ out[0] = Math.max(v1[0], v2[0]);
+ out[1] = Math.max(v1[1], v2[1]);
+ return out;
+}
+
+
+var vector = (Object.freeze || Object)({
+ create: create,
+ copy: copy,
+ clone: clone$1,
+ set: set,
+ add: add,
+ scaleAndAdd: scaleAndAdd,
+ sub: sub,
+ len: len,
+ length: length,
+ lenSquare: lenSquare,
+ lengthSquare: lengthSquare,
+ mul: mul,
+ div: div,
+ dot: dot,
+ scale: scale,
+ normalize: normalize,
+ distance: distance,
+ dist: dist,
+ distanceSquare: distanceSquare,
+ distSquare: distSquare,
+ negate: negate,
+ lerp: lerp,
+ applyTransform: applyTransform,
+ min: min,
+ max: max
+});
+
+// TODO Draggable for group
+// FIXME Draggable on element which has parent rotation or scale
+function Draggable() {
+
+ this.on('mousedown', this._dragStart, this);
+ this.on('mousemove', this._drag, this);
+ this.on('mouseup', this._dragEnd, this);
+ // `mosuemove` and `mouseup` can be continue to fire when dragging.
+ // See [Drag outside] in `Handler.js`. So we do not need to trigger
+ // `_dragEnd` when globalout. That would brings better user experience.
+ // this.on('globalout', this._dragEnd, this);
+
+ // this._dropTarget = null;
+ // this._draggingTarget = null;
+
+ // this._x = 0;
+ // this._y = 0;
+}
+
+Draggable.prototype = {
+
+ constructor: Draggable,
+
+ _dragStart: function (e) {
+ var draggingTarget = e.target;
+ // Find if there is draggable in the ancestor
+ while (draggingTarget && !draggingTarget.draggable) {
+ draggingTarget = draggingTarget.parent;
+ }
+ if (draggingTarget) {
+ this._draggingTarget = draggingTarget;
+ draggingTarget.dragging = true;
+ this._x = e.offsetX;
+ this._y = e.offsetY;
+
+ this.dispatchToElement(param(draggingTarget, e), 'dragstart', e.event);
+ }
+ },
+
+ _drag: function (e) {
+ var draggingTarget = this._draggingTarget;
+ if (draggingTarget) {
+
+ var x = e.offsetX;
+ var y = e.offsetY;
+
+ var dx = x - this._x;
+ var dy = y - this._y;
+ this._x = x;
+ this._y = y;
+
+ draggingTarget.drift(dx, dy, e);
+ this.dispatchToElement(param(draggingTarget, e), 'drag', e.event);
+
+ var dropTarget = this.findHover(x, y, draggingTarget).target;
+ var lastDropTarget = this._dropTarget;
+ this._dropTarget = dropTarget;
+
+ if (draggingTarget !== dropTarget) {
+ if (lastDropTarget && dropTarget !== lastDropTarget) {
+ this.dispatchToElement(param(lastDropTarget, e), 'dragleave', e.event);
+ }
+ if (dropTarget && dropTarget !== lastDropTarget) {
+ this.dispatchToElement(param(dropTarget, e), 'dragenter', e.event);
+ }
+ }
+ }
+ },
+
+ _dragEnd: function (e) {
+ var draggingTarget = this._draggingTarget;
+
+ if (draggingTarget) {
+ draggingTarget.dragging = false;
+ }
+
+ this.dispatchToElement(param(draggingTarget, e), 'dragend', e.event);
+
+ if (this._dropTarget) {
+ this.dispatchToElement(param(this._dropTarget, e), 'drop', e.event);
+ }
+
+ this._draggingTarget = null;
+ this._dropTarget = null;
+ }
+
+};
+
+function param(target, e) {
+ return {target: target, topTarget: e && e.topTarget};
+}
+
+/**
+ * Event Mixin
+ * @module zrender/mixin/Eventful
+ * @author Kener (@Kener-鏋楀嘲, kener.linfeng@gmail.com)
+ * pissang (https://www.github.com/pissang)
+ */
+
+var arrySlice = Array.prototype.slice;
+
+/**
+ * Event dispatcher.
+ *
+ * @alias module:zrender/mixin/Eventful
+ * @constructor
+ * @param {Object} [eventProcessor] The object eventProcessor is the scope when
+ * `eventProcessor.xxx` called.
+ * @param {Function} [eventProcessor.normalizeQuery]
+ * param: {string|Object} Raw query.
+ * return: {string|Object} Normalized query.
+ * @param {Function} [eventProcessor.filter] Event will be dispatched only
+ * if it returns `true`.
+ * param: {string} eventType
+ * param: {string|Object} query
+ * return: {boolean}
+ * @param {Function} [eventProcessor.afterTrigger] Called after all handlers called.
+ * param: {string} eventType
+ */
+var Eventful = function (eventProcessor) {
+ this._$handlers = {};
+ this._$eventProcessor = eventProcessor;
+};
+
+Eventful.prototype = {
+
+ constructor: Eventful,
+
+ /**
+ * The handler can only be triggered once, then removed.
+ *
+ * @param {string} event The event name.
+ * @param {string|Object} [query] Condition used on event filter.
+ * @param {Function} handler The event handler.
+ * @param {Object} context
+ */
+ one: function (event, query, handler, context) {
+ return on(this, event, query, handler, context, true);
+ },
+
+ /**
+ * Bind a handler.
+ *
+ * @param {string} event The event name.
+ * @param {string|Object} [query] Condition used on event filter.
+ * @param {Function} handler The event handler.
+ * @param {Object} [context]
+ */
+ on: function (event, query, handler, context) {
+ return on(this, event, query, handler, context, false);
+ },
+
+ /**
+ * Whether any handler has bound.
+ *
+ * @param {string} event
+ * @return {boolean}
+ */
+ isSilent: function (event) {
+ var _h = this._$handlers;
+ return !_h[event] || !_h[event].length;
+ },
+
+ /**
+ * Unbind a event.
+ *
+ * @param {string} [event] The event name.
+ * If no `event` input, "off" all listeners.
+ * @param {Function} [handler] The event handler.
+ * If no `handler` input, "off" all listeners of the `event`.
+ */
+ off: function (event, handler) {
+ var _h = this._$handlers;
+
+ if (!event) {
+ this._$handlers = {};
+ return this;
+ }
+
+ if (handler) {
+ if (_h[event]) {
+ var newList = [];
+ for (var i = 0, l = _h[event].length; i < l; i++) {
+ if (_h[event][i].h !== handler) {
+ newList.push(_h[event][i]);
+ }
+ }
+ _h[event] = newList;
+ }
+
+ if (_h[event] && _h[event].length === 0) {
+ delete _h[event];
+ }
+ }
+ else {
+ delete _h[event];
+ }
+
+ return this;
+ },
+
+ /**
+ * Dispatch a event.
+ *
+ * @param {string} type The event name.
+ */
+ trigger: function (type) {
+ var _h = this._$handlers[type];
+ var eventProcessor = this._$eventProcessor;
+
+ if (_h) {
+ var args = arguments;
+ var argLen = args.length;
+
+ if (argLen > 3) {
+ args = arrySlice.call(args, 1);
+ }
+
+ var len = _h.length;
+ for (var i = 0; i < len;) {
+ var hItem = _h[i];
+ if (eventProcessor
+ && eventProcessor.filter
+ && hItem.query != null
+ && !eventProcessor.filter(type, hItem.query)
+ ) {
+ i++;
+ continue;
+ }
+
+ // Optimize advise from backbone
+ switch (argLen) {
+ case 1:
+ hItem.h.call(hItem.ctx);
+ break;
+ case 2:
+ hItem.h.call(hItem.ctx, args[1]);
+ break;
+ case 3:
+ hItem.h.call(hItem.ctx, args[1], args[2]);
+ break;
+ default:
+ // have more than 2 given arguments
+ hItem.h.apply(hItem.ctx, args);
+ break;
+ }
+
+ if (hItem.one) {
+ _h.splice(i, 1);
+ len--;
+ }
+ else {
+ i++;
+ }
+ }
+ }
+
+ eventProcessor && eventProcessor.afterTrigger
+ && eventProcessor.afterTrigger(type);
+
+ return this;
+ },
+
+ /**
+ * Dispatch a event with context, which is specified at the last parameter.
+ *
+ * @param {string} type The event name.
+ */
+ triggerWithContext: function (type) {
+ var _h = this._$handlers[type];
+ var eventProcessor = this._$eventProcessor;
+
+ if (_h) {
+ var args = arguments;
+ var argLen = args.length;
+
+ if (argLen > 4) {
+ args = arrySlice.call(args, 1, args.length - 1);
+ }
+ var ctx = args[args.length - 1];
+
+ var len = _h.length;
+ for (var i = 0; i < len;) {
+ var hItem = _h[i];
+ if (eventProcessor
+ && eventProcessor.filter
+ && hItem.query != null
+ && !eventProcessor.filter(type, hItem.query)
+ ) {
+ i++;
+ continue;
+ }
+
+ // Optimize advise from backbone
+ switch (argLen) {
+ case 1:
+ hItem.h.call(ctx);
+ break;
+ case 2:
+ hItem.h.call(ctx, args[1]);
+ break;
+ case 3:
+ hItem.h.call(ctx, args[1], args[2]);
+ break;
+ default:
+ // have more than 2 given arguments
+ hItem.h.apply(ctx, args);
+ break;
+ }
+
+ if (hItem.one) {
+ _h.splice(i, 1);
+ len--;
+ }
+ else {
+ i++;
+ }
+ }
+ }
+
+ eventProcessor && eventProcessor.afterTrigger
+ && eventProcessor.afterTrigger(type);
+
+ return this;
+ }
+};
+
+
+function normalizeQuery(host, query) {
+ var eventProcessor = host._$eventProcessor;
+ if (query != null && eventProcessor && eventProcessor.normalizeQuery) {
+ query = eventProcessor.normalizeQuery(query);
+ }
+ return query;
+}
+
+function on(eventful, event, query, handler, context, isOnce) {
+ var _h = eventful._$handlers;
+
+ if (typeof query === 'function') {
+ context = handler;
+ handler = query;
+ query = null;
+ }
+
+ if (!handler || !event) {
+ return eventful;
+ }
+
+ query = normalizeQuery(eventful, query);
+
+ if (!_h[event]) {
+ _h[event] = [];
+ }
+
+ for (var i = 0; i < _h[event].length; i++) {
+ if (_h[event][i].h === handler) {
+ return eventful;
+ }
+ }
+
+ var wrap = {
+ h: handler,
+ one: isOnce,
+ query: query,
+ ctx: context || eventful,
+ // FIXME
+ // Do not publish this feature util it is proved that it makes sense.
+ callAtLast: handler.zrEventfulCallAtLast
+ };
+
+ var lastIndex = _h[event].length - 1;
+ var lastWrap = _h[event][lastIndex];
+ (lastWrap && lastWrap.callAtLast)
+ ? _h[event].splice(lastIndex, 0, wrap)
+ : _h[event].push(wrap);
+
+ return eventful;
+}
+
+/**
+ * The algoritm is learnt from
+ * https://franklinta.com/2014/09/08/computing-css-matrix3d-transforms/
+ * And we made some optimization for matrix inversion.
+ * Other similar approaches:
+ * "cv::getPerspectiveTransform", "Direct Linear Transformation".
+ */
+
+var LN2 = Math.log(2);
+
+function determinant(rows, rank, rowStart, rowMask, colMask, detCache) {
+ var cacheKey = rowMask + '-' + colMask;
+ var fullRank = rows.length;
+
+ if (detCache.hasOwnProperty(cacheKey)) {
+ return detCache[cacheKey];
+ }
+
+ if (rank === 1) {
+ // In this case the colMask must be like: `11101111`. We can find the place of `0`.
+ var colStart = Math.round(Math.log(((1 << fullRank) - 1) & ~colMask) / LN2);
+ return rows[rowStart][colStart];
+ }
+
+ var subRowMask = rowMask | (1 << rowStart);
+ var subRowStart = rowStart + 1;
+ while (rowMask & (1 << subRowStart)) {
+ subRowStart++;
+ }
+
+ var sum = 0;
+ for (var j = 0, colLocalIdx = 0; j < fullRank; j++) {
+ var colTag = 1 << j;
+ if (!(colTag & colMask)) {
+ sum += (colLocalIdx % 2 ? -1 : 1) * rows[rowStart][j]
+ // det(subMatrix(0, j))
+ * determinant(rows, rank - 1, subRowStart, subRowMask, colMask | colTag, detCache);
+ colLocalIdx++;
+ }
+ }
+
+ detCache[cacheKey] = sum;
+
+ return sum;
+}
+
+/**
+ * Usage:
+ * ```js
+ * var transformer = buildTransformer(
+ * [10, 44, 100, 44, 100, 300, 10, 300],
+ * [50, 54, 130, 14, 140, 330, 14, 220]
+ * );
+ * var out = [];
+ * transformer && transformer([11, 33], out);
+ * ```
+ *
+ * Notice: `buildTransformer` may take more than 10ms in some Android device.
+ *
+ * @param {Array.<number>} src source four points, [x0, y0, x1, y1, x2, y2, x3, y3]
+ * @param {Array.<number>} dest destination four points, [x0, y0, x1, y1, x2, y2, x3, y3]
+ * @return {Function} transformer If fail, return null/undefined.
+ */
+function buildTransformer(src, dest) {
+ var mA = [
+ [src[0], src[1], 1, 0, 0, 0, -dest[0] * src[0], -dest[0] * src[1]],
+ [0, 0, 0, src[0], src[1], 1, -dest[1] * src[0], -dest[1] * src[1]],
+ [src[2], src[3], 1, 0, 0, 0, -dest[2] * src[2], -dest[2] * src[3]],
+ [0, 0, 0, src[2], src[3], 1, -dest[3] * src[2], -dest[3] * src[3]],
+ [src[4], src[5], 1, 0, 0, 0, -dest[4] * src[4], -dest[4] * src[5]],
+ [0, 0, 0, src[4], src[5], 1, -dest[5] * src[4], -dest[5] * src[5]],
+ [src[6], src[7], 1, 0, 0, 0, -dest[6] * src[6], -dest[6] * src[7]],
+ [0, 0, 0, src[6], src[7], 1, -dest[7] * src[6], -dest[7] * src[7]]
+ ];
+
+ var detCache = {};
+ var det = determinant(mA, 8, 0, 0, 0, detCache);
+ if (det === 0) {
+ // can not make transformer when and only when
+ // any three of the markers are collinear.
+ return;
+ }
+
+ // `invert(mA) * dest`, that is, `adj(mA) / det * dest`.
+ var vh = [];
+ for (var i = 0; i < 8; i++) {
+ for (var j = 0; j < 8; j++) {
+ vh[j] == null && (vh[j] = 0);
+ vh[j] += ((i + j) % 2 ? -1 : 1)
+ // det(subMatrix(i, j))
+ * determinant(mA, 7, i === 0 ? 1 : 0, 1 << i, 1 << j, detCache)
+ / det * dest[i];
+ }
+ }
+
+ return function (out, srcPointX, srcPointY) {
+ var pk = srcPointX * vh[6] + srcPointY * vh[7] + 1;
+ out[0] = (srcPointX * vh[0] + srcPointY * vh[1] + vh[2]) / pk;
+ out[1] = (srcPointX * vh[3] + srcPointY * vh[4] + vh[5]) / pk;
+ };
+}
+
+var EVENT_SAVED_PROP = '___zrEVENTSAVED';
+var _calcOut$1 = [];
+
+/**
+ * Transform "local coord" from `elFrom` to `elTarget`.
+ * "local coord": the coord based on the input `el`. The origin point is at
+ * the position of "left: 0; top: 0;" in the `el`.
+ *
+ * Support when CSS transform is used.
+ *
+ * Having the `out` (that is, `[outX, outY]`), we can create an DOM element
+ * and set the CSS style as "left: outX; top: outY;" and append it to `elTarge`
+ * to locate the element.
+ *
+ * For example, this code below positions a child of `document.body` on the event
+ * point, no matter whether `body` has `margin`/`paddin`/`transfrom`/... :
+ * ```js
+ * transformLocalCoord(out, container, document.body, event.offsetX, event.offsetY);
+ * if (!eqNaN(out[0])) {
+ * // Then locate the tip element on the event point.
+ * var tipEl = document.createElement('div');
+ * tipEl.style.cssText = 'position: absolute; left:' + out[0] + ';top:' + out[1] + ';';
+ * document.body.appendChild(tipEl);
+ * }
+ * ```
+ *
+ * Notice: In some env this method is not supported. If called, `out` will be `[NaN, NaN]`.
+ *
+ * @param {Array.<number>} out [inX: number, inY: number] The output..
+ * If can not transform, `out` will not be modified but return `false`.
+ * @param {HTMLElement} elFrom The `[inX, inY]` is based on elFrom.
+ * @param {HTMLElement} elTarget The `out` is based on elTarget.
+ * @param {number} inX
+ * @param {number} inY
+ * @return {boolean} Whether transform successfully.
+ */
+function transformLocalCoord(out, elFrom, elTarget, inX, inY) {
+ return transformCoordWithViewport(_calcOut$1, elFrom, inX, inY, true)
+ && transformCoordWithViewport(out, elTarget, _calcOut$1[0], _calcOut$1[1]);
+}
+
+/**
+ * Transform between a "viewport coord" and a "local coord".
+ * "viewport coord": the coord based on the left-top corner of the viewport
+ * of the browser.
+ * "local coord": the coord based on the input `el`. The origin point is at
+ * the position of "left: 0; top: 0;" in the `el`.
+ *
+ * Support the case when CSS transform is used on el.
+ *
+ * @param {Array.<number>} out [inX: number, inY: number] The output. If `inverse: false`,
+ * it represents "local coord", otherwise "vireport coord".
+ * If can not transform, `out` will not be modified but return `false`.
+ * @param {HTMLElement} el The "local coord" is based on the `el`, see comment above.
+ * @param {number} inX If `inverse: false`,
+ * it represents "vireport coord", otherwise "local coord".
+ * @param {number} inY If `inverse: false`,
+ * it represents "vireport coord", otherwise "local coord".
+ * @param {boolean} [inverse=false]
+ * `true`: from "viewport coord" to "local coord".
+ * `false`: from "local coord" to "viewport coord".
+ * @return {boolean} Whether transform successfully.
+ */
+function transformCoordWithViewport(out, el, inX, inY, inverse) {
+ if (el.getBoundingClientRect && env$1.domSupported && !isCanvasEl(el)) {
+ var saved = el[EVENT_SAVED_PROP] || (el[EVENT_SAVED_PROP] = {});
+ var markers = prepareCoordMarkers(el, saved);
+ var transformer = preparePointerTransformer(markers, saved, inverse);
+ if (transformer) {
+ transformer(out, inX, inY);
+ return true;
+ }
+ }
+ return false;
+}
+
+function prepareCoordMarkers(el, saved) {
+ var markers = saved.markers;
+ if (markers) {
+ return markers;
+ }
+
+ markers = saved.markers = [];
+ var propLR = ['left', 'right'];
+ var propTB = ['top', 'bottom'];
+
+ for (var i = 0; i < 4; i++) {
+ var marker = document.createElement('div');
+ var stl = marker.style;
+ var idxLR = i % 2;
+ var idxTB = (i >> 1) % 2;
+ stl.cssText = [
+ 'position: absolute',
+ 'visibility: hidden',
+ 'padding: 0',
+ 'margin: 0',
+ 'border-width: 0',
+ 'user-select: none',
+ 'width:0',
+ 'height:0',
+ // 'width: 5px',
+ // 'height: 5px',
+ propLR[idxLR] + ':0',
+ propTB[idxTB] + ':0',
+ propLR[1 - idxLR] + ':auto',
+ propTB[1 - idxTB] + ':auto',
+ ''
+ ].join('!important;');
+ el.appendChild(marker);
+ markers.push(marker);
+ }
+
+ return markers;
+}
+
+function preparePointerTransformer(markers, saved, inverse) {
+ var transformerName = inverse ? 'invTrans' : 'trans';
+ var transformer = saved[transformerName];
+ var oldSrcCoords = saved.srcCoords;
+ var oldCoordTheSame = true;
+ var srcCoords = [];
+ var destCoords = [];
+
+ for (var i = 0; i < 4; i++) {
+ var rect = markers[i].getBoundingClientRect();
+ var ii = 2 * i;
+ var x = rect.left;
+ var y = rect.top;
+ srcCoords.push(x, y);
+ oldCoordTheSame = oldCoordTheSame && oldSrcCoords && x === oldSrcCoords[ii] && y === oldSrcCoords[ii + 1];
+ destCoords.push(markers[i].offsetLeft, markers[i].offsetTop);
+ }
+ // Cache to avoid time consuming of `buildTransformer`.
+ return (oldCoordTheSame && transformer)
+ ? transformer
+ : (
+ saved.srcCoords = srcCoords,
+ saved[transformerName] = inverse
+ ? buildTransformer(destCoords, srcCoords)
+ : buildTransformer(srcCoords, destCoords)
+ );
+}
+
+function isCanvasEl(el) {
+ return el.nodeName.toUpperCase() === 'CANVAS';
+}
+
+/**
+ * Utilities for mouse or touch events.
+ */
+
+var isDomLevel2 = (typeof window !== 'undefined') && !!window.addEventListener;
+
+var MOUSE_EVENT_REG = /^(?:mouse|pointer|contextmenu|drag|drop)|click/;
+var _calcOut = [];
+
+/**
+ * Get the `zrX` and `zrY`, which are relative to the top-left of
+ * the input `el`.
+ * CSS transform (2D & 3D) is supported.
+ *
+ * The strategy to fetch the coords:
+ * + If `calculate` is not set as `true`, users of this method should
+ * ensure that `el` is the same or the same size & location as `e.target`.
+ * Otherwise the result coords are probably not expected. Because we
+ * firstly try to get coords from e.offsetX/e.offsetY.
+ * + If `calculate` is set as `true`, the input `el` can be any element
+ * and we force to calculate the coords based on `el`.
+ * + The input `el` should be positionable (not position:static).
+ *
+ * The force `calculate` can be used in case like:
+ * When mousemove event triggered on ec tooltip, `e.target` is not `el`(zr painter.dom).
+ *
+ * @param {HTMLElement} el DOM element.
+ * @param {Event} e Mouse event or touch event.
+ * @param {Object} out Get `out.zrX` and `out.zrY` as the result.
+ * @param {boolean} [calculate=false] Whether to force calculate
+ * the coordinates but not use ones provided by browser.
+ */
+function clientToLocal(el, e, out, calculate) {
+ out = out || {};
+
+ // According to the W3C Working Draft, offsetX and offsetY should be relative
+ // to the padding edge of the target element. The only browser using this convention
+ // is IE. Webkit uses the border edge, Opera uses the content edge, and FireFox does
+ // not support the properties.
+ // (see http://www.jacklmoore.com/notes/mouse-position/)
+ // In zr painter.dom, padding edge equals to border edge.
+
+ if (calculate || !env$1.canvasSupported) {
+ calculateZrXY(el, e, out);
+ }
+ // Caution: In FireFox, layerX/layerY Mouse position relative to the closest positioned
+ // ancestor element, so we should make sure el is positioned (e.g., not position:static).
+ // BTW1, Webkit don't return the same results as FF in non-simple cases (like add
+ // zoom-factor, overflow / opacity layers, transforms ...)
+ // BTW2, (ev.offsetY || ev.pageY - $(ev.target).offset().top) is not correct in preserve-3d.
+ // <https://bugs.jquery.com/ticket/8523#comment:14>
+ // BTW3, In ff, offsetX/offsetY is always 0.
+ else if (env$1.browser.firefox && e.layerX != null && e.layerX !== e.offsetX) {
+ out.zrX = e.layerX;
+ out.zrY = e.layerY;
+ }
+ // For IE6+, chrome, safari, opera. (When will ff support offsetX?)
+ else if (e.offsetX != null) {
+ out.zrX = e.offsetX;
+ out.zrY = e.offsetY;
+ }
+ // For some other device, e.g., IOS safari.
+ else {
+ calculateZrXY(el, e, out);
+ }
+
+ return out;
+}
+
+function calculateZrXY(el, e, out) {
+ // BlackBerry 5, iOS 3 (original iPhone) don't have getBoundingRect.
+ if (env$1.domSupported && el.getBoundingClientRect) {
+ var ex = e.clientX;
+ var ey = e.clientY;
+
+ if (isCanvasEl(el)) {
+ // Original approach, which do not support CSS transform.
+ // marker can not be locationed in a canvas container
+ // (getBoundingClientRect is always 0). We do not support
+ // that input a pre-created canvas to zr while using css
+ // transform in iOS.
+ var box = el.getBoundingClientRect();
+ out.zrX = ex - box.left;
+ out.zrY = ey - box.top;
+ return;
+ }
+ else {
+ if (transformCoordWithViewport(_calcOut, el, ex, ey)) {
+ out.zrX = _calcOut[0];
+ out.zrY = _calcOut[1];
+ return;
+ }
+ }
+ }
+ out.zrX = out.zrY = 0;
+}
+
+/**
+ * Find native event compat for legency IE.
+ * Should be called at the begining of a native event listener.
+ *
+ * @param {Event} [e] Mouse event or touch event or pointer event.
+ * For lagency IE, we use `window.event` is used.
+ * @return {Event} The native event.
+ */
+function getNativeEvent(e) {
+ return e || window.event;
+}
+
+/**
+ * Normalize the coordinates of the input event.
+ *
+ * Get the `e.zrX` and `e.zrY`, which are relative to the top-left of
+ * the input `el`.
+ * Get `e.zrDelta` if using mouse wheel.
+ * Get `e.which`, see the comment inside this function.
+ *
+ * Do not calculate repeatly if `zrX` and `zrY` already exist.
+ *
+ * Notice: see comments in `clientToLocal`. check the relationship
+ * between the result coords and the parameters `el` and `calculate`.
+ *
+ * @param {HTMLElement} el DOM element.
+ * @param {Event} [e] See `getNativeEvent`.
+ * @param {boolean} [calculate=false] Whether to force calculate
+ * the coordinates but not use ones provided by browser.
+ * @return {UIEvent} The normalized native UIEvent.
+ */
+function normalizeEvent(el, e, calculate) {
+
+ e = getNativeEvent(e);
+
+ if (e.zrX != null) {
+ return e;
+ }
+
+ var eventType = e.type;
+ var isTouch = eventType && eventType.indexOf('touch') >= 0;
+
+ if (!isTouch) {
+ clientToLocal(el, e, e, calculate);
+ e.zrDelta = (e.wheelDelta) ? e.wheelDelta / 120 : -(e.detail || 0) / 3;
+ }
+ else {
+ var touch = eventType !== 'touchend'
+ ? e.targetTouches[0]
+ : e.changedTouches[0];
+ touch && clientToLocal(el, touch, e, calculate);
+ }
+
+ // Add which for click: 1 === left; 2 === middle; 3 === right; otherwise: 0;
+ // See jQuery: https://github.com/jquery/jquery/blob/master/src/event.js
+ // If e.which has been defined, it may be readonly,
+ // see: https://developer.mozilla.org/en-US/docs/Web/API/MouseEvent/which
+ var button = e.button;
+ if (e.which == null && button !== undefined && MOUSE_EVENT_REG.test(e.type)) {
+ e.which = (button & 1 ? 1 : (button & 2 ? 3 : (button & 4 ? 2 : 0)));
+ }
+ // [Caution]: `e.which` from browser is not always reliable. For example,
+ // when press left button and `mousemove (pointermove)` in Edge, the `e.which`
+ // is 65536 and the `e.button` is -1. But the `mouseup (pointerup)` and
+ // `mousedown (pointerdown)` is the same as Chrome does.
+
+ return e;
+}
+
+/**
+ * @param {HTMLElement} el
+ * @param {string} name
+ * @param {Function} handler
+ * @param {Object|boolean} opt If boolean, means `opt.capture`
+ * @param {boolean} [opt.capture=false]
+ * @param {boolean} [opt.passive=false]
+ */
+function addEventListener(el, name, handler, opt) {
+ if (isDomLevel2) {
+ // Reproduct the console warning:
+ // [Violation] Added non-passive event listener to a scroll-blocking <some> event.
+ // Consider marking event handler as 'passive' to make the page more responsive.
+ // Just set console log level: verbose in chrome dev tool.
+ // then the warning log will be printed when addEventListener called.
+ // See https://github.com/WICG/EventListenerOptions/blob/gh-pages/explainer.md
+ // We have not yet found a neat way to using passive. Because in zrender the dom event
+ // listener delegate all of the upper events of element. Some of those events need
+ // to prevent default. For example, the feature `preventDefaultMouseMove` of echarts.
+ // Before passive can be adopted, these issues should be considered:
+ // (1) Whether and how a zrender user specifies an event listener passive. And by default,
+ // passive or not.
+ // (2) How to tread that some zrender event listener is passive, and some is not. If
+ // we use other way but not preventDefault of mousewheel and touchmove, browser
+ // compatibility should be handled.
+
+ // var opts = (env.passiveSupported && name === 'mousewheel')
+ // ? {passive: true}
+ // // By default, the third param of el.addEventListener is `capture: false`.
+ // : void 0;
+ // el.addEventListener(name, handler /* , opts */);
+ el.addEventListener(name, handler, opt);
+ }
+ else {
+ // For simplicity, do not implement `setCapture` for IE9-.
+ el.attachEvent('on' + name, handler);
+ }
+}
+
+/**
+ * Parameter are the same as `addEventListener`.
+ *
+ * Notice that if a listener is registered twice, one with capture and one without,
+ * remove each one separately. Removal of a capturing listener does not affect a
+ * non-capturing version of the same listener, and vice versa.
+ */
+function removeEventListener(el, name, handler, opt) {
+ if (isDomLevel2) {
+ el.removeEventListener(name, handler, opt);
+ }
+ else {
+ el.detachEvent('on' + name, handler);
+ }
+}
+
+/**
+ * preventDefault and stopPropagation.
+ * Notice: do not use this method in zrender. It can only be
+ * used by upper applications if necessary.
+ *
+ * @param {Event} e A mouse or touch event.
+ */
+var stop = isDomLevel2
+ ? function (e) {
+ e.preventDefault();
+ e.stopPropagation();
+ e.cancelBubble = true;
+ }
+ : function (e) {
+ e.returnValue = false;
+ e.cancelBubble = true;
+ };
+
+/**
+ * This method only works for mouseup and mousedown. The functionality is restricted
+ * for fault tolerance, See the `e.which` compatibility above.
+ *
+ * @param {MouseEvent} e
+ * @return {boolean}
+ */
+function isMiddleOrRightButtonOnMouseUpDown(e) {
+ return e.which === 2 || e.which === 3;
+}
+
+/**
+ * To be removed.
+ * @deprecated
+ */
+
+/**
+ * Only implements needed gestures for mobile.
+ */
+
+var GestureMgr = function () {
+
+ /**
+ * @private
+ * @type {Array.<Object>}
+ */
+ this._track = [];
+};
+
+GestureMgr.prototype = {
+
+ constructor: GestureMgr,
+
+ recognize: function (event, target, root) {
+ this._doTrack(event, target, root);
+ return this._recognize(event);
+ },
+
+ clear: function () {
+ this._track.length = 0;
+ return this;
+ },
+
+ _doTrack: function (event, target, root) {
+ var touches = event.touches;
+
+ if (!touches) {
+ return;
+ }
+
+ var trackItem = {
+ points: [],
+ touches: [],
+ target: target,
+ event: event
+ };
+
+ for (var i = 0, len = touches.length; i < len; i++) {
+ var touch = touches[i];
+ var pos = clientToLocal(root, touch, {});
+ trackItem.points.push([pos.zrX, pos.zrY]);
+ trackItem.touches.push(touch);
+ }
+
+ this._track.push(trackItem);
+ },
+
+ _recognize: function (event) {
+ for (var eventName in recognizers) {
+ if (recognizers.hasOwnProperty(eventName)) {
+ var gestureInfo = recognizers[eventName](this._track, event);
+ if (gestureInfo) {
+ return gestureInfo;
+ }
+ }
+ }
+ }
+};
+
+function dist$1(pointPair) {
+ var dx = pointPair[1][0] - pointPair[0][0];
+ var dy = pointPair[1][1] - pointPair[0][1];
+
+ return Math.sqrt(dx * dx + dy * dy);
+}
+
+function center(pointPair) {
+ return [
+ (pointPair[0][0] + pointPair[1][0]) / 2,
+ (pointPair[0][1] + pointPair[1][1]) / 2
+ ];
+}
+
+var recognizers = {
+
+ pinch: function (track, event) {
+ var trackLen = track.length;
+
+ if (!trackLen) {
+ return;
+ }
+
+ var pinchEnd = (track[trackLen - 1] || {}).points;
+ var pinchPre = (track[trackLen - 2] || {}).points || pinchEnd;
+
+ if (pinchPre
+ && pinchPre.length > 1
+ && pinchEnd
+ && pinchEnd.length > 1
+ ) {
+ var pinchScale = dist$1(pinchEnd) / dist$1(pinchPre);
+ !isFinite(pinchScale) && (pinchScale = 1);
+
+ event.pinchScale = pinchScale;
+
+ var pinchCenter = center(pinchEnd);
+ event.pinchX = pinchCenter[0];
+ event.pinchY = pinchCenter[1];
+
+ return {
+ type: 'pinch',
+ target: track[0].target,
+ event: event
+ };
+ }
+ }
+
+ // Only pinch currently.
+};
+
+/**
+ * [The interface between `Handler` and `HandlerProxy`]:
+ *
+ * The default `HandlerProxy` only support the common standard web environment
+ * (e.g., standalone browser, headless browser, embed browser in mobild APP, ...).
+ * But `HandlerProxy` can be replaced to support more non-standard environment
+ * (e.g., mini app), or to support more feature that the default `HandlerProxy`
+ * not provided (like echarts-gl did).
+ * So the interface between `Handler` and `HandlerProxy` should be stable. Do not
+ * make break changes util inevitable. The interface include the public methods
+ * of `Handler` and the events listed in `handlerNames` below, by which `HandlerProxy`
+ * drives `Handler`.
+ */
+
+/**
+ * [Drag outside]:
+ *
+ * That is, triggering `mousemove` and `mouseup` event when the pointer is out of the
+ * zrender area when dragging. That is important for the improvement of the user experience
+ * when dragging something near the boundary without being terminated unexpectedly.
+ *
+ * We originally consider to introduce new events like `pagemovemove` and `pagemouseup`
+ * to resolve this issue. But some drawbacks of it is described in
+ * https://github.com/ecomfe/zrender/pull/536#issuecomment-560286899
+ *
+ * Instead, we referenced the specifications:
+ * https://www.w3.org/TR/touch-events/#the-touchmove-event
+ * https://www.w3.org/TR/2014/WD-DOM-Level-3-Events-20140925/#event-type-mousemove
+ * where the the mousemove/touchmove can be continue to fire if the user began a drag
+ * operation and the pointer has left the boundary. (for the mouse event, browsers
+ * only do it on `document` and when the pointer has left the boundary of the browser.)
+ *
+ * So the default `HandlerProxy` supports this feature similarly: if it is in the dragging
+ * state (see `pointerCapture` in `HandlerProxy`), the `mousemove` and `mouseup` continue
+ * to fire until release the pointer. That is implemented by listen to those event on
+ * `document`.
+ * If we implement some other `HandlerProxy` only for touch device, that would be easier.
+ * The touch event support this feature by default.
+ *
+ * Note:
+ * There might be some cases that the mouse event can not be
+ * received on `document`. For example,
+ * (A) `useCapture` is not supported and some user defined event listeners on the ancestor
+ * of zr dom throw Error .
+ * (B) `useCapture` is not supported Some user defined event listeners on the ancestor of
+ * zr dom call `stopPropagation`.
+ * In these cases, the `mousemove` event might be keep triggered event
+ * if the mouse is released. We try to reduce the side-effect in those cases.
+ * That is, do nothing (especially, `findHover`) in those cases. See `isOutsideBoundary`.
+ *
+ * Note:
+ * If `HandlerProxy` listens to `document` with `useCapture`, `HandlerProxy` needs to
+ * make sure `stopPropagation` and `preventDefault` doing nothing if and only if the event
+ * target is not zrender dom. Becuase it is dangerous to enable users to call them in
+ * `document` capture phase to prevent the propagation to any listener of the webpage.
+ * But they are needed to work when the pointer inside the zrender dom.
+ */
+
+
+var SILENT = 'silent';
+
+function makeEventPacket(eveType, targetInfo, event) {
+ return {
+ type: eveType,
+ event: event,
+ // target can only be an element that is not silent.
+ target: targetInfo.target,
+ // topTarget can be a silent element.
+ topTarget: targetInfo.topTarget,
+ cancelBubble: false,
+ offsetX: event.zrX,
+ offsetY: event.zrY,
+ gestureEvent: event.gestureEvent,
+ pinchX: event.pinchX,
+ pinchY: event.pinchY,
+ pinchScale: event.pinchScale,
+ wheelDelta: event.zrDelta,
+ zrByTouch: event.zrByTouch,
+ which: event.which,
+ stop: stopEvent
+ };
+}
+
+function stopEvent() {
+ stop(this.event);
+}
+
+function EmptyProxy() {}
+EmptyProxy.prototype.dispose = function () {};
+
+
+var handlerNames = [
+ 'click', 'dblclick', 'mousewheel', 'mouseout',
+ 'mouseup', 'mousedown', 'mousemove', 'contextmenu'
+];
+
+/**
+ * @alias module:zrender/Handler
+ * @constructor
+ * @extends module:zrender/mixin/Eventful
+ * @param {module:zrender/Storage} storage Storage instance.
+ * @param {module:zrender/Painter} painter Painter instance.
+ * @param {module:zrender/dom/HandlerProxy} proxy HandlerProxy instance.
+ * @param {HTMLElement} painterRoot painter.root (not painter.getViewportRoot()).
+ */
+var Handler = function (storage, painter, proxy, painterRoot) {
+ Eventful.call(this);
+
+ this.storage = storage;
+
+ this.painter = painter;
+
+ this.painterRoot = painterRoot;
+
+ proxy = proxy || new EmptyProxy();
+
+ /**
+ * Proxy of event. can be Dom, WebGLSurface, etc.
+ */
+ this.proxy = null;
+
+ /**
+ * {target, topTarget, x, y}
+ * @private
+ * @type {Object}
+ */
+ this._hovered = {};
+
+ /**
+ * @private
+ * @type {Date}
+ */
+ this._lastTouchMoment;
+
+ /**
+ * @private
+ * @type {number}
+ */
+ this._lastX;
+
+ /**
+ * @private
+ * @type {number}
+ */
+ this._lastY;
+
+ /**
+ * @private
+ * @type {module:zrender/core/GestureMgr}
+ */
+ this._gestureMgr;
+
+ Draggable.call(this);
+
+ this.setHandlerProxy(proxy);
+};
+
+Handler.prototype = {
+
+ constructor: Handler,
+
+ setHandlerProxy: function (proxy) {
+ if (this.proxy) {
+ this.proxy.dispose();
+ }
+
+ if (proxy) {
+ each$1(handlerNames, function (name) {
+ proxy.on && proxy.on(name, this[name], this);
+ }, this);
+ // Attach handler
+ proxy.handler = this;
+ }
+ this.proxy = proxy;
+ },
+
+ mousemove: function (event) {
+ var x = event.zrX;
+ var y = event.zrY;
+
+ var isOutside = isOutsideBoundary(this, x, y);
+
+ var lastHovered = this._hovered;
+ var lastHoveredTarget = lastHovered.target;
+
+ // If lastHoveredTarget is removed from zr (detected by '__zr') by some API call
+ // (like 'setOption' or 'dispatchAction') in event handlers, we should find
+ // lastHovered again here. Otherwise 'mouseout' can not be triggered normally.
+ // See #6198.
+ if (lastHoveredTarget && !lastHoveredTarget.__zr) {
+ lastHovered = this.findHover(lastHovered.x, lastHovered.y);
+ lastHoveredTarget = lastHovered.target;
+ }
+
+ var hovered = this._hovered = isOutside ? {x: x, y: y} : this.findHover(x, y);
+ var hoveredTarget = hovered.target;
+
+ var proxy = this.proxy;
+ proxy.setCursor && proxy.setCursor(hoveredTarget ? hoveredTarget.cursor : 'default');
+
+ // Mouse out on previous hovered element
+ if (lastHoveredTarget && hoveredTarget !== lastHoveredTarget) {
+ this.dispatchToElement(lastHovered, 'mouseout', event);
+ }
+
+ // Mouse moving on one element
+ this.dispatchToElement(hovered, 'mousemove', event);
+
+ // Mouse over on a new element
+ if (hoveredTarget && hoveredTarget !== lastHoveredTarget) {
+ this.dispatchToElement(hovered, 'mouseover', event);
+ }
+ },
+
+ mouseout: function (event) {
+ var eventControl = event.zrEventControl;
+ var zrIsToLocalDOM = event.zrIsToLocalDOM;
+
+ if (eventControl !== 'only_globalout') {
+ this.dispatchToElement(this._hovered, 'mouseout', event);
+ }
+
+ if (eventControl !== 'no_globalout') {
+ // FIXME: if the pointer moving from the extra doms to realy "outside",
+ // the `globalout` should have been triggered. But currently not.
+ !zrIsToLocalDOM && this.trigger('globalout', {type: 'globalout', event: event});
+ }
+ },
+
+ /**
+ * Resize
+ */
+ resize: function (event) {
+ this._hovered = {};
+ },
+
+ /**
+ * Dispatch event
+ * @param {string} eventName
+ * @param {event=} eventArgs
+ */
+ dispatch: function (eventName, eventArgs) {
+ var handler = this[eventName];
+ handler && handler.call(this, eventArgs);
+ },
+
+ /**
+ * Dispose
+ */
+ dispose: function () {
+
+ this.proxy.dispose();
+
+ this.storage =
+ this.proxy =
+ this.painter = null;
+ },
+
+ /**
+ * 璁剧疆榛樿鐨刢ursor style
+ * @param {string} [cursorStyle='default'] 渚嬪 crosshair
+ */
+ setCursorStyle: function (cursorStyle) {
+ var proxy = this.proxy;
+ proxy.setCursor && proxy.setCursor(cursorStyle);
+ },
+
+ /**
+ * 浜嬩欢鍒嗗彂浠ｇ悊
+ *
+ * @private
+ * @param {Object} targetInfo {target, topTarget} 鐩爣鍥惧舰鍏冪礌
+ * @param {string} eventName 浜嬩欢鍚嶇О
+ * @param {Object} event 浜嬩欢瀵硅薄
+ */
+ dispatchToElement: function (targetInfo, eventName, event) {
+ targetInfo = targetInfo || {};
+ var el = targetInfo.target;
+ if (el && el.silent) {
+ return;
+ }
+ var eventHandler = 'on' + eventName;
+ var eventPacket = makeEventPacket(eventName, targetInfo, event);
+
+ while (el) {
+ el[eventHandler]
+ && (eventPacket.cancelBubble = el[eventHandler].call(el, eventPacket));
+
+ el.trigger(eventName, eventPacket);
+
+ el = el.parent;
+
+ if (eventPacket.cancelBubble) {
+ break;
+ }
+ }
+
+ if (!eventPacket.cancelBubble) {
+ // 鍐掓场鍒伴《绾� zrender 瀵硅薄
+ this.trigger(eventName, eventPacket);
+ // 鍒嗗彂浜嬩欢鍒扮敤鎴疯嚜瀹氫箟灞�
+ // 鐢ㄦ埛鏈夊彲鑳藉湪鍏ㄥ眬 click 浜嬩欢涓� dispose锛屾墍浠ラ渶瑕佸垽鏂笅 painter 鏄惁瀛樺湪
+ this.painter && this.painter.eachOtherLayer(function (layer) {
+ if (typeof (layer[eventHandler]) === 'function') {
+ layer[eventHandler].call(layer, eventPacket);
+ }
+ if (layer.trigger) {
+ layer.trigger(eventName, eventPacket);
+ }
+ });
+ }
+ },
+
+ /**
+ * @private
+ * @param {number} x
+ * @param {number} y
+ * @param {module:zrender/graphic/Displayable} exclude
+ * @return {model:zrender/Element}
+ * @method
+ */
+ findHover: function (x, y, exclude) {
+ var list = this.storage.getDisplayList();
+ var out = {x: x, y: y};
+
+ for (var i = list.length - 1; i >= 0; i--) {
+ var hoverCheckResult;
+ if (list[i] !== exclude
+ // getDisplayList may include ignored item in VML mode
+ && !list[i].ignore
+ && (hoverCheckResult = isHover(list[i], x, y))
+ ) {
+ !out.topTarget && (out.topTarget = list[i]);
+ if (hoverCheckResult !== SILENT) {
+ out.target = list[i];
+ break;
+ }
+ }
+ }
+
+ return out;
+ },
+
+ processGesture: function (event, stage) {
+ if (!this._gestureMgr) {
+ this._gestureMgr = new GestureMgr();
+ }
+ var gestureMgr = this._gestureMgr;
+
+ stage === 'start' && gestureMgr.clear();
+
+ var gestureInfo = gestureMgr.recognize(
+ event,
+ this.findHover(event.zrX, event.zrY, null).target,
+ this.proxy.dom
+ );
+
+ stage === 'end' && gestureMgr.clear();
+
+ // Do not do any preventDefault here. Upper application do that if necessary.
+ if (gestureInfo) {
+ var type = gestureInfo.type;
+ event.gestureEvent = type;
+
+ this.dispatchToElement({target: gestureInfo.target}, type, gestureInfo.event);
+ }
+ }
+};
+
+// Common handlers
+each$1(['click', 'mousedown', 'mouseup', 'mousewheel', 'dblclick', 'contextmenu'], function (name) {
+ Handler.prototype[name] = function (event) {
+ var x = event.zrX;
+ var y = event.zrY;
+ var isOutside = isOutsideBoundary(this, x, y);
+
+ var hovered;
+ var hoveredTarget;
+
+ if (name !== 'mouseup' || !isOutside) {
+ // Find hover again to avoid click event is dispatched manually. Or click is triggered without mouseover
+ hovered = this.findHover(x, y);
+ hoveredTarget = hovered.target;
+ }
+
+ if (name === 'mousedown') {
+ this._downEl = hoveredTarget;
+ this._downPoint = [event.zrX, event.zrY];
+ // In case click triggered before mouseup
+ this._upEl = hoveredTarget;
+ }
+ else if (name === 'mouseup') {
+ this._upEl = hoveredTarget;
+ }
+ else if (name === 'click') {
+ if (this._downEl !== this._upEl
+ // Original click event is triggered on the whole canvas element,
+ // including the case that `mousedown` - `mousemove` - `mouseup`,
+ // which should be filtered, otherwise it will bring trouble to
+ // pan and zoom.
+ || !this._downPoint
+ // Arbitrary value
+ || dist(this._downPoint, [event.zrX, event.zrY]) > 4
+ ) {
+ return;
+ }
+ this._downPoint = null;
+ }
+
+ this.dispatchToElement(hovered, name, event);
+ };
+});
+
+function isHover(displayable, x, y) {
+ if (displayable[displayable.rectHover ? 'rectContain' : 'contain'](x, y)) {
+ var el = displayable;
+ var isSilent;
+ while (el) {
+ // If clipped by ancestor.
+ // FIXME: If clipPath has neither stroke nor fill,
+ // el.clipPath.contain(x, y) will always return false.
+ if (el.clipPath && !el.clipPath.contain(x, y)) {
+ return false;
+ }
+ if (el.silent) {
+ isSilent = true;
+ }
+ el = el.parent;
+ }
+ return isSilent ? SILENT : true;
+ }
+
+ return false;
+}
+
+/**
+ * See [Drag outside].
+ */
+function isOutsideBoundary(handlerInstance, x, y) {
+ var painter = handlerInstance.painter;
+ return x < 0 || x > painter.getWidth() || y < 0 || y > painter.getHeight();
+}
+
+mixin(Handler, Eventful);
+mixin(Handler, Draggable);
+
+/**
+ * 3x2鐭╅樀鎿嶄綔绫�
+ * @exports zrender/tool/matrix
+ */
+
+/* global Float32Array */
+
+var ArrayCtor$1 = typeof Float32Array === 'undefined'
+ ? Array
+ : Float32Array;
+
+/**
+ * Create a identity matrix.
+ * @return {Float32Array|Array.<number>}
+ */
+function create$1() {
+ var out = new ArrayCtor$1(6);
+ identity(out);
+
+ return out;
+}
+
+/**
+ * 璁剧疆鐭╅樀涓哄崟浣嶇煩闃�
+ * @param {Float32Array|Array.<number>} out
+ */
+function identity(out) {
+ out[0] = 1;
+ out[1] = 0;
+ out[2] = 0;
+ out[3] = 1;
+ out[4] = 0;
+ out[5] = 0;
+ return out;
+}
+
+/**
+ * 澶嶅埗鐭╅樀
+ * @param {Float32Array|Array.<number>} out
+ * @param {Float32Array|Array.<number>} m
+ */
+function copy$1(out, m) {
+ out[0] = m[0];
+ out[1] = m[1];
+ out[2] = m[2];
+ out[3] = m[3];
+ out[4] = m[4];
+ out[5] = m[5];
+ return out;
+}
+
+/**
+ * 鐭╅樀鐩镐箻
+ * @param {Float32Array|Array.<number>} out
+ * @param {Float32Array|Array.<number>} m1
+ * @param {Float32Array|Array.<number>} m2
+ */
+function mul$1(out, m1, m2) {
+ // Consider matrix.mul(m, m2, m);
+ // where out is the same as m2.
+ // So use temp variable to escape error.
+ var out0 = m1[0] * m2[0] + m1[2] * m2[1];
+ var out1 = m1[1] * m2[0] + m1[3] * m2[1];
+ var out2 = m1[0] * m2[2] + m1[2] * m2[3];
+ var out3 = m1[1] * m2[2] + m1[3] * m2[3];
+ var out4 = m1[0] * m2[4] + m1[2] * m2[5] + m1[4];
+ var out5 = m1[1] * m2[4] + m1[3] * m2[5] + m1[5];
+ out[0] = out0;
+ out[1] = out1;
+ out[2] = out2;
+ out[3] = out3;
+ out[4] = out4;
+ out[5] = out5;
+ return out;
+}
+
+/**
+ * 骞崇Щ鍙樻崲
+ * @param {Float32Array|Array.<number>} out
+ * @param {Float32Array|Array.<number>} a
+ * @param {Float32Array|Array.<number>} v
+ */
+function translate(out, a, v) {
+ out[0] = a[0];
+ out[1] = a[1];
+ out[2] = a[2];
+ out[3] = a[3];
+ out[4] = a[4] + v[0];
+ out[5] = a[5] + v[1];
+ return out;
+}
+
+/**
+ * 鏃嬭浆鍙樻崲
+ * @param {Float32Array|Array.<number>} out
+ * @param {Float32Array|Array.<number>} a
+ * @param {number} rad
+ */
+function rotate(out, a, rad) {
+ var aa = a[0];
+ var ac = a[2];
+ var atx = a[4];
+ var ab = a[1];
+ var ad = a[3];
+ var aty = a[5];
+ var st = Math.sin(rad);
+ var ct = Math.cos(rad);
+
+ out[0] = aa * ct + ab * st;
+ out[1] = -aa * st + ab * ct;
+ out[2] = ac * ct + ad * st;
+ out[3] = -ac * st + ct * ad;
+ out[4] = ct * atx + st * aty;
+ out[5] = ct * aty - st * atx;
+ return out;
+}
+
+/**
+ * 缂╂斁鍙樻崲
+ * @param {Float32Array|Array.<number>} out
+ * @param {Float32Array|Array.<number>} a
+ * @param {Float32Array|Array.<number>} v
+ */
+function scale$1(out, a, v) {
+ var vx = v[0];
+ var vy = v[1];
+ out[0] = a[0] * vx;
+ out[1] = a[1] * vy;
+ out[2] = a[2] * vx;
+ out[3] = a[3] * vy;
+ out[4] = a[4] * vx;
+ out[5] = a[5] * vy;
+ return out;
+}
+
+/**
+ * 姹傞�嗙煩闃�
+ * @param {Float32Array|Array.<number>} out
+ * @param {Float32Array|Array.<number>} a
+ */
+function invert(out, a) {
+
+ var aa = a[0];
+ var ac = a[2];
+ var atx = a[4];
+ var ab = a[1];
+ var ad = a[3];
+ var aty = a[5];
+
+ var det = aa * ad - ab * ac;
+ if (!det) {
+ return null;
+ }
+ det = 1.0 / det;
+
+ out[0] = ad * det;
+ out[1] = -ab * det;
+ out[2] = -ac * det;
+ out[3] = aa * det;
+ out[4] = (ac * aty - ad * atx) * det;
+ out[5] = (ab * atx - aa * aty) * det;
+ return out;
+}
+
+/**
+ * Clone a new matrix.
+ * @param {Float32Array|Array.<number>} a
+ */
+function clone$2(a) {
+ var b = create$1();
+ copy$1(b, a);
+ return b;
+}
+
+var matrix = (Object.freeze || Object)({
+ create: create$1,
+ identity: identity,
+ copy: copy$1,
+ mul: mul$1,
+ translate: translate,
+ rotate: rotate,
+ scale: scale$1,
+ invert: invert,
+ clone: clone$2
+});
+
+/**
+ * 鎻愪緵鍙樻崲鎵╁睍
+ * @module zrender/mixin/Transformable
+ * @author pissang (https://www.github.com/pissang)
+ */
+
+var mIdentity = identity;
+
+var EPSILON = 5e-5;
+
+function isNotAroundZero(val) {
+ return val > EPSILON || val < -EPSILON;
+}
+
+/**
+ * @alias module:zrender/mixin/Transformable
+ * @constructor
+ */
+var Transformable = function (opts) {
+ opts = opts || {};
+ // If there are no given position, rotation, scale
+ if (!opts.position) {
+ /**
+ * 骞崇Щ
+ * @type {Array.<number>}
+ * @default [0, 0]
+ */
+ this.position = [0, 0];
+ }
+ if (opts.rotation == null) {
+ /**
+ * 鏃嬭浆
+ * @type {Array.<number>}
+ * @default 0
+ */
+ this.rotation = 0;
+ }
+ if (!opts.scale) {
+ /**
+ * 缂╂斁
+ * @type {Array.<number>}
+ * @default [1, 1]
+ */
+ this.scale = [1, 1];
+ }
+ /**
+ * 鏃嬭浆鍜岀缉鏀剧殑鍘熺偣
+ * @type {Array.<number>}
+ * @default null
+ */
+ this.origin = this.origin || null;
+};
+
+var transformableProto = Transformable.prototype;
+transformableProto.transform = null;
+
+/**
+ * 鍒ゆ柇鏄惁闇�瑕佹湁鍧愭爣鍙樻崲
+ * 濡傛灉鏈夊潗鏍囧彉鎹�, 鍒欎粠position, rotation, scale浠ュ強鐖惰妭鐐圭殑transform璁＄畻鍑鸿嚜韬殑transform鐭╅樀
+ */
+transformableProto.needLocalTransform = function () {
+ return isNotAroundZero(this.rotation)
+ || isNotAroundZero(this.position[0])
+ || isNotAroundZero(this.position[1])
+ || isNotAroundZero(this.scale[0] - 1)
+ || isNotAroundZero(this.scale[1] - 1);
+};
+
+var scaleTmp = [];
+transformableProto.updateTransform = function () {
+ var parent = this.parent;
+ var parentHasTransform = parent && parent.transform;
+ var needLocalTransform = this.needLocalTransform();
+
+ var m = this.transform;
+ if (!(needLocalTransform || parentHasTransform)) {
+ m && mIdentity(m);
+ return;
+ }
+
+ m = m || create$1();
+
+ if (needLocalTransform) {
+ this.getLocalTransform(m);
+ }
+ else {
+ mIdentity(m);
+ }
+
+ // 搴旂敤鐖惰妭鐐瑰彉鎹�
+ if (parentHasTransform) {
+ if (needLocalTransform) {
+ mul$1(m, parent.transform, m);
+ }
+ else {
+ copy$1(m, parent.transform);
+ }
+ }
+ // 淇濆瓨杩欎釜鍙樻崲鐭╅樀
+ this.transform = m;
+
+ var globalScaleRatio = this.globalScaleRatio;
+ if (globalScaleRatio != null && globalScaleRatio !== 1) {
+ this.getGlobalScale(scaleTmp);
+ var relX = scaleTmp[0] < 0 ? -1 : 1;
+ var relY = scaleTmp[1] < 0 ? -1 : 1;
+ var sx = ((scaleTmp[0] - relX) * globalScaleRatio + relX) / scaleTmp[0] || 0;
+ var sy = ((scaleTmp[1] - relY) * globalScaleRatio + relY) / scaleTmp[1] || 0;
+
+ m[0] *= sx;
+ m[1] *= sx;
+ m[2] *= sy;
+ m[3] *= sy;
+ }
+
+ this.invTransform = this.invTransform || create$1();
+ invert(this.invTransform, m);
+};
+
+transformableProto.getLocalTransform = function (m) {
+ return Transformable.getLocalTransform(this, m);
+};
+
+/**
+ * 灏嗚嚜宸辩殑transform搴旂敤鍒癱ontext涓�
+ * @param {CanvasRenderingContext2D} ctx
+ */
+transformableProto.setTransform = function (ctx) {
+ var m = this.transform;
+ var dpr = ctx.dpr || 1;
+ if (m) {
+ ctx.setTransform(dpr * m[0], dpr * m[1], dpr * m[2], dpr * m[3], dpr * m[4], dpr * m[5]);
+ }
+ else {
+ ctx.setTransform(dpr, 0, 0, dpr, 0, 0);
+ }
+};
+
+transformableProto.restoreTransform = function (ctx) {
+ var dpr = ctx.dpr || 1;
+ ctx.setTransform(dpr, 0, 0, dpr, 0, 0);
+};
+
+var tmpTransform = [];
+var originTransform = create$1();
+
+transformableProto.setLocalTransform = function (m) {
+ if (!m) {
+ // TODO return or set identity?
+ return;
+ }
+ var sx = m[0] * m[0] + m[1] * m[1];
+ var sy = m[2] * m[2] + m[3] * m[3];
+ var position = this.position;
+ var scale$$1 = this.scale;
+ if (isNotAroundZero(sx - 1)) {
+ sx = Math.sqrt(sx);
+ }
+ if (isNotAroundZero(sy - 1)) {
+ sy = Math.sqrt(sy);
+ }
+ if (m[0] < 0) {
+ sx = -sx;
+ }
+ if (m[3] < 0) {
+ sy = -sy;
+ }
+
+ position[0] = m[4];
+ position[1] = m[5];
+ scale$$1[0] = sx;
+ scale$$1[1] = sy;
+ this.rotation = Math.atan2(-m[1] / sy, m[0] / sx);
+};
+/**
+ * 鍒嗚В`transform`鐭╅樀鍒癭position`, `rotation`, `scale`
+ */
+transformableProto.decomposeTransform = function () {
+ if (!this.transform) {
+ return;
+ }
+ var parent = this.parent;
+ var m = this.transform;
+ if (parent && parent.transform) {
+ // Get local transform and decompose them to position, scale, rotation
+ mul$1(tmpTransform, parent.invTransform, m);
+ m = tmpTransform;
+ }
+ var origin = this.origin;
+ if (origin && (origin[0] || origin[1])) {
+ originTransform[4] = origin[0];
+ originTransform[5] = origin[1];
+ mul$1(tmpTransform, m, originTransform);
+ tmpTransform[4] -= origin[0];
+ tmpTransform[5] -= origin[1];
+ m = tmpTransform;
+ }
+
+ this.setLocalTransform(m);
+};
+
+/**
+ * Get global scale
+ * @return {Array.<number>}
+ */
+transformableProto.getGlobalScale = function (out) {
+ var m = this.transform;
+ out = out || [];
+ if (!m) {
+ out[0] = 1;
+ out[1] = 1;
+ return out;
+ }
+ out[0] = Math.sqrt(m[0] * m[0] + m[1] * m[1]);
+ out[1] = Math.sqrt(m[2] * m[2] + m[3] * m[3]);
+ if (m[0] < 0) {
+ out[0] = -out[0];
+ }
+ if (m[3] < 0) {
+ out[1] = -out[1];
+ }
+ return out;
+};
+/**
+ * 鍙樻崲鍧愭爣浣嶇疆鍒� shape 鐨勫眬閮ㄥ潗鏍囩┖闂�
+ * @method
+ * @param {number} x
+ * @param {number} y
+ * @return {Array.<number>}
+ */
+transformableProto.transformCoordToLocal = function (x, y) {
+ var v2 = [x, y];
+ var invTransform = this.invTransform;
+ if (invTransform) {
+ applyTransform(v2, v2, invTransform);
+ }
+ return v2;
+};
+
+/**
+ * 鍙樻崲灞�閮ㄥ潗鏍囦綅缃埌鍏ㄥ眬鍧愭爣绌洪棿
+ * @method
+ * @param {number} x
+ * @param {number} y
+ * @return {Array.<number>}
+ */
+transformableProto.transformCoordToGlobal = function (x, y) {
+ var v2 = [x, y];
+ var transform = this.transform;
+ if (transform) {
+ applyTransform(v2, v2, transform);
+ }
+ return v2;
+};
+
+/**
+ * @static
+ * @param {Object} target
+ * @param {Array.<number>} target.origin
+ * @param {number} target.rotation
+ * @param {Array.<number>} target.position
+ * @param {Array.<number>} [m]
+ */
+Transformable.getLocalTransform = function (target, m) {
+ m = m || [];
+ mIdentity(m);
+
+ var origin = target.origin;
+ var scale$$1 = target.scale || [1, 1];
+ var rotation = target.rotation || 0;
+ var position = target.position || [0, 0];
+
+ if (origin) {
+ // Translate to origin
+ m[4] -= origin[0];
+ m[5] -= origin[1];
+ }
+ scale$1(m, m, scale$$1);
+ if (rotation) {
+ rotate(m, m, rotation);
+ }
+ if (origin) {
+ // Translate back from origin
+ m[4] += origin[0];
+ m[5] += origin[1];
+ }
+
+ m[4] += position[0];
+ m[5] += position[1];
+
+ return m;
+};
+
+/**
+ * 缂撳姩浠ｇ爜鏉ヨ嚜 https://github.com/sole/tween.js/blob/master/src/Tween.js
+ * @see http://sole.github.io/tween.js/examples/03_graphs.html
+ * @exports zrender/animation/easing
+ */
+var easing = {
+ /**
+ * @param {number} k
+ * @return {number}
+ */
+ linear: function (k) {
+ return k;
+ },
+
+ /**
+ * @param {number} k
+ * @return {number}
+ */
+ quadraticIn: function (k) {
+ return k * k;
+ },
+ /**
+ * @param {number} k
+ * @return {number}
+ */
+ quadraticOut: function (k) {
+ return k * (2 - k);
+ },
+ /**
+ * @param {number} k
+ * @return {number}
+ */
+ quadraticInOut: function (k) {
+ if ((k *= 2) < 1) {
+ return 0.5 * k * k;
+ }
+ return -0.5 * (--k * (k - 2) - 1);
+ },
+
+ // 涓夋鏂圭殑缂撳姩锛坱^3锛�
+ /**
+ * @param {number} k
+ * @return {number}
+ */
+ cubicIn: function (k) {
+ return k * k * k;
+ },
+ /**
+ * @param {number} k
+ * @return {number}
+ */
+ cubicOut: function (k) {
+ return --k * k * k + 1;
+ },
+ /**
+ * @param {number} k
+ * @return {number}
+ */
+ cubicInOut: function (k) {
+ if ((k *= 2) < 1) {
+ return 0.5 * k * k * k;
+ }
+ return 0.5 * ((k -= 2) * k * k + 2);
+ },
+
+ // 鍥涙鏂圭殑缂撳姩锛坱^4锛�
+ /**
+ * @param {number} k
+ * @return {number}
+ */
+ quarticIn: function (k) {
+ return k * k * k * k;
+ },
+ /**
+ * @param {number} k
+ * @return {number}
+ */
+ quarticOut: function (k) {
+ return 1 - (--k * k * k * k);
+ },
+ /**
+ * @param {number} k
+ * @return {number}
+ */
+ quarticInOut: function (k) {
+ if ((k *= 2) < 1) {
+ return 0.5 * k * k * k * k;
+ }
+ return -0.5 * ((k -= 2) * k * k * k - 2);
+ },
+
+ // 浜旀鏂圭殑缂撳姩锛坱^5锛�
+ /**
+ * @param {number} k
+ * @return {number}
+ */
+ quinticIn: function (k) {
+ return k * k * k * k * k;
+ },
+ /**
+ * @param {number} k
+ * @return {number}
+ */
+ quinticOut: function (k) {
+ return --k * k * k * k * k + 1;
+ },
+ /**
+ * @param {number} k
+ * @return {number}
+ */
+ quinticInOut: function (k) {
+ if ((k *= 2) < 1) {
+ return 0.5 * k * k * k * k * k;
+ }
+ return 0.5 * ((k -= 2) * k * k * k * k + 2);
+ },
+
+ // 姝ｅ鸡鏇茬嚎鐨勭紦鍔紙sin(t)锛�
+ /**
+ * @param {number} k
+ * @return {number}
+ */
+ sinusoidalIn: function (k) {
+ return 1 - Math.cos(k * Math.PI / 2);
+ },
+ /**
+ * @param {number} k
+ * @return {number}
+ */
+ sinusoidalOut: function (k) {
+ return Math.sin(k * Math.PI / 2);
+ },
+ /**
+ * @param {number} k
+ * @return {number}
+ */
+ sinusoidalInOut: function (k) {
+ return 0.5 * (1 - Math.cos(Math.PI * k));
+ },
+
+ // 鎸囨暟鏇茬嚎鐨勭紦鍔紙2^t锛�
+ /**
+ * @param {number} k
+ * @return {number}
+ */
+ exponentialIn: function (k) {
+ return k === 0 ? 0 : Math.pow(1024, k - 1);
+ },
+ /**
+ * @param {number} k
+ * @return {number}
+ */
+ exponentialOut: function (k) {
+ return k === 1 ? 1 : 1 - Math.pow(2, -10 * k);
+ },
+ /**
+ * @param {number} k
+ * @return {number}
+ */
+ exponentialInOut: function (k) {
+ if (k === 0) {
+ return 0;
+ }
+ if (k === 1) {
+ return 1;
+ }
+ if ((k *= 2) < 1) {
+ return 0.5 * Math.pow(1024, k - 1);
+ }
+ return 0.5 * (-Math.pow(2, -10 * (k - 1)) + 2);
+ },
+
+ // 鍦嗗舰鏇茬嚎鐨勭紦鍔紙sqrt(1-t^2)锛�
+ /**
+ * @param {number} k
+ * @return {number}
+ */
+ circularIn: function (k) {
+ return 1 - Math.sqrt(1 - k * k);
+ },
+ /**
+ * @param {number} k
+ * @return {number}
+ */
+ circularOut: function (k) {
+ return Math.sqrt(1 - (--k * k));
+ },
+ /**
+ * @param {number} k
+ * @return {number}
+ */
+ circularInOut: function (k) {
+ if ((k *= 2) < 1) {
+ return -0.5 * (Math.sqrt(1 - k * k) - 1);
+ }
+ return 0.5 * (Math.sqrt(1 - (k -= 2) * k) + 1);
+ },
+
+ // 鍒涘缓绫讳技浜庡脊绨у湪鍋滄鍓嶆潵鍥炴尟鑽＄殑鍔ㄧ敾
+ /**
+ * @param {number} k
+ * @return {number}
+ */
+ elasticIn: function (k) {
+ var s;
+ var a = 0.1;
+ var p = 0.4;
+ if (k === 0) {
+ return 0;
+ }
+ if (k === 1) {
+ return 1;
+ }
+ if (!a || a < 1) {
+ a = 1;
+ s = p / 4;
+ }
+ else {
+ s = p * Math.asin(1 / a) / (2 * Math.PI);
+ }
+ return -(a * Math.pow(2, 10 * (k -= 1))
+ * Math.sin((k - s) * (2 * Math.PI) / p));
+ },
+ /**
+ * @param {number} k
+ * @return {number}
+ */
+ elasticOut: function (k) {
+ var s;
+ var a = 0.1;
+ var p = 0.4;
+ if (k === 0) {
+ return 0;
+ }
+ if (k === 1) {
+ return 1;
+ }
+ if (!a || a < 1) {
+ a = 1;
+ s = p / 4;
+ }
+ else {
+ s = p * Math.asin(1 / a) / (2 * Math.PI);
+ }
+ return (a * Math.pow(2, -10 * k)
+ * Math.sin((k - s) * (2 * Math.PI) / p) + 1);
+ },
+ /**
+ * @param {number} k
+ * @return {number}
+ */
+ elasticInOut: function (k) {
+ var s;
+ var a = 0.1;
+ var p = 0.4;
+ if (k === 0) {
+ return 0;
+ }
+ if (k === 1) {
+ return 1;
+ }
+ if (!a || a < 1) {
+ a = 1;
+ s = p / 4;
+ }
+ else {
+ s = p * Math.asin(1 / a) / (2 * Math.PI);
+ }
+ if ((k *= 2) < 1) {
+ return -0.5 * (a * Math.pow(2, 10 * (k -= 1))
+ * Math.sin((k - s) * (2 * Math.PI) / p));
+ }
+ return a * Math.pow(2, -10 * (k -= 1))
+ * Math.sin((k - s) * (2 * Math.PI) / p) * 0.5 + 1;
+
+ },
+
+ // 鍦ㄦ煇涓�鍔ㄧ敾寮�濮嬫部鎸囩ず鐨勮矾寰勮繘琛屽姩鐢诲鐞嗗墠绋嶇◢鏀跺洖璇ュ姩鐢荤殑绉诲姩
+ /**
+ * @param {number} k
+ * @return {number}
+ */
+ backIn: function (k) {
+ var s = 1.70158;
+ return k * k * ((s + 1) * k - s);
+ },
+ /**
+ * @param {number} k
+ * @return {number}
+ */
+ backOut: function (k) {
+ var s = 1.70158;
+ return --k * k * ((s + 1) * k + s) + 1;
+ },
+ /**
+ * @param {number} k
+ * @return {number}
+ */
+ backInOut: function (k) {
+ var s = 1.70158 * 1.525;
+ if ((k *= 2) < 1) {
+ return 0.5 * (k * k * ((s + 1) * k - s));
+ }
+ return 0.5 * ((k -= 2) * k * ((s + 1) * k + s) + 2);
+ },
+
+ // 鍒涘缓寮硅烦鏁堟灉
+ /**
+ * @param {number} k
+ * @return {number}
+ */
+ bounceIn: function (k) {
+ return 1 - easing.bounceOut(1 - k);
+ },
+ /**
+ * @param {number} k
+ * @return {number}
+ */
+ bounceOut: function (k) {
+ if (k < (1 / 2.75)) {
+ return 7.5625 * k * k;
+ }
+ else if (k < (2 / 2.75)) {
+ return 7.5625 * (k -= (1.5 / 2.75)) * k + 0.75;
+ }
+ else if (k < (2.5 / 2.75)) {
+ return 7.5625 * (k -= (2.25 / 2.75)) * k + 0.9375;
+ }
+ else {
+ return 7.5625 * (k -= (2.625 / 2.75)) * k + 0.984375;
+ }
+ },
+ /**
+ * @param {number} k
+ * @return {number}
+ */
+ bounceInOut: function (k) {
+ if (k < 0.5) {
+ return easing.bounceIn(k * 2) * 0.5;
+ }
+ return easing.bounceOut(k * 2 - 1) * 0.5 + 0.5;
+ }
+};
+
+/**
+ * 鍔ㄧ敾涓绘帶鍒跺櫒
+ * @config target 鍔ㄧ敾瀵硅薄锛屽彲浠ユ槸鏁扮粍锛屽鏋滄槸鏁扮粍鐨勮瘽浼氭壒閲忓垎鍙憃nframe绛変簨浠�
+ * @config life(1000) 鍔ㄧ敾鏃堕暱
+ * @config delay(0) 鍔ㄧ敾寤惰繜鏃堕棿
+ * @config loop(true)
+ * @config gap(0) 寰幆鐨勯棿闅旀椂闂�
+ * @config onframe
+ * @config easing(optional)
+ * @config ondestroy(optional)
+ * @config onrestart(optional)
+ *
+ * TODO pause
+ */
+
+function Clip(options) {
+
+ this._target = options.target;
+
+ // 鐢熷懡鍛ㄦ湡
+ this._life = options.life || 1000;
+ // 寤舵椂
+ this._delay = options.delay || 0;
+ // 寮�濮嬫椂闂�
+ // this._startTime = new Date().getTime() + this._delay;// 鍗曚綅姣
+ this._initialized = false;
+
+ // 鏄惁寰幆
+ this.loop = options.loop == null ? false : options.loop;
+
+ this.gap = options.gap || 0;
+
+ this.easing = options.easing || 'Linear';
+
+ this.onframe = options.onframe;
+ this.ondestroy = options.ondestroy;
+ this.onrestart = options.onrestart;
+
+ this._pausedTime = 0;
+ this._paused = false;
+}
+
+Clip.prototype = {
+
+ constructor: Clip,
+
+ step: function (globalTime, deltaTime) {
+ // Set startTime on first step, or _startTime may has milleseconds different between clips
+ // PENDING
+ if (!this._initialized) {
+ this._startTime = globalTime + this._delay;
+ this._initialized = true;
+ }
+
+ if (this._paused) {
+ this._pausedTime += deltaTime;
+ return;
+ }
+
+ var percent = (globalTime - this._startTime - this._pausedTime) / this._life;
+
+ // 杩樻病寮�濮�
+ if (percent < 0) {
+ return;
+ }
+
+ percent = Math.min(percent, 1);
+
+ var easing$$1 = this.easing;
+ var easingFunc = typeof easing$$1 === 'string' ? easing[easing$$1] : easing$$1;
+ var schedule = typeof easingFunc === 'function'
+ ? easingFunc(percent)
+ : percent;
+
+ this.fire('frame', schedule);
+
+ // 缁撴潫
+ if (percent === 1) {
+ if (this.loop) {
+ this.restart(globalTime);
+ // 閲嶆柊寮�濮嬪懆鏈�
+ // 鎶涘嚭鑰屼笉鏄洿鎺ヨ皟鐢ㄤ簨浠剁洿鍒� stage.update 鍚庡啀缁熶竴璋冪敤杩欎簺浜嬩欢
+ return 'restart';
+ }
+
+ // 鍔ㄧ敾瀹屾垚灏嗚繖涓帶鍒跺櫒鏍囪瘑涓哄緟鍒犻櫎
+ // 鍦ˋnimation.update涓繘琛屾壒閲忓垹闄�
+ this._needsRemove = true;
+ return 'destroy';
+ }
+
+ return null;
+ },
+
+ restart: function (globalTime) {
+ var remainder = (globalTime - this._startTime - this._pausedTime) % this._life;
+ this._startTime = globalTime - remainder + this.gap;
+ this._pausedTime = 0;
+
+ this._needsRemove = false;
+ },
+
+ fire: function (eventType, arg) {
+ eventType = 'on' + eventType;
+ if (this[eventType]) {
+ this[eventType](this._target, arg);
+ }
+ },
+
+ pause: function () {
+ this._paused = true;
+ },
+
+ resume: function () {
+ this._paused = false;
+ }
+};
+
+// Simple LRU cache use doubly linked list
+// @module zrender/core/LRU
+
+/**
+ * Simple double linked list. Compared with array, it has O(1) remove operation.
+ * @constructor
+ */
+var LinkedList = function () {
+
+ /**
+ * @type {module:zrender/core/LRU~Entry}
+ */
+ this.head = null;
+
+ /**
+ * @type {module:zrender/core/LRU~Entry}
+ */
+ this.tail = null;
+
+ this._len = 0;
+};
+
+var linkedListProto = LinkedList.prototype;
+/**
+ * Insert a new value at the tail
+ * @param {} val
+ * @return {module:zrender/core/LRU~Entry}
+ */
+linkedListProto.insert = function (val) {
+ var entry = new Entry(val);
+ this.insertEntry(entry);
+ return entry;
+};
+
+/**
+ * Insert an entry at the tail
+ * @param {module:zrender/core/LRU~Entry} entry
+ */
+linkedListProto.insertEntry = function (entry) {
+ if (!this.head) {
+ this.head = this.tail = entry;
+ }
+ else {
+ this.tail.next = entry;
+ entry.prev = this.tail;
+ entry.next = null;
+ this.tail = entry;
+ }
+ this._len++;
+};
+
+/**
+ * Remove entry.
+ * @param {module:zrender/core/LRU~Entry} entry
+ */
+linkedListProto.remove = function (entry) {
+ var prev = entry.prev;
+ var next = entry.next;
+ if (prev) {
+ prev.next = next;
+ }
+ else {
+ // Is head
+ this.head = next;
+ }
+ if (next) {
+ next.prev = prev;
+ }
+ else {
+ // Is tail
+ this.tail = prev;
+ }
+ entry.next = entry.prev = null;
+ this._len--;
+};
+
+/**
+ * @return {number}
+ */
+linkedListProto.len = function () {
+ return this._len;
+};
+
+/**
+ * Clear list
+ */
+linkedListProto.clear = function () {
+ this.head = this.tail = null;
+ this._len = 0;
+};
+
+/**
+ * @constructor
+ * @param {} val
+ */
+var Entry = function (val) {
+ /**
+ * @type {}
+ */
+ this.value = val;
+
+ /**
+ * @type {module:zrender/core/LRU~Entry}
+ */
+ this.next;
+
+ /**
+ * @type {module:zrender/core/LRU~Entry}
+ */
+ this.prev;
+};
+
+/**
+ * LRU Cache
+ * @constructor
+ * @alias module:zrender/core/LRU
+ */
+var LRU = function (maxSize) {
+
+ this._list = new LinkedList();
+
+ this._map = {};
+
+ this._maxSize = maxSize || 10;
+
+ this._lastRemovedEntry = null;
+};
+
+var LRUProto = LRU.prototype;
+
+/**
+ * @param {string} key
+ * @param {} value
+ * @return {} Removed value
+ */
+LRUProto.put = function (key, value) {
+ var list = this._list;
+ var map = this._map;
+ var removed = null;
+ if (map[key] == null) {
+ var len = list.len();
+ // Reuse last removed entry
+ var entry = this._lastRemovedEntry;
+
+ if (len >= this._maxSize && len > 0) {
+ // Remove the least recently used
+ var leastUsedEntry = list.head;
+ list.remove(leastUsedEntry);
+ delete map[leastUsedEntry.key];
+
+ removed = leastUsedEntry.value;
+ this._lastRemovedEntry = leastUsedEntry;
+ }
+
+ if (entry) {
+ entry.value = value;
+ }
+ else {
+ entry = new Entry(value);
+ }
+ entry.key = key;
+ list.insertEntry(entry);
+ map[key] = entry;
+ }
+
+ return removed;
+};
+
+/**
+ * @param {string} key
+ * @return {}
+ */
+LRUProto.get = function (key) {
+ var entry = this._map[key];
+ var list = this._list;
+ if (entry != null) {
+ // Put the latest used entry in the tail
+ if (entry !== list.tail) {
+ list.remove(entry);
+ list.insertEntry(entry);
+ }
+
+ return entry.value;
+ }
+};
+
+/**
+ * Clear the cache
+ */
+LRUProto.clear = function () {
+ this._list.clear();
+ this._map = {};
+};
+
+var kCSSColorTable = {
+ '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 clampCssByte(i) { // Clamp to integer 0 .. 255.
+ i = Math.round(i); // Seems to be what Chrome does (vs truncation).
+ return i < 0 ? 0 : i > 255 ? 255 : i;
+}
+
+function clampCssAngle(i) { // Clamp to integer 0 .. 360.
+ i = Math.round(i); // Seems to be what Chrome does (vs truncation).
+ return i < 0 ? 0 : i > 360 ? 360 : i;
+}
+
+function clampCssFloat(f) { // Clamp to float 0.0 .. 1.0.
+ return f < 0 ? 0 : f > 1 ? 1 : f;
+}
+
+function parseCssInt(str) { // int or percentage.
+ if (str.length && str.charAt(str.length - 1) === '%') {
+ return clampCssByte(parseFloat(str) / 100 * 255);
+ }
+ return clampCssByte(parseInt(str, 10));
+}
+
+function parseCssFloat(str) { // float or percentage.
+ if (str.length && str.charAt(str.length - 1) === '%') {
+ return clampCssFloat(parseFloat(str) / 100);
+ }
+ return clampCssFloat(parseFloat(str));
+}
+
+function cssHueToRgb(m1, m2, h) {
+ if (h < 0) {
+ h += 1;
+ }
+ else if (h > 1) {
+ h -= 1;
+ }
+
+ if (h * 6 < 1) {
+ return m1 + (m2 - m1) * h * 6;
+ }
+ if (h * 2 < 1) {
+ return m2;
+ }
+ if (h * 3 < 2) {
+ return m1 + (m2 - m1) * (2 / 3 - h) * 6;
+ }
+ return m1;
+}
+
+function lerpNumber(a, b, p) {
+ return a + (b - a) * p;
+}
+
+function setRgba(out, r, g, b, a) {
+ out[0] = r;
+ out[1] = g;
+ out[2] = b;
+ out[3] = a;
+ return out;
+}
+function copyRgba(out, a) {
+ out[0] = a[0];
+ out[1] = a[1];
+ out[2] = a[2];
+ out[3] = a[3];
+ return out;
+}
+
+var colorCache = new LRU(20);
+var lastRemovedArr = null;
+
+function putToCache(colorStr, rgbaArr) {
+ // Reuse removed array
+ if (lastRemovedArr) {
+ copyRgba(lastRemovedArr, rgbaArr);
+ }
+ lastRemovedArr = colorCache.put(colorStr, lastRemovedArr || (rgbaArr.slice()));
+}
+
+/**
+ * @param {string} colorStr
+ * @param {Array.<number>} out
+ * @return {Array.<number>}
+ * @memberOf module:zrender/util/color
+ */
+function parse(colorStr, rgbaArr) {
+ if (!colorStr) {
+ return;
+ }
+ rgbaArr = rgbaArr || [];
+
+ var cached = colorCache.get(colorStr);
+ if (cached) {
+ return copyRgba(rgbaArr, cached);
+ }
+
+ // colorStr may be not string
+ colorStr = colorStr + '';
+ // Remove all whitespace, not compliant, but should just be more accepting.
+ var str = colorStr.replace(/ /g, '').toLowerCase();
+
+ // Color keywords (and transparent) lookup.
+ if (str in kCSSColorTable) {
+ copyRgba(rgbaArr, kCSSColorTable[str]);
+ putToCache(colorStr, rgbaArr);
+ return rgbaArr;
+ }
+
+ // #abc and #abc123 syntax.
+ if (str.charAt(0) === '#') {
+ if (str.length === 4) {
+ var iv = parseInt(str.substr(1), 16); // TODO(deanm): Stricter parsing.
+ if (!(iv >= 0 && iv <= 0xfff)) {
+ setRgba(rgbaArr, 0, 0, 0, 1);
+ return; // Covers NaN.
+ }
+ setRgba(rgbaArr,
+ ((iv & 0xf00) >> 4) | ((iv & 0xf00) >> 8),
+ (iv & 0xf0) | ((iv & 0xf0) >> 4),
+ (iv & 0xf) | ((iv & 0xf) << 4),
+ 1
+ );
+ putToCache(colorStr, rgbaArr);
+ return rgbaArr;
+ }
+ else if (str.length === 7) {
+ var iv = parseInt(str.substr(1), 16); // TODO(deanm): Stricter parsing.
+ if (!(iv >= 0 && iv <= 0xffffff)) {
+ setRgba(rgbaArr, 0, 0, 0, 1);
+ return; // Covers NaN.
+ }
+ setRgba(rgbaArr,
+ (iv & 0xff0000) >> 16,
+ (iv & 0xff00) >> 8,
+ iv & 0xff,
+ 1
+ );
+ putToCache(colorStr, rgbaArr);
+ return rgbaArr;
+ }
+
+ return;
+ }
+ var op = str.indexOf('(');
+ var ep = str.indexOf(')');
+ if (op !== -1 && ep + 1 === str.length) {
+ var fname = str.substr(0, op);
+ var params = str.substr(op + 1, ep - (op + 1)).split(',');
+ var alpha = 1; // To allow case fallthrough.
+ switch (fname) {
+ case 'rgba':
+ if (params.length !== 4) {
+ setRgba(rgbaArr, 0, 0, 0, 1);
+ return;
+ }
+ alpha = parseCssFloat(params.pop()); // jshint ignore:line
+ // Fall through.
+ case 'rgb':
+ if (params.length !== 3) {
+ setRgba(rgbaArr, 0, 0, 0, 1);
+ return;
+ }
+ setRgba(rgbaArr,
+ parseCssInt(params[0]),
+ parseCssInt(params[1]),
+ parseCssInt(params[2]),
+ alpha
+ );
+ putToCache(colorStr, rgbaArr);
+ return rgbaArr;
+ case 'hsla':
+ if (params.length !== 4) {
+ setRgba(rgbaArr, 0, 0, 0, 1);
+ return;
+ }
+ params[3] = parseCssFloat(params[3]);
+ hsla2rgba(params, rgbaArr);
+ putToCache(colorStr, rgbaArr);
+ return rgbaArr;
+ case 'hsl':
+ if (params.length !== 3) {
+ setRgba(rgbaArr, 0, 0, 0, 1);
+ return;
+ }
+ hsla2rgba(params, rgbaArr);
+ putToCache(colorStr, rgbaArr);
+ return rgbaArr;
+ default:
+ return;
+ }
+ }
+
+ setRgba(rgbaArr, 0, 0, 0, 1);
+ return;
+}
+
+/**
+ * @param {Array.<number>} hsla
+ * @param {Array.<number>} rgba
+ * @return {Array.<number>} rgba
+ */
+function hsla2rgba(hsla, rgba) {
+ var h = (((parseFloat(hsla[0]) % 360) + 360) % 360) / 360; // 0 .. 1
+ // NOTE(deanm): According to the CSS spec s/l should only be
+ // percentages, but we don't bother and let float or percentage.
+ var s = parseCssFloat(hsla[1]);
+ var l = parseCssFloat(hsla[2]);
+ var m2 = l <= 0.5 ? l * (s + 1) : l + s - l * s;
+ var m1 = l * 2 - m2;
+
+ rgba = rgba || [];
+ setRgba(rgba,
+ clampCssByte(cssHueToRgb(m1, m2, h + 1 / 3) * 255),
+ clampCssByte(cssHueToRgb(m1, m2, h) * 255),
+ clampCssByte(cssHueToRgb(m1, m2, h - 1 / 3) * 255),
+ 1
+ );
+
+ if (hsla.length === 4) {
+ rgba[3] = hsla[3];
+ }
+
+ return rgba;
+}
+
+/**
+ * @param {Array.<number>} rgba
+ * @return {Array.<number>} hsla
+ */
+function rgba2hsla(rgba) {
+ if (!rgba) {
+ return;
+ }
+
+ // RGB from 0 to 255
+ var R = rgba[0] / 255;
+ var G = rgba[1] / 255;
+ var B = rgba[2] / 255;
+
+ var vMin = Math.min(R, G, B); // Min. value of RGB
+ var vMax = Math.max(R, G, B); // Max. value of RGB
+ var delta = vMax - vMin; // Delta RGB value
+
+ var L = (vMax + vMin) / 2;
+ var H;
+ var S;
+ // HSL results from 0 to 1
+ if (delta === 0) {
+ H = 0;
+ S = 0;
+ }
+ else {
+ if (L < 0.5) {
+ S = delta / (vMax + vMin);
+ }
+ else {
+ S = delta / (2 - vMax - vMin);
+ }
+
+ var deltaR = (((vMax - R) / 6) + (delta / 2)) / delta;
+ var deltaG = (((vMax - G) / 6) + (delta / 2)) / delta;
+ var deltaB = (((vMax - B) / 6) + (delta / 2)) / delta;
+
+ if (R === vMax) {
+ H = deltaB - deltaG;
+ }
+ else if (G === vMax) {
+ H = (1 / 3) + deltaR - deltaB;
+ }
+ else if (B === vMax) {
+ H = (2 / 3) + deltaG - deltaR;
+ }
+
+ if (H < 0) {
+ H += 1;
+ }
+
+ if (H > 1) {
+ H -= 1;
+ }
+ }
+
+ var hsla = [H * 360, S, L];
+
+ if (rgba[3] != null) {
+ hsla.push(rgba[3]);
+ }
+
+ return hsla;
+}
+
+/**
+ * @param {string} color
+ * @param {number} level
+ * @return {string}
+ * @memberOf module:zrender/util/color
+ */
+function lift(color, level) {
+ var colorArr = parse(color);
+ if (colorArr) {
+ for (var i = 0; i < 3; i++) {
+ if (level < 0) {
+ colorArr[i] = colorArr[i] * (1 - level) | 0;
+ }
+ else {
+ colorArr[i] = ((255 - colorArr[i]) * level + colorArr[i]) | 0;
+ }
+ if (colorArr[i] > 255) {
+ colorArr[i] = 255;
+ }
+ else if (color[i] < 0) {
+ colorArr[i] = 0;
+ }
+ }
+ return stringify(colorArr, colorArr.length === 4 ? 'rgba' : 'rgb');
+ }
+}
+
+/**
+ * @param {string} color
+ * @return {string}
+ * @memberOf module:zrender/util/color
+ */
+function toHex(color) {
+ var colorArr = parse(color);
+ if (colorArr) {
+ return ((1 << 24) + (colorArr[0] << 16) + (colorArr[1] << 8) + (+colorArr[2])).toString(16).slice(1);
+ }
+}
+
+/**
+ * Map value to color. Faster than lerp methods because color is represented by rgba array.
+ * @param {number} normalizedValue A float between 0 and 1.
+ * @param {Array.<Array.<number>>} colors List of rgba color array
+ * @param {Array.<number>} [out] Mapped gba color array
+ * @return {Array.<number>} will be null/undefined if input illegal.
+ */
+function fastLerp(normalizedValue, colors, out) {
+ if (!(colors && colors.length)
+ || !(normalizedValue >= 0 && normalizedValue <= 1)
+ ) {
+ return;
+ }
+
+ out = out || [];
+
+ var value = normalizedValue * (colors.length - 1);
+ var leftIndex = Math.floor(value);
+ var rightIndex = Math.ceil(value);
+ var leftColor = colors[leftIndex];
+ var rightColor = colors[rightIndex];
+ var dv = value - leftIndex;
+ out[0] = clampCssByte(lerpNumber(leftColor[0], rightColor[0], dv));
+ out[1] = clampCssByte(lerpNumber(leftColor[1], rightColor[1], dv));
+ out[2] = clampCssByte(lerpNumber(leftColor[2], rightColor[2], dv));
+ out[3] = clampCssFloat(lerpNumber(leftColor[3], rightColor[3], dv));
+
+ return out;
+}
+
+/**
+ * @deprecated
+ */
+var fastMapToColor = fastLerp;
+
+/**
+ * @param {number} normalizedValue A float between 0 and 1.
+ * @param {Array.<string>} colors Color list.
+ * @param {boolean=} fullOutput Default false.
+ * @return {(string|Object)} Result color. If fullOutput,
+ * return {color: ..., leftIndex: ..., rightIndex: ..., value: ...},
+ * @memberOf module:zrender/util/color
+ */
+function lerp$1(normalizedValue, colors, fullOutput) {
+ if (!(colors && colors.length)
+ || !(normalizedValue >= 0 && normalizedValue <= 1)
+ ) {
+ return;
+ }
+
+ var value = normalizedValue * (colors.length - 1);
+ var leftIndex = Math.floor(value);
+ var rightIndex = Math.ceil(value);
+ var leftColor = parse(colors[leftIndex]);
+ var rightColor = parse(colors[rightIndex]);
+ var dv = value - leftIndex;
+
+ var color = stringify(
+ [
+ clampCssByte(lerpNumber(leftColor[0], rightColor[0], dv)),
+ clampCssByte(lerpNumber(leftColor[1], rightColor[1], dv)),
+ clampCssByte(lerpNumber(leftColor[2], rightColor[2], dv)),
+ clampCssFloat(lerpNumber(leftColor[3], rightColor[3], dv))
+ ],
+ 'rgba'
+ );
+
+ return fullOutput
+ ? {
+ color: color,
+ leftIndex: leftIndex,
+ rightIndex: rightIndex,
+ value: value
+ }
+ : color;
+}
+
+/**
+ * @deprecated
+ */
+var mapToColor = lerp$1;
+
+/**
+ * @param {string} color
+ * @param {number=} h 0 ~ 360, ignore when null.
+ * @param {number=} s 0 ~ 1, ignore when null.
+ * @param {number=} l 0 ~ 1, ignore when null.
+ * @return {string} Color string in rgba format.
+ * @memberOf module:zrender/util/color
+ */
+function modifyHSL(color, h, s, l) {
+ color = parse(color);
+
+ if (color) {
+ color = rgba2hsla(color);
+ h != null && (color[0] = clampCssAngle(h));
+ s != null && (color[1] = parseCssFloat(s));
+ l != null && (color[2] = parseCssFloat(l));
+
+ return stringify(hsla2rgba(color), 'rgba');
+ }
+}
+
+/**
+ * @param {string} color
+ * @param {number=} alpha 0 ~ 1
+ * @return {string} Color string in rgba format.
+ * @memberOf module:zrender/util/color
+ */
+function modifyAlpha(color, alpha) {
+ color = parse(color);
+
+ if (color && alpha != null) {
+ color[3] = clampCssFloat(alpha);
+ return stringify(color, 'rgba');
+ }
+}
+
+/**
+ * @param {Array.<number>} arrColor like [12,33,44,0.4]
+ * @param {string} type 'rgba', 'hsva', ...
+ * @return {string} Result color. (If input illegal, return undefined).
+ */
+function stringify(arrColor, type) {
+ if (!arrColor || !arrColor.length) {
+ return;
+ }
+ var colorStr = arrColor[0] + ',' + arrColor[1] + ',' + arrColor[2];
+ if (type === 'rgba' || type === 'hsva' || type === 'hsla') {
+ colorStr += ',' + arrColor[3];
+ }
+ return type + '(' + colorStr + ')';
+}
+
+
+var color = (Object.freeze || Object)({
+ parse: parse,
+ lift: lift,
+ toHex: toHex,
+ fastLerp: fastLerp,
+ fastMapToColor: fastMapToColor,
+ lerp: lerp$1,
+ mapToColor: mapToColor,
+ modifyHSL: modifyHSL,
+ modifyAlpha: modifyAlpha,
+ stringify: stringify
+});
+
+/**
+ * @module echarts/animation/Animator
+ */
+
+var arraySlice = Array.prototype.slice;
+
+function defaultGetter(target, key) {
+ return target[key];
+}
+
+function defaultSetter(target, key, value) {
+ target[key] = value;
+}
+
+/**
+ * @param {number} p0
+ * @param {number} p1
+ * @param {number} percent
+ * @return {number}
+ */
+function interpolateNumber(p0, p1, percent) {
+ return (p1 - p0) * percent + p0;
+}
+
+/**
+ * @param {string} p0
+ * @param {string} p1
+ * @param {number} percent
+ * @return {string}
+ */
+function interpolateString(p0, p1, percent) {
+ return percent > 0.5 ? p1 : p0;
+}
+
+/**
+ * @param {Array} p0
+ * @param {Array} p1
+ * @param {number} percent
+ * @param {Array} out
+ * @param {number} arrDim
+ */
+function interpolateArray(p0, p1, percent, out, arrDim) {
+ var len = p0.length;
+ if (arrDim === 1) {
+ for (var i = 0; i < len; i++) {
+ out[i] = interpolateNumber(p0[i], p1[i], percent);
+ }
+ }
+ else {
+ var len2 = len && p0[0].length;
+ for (var i = 0; i < len; i++) {
+ for (var j = 0; j < len2; j++) {
+ out[i][j] = interpolateNumber(
+ p0[i][j], p1[i][j], percent
+ );
+ }
+ }
+ }
+}
+
+// arr0 is source array, arr1 is target array.
+// Do some preprocess to avoid error happened when interpolating from arr0 to arr1
+function fillArr(arr0, arr1, arrDim) {
+ var arr0Len = arr0.length;
+ var arr1Len = arr1.length;
+ if (arr0Len !== arr1Len) {
+ // FIXME Not work for TypedArray
+ var isPreviousLarger = arr0Len > arr1Len;
+ if (isPreviousLarger) {
+ // Cut the previous
+ arr0.length = arr1Len;
+ }
+ else {
+ // Fill the previous
+ for (var i = arr0Len; i < arr1Len; i++) {
+ arr0.push(
+ arrDim === 1 ? arr1[i] : arraySlice.call(arr1[i])
+ );
+ }
+ }
+ }
+ // Handling NaN value
+ var len2 = arr0[0] && arr0[0].length;
+ for (var i = 0; i < arr0.length; i++) {
+ if (arrDim === 1) {
+ if (isNaN(arr0[i])) {
+ arr0[i] = arr1[i];
+ }
+ }
+ else {
+ for (var j = 0; j < len2; j++) {
+ if (isNaN(arr0[i][j])) {
+ arr0[i][j] = arr1[i][j];
+ }
+ }
+ }
+ }
+}
+
+/**
+ * @param {Array} arr0
+ * @param {Array} arr1
+ * @param {number} arrDim
+ * @return {boolean}
+ */
+function isArraySame(arr0, arr1, arrDim) {
+ if (arr0 === arr1) {
+ return true;
+ }
+ var len = arr0.length;
+ if (len !== arr1.length) {
+ return false;
+ }
+ if (arrDim === 1) {
+ for (var i = 0; i < len; i++) {
+ if (arr0[i] !== arr1[i]) {
+ return false;
+ }
+ }
+ }
+ else {
+ var len2 = arr0[0].length;
+ for (var i = 0; i < len; i++) {
+ for (var j = 0; j < len2; j++) {
+ if (arr0[i][j] !== arr1[i][j]) {
+ return false;
+ }
+ }
+ }
+ }
+ return true;
+}
+
+/**
+ * Catmull Rom interpolate array
+ * @param {Array} p0
+ * @param {Array} p1
+ * @param {Array} p2
+ * @param {Array} p3
+ * @param {number} t
+ * @param {number} t2
+ * @param {number} t3
+ * @param {Array} out
+ * @param {number} arrDim
+ */
+function catmullRomInterpolateArray(
+ p0, p1, p2, p3, t, t2, t3, out, arrDim
+) {
+ var len = p0.length;
+ if (arrDim === 1) {
+ for (var i = 0; i < len; i++) {
+ out[i] = catmullRomInterpolate(
+ p0[i], p1[i], p2[i], p3[i], t, t2, t3
+ );
+ }
+ }
+ else {
+ var len2 = p0[0].length;
+ for (var i = 0; i < len; i++) {
+ for (var j = 0; j < len2; j++) {
+ out[i][j] = catmullRomInterpolate(
+ p0[i][j], p1[i][j], p2[i][j], p3[i][j],
+ t, t2, t3
+ );
+ }
+ }
+ }
+}
+
+/**
+ * Catmull Rom interpolate number
+ * @param {number} p0
+ * @param {number} p1
+ * @param {number} p2
+ * @param {number} p3
+ * @param {number} t
+ * @param {number} t2
+ * @param {number} t3
+ * @return {number}
+ */
+function catmullRomInterpolate(p0, p1, p2, p3, t, t2, t3) {
+ var v0 = (p2 - p0) * 0.5;
+ var v1 = (p3 - p1) * 0.5;
+ return (2 * (p1 - p2) + v0 + v1) * t3
+ + (-3 * (p1 - p2) - 2 * v0 - v1) * t2
+ + v0 * t + p1;
+}
+
+function cloneValue(value) {
+ if (isArrayLike(value)) {
+ var len = value.length;
+ if (isArrayLike(value[0])) {
+ var ret = [];
+ for (var i = 0; i < len; i++) {
+ ret.push(arraySlice.call(value[i]));
+ }
+ return ret;
+ }
+
+ return arraySlice.call(value);
+ }
+
+ return value;
+}
+
+function rgba2String(rgba) {
+ rgba[0] = Math.floor(rgba[0]);
+ rgba[1] = Math.floor(rgba[1]);
+ rgba[2] = Math.floor(rgba[2]);
+
+ return 'rgba(' + rgba.join(',') + ')';
+}
+
+function getArrayDim(keyframes) {
+ var lastValue = keyframes[keyframes.length - 1].value;
+ return isArrayLike(lastValue && lastValue[0]) ? 2 : 1;
+}
+
+function createTrackClip(animator, easing, oneTrackDone, keyframes, propName, forceAnimate) {
+ var getter = animator._getter;
+ var setter = animator._setter;
+ var useSpline = easing === 'spline';
+
+ var trackLen = keyframes.length;
+ if (!trackLen) {
+ return;
+ }
+ // Guess data type
+ var firstVal = keyframes[0].value;
+ var isValueArray = isArrayLike(firstVal);
+ var isValueColor = false;
+ var isValueString = false;
+
+ // For vertices morphing
+ var arrDim = isValueArray ? getArrayDim(keyframes) : 0;
+
+ var trackMaxTime;
+ // Sort keyframe as ascending
+ keyframes.sort(function (a, b) {
+ return a.time - b.time;
+ });
+
+ trackMaxTime = keyframes[trackLen - 1].time;
+ // Percents of each keyframe
+ var kfPercents = [];
+ // Value of each keyframe
+ var kfValues = [];
+ var prevValue = keyframes[0].value;
+ var isAllValueEqual = true;
+ for (var i = 0; i < trackLen; i++) {
+ kfPercents.push(keyframes[i].time / trackMaxTime);
+ // Assume value is a color when it is a string
+ var value = keyframes[i].value;
+
+ // Check if value is equal, deep check if value is array
+ if (!((isValueArray && isArraySame(value, prevValue, arrDim))
+ || (!isValueArray && value === prevValue))) {
+ isAllValueEqual = false;
+ }
+ prevValue = value;
+
+ // Try converting a string to a color array
+ if (typeof value === 'string') {
+ var colorArray = parse(value);
+ if (colorArray) {
+ value = colorArray;
+ isValueColor = true;
+ }
+ else {
+ isValueString = true;
+ }
+ }
+ kfValues.push(value);
+ }
+ if (!forceAnimate && isAllValueEqual) {
+ return;
+ }
+
+ var lastValue = kfValues[trackLen - 1];
+ // Polyfill array and NaN value
+ for (var i = 0; i < trackLen - 1; i++) {
+ if (isValueArray) {
+ fillArr(kfValues[i], lastValue, arrDim);
+ }
+ else {
+ if (isNaN(kfValues[i]) && !isNaN(lastValue) && !isValueString && !isValueColor) {
+ kfValues[i] = lastValue;
+ }
+ }
+ }
+ isValueArray && fillArr(getter(animator._target, propName), lastValue, arrDim);
+
+ // Cache the key of last frame to speed up when
+ // animation playback is sequency
+ var lastFrame = 0;
+ var lastFramePercent = 0;
+ var start;
+ var w;
+ var p0;
+ var p1;
+ var p2;
+ var p3;
+
+ if (isValueColor) {
+ var rgba = [0, 0, 0, 0];
+ }
+
+ var onframe = function (target, percent) {
+ // Find the range keyframes
+ // kf1-----kf2---------current--------kf3
+ // find kf2 and kf3 and do interpolation
+ var frame;
+ // In the easing function like elasticOut, percent may less than 0
+ if (percent < 0) {
+ frame = 0;
+ }
+ else if (percent < lastFramePercent) {
+ // Start from next key
+ // PENDING start from lastFrame ?
+ start = Math.min(lastFrame + 1, trackLen - 1);
+ for (frame = start; frame >= 0; frame--) {
+ if (kfPercents[frame] <= percent) {
+ break;
+ }
+ }
+ // PENDING really need to do this ?
+ frame = Math.min(frame, trackLen - 2);
+ }
+ else {
+ for (frame = lastFrame; frame < trackLen; frame++) {
+ if (kfPercents[frame] > percent) {
+ break;
+ }
+ }
+ frame = Math.min(frame - 1, trackLen - 2);
+ }
+ lastFrame = frame;
+ lastFramePercent = percent;
+
+ var range = (kfPercents[frame + 1] - kfPercents[frame]);
+ if (range === 0) {
+ return;
+ }
+ else {
+ w = (percent - kfPercents[frame]) / range;
+ }
+ if (useSpline) {
+ p1 = kfValues[frame];
+ p0 = kfValues[frame === 0 ? frame : frame - 1];
+ p2 = kfValues[frame > trackLen - 2 ? trackLen - 1 : frame + 1];
+ p3 = kfValues[frame > trackLen - 3 ? trackLen - 1 : frame + 2];
+ if (isValueArray) {
+ catmullRomInterpolateArray(
+ p0, p1, p2, p3, w, w * w, w * w * w,
+ getter(target, propName),
+ arrDim
+ );
+ }
+ else {
+ var value;
+ if (isValueColor) {
+ value = catmullRomInterpolateArray(
+ p0, p1, p2, p3, w, w * w, w * w * w,
+ rgba, 1
+ );
+ value = rgba2String(rgba);
+ }
+ else if (isValueString) {
+ // String is step(0.5)
+ return interpolateString(p1, p2, w);
+ }
+ else {
+ value = catmullRomInterpolate(
+ p0, p1, p2, p3, w, w * w, w * w * w
+ );
+ }
+ setter(
+ target,
+ propName,
+ value
+ );
+ }
+ }
+ else {
+ if (isValueArray) {
+ interpolateArray(
+ kfValues[frame], kfValues[frame + 1], w,
+ getter(target, propName),
+ arrDim
+ );
+ }
+ else {
+ var value;
+ if (isValueColor) {
+ interpolateArray(
+ kfValues[frame], kfValues[frame + 1], w,
+ rgba, 1
+ );
+ value = rgba2String(rgba);
+ }
+ else if (isValueString) {
+ // String is step(0.5)
+ return interpolateString(kfValues[frame], kfValues[frame + 1], w);
+ }
+ else {
+ value = interpolateNumber(kfValues[frame], kfValues[frame + 1], w);
+ }
+ setter(
+ target,
+ propName,
+ value
+ );
+ }
+ }
+ };
+
+ var clip = new Clip({
+ target: animator._target,
+ life: trackMaxTime,
+ loop: animator._loop,
+ delay: animator._delay,
+ onframe: onframe,
+ ondestroy: oneTrackDone
+ });
+
+ if (easing && easing !== 'spline') {
+ clip.easing = easing;
+ }
+
+ return clip;
+}
+
+/**
+ * @alias module:zrender/animation/Animator
+ * @constructor
+ * @param {Object} target
+ * @param {boolean} loop
+ * @param {Function} getter
+ * @param {Function} setter
+ */
+var Animator = function (target, loop, getter, setter) {
+ this._tracks = {};
+ this._target = target;
+
+ this._loop = loop || false;
+
+ this._getter = getter || defaultGetter;
+ this._setter = setter || defaultSetter;
+
+ this._clipCount = 0;
+
+ this._delay = 0;
+
+ this._doneList = [];
+
+ this._onframeList = [];
+
+ this._clipList = [];
+};
+
+Animator.prototype = {
+ /**
+ * Set Animation keyframe
+ * @param {number} time 鍏抽敭甯ф椂闂达紝鍗曚綅鏄痬s
+ * @param {Object} props 鍏抽敭甯х殑灞炴�у�硷紝key-value琛ㄧず
+ * @return {module:zrender/animation/Animator}
+ */
+ when: function (time /* ms */, props) {
+ var tracks = this._tracks;
+ for (var propName in props) {
+ if (!props.hasOwnProperty(propName)) {
+ continue;
+ }
+
+ if (!tracks[propName]) {
+ tracks[propName] = [];
+ // Invalid value
+ var value = this._getter(this._target, propName);
+ if (value == null) {
+ // zrLog('Invalid property ' + propName);
+ continue;
+ }
+ // If time is 0
+ // Then props is given initialize value
+ // Else
+ // Initialize value from current prop value
+ if (time !== 0) {
+ tracks[propName].push({
+ time: 0,
+ value: cloneValue(value)
+ });
+ }
+ }
+ tracks[propName].push({
+ time: time,
+ value: props[propName]
+ });
+ }
+ return this;
+ },
+ /**
+ * 娣诲姞鍔ㄧ敾姣忎竴甯х殑鍥炶皟鍑芥暟
+ * @param {Function} callback
+ * @return {module:zrender/animation/Animator}
+ */
+ during: function (callback) {
+ this._onframeList.push(callback);
+ return this;
+ },
+
+ pause: function () {
+ for (var i = 0; i < this._clipList.length; i++) {
+ this._clipList[i].pause();
+ }
+ this._paused = true;
+ },
+
+ resume: function () {
+ for (var i = 0; i < this._clipList.length; i++) {
+ this._clipList[i].resume();
+ }
+ this._paused = false;
+ },
+
+ isPaused: function () {
+ return !!this._paused;
+ },
+
+ _doneCallback: function () {
+ // Clear all tracks
+ this._tracks = {};
+ // Clear all clips
+ this._clipList.length = 0;
+
+ var doneList = this._doneList;
+ var len = doneList.length;
+ for (var i = 0; i < len; i++) {
+ doneList[i].call(this);
+ }
+ },
+ /**
+ * Start the animation
+ * @param {string|Function} [easing]
+ * 鍔ㄧ敾缂撳姩鍑芥暟锛岃瑙亄@link module:zrender/animation/easing}
+ * @param {boolean} forceAnimate
+ * @return {module:zrender/animation/Animator}
+ */
+ start: function (easing, forceAnimate) {
+
+ var self = this;
+ var clipCount = 0;
+
+ var oneTrackDone = function () {
+ clipCount--;
+ if (!clipCount) {
+ self._doneCallback();
+ }
+ };
+
+ var lastClip;
+ for (var propName in this._tracks) {
+ if (!this._tracks.hasOwnProperty(propName)) {
+ continue;
+ }
+ var clip = createTrackClip(
+ this, easing, oneTrackDone,
+ this._tracks[propName], propName, forceAnimate
+ );
+ if (clip) {
+ this._clipList.push(clip);
+ clipCount++;
+
+ // If start after added to animation
+ if (this.animation) {
+ this.animation.addClip(clip);
+ }
+
+ lastClip = clip;
+ }
+ }
+
+ // Add during callback on the last clip
+ if (lastClip) {
+ var oldOnFrame = lastClip.onframe;
+ lastClip.onframe = function (target, percent) {
+ oldOnFrame(target, percent);
+
+ for (var i = 0; i < self._onframeList.length; i++) {
+ self._onframeList[i](target, percent);
+ }
+ };
+ }
+
+ // This optimization will help the case that in the upper application
+ // the view may be refreshed frequently, where animation will be
+ // called repeatly but nothing changed.
+ if (!clipCount) {
+ this._doneCallback();
+ }
+ return this;
+ },
+ /**
+ * Stop animation
+ * @param {boolean} forwardToLast If move to last frame before stop
+ */
+ stop: function (forwardToLast) {
+ var clipList = this._clipList;
+ var animation = this.animation;
+ for (var i = 0; i < clipList.length; i++) {
+ var clip = clipList[i];
+ if (forwardToLast) {
+ // Move to last frame before stop
+ clip.onframe(this._target, 1);
+ }
+ animation && animation.removeClip(clip);
+ }
+ clipList.length = 0;
+ },
+ /**
+ * Set when animation delay starts
+ * @param {number} time 鍗曚綅ms
+ * @return {module:zrender/animation/Animator}
+ */
+ delay: function (time) {
+ this._delay = time;
+ return this;
+ },
+ /**
+ * Add callback for animation end
+ * @param {Function} cb
+ * @return {module:zrender/animation/Animator}
+ */
+ done: function (cb) {
+ if (cb) {
+ this._doneList.push(cb);
+ }
+ return this;
+ },
+
+ /**
+ * @return {Array.<module:zrender/animation/Clip>}
+ */
+ getClips: function () {
+ return this._clipList;
+ }
+};
+
+var dpr = 1;
+
+// If in browser environment
+if (typeof window !== 'undefined') {
+ dpr = Math.max(window.devicePixelRatio || 1, 1);
+}
+
+/**
+ * config榛樿閰嶇疆椤�
+ * @exports zrender/config
+ * @author Kener (@Kener-鏋楀嘲, kener.linfeng@gmail.com)
+ */
+
+/**
+ * Debug log mode:
+ * 0: Do nothing, for release.
+ * 1: console.error, for debug.
+ */
+var debugMode = 0;
+
+// retina 灞忓箷浼樺寲
+var devicePixelRatio = dpr;
+
+var logError = function () {
+};
+
+if (debugMode === 1) {
+ logError = console.error;
+}
+
+var logError$1 = logError;
+
+/**
+ * @alias module:zrender/mixin/Animatable
+ * @constructor
+ */
+var Animatable = function () {
+
+ /**
+ * @type {Array.<module:zrender/animation/Animator>}
+ * @readOnly
+ */
+ this.animators = [];
+};
+
+Animatable.prototype = {
+
+ constructor: Animatable,
+
+ /**
+ * 鍔ㄧ敾
+ *
+ * @param {string} path The path to fetch value from object, like 'a.b.c'.
+ * @param {boolean} [loop] Whether to loop animation.
+ * @return {module:zrender/animation/Animator}
+ * @example:
+ * el.animate('style', false)
+ * .when(1000, {x: 10} )
+ * .done(function(){ // Animation done })
+ * .start()
+ */
+ animate: function (path, loop) {
+ var target;
+ var animatingShape = false;
+ var el = this;
+ var zr = this.__zr;
+ if (path) {
+ var pathSplitted = path.split('.');
+ var prop = el;
+ // If animating shape
+ animatingShape = pathSplitted[0] === 'shape';
+ for (var i = 0, l = pathSplitted.length; i < l; i++) {
+ if (!prop) {
+ continue;
+ }
+ prop = prop[pathSplitted[i]];
+ }
+ if (prop) {
+ target = prop;
+ }
+ }
+ else {
+ target = el;
+ }
+
+ if (!target) {
+ logError$1(
+ 'Property "'
+ + path
+ + '" is not existed in element '
+ + el.id
+ );
+ return;
+ }
+
+ var animators = el.animators;
+
+ var animator = new Animator(target, loop);
+
+ animator.during(function (target) {
+ el.dirty(animatingShape);
+ })
+ .done(function () {
+ // FIXME Animator will not be removed if use `Animator#stop` to stop animation
+ animators.splice(indexOf(animators, animator), 1);
+ });
+
+ animators.push(animator);
+
+ // If animate after added to the zrender
+ if (zr) {
+ zr.animation.addAnimator(animator);
+ }
+
+ return animator;
+ },
+
+ /**
+ * 鍋滄鍔ㄧ敾
+ * @param {boolean} forwardToLast If move to last frame before stop
+ */
+ stopAnimation: function (forwardToLast) {
+ var animators = this.animators;
+ var len = animators.length;
+ for (var i = 0; i < len; i++) {
+ animators[i].stop(forwardToLast);
+ }
+ animators.length = 0;
+
+ return this;
+ },
+
+ /**
+ * Caution: this method will stop previous animation.
+ * So do not use this method to one element twice before
+ * animation starts, unless you know what you are doing.
+ * @param {Object} target
+ * @param {number} [time=500] Time in ms
+ * @param {string} [easing='linear']
+ * @param {number} [delay=0]
+ * @param {Function} [callback]
+ * @param {Function} [forceAnimate] Prevent stop animation and callback
+ * immediently when target values are the same as current values.
+ *
+ * @example
+ * // Animate position
+ * el.animateTo({
+ * position: [10, 10]
+ * }, function () { // done })
+ *
+ * // Animate shape, style and position in 100ms, delayed 100ms, with cubicOut easing
+ * el.animateTo({
+ * shape: {
+ * width: 500
+ * },
+ * style: {
+ * fill: 'red'
+ * }
+ * position: [10, 10]
+ * }, 100, 100, 'cubicOut', function () { // done })
+ */
+ // TODO Return animation key
+ animateTo: function (target, time, delay, easing, callback, forceAnimate) {
+ animateTo(this, target, time, delay, easing, callback, forceAnimate);
+ },
+
+ /**
+ * Animate from the target state to current state.
+ * The params and the return value are the same as `this.animateTo`.
+ */
+ animateFrom: function (target, time, delay, easing, callback, forceAnimate) {
+ animateTo(this, target, time, delay, easing, callback, forceAnimate, true);
+ }
+};
+
+function animateTo(animatable, target, time, delay, easing, callback, forceAnimate, reverse) {
+ // animateTo(target, time, easing, callback);
+ if (isString(delay)) {
+ callback = easing;
+ easing = delay;
+ delay = 0;
+ }
+ // animateTo(target, time, delay, callback);
+ else if (isFunction$1(easing)) {
+ callback = easing;
+ easing = 'linear';
+ delay = 0;
+ }
+ // animateTo(target, time, callback);
+ else if (isFunction$1(delay)) {
+ callback = delay;
+ delay = 0;
+ }
+ // animateTo(target, callback)
+ else if (isFunction$1(time)) {
+ callback = time;
+ time = 500;
+ }
+ // animateTo(target)
+ else if (!time) {
+ time = 500;
+ }
+ // Stop all previous animations
+ animatable.stopAnimation();
+ animateToShallow(animatable, '', animatable, target, time, delay, reverse);
+
+ // Animators may be removed immediately after start
+ // if there is nothing to animate
+ var animators = animatable.animators.slice();
+ var count = animators.length;
+ function done() {
+ count--;
+ if (!count) {
+ callback && callback();
+ }
+ }
+
+ // No animators. This should be checked before animators[i].start(),
+ // because 'done' may be executed immediately if no need to animate.
+ if (!count) {
+ callback && callback();
+ }
+ // Start after all animators created
+ // Incase any animator is done immediately when all animation properties are not changed
+ for (var i = 0; i < animators.length; i++) {
+ animators[i]
+ .done(done)
+ .start(easing, forceAnimate);
+ }
+}
+
+/**
+ * @param {string} path=''
+ * @param {Object} source=animatable
+ * @param {Object} target
+ * @param {number} [time=500]
+ * @param {number} [delay=0]
+ * @param {boolean} [reverse] If `true`, animate
+ * from the `target` to current state.
+ *
+ * @example
+ * // Animate position
+ * el._animateToShallow({
+ * position: [10, 10]
+ * })
+ *
+ * // Animate shape, style and position in 100ms, delayed 100ms
+ * el._animateToShallow({
+ * shape: {
+ * width: 500
+ * },
+ * style: {
+ * fill: 'red'
+ * }
+ * position: [10, 10]
+ * }, 100, 100)
+ */
+function animateToShallow(animatable, path, source, target, time, delay, reverse) {
+ var objShallow = {};
+ var propertyCount = 0;
+ for (var name in target) {
+ if (!target.hasOwnProperty(name)) {
+ continue;
+ }
+
+ if (source[name] != null) {
+ if (isObject$1(target[name]) && !isArrayLike(target[name])) {
+ animateToShallow(
+ animatable,
+ path ? path + '.' + name : name,
+ source[name],
+ target[name],
+ time,
+ delay,
+ reverse
+ );
+ }
+ else {
+ if (reverse) {
+ objShallow[name] = source[name];
+ setAttrByPath(animatable, path, name, target[name]);
+ }
+ else {
+ objShallow[name] = target[name];
+ }
+ propertyCount++;
+ }
+ }
+ else if (target[name] != null && !reverse) {
+ setAttrByPath(animatable, path, name, target[name]);
+ }
+ }
+
+ if (propertyCount > 0) {
+ animatable.animate(path, false)
+ .when(time == null ? 500 : time, objShallow)
+ .delay(delay || 0);
+ }
+}
+
+function setAttrByPath(el, path, name, value) {
+ // Attr directly if not has property
+ // FIXME, if some property not needed for element ?
+ if (!path) {
+ el.attr(name, value);
+ }
+ else {
+ // Only support set shape or style
+ var props = {};
+ props[path] = {};
+ props[path][name] = value;
+ el.attr(props);
+ }
+}
+
+/**
+ * @alias module:zrender/Element
+ * @constructor
+ * @extends {module:zrender/mixin/Animatable}
+ * @extends {module:zrender/mixin/Transformable}
+ * @extends {module:zrender/mixin/Eventful}
+ */
+var Element = function (opts) { // jshint ignore:line
+
+ Transformable.call(this, opts);
+ Eventful.call(this, opts);
+ Animatable.call(this, opts);
+
+ /**
+ * 鐢诲竷鍏冪礌ID
+ * @type {string}
+ */
+ this.id = opts.id || guid();
+};
+
+Element.prototype = {
+
+ /**
+ * 鍏冪礌绫诲瀷
+ * Element type
+ * @type {string}
+ */
+ type: 'element',
+
+ /**
+ * 鍏冪礌鍚嶅瓧
+ * Element name
+ * @type {string}
+ */
+ name: '',
+
+ /**
+ * ZRender 瀹炰緥瀵硅薄锛屼細鍦� element 娣诲姞鍒� zrender 瀹炰緥涓悗鑷姩璧嬪��
+ * ZRender instance will be assigned when element is associated with zrender
+ * @name module:/zrender/Element#__zr
+ * @type {module:zrender/ZRender}
+ */
+ __zr: null,
+
+ /**
+ * 鍥惧舰鏄惁蹇界暐锛屼负true鏃跺拷鐣ュ浘褰㈢殑缁樺埗浠ュ強浜嬩欢瑙﹀彂
+ * If ignore drawing and events of the element object
+ * @name module:/zrender/Element#ignore
+ * @type {boolean}
+ * @default false
+ */
+ ignore: false,
+
+ /**
+ * 鐢ㄤ簬瑁佸壀鐨勮矾寰�(shape)锛屾墍鏈� Group 鍐呯殑璺緞鍦ㄧ粯鍒舵椂閮戒細琚繖涓矾寰勮鍓�
+ * 璇ヨ矾寰勪細缁ф壙琚鍑忓璞＄殑鍙樻崲
+ * @type {module:zrender/graphic/Path}
+ * @see http://www.w3.org/TR/2dcontext/#clipping-region
+ * @readOnly
+ */
+ clipPath: null,
+
+ /**
+ * 鏄惁鏄� Group
+ * @type {boolean}
+ */
+ isGroup: false,
+
+ /**
+ * Drift element
+ * @param {number} dx dx on the global space
+ * @param {number} dy dy on the global space
+ */
+ drift: function (dx, dy) {
+ switch (this.draggable) {
+ case 'horizontal':
+ dy = 0;
+ break;
+ case 'vertical':
+ dx = 0;
+ break;
+ }
+
+ var m = this.transform;
+ if (!m) {
+ m = this.transform = [1, 0, 0, 1, 0, 0];
+ }
+ m[4] += dx;
+ m[5] += dy;
+
+ this.decomposeTransform();
+ this.dirty(false);
+ },
+
+ /**
+ * Hook before update
+ */
+ beforeUpdate: function () {},
+ /**
+ * Hook after update
+ */
+ afterUpdate: function () {},
+ /**
+ * Update each frame
+ */
+ update: function () {
+ this.updateTransform();
+ },
+
+ /**
+ * @param {Function} cb
+ * @param {} context
+ */
+ traverse: function (cb, context) {},
+
+ /**
+ * @protected
+ */
+ attrKV: function (key, value) {
+ if (key === 'position' || key === 'scale' || key === 'origin') {
+ // Copy the array
+ if (value) {
+ var target = this[key];
+ if (!target) {
+ target = this[key] = [];
+ }
+ target[0] = value[0];
+ target[1] = value[1];
+ }
+ }
+ else {
+ this[key] = value;
+ }
+ },
+
+ /**
+ * Hide the element
+ */
+ hide: function () {
+ this.ignore = true;
+ this.__zr && this.__zr.refresh();
+ },
+
+ /**
+ * Show the element
+ */
+ show: function () {
+ this.ignore = false;
+ this.__zr && this.__zr.refresh();
+ },
+
+ /**
+ * @param {string|Object} key
+ * @param {*} value
+ */
+ attr: function (key, value) {
+ if (typeof key === 'string') {
+ this.attrKV(key, value);
+ }
+ else if (isObject$1(key)) {
+ for (var name in key) {
+ if (key.hasOwnProperty(name)) {
+ this.attrKV(name, key[name]);
+ }
+ }
+ }
+
+ this.dirty(false);
+
+ return this;
+ },
+
+ /**
+ * @param {module:zrender/graphic/Path} clipPath
+ */
+ setClipPath: function (clipPath) {
+ var zr = this.__zr;
+ if (zr) {
+ clipPath.addSelfToZr(zr);
+ }
+
+ // Remove previous clip path
+ if (this.clipPath && this.clipPath !== clipPath) {
+ this.removeClipPath();
+ }
+
+ this.clipPath = clipPath;
+ clipPath.__zr = zr;
+ clipPath.__clipTarget = this;
+
+ this.dirty(false);
+ },
+
+ /**
+ */
+ removeClipPath: function () {
+ var clipPath = this.clipPath;
+ if (clipPath) {
+ if (clipPath.__zr) {
+ clipPath.removeSelfFromZr(clipPath.__zr);
+ }
+
+ clipPath.__zr = null;
+ clipPath.__clipTarget = null;
+ this.clipPath = null;
+
+ this.dirty(false);
+ }
+ },
+
+ /**
+ * Add self from zrender instance.
+ * Not recursively because it will be invoked when element added to storage.
+ * @param {module:zrender/ZRender} zr
+ */
+ addSelfToZr: function (zr) {
+ this.__zr = zr;
+ // 娣诲姞鍔ㄧ敾
+ var animators = this.animators;
+ if (animators) {
+ for (var i = 0; i < animators.length; i++) {
+ zr.animation.addAnimator(animators[i]);
+ }
+ }
+
+ if (this.clipPath) {
+ this.clipPath.addSelfToZr(zr);
+ }
+ },
+
+ /**
+ * Remove self from zrender instance.
+ * Not recursively because it will be invoked when element added to storage.
+ * @param {module:zrender/ZRender} zr
+ */
+ removeSelfFromZr: function (zr) {
+ this.__zr = null;
+ // 绉婚櫎鍔ㄧ敾
+ var animators = this.animators;
+ if (animators) {
+ for (var i = 0; i < animators.length; i++) {
+ zr.animation.removeAnimator(animators[i]);
+ }
+ }
+
+ if (this.clipPath) {
+ this.clipPath.removeSelfFromZr(zr);
+ }
+ }
+};
+
+mixin(Element, Animatable);
+mixin(Element, Transformable);
+mixin(Element, Eventful);
+
+/**
+ * @module echarts/core/BoundingRect
+ */
+
+var v2ApplyTransform = applyTransform;
+var mathMin = Math.min;
+var mathMax = Math.max;
+
+/**
+ * @alias module:echarts/core/BoundingRect
+ */
+function BoundingRect(x, y, width, height) {
+
+ if (width < 0) {
+ x = x + width;
+ width = -width;
+ }
+ if (height < 0) {
+ y = y + height;
+ height = -height;
+ }
+
+ /**
+ * @type {number}
+ */
+ this.x = x;
+ /**
+ * @type {number}
+ */
+ this.y = y;
+ /**
+ * @type {number}
+ */
+ this.width = width;
+ /**
+ * @type {number}
+ */
+ this.height = height;
+}
+
+BoundingRect.prototype = {
+
+ constructor: BoundingRect,
+
+ /**
+ * @param {module:echarts/core/BoundingRect} other
+ */
+ union: function (other) {
+ var x = mathMin(other.x, this.x);
+ var y = mathMin(other.y, this.y);
+
+ this.width = mathMax(
+ other.x + other.width,
+ this.x + this.width
+ ) - x;
+ this.height = mathMax(
+ other.y + other.height,
+ this.y + this.height
+ ) - y;
+ this.x = x;
+ this.y = y;
+ },
+
+ /**
+ * @param {Array.<number>} m
+ * @methods
+ */
+ applyTransform: (function () {
+ var lt = [];
+ var rb = [];
+ var lb = [];
+ var rt = [];
+ return function (m) {
+ // In case usage like this
+ // el.getBoundingRect().applyTransform(el.transform)
+ // And element has no transform
+ if (!m) {
+ return;
+ }
+ lt[0] = lb[0] = this.x;
+ lt[1] = rt[1] = this.y;
+ rb[0] = rt[0] = this.x + this.width;
+ rb[1] = lb[1] = this.y + this.height;
+
+ v2ApplyTransform(lt, lt, m);
+ v2ApplyTransform(rb, rb, m);
+ v2ApplyTransform(lb, lb, m);
+ v2ApplyTransform(rt, rt, m);
+
+ this.x = mathMin(lt[0], rb[0], lb[0], rt[0]);
+ this.y = mathMin(lt[1], rb[1], lb[1], rt[1]);
+ var maxX = mathMax(lt[0], rb[0], lb[0], rt[0]);
+ var maxY = mathMax(lt[1], rb[1], lb[1], rt[1]);
+ this.width = maxX - this.x;
+ this.height = maxY - this.y;
+ };
+ })(),
+
+ /**
+ * Calculate matrix of transforming from self to target rect
+ * @param {module:zrender/core/BoundingRect} b
+ * @return {Array.<number>}
+ */
+ calculateTransform: function (b) {
+ var a = this;
+ var sx = b.width / a.width;
+ var sy = b.height / a.height;
+
+ var m = create$1();
+
+ // 鐭╅樀鍙充箻
+ translate(m, m, [-a.x, -a.y]);
+ scale$1(m, m, [sx, sy]);
+ translate(m, m, [b.x, b.y]);
+
+ return m;
+ },
+
+ /**
+ * @param {(module:echarts/core/BoundingRect|Object)} b
+ * @return {boolean}
+ */
+ intersect: function (b) {
+ if (!b) {
+ return false;
+ }
+
+ if (!(b instanceof BoundingRect)) {
+ // Normalize negative width/height.
+ b = BoundingRect.create(b);
+ }
+
+ var a = this;
+ var ax0 = a.x;
+ var ax1 = a.x + a.width;
+ var ay0 = a.y;
+ var ay1 = a.y + a.height;
+
+ var bx0 = b.x;
+ var bx1 = b.x + b.width;
+ var by0 = b.y;
+ var by1 = b.y + b.height;
+
+ return !(ax1 < bx0 || bx1 < ax0 || ay1 < by0 || by1 < ay0);
+ },
+
+ contain: function (x, y) {
+ var rect = this;
+ return x >= rect.x
+ && x <= (rect.x + rect.width)
+ && y >= rect.y
+ && y <= (rect.y + rect.height);
+ },
+
+ /**
+ * @return {module:echarts/core/BoundingRect}
+ */
+ clone: function () {
+ return new BoundingRect(this.x, this.y, this.width, this.height);
+ },
+
+ /**
+ * Copy from another rect
+ */
+ copy: function (other) {
+ this.x = other.x;
+ this.y = other.y;
+ this.width = other.width;
+ this.height = other.height;
+ },
+
+ plain: function () {
+ return {
+ x: this.x,
+ y: this.y,
+ width: this.width,
+ height: this.height
+ };
+ }
+};
+
+/**
+ * @param {Object|module:zrender/core/BoundingRect} rect
+ * @param {number} rect.x
+ * @param {number} rect.y
+ * @param {number} rect.width
+ * @param {number} rect.height
+ * @return {module:zrender/core/BoundingRect}
+ */
+BoundingRect.create = function (rect) {
+ return new BoundingRect(rect.x, rect.y, rect.width, rect.height);
+};
+
+/**
+ * Group鏄竴涓鍣紝鍙互鎻掑叆瀛愯妭鐐癸紝Group鐨勫彉鎹篃浼氳搴旂敤鍒板瓙鑺傜偣涓�
+ * @module zrender/graphic/Group
+ * @example
+ * var Group = require('zrender/container/Group');
+ * var Circle = require('zrender/graphic/shape/Circle');
+ * var g = new Group();
+ * g.position[0] = 100;
+ * g.position[1] = 100;
+ * g.add(new Circle({
+ * style: {
+ * x: 100,
+ * y: 100,
+ * r: 20,
+ * }
+ * }));
+ * zr.add(g);
+ */
+
+/**
+ * @alias module:zrender/graphic/Group
+ * @constructor
+ * @extends module:zrender/mixin/Transformable
+ * @extends module:zrender/mixin/Eventful
+ */
+var Group = function (opts) {
+
+ opts = opts || {};
+
+ Element.call(this, opts);
+
+ for (var key in opts) {
+ if (opts.hasOwnProperty(key)) {
+ this[key] = opts[key];
+ }
+ }
+
+ this._children = [];
+
+ this.__storage = null;
+
+ this.__dirty = true;
+};
+
+Group.prototype = {
+
+ constructor: Group,
+
+ isGroup: true,
+
+ /**
+ * @type {string}
+ */
+ type: 'group',
+
+ /**
+ * 鎵�鏈夊瓙瀛欏厓绱犳槸鍚﹀搷搴旈紶鏍囦簨浠�
+ * @name module:/zrender/container/Group#silent
+ * @type {boolean}
+ * @default false
+ */
+ silent: false,
+
+ /**
+ * @return {Array.<module:zrender/Element>}
+ */
+ children: function () {
+ return this._children.slice();
+ },
+
+ /**
+ * 鑾峰彇鎸囧畾 index 鐨勫効瀛愯妭鐐�
+ * @param {number} idx
+ * @return {module:zrender/Element}
+ */
+ childAt: function (idx) {
+ return this._children[idx];
+ },
+
+ /**
+ * 鑾峰彇鎸囧畾鍚嶅瓧鐨勫効瀛愯妭鐐�
+ * @param {string} name
+ * @return {module:zrender/Element}
+ */
+ childOfName: function (name) {
+ var children = this._children;
+ for (var i = 0; i < children.length; i++) {
+ if (children[i].name === name) {
+ return children[i];
+ }
+ }
+ },
+
+ /**
+ * @return {number}
+ */
+ childCount: function () {
+ return this._children.length;
+ },
+
+ /**
+ * 娣诲姞瀛愯妭鐐瑰埌鏈�鍚�
+ * @param {module:zrender/Element} child
+ */
+ add: function (child) {
+ if (child && child !== this && child.parent !== this) {
+
+ this._children.push(child);
+
+ this._doAdd(child);
+ }
+
+ return this;
+ },
+
+ /**
+ * 娣诲姞瀛愯妭鐐瑰湪 nextSibling 涔嬪墠
+ * @param {module:zrender/Element} child
+ * @param {module:zrender/Element} nextSibling
+ */
+ addBefore: function (child, nextSibling) {
+ if (child && child !== this && child.parent !== this
+ && nextSibling && nextSibling.parent === this) {
+
+ var children = this._children;
+ var idx = children.indexOf(nextSibling);
+
+ if (idx >= 0) {
+ children.splice(idx, 0, child);
+ this._doAdd(child);
+ }
+ }
+
+ return this;
+ },
+
+ _doAdd: function (child) {
+ if (child.parent) {
+ child.parent.remove(child);
+ }
+
+ child.parent = this;
+
+ var storage = this.__storage;
+ var zr = this.__zr;
+ if (storage && storage !== child.__storage) {
+
+ storage.addToStorage(child);
+
+ if (child instanceof Group) {
+ child.addChildrenToStorage(storage);
+ }
+ }
+
+ zr && zr.refresh();
+ },
+
+ /**
+ * 绉婚櫎瀛愯妭鐐�
+ * @param {module:zrender/Element} child
+ */
+ remove: function (child) {
+ var zr = this.__zr;
+ var storage = this.__storage;
+ var children = this._children;
+
+ var idx = indexOf(children, child);
+ if (idx < 0) {
+ return this;
+ }
+ children.splice(idx, 1);
+
+ child.parent = null;
+
+ if (storage) {
+
+ storage.delFromStorage(child);
+
+ if (child instanceof Group) {
+ child.delChildrenFromStorage(storage);
+ }
+ }
+
+ zr && zr.refresh();
+
+ return this;
+ },
+
+ /**
+ * 绉婚櫎鎵�鏈夊瓙鑺傜偣
+ */
+ removeAll: function () {
+ var children = this._children;
+ var storage = this.__storage;
+ var child;
+ var i;
+ for (i = 0; i < children.length; i++) {
+ child = children[i];
+ if (storage) {
+ storage.delFromStorage(child);
+ if (child instanceof Group) {
+ child.delChildrenFromStorage(storage);
+ }
+ }
+ child.parent = null;
+ }
+ children.length = 0;
+
+ return this;
+ },
+
+ /**
+ * 閬嶅巻鎵�鏈夊瓙鑺傜偣
+ * @param {Function} cb
+ * @param {} context
+ */
+ eachChild: function (cb, context) {
+ var children = this._children;
+ for (var i = 0; i < children.length; i++) {
+ var child = children[i];
+ cb.call(context, child, i);
+ }
+ return this;
+ },
+
+ /**
+ * 娣卞害浼樺厛閬嶅巻鎵�鏈夊瓙瀛欒妭鐐�
+ * @param {Function} cb
+ * @param {} context
+ */
+ traverse: function (cb, context) {
+ for (var i = 0; i < this._children.length; i++) {
+ var child = this._children[i];
+ cb.call(context, child);
+
+ if (child.type === 'group') {
+ child.traverse(cb, context);
+ }
+ }
+ return this;
+ },
+
+ addChildrenToStorage: function (storage) {
+ for (var i = 0; i < this._children.length; i++) {
+ var child = this._children[i];
+ storage.addToStorage(child);
+ if (child instanceof Group) {
+ child.addChildrenToStorage(storage);
+ }
+ }
+ },
+
+ delChildrenFromStorage: function (storage) {
+ for (var i = 0; i < this._children.length; i++) {
+ var child = this._children[i];
+ storage.delFromStorage(child);
+ if (child instanceof Group) {
+ child.delChildrenFromStorage(storage);
+ }
+ }
+ },
+
+ dirty: function () {
+ this.__dirty = true;
+ this.__zr && this.__zr.refresh();
+ return this;
+ },
+
+ /**
+ * @return {module:zrender/core/BoundingRect}
+ */
+ getBoundingRect: function (includeChildren) {
+ // TODO Caching
+ var rect = null;
+ var tmpRect = new BoundingRect(0, 0, 0, 0);
+ var children = includeChildren || this._children;
+ var tmpMat = [];
+
+ for (var i = 0; i < children.length; i++) {
+ var child = children[i];
+ if (child.ignore || child.invisible) {
+ continue;
+ }
+
+ var childRect = child.getBoundingRect();
+ var transform = child.getLocalTransform(tmpMat);
+ // TODO
+ // The boundingRect cacluated by transforming original
+ // rect may be bigger than the actual bundingRect when rotation
+ // is used. (Consider a circle rotated aginst its center, where
+ // the actual boundingRect should be the same as that not be
+ // rotated.) But we can not find better approach to calculate
+ // actual boundingRect yet, considering performance.
+ if (transform) {
+ tmpRect.copy(childRect);
+ tmpRect.applyTransform(transform);
+ rect = rect || tmpRect.clone();
+ rect.union(tmpRect);
+ }
+ else {
+ rect = rect || childRect.clone();
+ rect.union(childRect);
+ }
+ }
+ return rect || tmpRect;
+ }
+};
+
+inherits(Group, Element);
+
+// https://github.com/mziccard/node-timsort
+var DEFAULT_MIN_MERGE = 32;
+
+var DEFAULT_MIN_GALLOPING = 7;
+
+function minRunLength(n) {
+ var r = 0;
+
+ while (n >= DEFAULT_MIN_MERGE) {
+ r |= n & 1;
+ n >>= 1;
+ }
+
+ return n + r;
+}
+
+function makeAscendingRun(array, lo, hi, compare) {
+ var runHi = lo + 1;
+
+ if (runHi === hi) {
+ return 1;
+ }
+
+ if (compare(array[runHi++], array[lo]) < 0) {
+ while (runHi < hi && compare(array[runHi], array[runHi - 1]) < 0) {
+ runHi++;
+ }
+
+ reverseRun(array, lo, runHi);
+ }
+ else {
+ while (runHi < hi && compare(array[runHi], array[runHi - 1]) >= 0) {
+ runHi++;
+ }
+ }
+
+ return runHi - lo;
+}
+
+function reverseRun(array, lo, hi) {
+ hi--;
+
+ while (lo < hi) {
+ var t = array[lo];
+ array[lo++] = array[hi];
+ array[hi--] = t;
+ }
+}
+
+function binaryInsertionSort(array, lo, hi, start, compare) {
+ if (start === lo) {
+ start++;
+ }
+
+ for (; start < hi; start++) {
+ var pivot = array[start];
+
+ var left = lo;
+ var right = start;
+ var mid;
+
+ while (left < right) {
+ mid = left + right >>> 1;
+
+ if (compare(pivot, array[mid]) < 0) {
+ right = mid;
+ }
+ else {
+ left = mid + 1;
+ }
+ }
+
+ var n = start - left;
+
+ switch (n) {
+ case 3:
+ array[left + 3] = array[left + 2];
+
+ case 2:
+ array[left + 2] = array[left + 1];
+
+ case 1:
+ array[left + 1] = array[left];
+ break;
+ default:
+ while (n > 0) {
+ array[left + n] = array[left + n - 1];
+ n--;
+ }
+ }
+
+ array[left] = pivot;
+ }
+}
+
+function gallopLeft(value, array, start, length, hint, compare) {
+ var lastOffset = 0;
+ var maxOffset = 0;
+ var offset = 1;
+
+ if (compare(value, array[start + hint]) > 0) {
+ maxOffset = length - hint;
+
+ while (offset < maxOffset && compare(value, array[start + hint + offset]) > 0) {
+ lastOffset = offset;
+ offset = (offset << 1) + 1;
+
+ if (offset <= 0) {
+ offset = maxOffset;
+ }
+ }
+
+ if (offset > maxOffset) {
+ offset = maxOffset;
+ }
+
+ lastOffset += hint;
+ offset += hint;
+ }
+ else {
+ maxOffset = hint + 1;
+ while (offset < maxOffset && compare(value, array[start + hint - offset]) <= 0) {
+ lastOffset = offset;
+ offset = (offset << 1) + 1;
+
+ if (offset <= 0) {
+ offset = maxOffset;
+ }
+ }
+ if (offset > maxOffset) {
+ offset = maxOffset;
+ }
+
+ var tmp = lastOffset;
+ lastOffset = hint - offset;
+ offset = hint - tmp;
+ }
+
+ lastOffset++;
+ while (lastOffset < offset) {
+ var m = lastOffset + (offset - lastOffset >>> 1);
+
+ if (compare(value, array[start + m]) > 0) {
+ lastOffset = m + 1;
+ }
+ else {
+ offset = m;
+ }
+ }
+ return offset;
+}
+
+function gallopRight(value, array, start, length, hint, compare) {
+ var lastOffset = 0;
+ var maxOffset = 0;
+ var offset = 1;
+
+ if (compare(value, array[start + hint]) < 0) {
+ maxOffset = hint + 1;
+
+ while (offset < maxOffset && compare(value, array[start + hint - offset]) < 0) {
+ lastOffset = offset;
+ offset = (offset << 1) + 1;
+
+ if (offset <= 0) {
+ offset = maxOffset;
+ }
+ }
+
+ if (offset > maxOffset) {
+ offset = maxOffset;
+ }
+
+ var tmp = lastOffset;
+ lastOffset = hint - offset;
+ offset = hint - tmp;
+ }
+ else {
+ maxOffset = length - hint;
+
+ while (offset < maxOffset && compare(value, array[start + hint + offset]) >= 0) {
+ lastOffset = offset;
+ offset = (offset << 1) + 1;
+
+ if (offset <= 0) {
+ offset = maxOffset;
+ }
+ }
+
+ if (offset > maxOffset) {
+ offset = maxOffset;
+ }
+
+ lastOffset += hint;
+ offset += hint;
+ }
+
+ lastOffset++;
+
+ while (lastOffset < offset) {
+ var m = lastOffset + (offset - lastOffset >>> 1);
+
+ if (compare(value, array[start + m]) < 0) {
+ offset = m;
+ }
+ else {
+ lastOffset = m + 1;
+ }
+ }
+
+ return offset;
+}
+
+function TimSort(array, compare) {
+ var minGallop = DEFAULT_MIN_GALLOPING;
+ var runStart;
+ var runLength;
+ var stackSize = 0;
+
+ var tmp = [];
+
+ runStart = [];
+ runLength = [];
+
+ function pushRun(_runStart, _runLength) {
+ runStart[stackSize] = _runStart;
+ runLength[stackSize] = _runLength;
+ stackSize += 1;
+ }
+
+ function mergeRuns() {
+ while (stackSize > 1) {
+ var n = stackSize - 2;
+
+ if (
+ (n >= 1 && runLength[n - 1] <= runLength[n] + runLength[n + 1])
+ || (n >= 2 && runLength[n - 2] <= runLength[n] + runLength[n - 1])
+ ) {
+ if (runLength[n - 1] < runLength[n + 1]) {
+ n--;
+ }
+ }
+ else if (runLength[n] > runLength[n + 1]) {
+ break;
+ }
+ mergeAt(n);
+ }
+ }
+
+ function forceMergeRuns() {
+ while (stackSize > 1) {
+ var n = stackSize - 2;
+
+ if (n > 0 && runLength[n - 1] < runLength[n + 1]) {
+ n--;
+ }
+
+ mergeAt(n);
+ }
+ }
+
+ function mergeAt(i) {
+ var start1 = runStart[i];
+ var length1 = runLength[i];
+ var start2 = runStart[i + 1];
+ var length2 = runLength[i + 1];
+
+ runLength[i] = length1 + length2;
+
+ if (i === stackSize - 3) {
+ runStart[i + 1] = runStart[i + 2];
+ runLength[i + 1] = runLength[i + 2];
+ }
+
+ stackSize--;
+
+ var k = gallopRight(array[start2], array, start1, length1, 0, compare);
+ start1 += k;
+ length1 -= k;
+
+ if (length1 === 0) {
+ return;
+ }
+
+ length2 = gallopLeft(array[start1 + length1 - 1], array, start2, length2, length2 - 1, compare);
+
+ if (length2 === 0) {
+ return;
+ }
+
+ if (length1 <= length2) {
+ mergeLow(start1, length1, start2, length2);
+ }
+ else {
+ mergeHigh(start1, length1, start2, length2);
+ }
+ }
+
+ function mergeLow(start1, length1, start2, length2) {
+ var i = 0;
+
+ for (i = 0; i < length1; i++) {
+ tmp[i] = array[start1 + i];
+ }
+
+ var cursor1 = 0;
+ var cursor2 = start2;
+ var dest = start1;
+
+ array[dest++] = array[cursor2++];
+
+ if (--length2 === 0) {
+ for (i = 0; i < length1; i++) {
+ array[dest + i] = tmp[cursor1 + i];
+ }
+ return;
+ }
+
+ if (length1 === 1) {
+ for (i = 0; i < length2; i++) {
+ array[dest + i] = array[cursor2 + i];
+ }
+ array[dest + length2] = tmp[cursor1];
+ return;
+ }
+
+ var _minGallop = minGallop;
+ var count1;
+ var count2;
+ var exit;
+
+ while (1) {
+ count1 = 0;
+ count2 = 0;
+ exit = false;
+
+ do {
+ if (compare(array[cursor2], tmp[cursor1]) < 0) {
+ array[dest++] = array[cursor2++];
+ count2++;
+ count1 = 0;
+
+ if (--length2 === 0) {
+ exit = true;
+ break;
+ }
+ }
+ else {
+ array[dest++] = tmp[cursor1++];
+ count1++;
+ count2 = 0;
+ if (--length1 === 1) {
+ exit = true;
+ break;
+ }
+ }
+ } while ((count1 | count2) < _minGallop);
+
+ if (exit) {
+ break;
+ }
+
+ do {
+ count1 = gallopRight(array[cursor2], tmp, cursor1, length1, 0, compare);
+
+ if (count1 !== 0) {
+ for (i = 0; i < count1; i++) {
+ array[dest + i] = tmp[cursor1 + i];
+ }
+
+ dest += count1;
+ cursor1 += count1;
+ length1 -= count1;
+ if (length1 <= 1) {
+ exit = true;
+ break;
+ }
+ }
+
+ array[dest++] = array[cursor2++];
+
+ if (--length2 === 0) {
+ exit = true;
+ break;
+ }
+
+ count2 = gallopLeft(tmp[cursor1], array, cursor2, length2, 0, compare);
+
+ if (count2 !== 0) {
+ for (i = 0; i < count2; i++) {
+ array[dest + i] = array[cursor2 + i];
+ }
+
+ dest += count2;
+ cursor2 += count2;
+ length2 -= count2;
+
+ if (length2 === 0) {
+ exit = true;
+ break;
+ }
+ }
+ array[dest++] = tmp[cursor1++];
+
+ if (--length1 === 1) {
+ exit = true;
+ break;
+ }
+
+ _minGallop--;
+ } while (count1 >= DEFAULT_MIN_GALLOPING || count2 >= DEFAULT_MIN_GALLOPING);
+
+ if (exit) {
+ break;
+ }
+
+ if (_minGallop < 0) {
+ _minGallop = 0;
+ }
+
+ _minGallop += 2;
+ }
+
+ minGallop = _minGallop;
+
+ minGallop < 1 && (minGallop = 1);
+
+ if (length1 === 1) {
+ for (i = 0; i < length2; i++) {
+ array[dest + i] = array[cursor2 + i];
+ }
+ array[dest + length2] = tmp[cursor1];
+ }
+ else if (length1 === 0) {
+ throw new Error();
+ // throw new Error('mergeLow preconditions were not respected');
+ }
+ else {
+ for (i = 0; i < length1; i++) {
+ array[dest + i] = tmp[cursor1 + i];
+ }
+ }
+ }
+
+ function mergeHigh(start1, length1, start2, length2) {
+ var i = 0;
+
+ for (i = 0; i < length2; i++) {
+ tmp[i] = array[start2 + i];
+ }
+
+ var cursor1 = start1 + length1 - 1;
+ var cursor2 = length2 - 1;
+ var dest = start2 + length2 - 1;
+ var customCursor = 0;
+ var customDest = 0;
+
+ array[dest--] = array[cursor1--];
+
+ if (--length1 === 0) {
+ customCursor = dest - (length2 - 1);
+
+ for (i = 0; i < length2; i++) {
+ array[customCursor + i] = tmp[i];
+ }
+
+ return;
+ }
+
+ if (length2 === 1) {
+ dest -= length1;
+ cursor1 -= length1;
+ customDest = dest + 1;
+ customCursor = cursor1 + 1;
+
+ for (i = length1 - 1; i >= 0; i--) {
+ array[customDest + i] = array[customCursor + i];
+ }
+
+ array[dest] = tmp[cursor2];
+ return;
+ }
+
+ var _minGallop = minGallop;
+
+ while (true) {
+ var count1 = 0;
+ var count2 = 0;
+ var exit = false;
+
+ do {
+ if (compare(tmp[cursor2], array[cursor1]) < 0) {
+ array[dest--] = array[cursor1--];
+ count1++;
+ count2 = 0;
+ if (--length1 === 0) {
+ exit = true;
+ break;
+ }
+ }
+ else {
+ array[dest--] = tmp[cursor2--];
+ count2++;
+ count1 = 0;
+ if (--length2 === 1) {
+ exit = true;
+ break;
+ }
+ }
+ } while ((count1 | count2) < _minGallop);
+
+ if (exit) {
+ break;
+ }
+
+ do {
+ count1 = length1 - gallopRight(tmp[cursor2], array, start1, length1, length1 - 1, compare);
+
+ if (count1 !== 0) {
+ dest -= count1;
+ cursor1 -= count1;
+ length1 -= count1;
+ customDest = dest + 1;
+ customCursor = cursor1 + 1;
+
+ for (i = count1 - 1; i >= 0; i--) {
+ array[customDest + i] = array[customCursor + i];
+ }
+
+ if (length1 === 0) {
+ exit = true;
+ break;
+ }
+ }
+
+ array[dest--] = tmp[cursor2--];
+
+ if (--length2 === 1) {
+ exit = true;
+ break;
+ }
+
+ count2 = length2 - gallopLeft(array[cursor1], tmp, 0, length2, length2 - 1, compare);
+
+ if (count2 !== 0) {
+ dest -= count2;
+ cursor2 -= count2;
+ length2 -= count2;
+ customDest = dest + 1;
+ customCursor = cursor2 + 1;
+
+ for (i = 0; i < count2; i++) {
+ array[customDest + i] = tmp[customCursor + i];
+ }
+
+ if (length2 <= 1) {
+ exit = true;
+ break;
+ }
+ }
+
+ array[dest--] = array[cursor1--];
+
+ if (--length1 === 0) {
+ exit = true;
+ break;
+ }
+
+ _minGallop--;
+ } while (count1 >= DEFAULT_MIN_GALLOPING || count2 >= DEFAULT_MIN_GALLOPING);
+
+ if (exit) {
+ break;
+ }
+
+ if (_minGallop < 0) {
+ _minGallop = 0;
+ }
+
+ _minGallop += 2;
+ }
+
+ minGallop = _minGallop;
+
+ if (minGallop < 1) {
+ minGallop = 1;
+ }
+
+ if (length2 === 1) {
+ dest -= length1;
+ cursor1 -= length1;
+ customDest = dest + 1;
+ customCursor = cursor1 + 1;
+
+ for (i = length1 - 1; i >= 0; i--) {
+ array[customDest + i] = array[customCursor + i];
+ }
+
+ array[dest] = tmp[cursor2];
+ }
+ else if (length2 === 0) {
+ throw new Error();
+ // throw new Error('mergeHigh preconditions were not respected');
+ }
+ else {
+ customCursor = dest - (length2 - 1);
+ for (i = 0; i < length2; i++) {
+ array[customCursor + i] = tmp[i];
+ }
+ }
+ }
+
+ this.mergeRuns = mergeRuns;
+ this.forceMergeRuns = forceMergeRuns;
+ this.pushRun = pushRun;
+}
+
+function sort(array, compare, lo, hi) {
+ if (!lo) {
+ lo = 0;
+ }
+ if (!hi) {
+ hi = array.length;
+ }
+
+ var remaining = hi - lo;
+
+ if (remaining < 2) {
+ return;
+ }
+
+ var runLength = 0;
+
+ if (remaining < DEFAULT_MIN_MERGE) {
+ runLength = makeAscendingRun(array, lo, hi, compare);
+ binaryInsertionSort(array, lo, hi, lo + runLength, compare);
+ return;
+ }
+
+ var ts = new TimSort(array, compare);
+
+ var minRun = minRunLength(remaining);
+
+ do {
+ runLength = makeAscendingRun(array, lo, hi, compare);
+ if (runLength < minRun) {
+ var force = remaining;
+ if (force > minRun) {
+ force = minRun;
+ }
+
+ binaryInsertionSort(array, lo, lo + force, lo + runLength, compare);
+ runLength = force;
+ }
+
+ ts.pushRun(lo, runLength);
+ ts.mergeRuns();
+
+ remaining -= runLength;
+ lo += runLength;
+ } while (remaining !== 0);
+
+ ts.forceMergeRuns();
+}
+
+// Use timsort because in most case elements are partially sorted
+// https://jsfiddle.net/pissang/jr4x7mdm/8/
+function shapeCompareFunc(a, b) {
+ if (a.zlevel === b.zlevel) {
+ if (a.z === b.z) {
+ // if (a.z2 === b.z2) {
+ // // FIXME Slow has renderidx compare
+ // // http://stackoverflow.com/questions/20883421/sorting-in-javascript-should-every-compare-function-have-a-return-0-statement
+ // // https://github.com/v8/v8/blob/47cce544a31ed5577ffe2963f67acb4144ee0232/src/js/array.js#L1012
+ // return a.__renderidx - b.__renderidx;
+ // }
+ return a.z2 - b.z2;
+ }
+ return a.z - b.z;
+ }
+ return a.zlevel - b.zlevel;
+}
+/**
+ * 鍐呭浠撳簱 (M)
+ * @alias module:zrender/Storage
+ * @constructor
+ */
+var Storage = function () { // jshint ignore:line
+ this._roots = [];
+
+ this._displayList = [];
+
+ this._displayListLen = 0;
+};
+
+Storage.prototype = {
+
+ constructor: Storage,
+
+ /**
+ * @param {Function} cb
+ *
+ */
+ traverse: function (cb, context) {
+ for (var i = 0; i < this._roots.length; i++) {
+ this._roots[i].traverse(cb, context);
+ }
+ },
+
+ /**
+ * 杩斿洖鎵�鏈夊浘褰㈢殑缁樺埗闃熷垪
+ * @param {boolean} [update=false] 鏄惁鍦ㄨ繑鍥炲墠鏇存柊璇ユ暟缁�
+ * @param {boolean} [includeIgnore=false] 鏄惁鍖呭惈 ignore 鐨勬暟缁�, 鍦� update 涓� true 鐨勬椂鍊欐湁鏁�
+ *
+ * 璇﹁{@link module:zrender/graphic/Displayable.prototype.updateDisplayList}
+ * @return {Array.<module:zrender/graphic/Displayable>}
+ */
+ getDisplayList: function (update, includeIgnore) {
+ includeIgnore = includeIgnore || false;
+ if (update) {
+ this.updateDisplayList(includeIgnore);
+ }
+ return this._displayList;
+ },
+
+ /**
+ * 鏇存柊鍥惧舰鐨勭粯鍒堕槦鍒椼��
+ * 姣忔缁樺埗鍓嶉兘浼氳皟鐢紝璇ユ柟娉曚細鍏堟繁搴︿紭鍏堥亶鍘嗘暣涓爲锛屾洿鏂版墍鏈塆roup鍜孲hape鐨勫彉鎹㈠苟涓旀妸鎵�鏈夊彲瑙佺殑Shape淇濆瓨鍒版暟缁勪腑锛�
+ * 鏈�鍚庢牴鎹粯鍒剁殑浼樺厛绾э紙zlevel > z > 鎻掑叆椤哄簭锛夋帓搴忓緱鍒扮粯鍒堕槦鍒�
+ * @param {boolean} [includeIgnore=false] 鏄惁鍖呭惈 ignore 鐨勬暟缁�
+ */
+ updateDisplayList: function (includeIgnore) {
+ this._displayListLen = 0;
+
+ var roots = this._roots;
+ var displayList = this._displayList;
+ for (var i = 0, len = roots.length; i < len; i++) {
+ this._updateAndAddDisplayable(roots[i], null, includeIgnore);
+ }
+
+ displayList.length = this._displayListLen;
+
+ env$1.canvasSupported && sort(displayList, shapeCompareFunc);
+ },
+
+ _updateAndAddDisplayable: function (el, clipPaths, includeIgnore) {
+
+ if (el.ignore && !includeIgnore) {
+ return;
+ }
+
+ el.beforeUpdate();
+
+ if (el.__dirty) {
+
+ el.update();
+
+ }
+
+ el.afterUpdate();
+
+ var userSetClipPath = el.clipPath;
+ if (userSetClipPath) {
+
+ // FIXME 鏁堢巼褰卞搷
+ if (clipPaths) {
+ clipPaths = clipPaths.slice();
+ }
+ else {
+ clipPaths = [];
+ }
+
+ var currentClipPath = userSetClipPath;
+ var parentClipPath = el;
+ // Recursively add clip path
+ while (currentClipPath) {
+ // clipPath 鐨勫彉鎹㈡槸鍩轰簬浣跨敤杩欎釜 clipPath 鐨勫厓绱�
+ currentClipPath.parent = parentClipPath;
+ currentClipPath.updateTransform();
+
+ clipPaths.push(currentClipPath);
+
+ parentClipPath = currentClipPath;
+ currentClipPath = currentClipPath.clipPath;
+ }
+ }
+
+ if (el.isGroup) {
+ var children = el._children;
+
+ for (var i = 0; i < children.length; i++) {
+ var child = children[i];
+
+ // Force to mark as dirty if group is dirty
+ // FIXME __dirtyPath ?
+ if (el.__dirty) {
+ child.__dirty = true;
+ }
+
+ this._updateAndAddDisplayable(child, clipPaths, includeIgnore);
+ }
+
+ // Mark group clean here
+ el.__dirty = false;
+
+ }
+ else {
+ el.__clipPaths = clipPaths;
+
+ this._displayList[this._displayListLen++] = el;
+ }
+ },
+
+ /**
+ * 娣诲姞鍥惧舰(Shape)鎴栬�呯粍(Group)鍒版牴鑺傜偣
+ * @param {module:zrender/Element} el
+ */
+ addRoot: function (el) {
+ if (el.__storage === this) {
+ return;
+ }
+
+ if (el instanceof Group) {
+ el.addChildrenToStorage(this);
+ }
+
+ this.addToStorage(el);
+ this._roots.push(el);
+ },
+
+ /**
+ * 鍒犻櫎鎸囧畾鐨勫浘褰�(Shape)鎴栬�呯粍(Group)
+ * @param {string|Array.<string>} [el] 濡傛灉涓虹┖娓呯┖鏁翠釜Storage
+ */
+ delRoot: function (el) {
+ if (el == null) {
+ // 涓嶆寚瀹歟l娓呯┖
+ for (var i = 0; i < this._roots.length; i++) {
+ var root = this._roots[i];
+ if (root instanceof Group) {
+ root.delChildrenFromStorage(this);
+ }
+ }
+
+ this._roots = [];
+ this._displayList = [];
+ this._displayListLen = 0;
+
+ return;
+ }
+
+ if (el instanceof Array) {
+ for (var i = 0, l = el.length; i < l; i++) {
+ this.delRoot(el[i]);
+ }
+ return;
+ }
+
+
+ var idx = indexOf(this._roots, el);
+ if (idx >= 0) {
+ this.delFromStorage(el);
+ this._roots.splice(idx, 1);
+ if (el instanceof Group) {
+ el.delChildrenFromStorage(this);
+ }
+ }
+ },
+
+ addToStorage: function (el) {
+ if (el) {
+ el.__storage = this;
+ el.dirty(false);
+ }
+ return this;
+ },
+
+ delFromStorage: function (el) {
+ if (el) {
+ el.__storage = null;
+ }
+
+ return this;
+ },
+
+ /**
+ * 娓呯┖骞朵笖閲婃斁Storage
+ */
+ dispose: function () {
+ this._renderList =
+ this._roots = null;
+ },
+
+ displayableSortFunc: shapeCompareFunc
+};
+
+var SHADOW_PROPS = {
+ 'shadowBlur': 1,
+ 'shadowOffsetX': 1,
+ 'shadowOffsetY': 1,
+ 'textShadowBlur': 1,
+ 'textShadowOffsetX': 1,
+ 'textShadowOffsetY': 1,
+ 'textBoxShadowBlur': 1,
+ 'textBoxShadowOffsetX': 1,
+ 'textBoxShadowOffsetY': 1
+};
+
+var fixShadow = function (ctx, propName, value) {
+ if (SHADOW_PROPS.hasOwnProperty(propName)) {
+ return value *= ctx.dpr;
+ }
+ return value;
+};
+
+var ContextCachedBy = {
+ NONE: 0,
+ STYLE_BIND: 1,
+ PLAIN_TEXT: 2
+};
+
+// Avoid confused with 0/false.
+var WILL_BE_RESTORED = 9;
+
+var STYLE_COMMON_PROPS = [
+ ['shadowBlur', 0], ['shadowOffsetX', 0], ['shadowOffsetY', 0], ['shadowColor', '#000'],
+ ['lineCap', 'butt'], ['lineJoin', 'miter'], ['miterLimit', 10]
+];
+
+// var SHADOW_PROPS = STYLE_COMMON_PROPS.slice(0, 4);
+// var LINE_PROPS = STYLE_COMMON_PROPS.slice(4);
+
+var Style = function (opts) {
+ this.extendFrom(opts, false);
+};
+
+function createLinearGradient(ctx, obj, rect) {
+ var x = obj.x == null ? 0 : obj.x;
+ var x2 = obj.x2 == null ? 1 : obj.x2;
+ var y = obj.y == null ? 0 : obj.y;
+ var y2 = obj.y2 == null ? 0 : obj.y2;
+
+ if (!obj.global) {
+ x = x * rect.width + rect.x;
+ x2 = x2 * rect.width + rect.x;
+ y = y * rect.height + rect.y;
+ y2 = y2 * rect.height + rect.y;
+ }
+
+ // Fix NaN when rect is Infinity
+ x = isNaN(x) ? 0 : x;
+ x2 = isNaN(x2) ? 1 : x2;
+ y = isNaN(y) ? 0 : y;
+ y2 = isNaN(y2) ? 0 : y2;
+
+ var canvasGradient = ctx.createLinearGradient(x, y, x2, y2);
+
+ return canvasGradient;
+}
+
+function createRadialGradient(ctx, obj, rect) {
+ var width = rect.width;
+ var height = rect.height;
+ var min = Math.min(width, height);
+
+ var x = obj.x == null ? 0.5 : obj.x;
+ var y = obj.y == null ? 0.5 : obj.y;
+ var r = obj.r == null ? 0.5 : obj.r;
+ if (!obj.global) {
+ x = x * width + rect.x;
+ y = y * height + rect.y;
+ r = r * min;
+ }
+
+ var canvasGradient = ctx.createRadialGradient(x, y, 0, x, y, r);
+
+ return canvasGradient;
+}
+
+
+Style.prototype = {
+
+ constructor: Style,
+
+ /**
+ * @type {string}
+ */
+ fill: '#000',
+
+ /**
+ * @type {string}
+ */
+ stroke: null,
+
+ /**
+ * @type {number}
+ */
+ opacity: 1,
+
+ /**
+ * @type {number}
+ */
+ fillOpacity: null,
+
+ /**
+ * @type {number}
+ */
+ strokeOpacity: null,
+
+ /**
+ * `true` is not supported.
+ * `false`/`null`/`undefined` are the same.
+ * `false` is used to remove lineDash in some
+ * case that `null`/`undefined` can not be set.
+ * (e.g., emphasis.lineStyle in echarts)
+ * @type {Array.<number>|boolean}
+ */
+ lineDash: null,
+
+ /**
+ * @type {number}
+ */
+ lineDashOffset: 0,
+
+ /**
+ * @type {number}
+ */
+ shadowBlur: 0,
+
+ /**
+ * @type {number}
+ */
+ shadowOffsetX: 0,
+
+ /**
+ * @type {number}
+ */
+ shadowOffsetY: 0,
+
+ /**
+ * @type {number}
+ */
+ lineWidth: 1,
+
+ /**
+ * If stroke ignore scale
+ * @type {Boolean}
+ */
+ strokeNoScale: false,
+
+ // Bounding rect text configuration
+ // Not affected by element transform
+ /**
+ * @type {string}
+ */
+ text: null,
+
+ /**
+ * If `fontSize` or `fontFamily` exists, `font` will be reset by
+ * `fontSize`, `fontStyle`, `fontWeight`, `fontFamily`.
+ * So do not visit it directly in upper application (like echarts),
+ * but use `contain/text#makeFont` instead.
+ * @type {string}
+ */
+ font: null,
+
+ /**
+ * The same as font. Use font please.
+ * @deprecated
+ * @type {string}
+ */
+ textFont: null,
+
+ /**
+ * It helps merging respectively, rather than parsing an entire font string.
+ * @type {string}
+ */
+ fontStyle: null,
+
+ /**
+ * It helps merging respectively, rather than parsing an entire font string.
+ * @type {string}
+ */
+ fontWeight: null,
+
+ /**
+ * It helps merging respectively, rather than parsing an entire font string.
+ * Should be 12 but not '12px'.
+ * @type {number}
+ */
+ fontSize: null,
+
+ /**
+ * It helps merging respectively, rather than parsing an entire font string.
+ * @type {string}
+ */
+ fontFamily: null,
+
+ /**
+ * Reserved for special functinality, like 'hr'.
+ * @type {string}
+ */
+ textTag: null,
+
+ /**
+ * @type {string}
+ */
+ textFill: '#000',
+
+ /**
+ * @type {string}
+ */
+ textStroke: null,
+
+ /**
+ * @type {number}
+ */
+ textWidth: null,
+
+ /**
+ * Only for textBackground.
+ * @type {number}
+ */
+ textHeight: null,
+
+ /**
+ * textStroke may be set as some color as a default
+ * value in upper applicaion, where the default value
+ * of textStrokeWidth should be 0 to make sure that
+ * user can choose to do not use text stroke.
+ * @type {number}
+ */
+ textStrokeWidth: 0,
+
+ /**
+ * @type {number}
+ */
+ textLineHeight: null,
+
+ /**
+ * 'inside', 'left', 'right', 'top', 'bottom'
+ * [x, y]
+ * Based on x, y of rect.
+ * @type {string|Array.<number>}
+ * @default 'inside'
+ */
+ textPosition: 'inside',
+
+ /**
+ * If not specified, use the boundingRect of a `displayable`.
+ * @type {Object}
+ */
+ textRect: null,
+
+ /**
+ * [x, y]
+ * @type {Array.<number>}
+ */
+ textOffset: null,
+
+ /**
+ * @type {string}
+ */
+ textAlign: null,
+
+ /**
+ * @type {string}
+ */
+ textVerticalAlign: null,
+
+ /**
+ * @type {number}
+ */
+ textDistance: 5,
+
+ /**
+ * @type {string}
+ */
+ textShadowColor: 'transparent',
+
+ /**
+ * @type {number}
+ */
+ textShadowBlur: 0,
+
+ /**
+ * @type {number}
+ */
+ textShadowOffsetX: 0,
+
+ /**
+ * @type {number}
+ */
+ textShadowOffsetY: 0,
+
+ /**
+ * @type {string}
+ */
+ textBoxShadowColor: 'transparent',
+
+ /**
+ * @type {number}
+ */
+ textBoxShadowBlur: 0,
+
+ /**
+ * @type {number}
+ */
+ textBoxShadowOffsetX: 0,
+
+ /**
+ * @type {number}
+ */
+ textBoxShadowOffsetY: 0,
+
+ /**
+ * Whether transform text.
+ * Only available in Path and Image element,
+ * where the text is called as `RectText`.
+ * @type {boolean}
+ */
+ transformText: false,
+
+ /**
+ * Text rotate around position of Path or Image.
+ * The origin of the rotation can be specified by `textOrigin`.
+ * Only available in Path and Image element,
+ * where the text is called as `RectText`.
+ */
+ textRotation: 0,
+
+ /**
+ * Text origin of text rotation.
+ * Useful in the case like label rotation of circular symbol.
+ * Only available in Path and Image element, where the text is called
+ * as `RectText` and the element is called as "host element".
+ * The value can be:
+ * + If specified as a coordinate like `[10, 40]`, it is the `[x, y]`
+ * base on the left-top corner of the rect of its host element.
+ * + If specified as a string `center`, it is the center of the rect of
+ * its host element.
+ * + By default, this origin is the `textPosition`.
+ * @type {string|Array.<number>}
+ */
+ textOrigin: null,
+
+ /**
+ * @type {string}
+ */
+ textBackgroundColor: null,
+
+ /**
+ * @type {string}
+ */
+ textBorderColor: null,
+
+ /**
+ * @type {number}
+ */
+ textBorderWidth: 0,
+
+ /**
+ * @type {number}
+ */
+ textBorderRadius: 0,
+
+ /**
+ * Can be `2` or `[2, 4]` or `[2, 3, 4, 5]`
+ * @type {number|Array.<number>}
+ */
+ textPadding: null,
+
+ /**
+ * Text styles for rich text.
+ * @type {Object}
+ */
+ rich: null,
+
+ /**
+ * {outerWidth, outerHeight, ellipsis, placeholder}
+ * @type {Object}
+ */
+ truncate: null,
+
+ /**
+ * https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/globalCompositeOperation
+ * @type {string}
+ */
+ blend: null,
+
+ /**
+ * @param {CanvasRenderingContext2D} ctx
+ */
+ bind: function (ctx, el, prevEl) {
+ var style = this;
+ var prevStyle = prevEl && prevEl.style;
+ // If no prevStyle, it means first draw.
+ // Only apply cache if the last time cachced by this function.
+ var notCheckCache = !prevStyle || ctx.__attrCachedBy !== ContextCachedBy.STYLE_BIND;
+
+ ctx.__attrCachedBy = ContextCachedBy.STYLE_BIND;
+
+ for (var i = 0; i < STYLE_COMMON_PROPS.length; i++) {
+ var prop = STYLE_COMMON_PROPS[i];
+ var styleName = prop[0];
+
+ if (notCheckCache || style[styleName] !== prevStyle[styleName]) {
+ // FIXME Invalid property value will cause style leak from previous element.
+ ctx[styleName] =
+ fixShadow(ctx, styleName, style[styleName] || prop[1]);
+ }
+ }
+
+ if ((notCheckCache || style.fill !== prevStyle.fill)) {
+ ctx.fillStyle = style.fill;
+ }
+ if ((notCheckCache || style.stroke !== prevStyle.stroke)) {
+ ctx.strokeStyle = style.stroke;
+ }
+ if ((notCheckCache || style.opacity !== prevStyle.opacity)) {
+ ctx.globalAlpha = style.opacity == null ? 1 : style.opacity;
+ }
+
+ if ((notCheckCache || style.blend !== prevStyle.blend)) {
+ ctx.globalCompositeOperation = style.blend || 'source-over';
+ }
+ if (this.hasStroke()) {
+ var lineWidth = style.lineWidth;
+ ctx.lineWidth = lineWidth / (
+ (this.strokeNoScale && el && el.getLineScale) ? el.getLineScale() : 1
+ );
+ }
+ },
+
+ hasFill: function () {
+ var fill = this.fill;
+ return fill != null && fill !== 'none';
+ },
+
+ hasStroke: function () {
+ var stroke = this.stroke;
+ return stroke != null && stroke !== 'none' && this.lineWidth > 0;
+ },
+
+ /**
+ * Extend from other style
+ * @param {zrender/graphic/Style} otherStyle
+ * @param {boolean} overwrite true: overwrirte any way.
+ * false: overwrite only when !target.hasOwnProperty
+ * others: overwrite when property is not null/undefined.
+ */
+ extendFrom: function (otherStyle, overwrite) {
+ if (otherStyle) {
+ for (var name in otherStyle) {
+ if (otherStyle.hasOwnProperty(name)
+ && (overwrite === true
+ || (
+ overwrite === false
+ ? !this.hasOwnProperty(name)
+ : otherStyle[name] != null
+ )
+ )
+ ) {
+ this[name] = otherStyle[name];
+ }
+ }
+ }
+ },
+
+ /**
+ * Batch setting style with a given object
+ * @param {Object|string} obj
+ * @param {*} [obj]
+ */
+ set: function (obj, value) {
+ if (typeof obj === 'string') {
+ this[obj] = value;
+ }
+ else {
+ this.extendFrom(obj, true);
+ }
+ },
+
+ /**
+ * Clone
+ * @return {zrender/graphic/Style} [description]
+ */
+ clone: function () {
+ var newStyle = new this.constructor();
+ newStyle.extendFrom(this, true);
+ return newStyle;
+ },
+
+ getGradient: function (ctx, obj, rect) {
+ var method = obj.type === 'radial' ? createRadialGradient : createLinearGradient;
+ var canvasGradient = method(ctx, obj, rect);
+ var colorStops = obj.colorStops;
+ for (var i = 0; i < colorStops.length; i++) {
+ canvasGradient.addColorStop(
+ colorStops[i].offset, colorStops[i].color
+ );
+ }
+ return canvasGradient;
+ }
+
+};
+
+var styleProto = Style.prototype;
+for (var i = 0; i < STYLE_COMMON_PROPS.length; i++) {
+ var prop = STYLE_COMMON_PROPS[i];
+ if (!(prop[0] in styleProto)) {
+ styleProto[prop[0]] = prop[1];
+ }
+}
+
+// Provide for others
+Style.getGradient = styleProto.getGradient;
+
+var Pattern = function (image, repeat) {
+ // Should do nothing more in this constructor. Because gradient can be
+ // declard by `color: {image: ...}`, where this constructor will not be called.
+
+ this.image = image;
+ this.repeat = repeat;
+
+ // Can be cloned
+ this.type = 'pattern';
+};
+
+Pattern.prototype.getCanvasPattern = function (ctx) {
+ return ctx.createPattern(this.image, this.repeat || 'repeat');
+};
+
+/**
+ * @module zrender/Layer
+ * @author pissang(https://www.github.com/pissang)
+ */
+
+function returnFalse() {
+ return false;
+}
+
+/**
+ * 鍒涘缓dom
+ *
+ * @inner
+ * @param {string} id dom id 寰呯敤
+ * @param {Painter} painter painter instance
+ * @param {number} number
+ */
+function createDom(id, painter, dpr) {
+ var newDom = createCanvas();
+ var width = painter.getWidth();
+ var height = painter.getHeight();
+
+ var newDomStyle = newDom.style;
+ if (newDomStyle) { // In node or some other non-browser environment
+ newDomStyle.position = 'absolute';
+ newDomStyle.left = 0;
+ newDomStyle.top = 0;
+ newDomStyle.width = width + 'px';
+ newDomStyle.height = height + 'px';
+
+ newDom.setAttribute('data-zr-dom-id', id);
+ }
+
+ newDom.width = width * dpr;
+ newDom.height = height * dpr;
+
+ return newDom;
+}
+
+/**
+ * @alias module:zrender/Layer
+ * @constructor
+ * @extends module:zrender/mixin/Transformable
+ * @param {string} id
+ * @param {module:zrender/Painter} painter
+ * @param {number} [dpr]
+ */
+var Layer = function (id, painter, dpr) {
+ var dom;
+ dpr = dpr || devicePixelRatio;
+ if (typeof id === 'string') {
+ dom = createDom(id, painter, dpr);
+ }
+ // Not using isDom because in node it will return false
+ else if (isObject$1(id)) {
+ dom = id;
+ id = dom.id;
+ }
+ this.id = id;
+ this.dom = dom;
+
+ var domStyle = dom.style;
+ if (domStyle) { // Not in node
+ dom.onselectstart = returnFalse; // 閬垮厤椤甸潰閫変腑鐨勫按灏�
+ domStyle['-webkit-user-select'] = 'none';
+ domStyle['user-select'] = 'none';
+ domStyle['-webkit-touch-callout'] = 'none';
+ domStyle['-webkit-tap-highlight-color'] = 'rgba(0,0,0,0)';
+ domStyle['padding'] = 0; // eslint-disable-line dot-notation
+ domStyle['margin'] = 0; // eslint-disable-line dot-notation
+ domStyle['border-width'] = 0;
+ }
+
+ this.domBack = null;
+ this.ctxBack = null;
+
+ this.painter = painter;
+
+ this.config = null;
+
+ // Configs
+ /**
+ * 姣忔娓呯┖鐢诲竷鐨勯鑹�
+ * @type {string}
+ * @default 0
+ */
+ this.clearColor = 0;
+ /**
+ * 鏄惁寮�鍚姩鎬佹ā绯�
+ * @type {boolean}
+ * @default false
+ */
+ this.motionBlur = false;
+ /**
+ * 鍦ㄥ紑鍚姩鎬佹ā绯婄殑鏃跺�欎娇鐢紝涓庝笂涓�甯ф贩鍚堢殑alpha鍊硷紝鍊艰秺澶у熬杩硅秺鏄庢樉
+ * @type {number}
+ * @default 0.7
+ */
+ this.lastFrameAlpha = 0.7;
+
+ /**
+ * Layer dpr
+ * @type {number}
+ */
+ this.dpr = dpr;
+};
+
+Layer.prototype = {
+
+ constructor: Layer,
+
+ __dirty: true,
+
+ __used: false,
+
+ __drawIndex: 0,
+ __startIndex: 0,
+ __endIndex: 0,
+
+ incremental: false,
+
+ getElementCount: function () {
+ return this.__endIndex - this.__startIndex;
+ },
+
+ initContext: function () {
+ this.ctx = this.dom.getContext('2d');
+ this.ctx.dpr = this.dpr;
+ },
+
+ createBackBuffer: function () {
+ var dpr = this.dpr;
+
+ this.domBack = createDom('back-' + this.id, this.painter, dpr);
+ this.ctxBack = this.domBack.getContext('2d');
+
+ if (dpr !== 1) {
+ this.ctxBack.scale(dpr, dpr);
+ }
+ },
+
+ /**
+ * @param {number} width
+ * @param {number} height
+ */
+ resize: function (width, height) {
+ var dpr = this.dpr;
+
+ var dom = this.dom;
+ var domStyle = dom.style;
+ var domBack = this.domBack;
+
+ if (domStyle) {
+ domStyle.width = width + 'px';
+ domStyle.height = height + 'px';
+ }
+
+ dom.width = width * dpr;
+ dom.height = height * dpr;
+
+ if (domBack) {
+ domBack.width = width * dpr;
+ domBack.height = height * dpr;
+
+ if (dpr !== 1) {
+ this.ctxBack.scale(dpr, dpr);
+ }
+ }
+ },
+
+ /**
+ * 娓呯┖璇ュ眰鐢诲竷
+ * @param {boolean} [clearAll]=false Clear all with out motion blur
+ * @param {Color} [clearColor]
+ */
+ clear: function (clearAll, clearColor) {
+ var dom = this.dom;
+ var ctx = this.ctx;
+ var width = dom.width;
+ var height = dom.height;
+
+ var clearColor = clearColor || this.clearColor;
+ var haveMotionBLur = this.motionBlur && !clearAll;
+ var lastFrameAlpha = this.lastFrameAlpha;
+
+ var dpr = this.dpr;
+
+ if (haveMotionBLur) {
+ if (!this.domBack) {
+ this.createBackBuffer();
+ }
+
+ this.ctxBack.globalCompositeOperation = 'copy';
+ this.ctxBack.drawImage(
+ dom, 0, 0,
+ width / dpr,
+ height / dpr
+ );
+ }
+
+ ctx.clearRect(0, 0, width, height);
+ if (clearColor && clearColor !== 'transparent') {
+ var clearColorGradientOrPattern;
+ // Gradient
+ if (clearColor.colorStops) {
+ // Cache canvas gradient
+ clearColorGradientOrPattern = clearColor.__canvasGradient || Style.getGradient(ctx, clearColor, {
+ x: 0,
+ y: 0,
+ width: width,
+ height: height
+ });
+
+ clearColor.__canvasGradient = clearColorGradientOrPattern;
+ }
+ // Pattern
+ else if (clearColor.image) {
+ clearColorGradientOrPattern = Pattern.prototype.getCanvasPattern.call(clearColor, ctx);
+ }
+ ctx.save();
+ ctx.fillStyle = clearColorGradientOrPattern || clearColor;
+ ctx.fillRect(0, 0, width, height);
+ ctx.restore();
+ }
+
+ if (haveMotionBLur) {
+ var domBack = this.domBack;
+ ctx.save();
+ ctx.globalAlpha = lastFrameAlpha;
+ ctx.drawImage(domBack, 0, 0, width, height);
+ ctx.restore();
+ }
+ }
+};
+
+var requestAnimationFrame = (
+ typeof window !== 'undefined'
+ && (
+ (window.requestAnimationFrame && window.requestAnimationFrame.bind(window))
+ // https://github.com/ecomfe/zrender/issues/189#issuecomment-224919809
+ || (window.msRequestAnimationFrame && window.msRequestAnimationFrame.bind(window))
+ || window.mozRequestAnimationFrame
+ || window.webkitRequestAnimationFrame
+ )
+) || function (func) {
+ setTimeout(func, 16);
+};
+
+var globalImageCache = new LRU(50);
+
+/**
+ * @param {string|HTMLImageElement|HTMLCanvasElement|Canvas} newImageOrSrc
+ * @return {HTMLImageElement|HTMLCanvasElement|Canvas} image
+ */
+function findExistImage(newImageOrSrc) {
+ if (typeof newImageOrSrc === 'string') {
+ var cachedImgObj = globalImageCache.get(newImageOrSrc);
+ return cachedImgObj && cachedImgObj.image;
+ }
+ else {
+ return newImageOrSrc;
+ }
+}
+
+/**
+ * Caution: User should cache loaded images, but not just count on LRU.
+ * Consider if required images more than LRU size, will dead loop occur?
+ *
+ * @param {string|HTMLImageElement|HTMLCanvasElement|Canvas} newImageOrSrc
+ * @param {HTMLImageElement|HTMLCanvasElement|Canvas} image Existent image.
+ * @param {module:zrender/Element} [hostEl] For calling `dirty`.
+ * @param {Function} [cb] params: (image, cbPayload)
+ * @param {Object} [cbPayload] Payload on cb calling.
+ * @return {HTMLImageElement|HTMLCanvasElement|Canvas} image
+ */
+function createOrUpdateImage(newImageOrSrc, image, hostEl, cb, cbPayload) {
+ if (!newImageOrSrc) {
+ return image;
+ }
+ else if (typeof newImageOrSrc === 'string') {
+
+ // Image should not be loaded repeatly.
+ if ((image && image.__zrImageSrc === newImageOrSrc) || !hostEl) {
+ return image;
+ }
+
+ // Only when there is no existent image or existent image src
+ // is different, this method is responsible for load.
+ var cachedImgObj = globalImageCache.get(newImageOrSrc);
+
+ var pendingWrap = {hostEl: hostEl, cb: cb, cbPayload: cbPayload};
+
+ if (cachedImgObj) {
+ image = cachedImgObj.image;
+ !isImageReady(image) && cachedImgObj.pending.push(pendingWrap);
+ }
+ else {
+ image = new Image();
+ image.onload = image.onerror = imageOnLoad;
+
+ globalImageCache.put(
+ newImageOrSrc,
+ image.__cachedImgObj = {
+ image: image,
+ pending: [pendingWrap]
+ }
+ );
+
+ image.src = image.__zrImageSrc = newImageOrSrc;
+ }
+
+ return image;
+ }
+ // newImageOrSrc is an HTMLImageElement or HTMLCanvasElement or Canvas
+ else {
+ return newImageOrSrc;
+ }
+}
+
+function imageOnLoad() {
+ var cachedImgObj = this.__cachedImgObj;
+ this.onload = this.onerror = this.__cachedImgObj = null;
+
+ for (var i = 0; i < cachedImgObj.pending.length; i++) {
+ var pendingWrap = cachedImgObj.pending[i];
+ var cb = pendingWrap.cb;
+ cb && cb(this, pendingWrap.cbPayload);
+ pendingWrap.hostEl.dirty();
+ }
+ cachedImgObj.pending.length = 0;
+}
+
+function isImageReady(image) {
+ return image && image.width && image.height;
+}
+
+var textWidthCache = {};
+var textWidthCacheCounter = 0;
+
+var TEXT_CACHE_MAX = 5000;
+var STYLE_REG = /\{([a-zA-Z0-9_]+)\|([^}]*)\}/g;
+
+var DEFAULT_FONT$1 = '12px sans-serif';
+
+// Avoid assign to an exported variable, for transforming to cjs.
+var methods$1 = {};
+
+function $override$1(name, fn) {
+ methods$1[name] = fn;
+}
+
+/**
+ * @public
+ * @param {string} text
+ * @param {string} font
+ * @return {number} width
+ */
+function getWidth(text, font) {
+ font = font || DEFAULT_FONT$1;
+ var key = text + ':' + font;
+ if (textWidthCache[key]) {
+ return textWidthCache[key];
+ }
+
+ var textLines = (text + '').split('\n');
+ var width = 0;
+
+ for (var i = 0, l = textLines.length; i < l; i++) {
+ // textContain.measureText may be overrided in SVG or VML
+ width = Math.max(measureText(textLines[i], font).width, width);
+ }
+
+ if (textWidthCacheCounter > TEXT_CACHE_MAX) {
+ textWidthCacheCounter = 0;
+ textWidthCache = {};
+ }
+ textWidthCacheCounter++;
+ textWidthCache[key] = width;
+
+ return width;
+}
+
+/**
+ * @public
+ * @param {string} text
+ * @param {string} font
+ * @param {string} [textAlign='left']
+ * @param {string} [textVerticalAlign='top']
+ * @param {Array.<number>} [textPadding]
+ * @param {Object} [rich]
+ * @param {Object} [truncate]
+ * @return {Object} {x, y, width, height, lineHeight}
+ */
+function getBoundingRect(text, font, textAlign, textVerticalAlign, textPadding, textLineHeight, rich, truncate) {
+ return rich
+ ? getRichTextRect(text, font, textAlign, textVerticalAlign, textPadding, textLineHeight, rich, truncate)
+ : getPlainTextRect(text, font, textAlign, textVerticalAlign, textPadding, textLineHeight, truncate);
+}
+
+function getPlainTextRect(text, font, textAlign, textVerticalAlign, textPadding, textLineHeight, truncate) {
+ var contentBlock = parsePlainText(text, font, textPadding, textLineHeight, truncate);
+ var outerWidth = getWidth(text, font);
+ if (textPadding) {
+ outerWidth += textPadding[1] + textPadding[3];
+ }
+ var outerHeight = contentBlock.outerHeight;
+
+ var x = adjustTextX(0, outerWidth, textAlign);
+ var y = adjustTextY(0, outerHeight, textVerticalAlign);
+
+ var rect = new BoundingRect(x, y, outerWidth, outerHeight);
+ rect.lineHeight = contentBlock.lineHeight;
+
+ return rect;
+}
+
+function getRichTextRect(text, font, textAlign, textVerticalAlign, textPadding, textLineHeight, rich, truncate) {
+ var contentBlock = parseRichText(text, {
+ rich: rich,
+ truncate: truncate,
+ font: font,
+ textAlign: textAlign,
+ textPadding: textPadding,
+ textLineHeight: textLineHeight
+ });
+ var outerWidth = contentBlock.outerWidth;
+ var outerHeight = contentBlock.outerHeight;
+
+ var x = adjustTextX(0, outerWidth, textAlign);
+ var y = adjustTextY(0, outerHeight, textVerticalAlign);
+
+ return new BoundingRect(x, y, outerWidth, outerHeight);
+}
+
+/**
+ * @public
+ * @param {number} x
+ * @param {number} width
+ * @param {string} [textAlign='left']
+ * @return {number} Adjusted x.
+ */
+function adjustTextX(x, width, textAlign) {
+ // FIXME Right to left language
+ if (textAlign === 'right') {
+ x -= width;
+ }
+ else if (textAlign === 'center') {
+ x -= width / 2;
+ }
+ return x;
+}
+
+/**
+ * @public
+ * @param {number} y
+ * @param {number} height
+ * @param {string} [textVerticalAlign='top']
+ * @return {number} Adjusted y.
+ */
+function adjustTextY(y, height, textVerticalAlign) {
+ if (textVerticalAlign === 'middle') {
+ y -= height / 2;
+ }
+ else if (textVerticalAlign === 'bottom') {
+ y -= height;
+ }
+ return y;
+}
+
+/**
+ * Follow same interface to `Displayable.prototype.calculateTextPosition`.
+ * @public
+ * @param {Obejct} [out] Prepared out object. If not input, auto created in the method.
+ * @param {module:zrender/graphic/Style} style where `textPosition` and `textDistance` are visited.
+ * @param {Object} rect {x, y, width, height} Rect of the host elment, according to which the text positioned.
+ * @return {Object} The input `out`. Set: {x, y, textAlign, textVerticalAlign}
+ */
+function calculateTextPosition(out, style, rect) {
+ var textPosition = style.textPosition;
+ var distance = style.textDistance;
+
+ var x = rect.x;
+ var y = rect.y;
+ distance = distance || 0;
+
+ var height = rect.height;
+ var width = rect.width;
+ var halfHeight = height / 2;
+
+ var textAlign = 'left';
+ var textVerticalAlign = 'top';
+
+ switch (textPosition) {
+ case 'left':
+ x -= distance;
+ y += halfHeight;
+ textAlign = 'right';
+ textVerticalAlign = 'middle';
+ break;
+ case 'right':
+ x += distance + width;
+ y += halfHeight;
+ textVerticalAlign = 'middle';
+ break;
+ case 'top':
+ x += width / 2;
+ y -= distance;
+ textAlign = 'center';
+ textVerticalAlign = 'bottom';
+ break;
+ case 'bottom':
+ x += width / 2;
+ y += height + distance;
+ textAlign = 'center';
+ break;
+ case 'inside':
+ x += width / 2;
+ y += halfHeight;
+ textAlign = 'center';
+ textVerticalAlign = 'middle';
+ break;
+ case 'insideLeft':
+ x += distance;
+ y += halfHeight;
+ textVerticalAlign = 'middle';
+ break;
+ case 'insideRight':
+ x += width - distance;
+ y += halfHeight;
+ textAlign = 'right';
+ textVerticalAlign = 'middle';
+ break;
+ case 'insideTop':
+ x += width / 2;
+ y += distance;
+ textAlign = 'center';
+ break;
+ case 'insideBottom':
+ x += width / 2;
+ y += height - distance;
+ textAlign = 'center';
+ textVerticalAlign = 'bottom';
+ break;
+ case 'insideTopLeft':
+ x += distance;
+ y += distance;
+ break;
+ case 'insideTopRight':
+ x += width - distance;
+ y += distance;
+ textAlign = 'right';
+ break;
+ case 'insideBottomLeft':
+ x += distance;
+ y += height - distance;
+ textVerticalAlign = 'bottom';
+ break;
+ case 'insideBottomRight':
+ x += width - distance;
+ y += height - distance;
+ textAlign = 'right';
+ textVerticalAlign = 'bottom';
+ break;
+ }
+
+ out = out || {};
+ out.x = x;
+ out.y = y;
+ out.textAlign = textAlign;
+ out.textVerticalAlign = textVerticalAlign;
+
+ return out;
+}
+
+/**
+ * To be removed. But still do not remove in case that some one has imported it.
+ * @deprecated
+ * @public
+ * @param {stirng} textPosition
+ * @param {Object} rect {x, y, width, height}
+ * @param {number} distance
+ * @return {Object} {x, y, textAlign, textVerticalAlign}
+ */
+
+
+/**
+ * Show ellipsis if overflow.
+ *
+ * @public
+ * @param {string} text
+ * @param {string} containerWidth
+ * @param {string} font
+ * @param {number} [ellipsis='...']
+ * @param {Object} [options]
+ * @param {number} [options.maxIterations=3]
+ * @param {number} [options.minChar=0] If truncate result are less
+ * then minChar, ellipsis will not show, which is
+ * better for user hint in some cases.
+ * @param {number} [options.placeholder=''] When all truncated, use the placeholder.
+ * @return {string}
+ */
+function truncateText(text, containerWidth, font, ellipsis, options) {
+ if (!containerWidth) {
+ return '';
+ }
+
+ var textLines = (text + '').split('\n');
+ options = prepareTruncateOptions(containerWidth, font, ellipsis, options);
+
+ // FIXME
+ // It is not appropriate that every line has '...' when truncate multiple lines.
+ for (var i = 0, len = textLines.length; i < len; i++) {
+ textLines[i] = truncateSingleLine(textLines[i], options);
+ }
+
+ return textLines.join('\n');
+}
+
+function prepareTruncateOptions(containerWidth, font, ellipsis, options) {
+ options = extend({}, options);
+
+ options.font = font;
+ var ellipsis = retrieve2(ellipsis, '...');
+ options.maxIterations = retrieve2(options.maxIterations, 2);
+ var minChar = options.minChar = retrieve2(options.minChar, 0);
+ // FIXME
+ // Other languages?
+ options.cnCharWidth = getWidth('鍥�', font);
+ // FIXME
+ // Consider proportional font?
+ var ascCharWidth = options.ascCharWidth = getWidth('a', font);
+ options.placeholder = retrieve2(options.placeholder, '');
+
+ // Example 1: minChar: 3, text: 'asdfzxcv', truncate result: 'asdf', but not: 'a...'.
+ // Example 2: minChar: 3, text: '缁村害', truncate result: '缁�', but not: '...'.
+ var contentWidth = containerWidth = Math.max(0, containerWidth - 1); // Reserve some gap.
+ for (var i = 0; i < minChar && contentWidth >= ascCharWidth; i++) {
+ contentWidth -= ascCharWidth;
+ }
+
+ var ellipsisWidth = getWidth(ellipsis, font);
+ if (ellipsisWidth > contentWidth) {
+ ellipsis = '';
+ ellipsisWidth = 0;
+ }
+
+ contentWidth = containerWidth - ellipsisWidth;
+
+ options.ellipsis = ellipsis;
+ options.ellipsisWidth = ellipsisWidth;
+ options.contentWidth = contentWidth;
+ options.containerWidth = containerWidth;
+
+ return options;
+}
+
+function truncateSingleLine(textLine, options) {
+ var containerWidth = options.containerWidth;
+ var font = options.font;
+ var contentWidth = options.contentWidth;
+
+ if (!containerWidth) {
+ return '';
+ }
+
+ var lineWidth = getWidth(textLine, font);
+
+ if (lineWidth <= containerWidth) {
+ return textLine;
+ }
+
+ for (var j = 0; ; j++) {
+ if (lineWidth <= contentWidth || j >= options.maxIterations) {
+ textLine += options.ellipsis;
+ break;
+ }
+
+ var subLength = j === 0
+ ? estimateLength(textLine, contentWidth, options.ascCharWidth, options.cnCharWidth)
+ : lineWidth > 0
+ ? Math.floor(textLine.length * contentWidth / lineWidth)
+ : 0;
+
+ textLine = textLine.substr(0, subLength);
+ lineWidth = getWidth(textLine, font);
+ }
+
+ if (textLine === '') {
+ textLine = options.placeholder;
+ }
+
+ return textLine;
+}
+
+function estimateLength(text, contentWidth, ascCharWidth, cnCharWidth) {
+ var width = 0;
+ var i = 0;
+ for (var len = text.length; i < len && width < contentWidth; i++) {
+ var charCode = text.charCodeAt(i);
+ width += (0 <= charCode && charCode <= 127) ? ascCharWidth : cnCharWidth;
+ }
+ return i;
+}
+
+/**
+ * @public
+ * @param {string} font
+ * @return {number} line height
+ */
+function getLineHeight(font) {
+ // FIXME A rough approach.
+ return getWidth('鍥�', font);
+}
+
+/**
+ * @public
+ * @param {string} text
+ * @param {string} font
+ * @return {Object} width
+ */
+function measureText(text, font) {
+ return methods$1.measureText(text, font);
+}
+
+// Avoid assign to an exported variable, for transforming to cjs.
+methods$1.measureText = function (text, font) {
+ var ctx = getContext();
+ ctx.font = font || DEFAULT_FONT$1;
+ return ctx.measureText(text);
+};
+
+/**
+ * @public
+ * @param {string} text
+ * @param {string} font
+ * @param {Object} [truncate]
+ * @return {Object} block: {lineHeight, lines, height, outerHeight, canCacheByTextString}
+ * Notice: for performance, do not calculate outerWidth util needed.
+ * `canCacheByTextString` means the result `lines` is only determined by the input `text`.
+ * Thus we can simply comparing the `input` text to determin whether the result changed,
+ * without travel the result `lines`.
+ */
+function parsePlainText(text, font, padding, textLineHeight, truncate) {
+ text != null && (text += '');
+
+ var lineHeight = retrieve2(textLineHeight, getLineHeight(font));
+ var lines = text ? text.split('\n') : [];
+ var height = lines.length * lineHeight;
+ var outerHeight = height;
+ var canCacheByTextString = true;
+
+ if (padding) {
+ outerHeight += padding[0] + padding[2];
+ }
+
+ if (text && truncate) {
+ canCacheByTextString = false;
+ var truncOuterHeight = truncate.outerHeight;
+ var truncOuterWidth = truncate.outerWidth;
+ if (truncOuterHeight != null && outerHeight > truncOuterHeight) {
+ text = '';
+ lines = [];
+ }
+ else if (truncOuterWidth != null) {
+ var options = prepareTruncateOptions(
+ truncOuterWidth - (padding ? padding[1] + padding[3] : 0),
+ font,
+ truncate.ellipsis,
+ {minChar: truncate.minChar, placeholder: truncate.placeholder}
+ );
+
+ // FIXME
+ // It is not appropriate that every line has '...' when truncate multiple lines.
+ for (var i = 0, len = lines.length; i < len; i++) {
+ lines[i] = truncateSingleLine(lines[i], options);
+ }
+ }
+ }
+
+ return {
+ lines: lines,
+ height: height,
+ outerHeight: outerHeight,
+ lineHeight: lineHeight,
+ canCacheByTextString: canCacheByTextString
+ };
+}
+
+/**
+ * For example: 'some text {a|some text}other text{b|some text}xxx{c|}xxx'
+ * Also consider 'bbbb{a|xxx\nzzz}xxxx\naaaa'.
+ *
+ * @public
+ * @param {string} text
+ * @param {Object} style
+ * @return {Object} block
+ * {
+ * width,
+ * height,
+ * lines: [{
+ * lineHeight,
+ * width,
+ * tokens: [[{
+ * styleName,
+ * text,
+ * width, // include textPadding
+ * height, // include textPadding
+ * textWidth, // pure text width
+ * textHeight, // pure text height
+ * lineHeihgt,
+ * font,
+ * textAlign,
+ * textVerticalAlign
+ * }], [...], ...]
+ * }, ...]
+ * }
+ * If styleName is undefined, it is plain text.
+ */
+function parseRichText(text, style) {
+ var contentBlock = {lines: [], width: 0, height: 0};
+
+ text != null && (text += '');
+ if (!text) {
+ return contentBlock;
+ }
+
+ var lastIndex = STYLE_REG.lastIndex = 0;
+ var result;
+ while ((result = STYLE_REG.exec(text)) != null) {
+ var matchedIndex = result.index;
+ if (matchedIndex > lastIndex) {
+ pushTokens(contentBlock, text.substring(lastIndex, matchedIndex));
+ }
+ pushTokens(contentBlock, result[2], result[1]);
+ lastIndex = STYLE_REG.lastIndex;
+ }
+
+ if (lastIndex < text.length) {
+ pushTokens(contentBlock, text.substring(lastIndex, text.length));
+ }
+
+ var lines = contentBlock.lines;
+ var contentHeight = 0;
+ var contentWidth = 0;
+ // For `textWidth: 100%`
+ var pendingList = [];
+
+ var stlPadding = style.textPadding;
+
+ var truncate = style.truncate;
+ var truncateWidth = truncate && truncate.outerWidth;
+ var truncateHeight = truncate && truncate.outerHeight;
+ if (stlPadding) {
+ truncateWidth != null && (truncateWidth -= stlPadding[1] + stlPadding[3]);
+ truncateHeight != null && (truncateHeight -= stlPadding[0] + stlPadding[2]);
+ }
+
+ // Calculate layout info of tokens.
+ for (var i = 0; i < lines.length; i++) {
+ var line = lines[i];
+ var lineHeight = 0;
+ var lineWidth = 0;
+
+ for (var j = 0; j < line.tokens.length; j++) {
+ var token = line.tokens[j];
+ var tokenStyle = token.styleName && style.rich[token.styleName] || {};
+ // textPadding should not inherit from style.
+ var textPadding = token.textPadding = tokenStyle.textPadding;
+
+ // textFont has been asigned to font by `normalizeStyle`.
+ var font = token.font = tokenStyle.font || style.font;
+
+ // textHeight can be used when textVerticalAlign is specified in token.
+ var tokenHeight = token.textHeight = retrieve2(
+ // textHeight should not be inherited, consider it can be specified
+ // as box height of the block.
+ tokenStyle.textHeight, getLineHeight(font)
+ );
+ textPadding && (tokenHeight += textPadding[0] + textPadding[2]);
+ token.height = tokenHeight;
+ token.lineHeight = retrieve3(
+ tokenStyle.textLineHeight, style.textLineHeight, tokenHeight
+ );
+
+ token.textAlign = tokenStyle && tokenStyle.textAlign || style.textAlign;
+ token.textVerticalAlign = tokenStyle && tokenStyle.textVerticalAlign || 'middle';
+
+ if (truncateHeight != null && contentHeight + token.lineHeight > truncateHeight) {
+ return {lines: [], width: 0, height: 0};
+ }
+
+ token.textWidth = getWidth(token.text, font);
+ var tokenWidth = tokenStyle.textWidth;
+ var tokenWidthNotSpecified = tokenWidth == null || tokenWidth === 'auto';
+
+ // Percent width, can be `100%`, can be used in drawing separate
+ // line when box width is needed to be auto.
+ if (typeof tokenWidth === 'string' && tokenWidth.charAt(tokenWidth.length - 1) === '%') {
+ token.percentWidth = tokenWidth;
+ pendingList.push(token);
+ tokenWidth = 0;
+ // Do not truncate in this case, because there is no user case
+ // and it is too complicated.
+ }
+ else {
+ if (tokenWidthNotSpecified) {
+ tokenWidth = token.textWidth;
+
+ // FIXME: If image is not loaded and textWidth is not specified, calling
+ // `getBoundingRect()` will not get correct result.
+ var textBackgroundColor = tokenStyle.textBackgroundColor;
+ var bgImg = textBackgroundColor && textBackgroundColor.image;
+
+ // Use cases:
+ // (1) If image is not loaded, it will be loaded at render phase and call
+ // `dirty()` and `textBackgroundColor.image` will be replaced with the loaded
+ // image, and then the right size will be calculated here at the next tick.
+ // See `graphic/helper/text.js`.
+ // (2) If image loaded, and `textBackgroundColor.image` is image src string,
+ // use `imageHelper.findExistImage` to find cached image.
+ // `imageHelper.findExistImage` will always be called here before
+ // `imageHelper.createOrUpdateImage` in `graphic/helper/text.js#renderRichText`
+ // which ensures that image will not be rendered before correct size calcualted.
+ if (bgImg) {
+ bgImg = findExistImage(bgImg);
+ if (isImageReady(bgImg)) {
+ tokenWidth = Math.max(tokenWidth, bgImg.width * tokenHeight / bgImg.height);
+ }
+ }
+ }
+
+ var paddingW = textPadding ? textPadding[1] + textPadding[3] : 0;
+ tokenWidth += paddingW;
+
+ var remianTruncWidth = truncateWidth != null ? truncateWidth - lineWidth : null;
+
+ if (remianTruncWidth != null && remianTruncWidth < tokenWidth) {
+ if (!tokenWidthNotSpecified || remianTruncWidth < paddingW) {
+ token.text = '';
+ token.textWidth = tokenWidth = 0;
+ }
+ else {
+ token.text = truncateText(
+ token.text, remianTruncWidth - paddingW, font, truncate.ellipsis,
+ {minChar: truncate.minChar}
+ );
+ token.textWidth = getWidth(token.text, font);
+ tokenWidth = token.textWidth + paddingW;
+ }
+ }
+ }
+
+ lineWidth += (token.width = tokenWidth);
+ tokenStyle && (lineHeight = Math.max(lineHeight, token.lineHeight));
+ }
+
+ line.width = lineWidth;
+ line.lineHeight = lineHeight;
+ contentHeight += lineHeight;
+ contentWidth = Math.max(contentWidth, lineWidth);
+ }
+
+ contentBlock.outerWidth = contentBlock.width = retrieve2(style.textWidth, contentWidth);
+ contentBlock.outerHeight = contentBlock.height = retrieve2(style.textHeight, contentHeight);
+
+ if (stlPadding) {
+ contentBlock.outerWidth += stlPadding[1] + stlPadding[3];
+ contentBlock.outerHeight += stlPadding[0] + stlPadding[2];
+ }
+
+ for (var i = 0; i < pendingList.length; i++) {
+ var token = pendingList[i];
+ var percentWidth = token.percentWidth;
+ // Should not base on outerWidth, because token can not be placed out of padding.
+ token.width = parseInt(percentWidth, 10) / 100 * contentWidth;
+ }
+
+ return contentBlock;
+}
+
+function pushTokens(block, str, styleName) {
+ var isEmptyStr = str === '';
+ var strs = str.split('\n');
+ var lines = block.lines;
+
+ for (var i = 0; i < strs.length; i++) {
+ var text = strs[i];
+ var token = {
+ styleName: styleName,
+ text: text,
+ isLineHolder: !text && !isEmptyStr
+ };
+
+ // The first token should be appended to the last line.
+ if (!i) {
+ var tokens = (lines[lines.length - 1] || (lines[0] = {tokens: []})).tokens;
+
+ // Consider cases:
+ // (1) ''.split('\n') => ['', '\n', ''], the '' at the first item
+ // (which is a placeholder) should be replaced by new token.
+ // (2) A image backage, where token likes {a|}.
+ // (3) A redundant '' will affect textAlign in line.
+ // (4) tokens with the same tplName should not be merged, because
+ // they should be displayed in different box (with border and padding).
+ var tokensLen = tokens.length;
+ (tokensLen === 1 && tokens[0].isLineHolder)
+ ? (tokens[0] = token)
+ // Consider text is '', only insert when it is the "lineHolder" or
+ // "emptyStr". Otherwise a redundant '' will affect textAlign in line.
+ : ((text || !tokensLen || isEmptyStr) && tokens.push(token));
+ }
+ // Other tokens always start a new line.
+ else {
+ // If there is '', insert it as a placeholder.
+ lines.push({tokens: [token]});
+ }
+ }
+}
+
+function makeFont(style) {
+ // FIXME in node-canvas fontWeight is before fontStyle
+ // Use `fontSize` `fontFamily` to check whether font properties are defined.
+ var font = (style.fontSize || style.fontFamily) && [
+ style.fontStyle,
+ style.fontWeight,
+ (style.fontSize || 12) + 'px',
+ // If font properties are defined, `fontFamily` should not be ignored.
+ style.fontFamily || 'sans-serif'
+ ].join(' ');
+ return font && trim(font) || style.textFont || style.font;
+}
+
+/**
+ * @param {Object} ctx
+ * @param {Object} shape
+ * @param {number} shape.x
+ * @param {number} shape.y
+ * @param {number} shape.width
+ * @param {number} shape.height
+ * @param {number} shape.r
+ */
+function buildPath(ctx, shape) {
+ var x = shape.x;
+ var y = shape.y;
+ var width = shape.width;
+ var height = shape.height;
+ var r = shape.r;
+ var r1;
+ var r2;
+ var r3;
+ var r4;
+
+ // Convert width and height to positive for better borderRadius
+ if (width < 0) {
+ x = x + width;
+ width = -width;
+ }
+ if (height < 0) {
+ y = y + height;
+ height = -height;
+ }
+
+ if (typeof r === 'number') {
+ r1 = r2 = r3 = r4 = r;
+ }
+ else if (r instanceof Array) {
+ if (r.length === 1) {
+ r1 = r2 = r3 = r4 = r[0];
+ }
+ else if (r.length === 2) {
+ r1 = r3 = r[0];
+ r2 = r4 = r[1];
+ }
+ else if (r.length === 3) {
+ r1 = r[0];
+ r2 = r4 = r[1];
+ r3 = r[2];
+ }
+ else {
+ r1 = r[0];
+ r2 = r[1];
+ r3 = r[2];
+ r4 = r[3];
+ }
+ }
+ else {
+ r1 = r2 = r3 = r4 = 0;
+ }
+
+ var total;
+ if (r1 + r2 > width) {
+ total = r1 + r2;
+ r1 *= width / total;
+ r2 *= width / total;
+ }
+ if (r3 + r4 > width) {
+ total = r3 + r4;
+ r3 *= width / total;
+ r4 *= width / total;
+ }
+ if (r2 + r3 > height) {
+ total = r2 + r3;
+ r2 *= height / total;
+ r3 *= height / total;
+ }
+ if (r1 + r4 > height) {
+ total = r1 + r4;
+ r1 *= height / total;
+ r4 *= height / total;
+ }
+ ctx.moveTo(x + r1, y);
+ ctx.lineTo(x + width - r2, y);
+ r2 !== 0 && ctx.arc(x + width - r2, y + r2, r2, -Math.PI / 2, 0);
+ ctx.lineTo(x + width, y + height - r3);
+ r3 !== 0 && ctx.arc(x + width - r3, y + height - r3, r3, 0, Math.PI / 2);
+ ctx.lineTo(x + r4, y + height);
+ r4 !== 0 && ctx.arc(x + r4, y + height - r4, r4, Math.PI / 2, Math.PI);
+ ctx.lineTo(x, y + r1);
+ r1 !== 0 && ctx.arc(x + r1, y + r1, r1, Math.PI, Math.PI * 1.5);
+}
+
+var DEFAULT_FONT = DEFAULT_FONT$1;
+
+// TODO: Have not support 'start', 'end' yet.
+var VALID_TEXT_ALIGN = {left: 1, right: 1, center: 1};
+var VALID_TEXT_VERTICAL_ALIGN = {top: 1, bottom: 1, middle: 1};
+// Different from `STYLE_COMMON_PROPS` of `graphic/Style`,
+// the default value of shadowColor is `'transparent'`.
+var SHADOW_STYLE_COMMON_PROPS = [
+ ['textShadowBlur', 'shadowBlur', 0],
+ ['textShadowOffsetX', 'shadowOffsetX', 0],
+ ['textShadowOffsetY', 'shadowOffsetY', 0],
+ ['textShadowColor', 'shadowColor', 'transparent']
+];
+var _tmpTextPositionResult = {};
+var _tmpBoxPositionResult = {};
+
+/**
+ * @param {module:zrender/graphic/Style} style
+ * @return {module:zrender/graphic/Style} The input style.
+ */
+function normalizeTextStyle(style) {
+ normalizeStyle(style);
+ each$1(style.rich, normalizeStyle);
+ return style;
+}
+
+function normalizeStyle(style) {
+ if (style) {
+
+ style.font = makeFont(style);
+
+ var textAlign = style.textAlign;
+ textAlign === 'middle' && (textAlign = 'center');
+ style.textAlign = (
+ textAlign == null || VALID_TEXT_ALIGN[textAlign]
+ ) ? textAlign : 'left';
+
+ // Compatible with textBaseline.
+ var textVerticalAlign = style.textVerticalAlign || style.textBaseline;
+ textVerticalAlign === 'center' && (textVerticalAlign = 'middle');
+ style.textVerticalAlign = (
+ textVerticalAlign == null || VALID_TEXT_VERTICAL_ALIGN[textVerticalAlign]
+ ) ? textVerticalAlign : 'top';
+
+ var textPadding = style.textPadding;
+ if (textPadding) {
+ style.textPadding = normalizeCssArray(style.textPadding);
+ }
+ }
+}
+
+/**
+ * @param {CanvasRenderingContext2D} ctx
+ * @param {string} text
+ * @param {module:zrender/graphic/Style} style
+ * @param {Object|boolean} [rect] {x, y, width, height}
+ * If set false, rect text is not used.
+ * @param {Element|module:zrender/graphic/helper/constant.WILL_BE_RESTORED} [prevEl] For ctx prop cache.
+ */
+function renderText(hostEl, ctx, text, style, rect, prevEl) {
+ style.rich
+ ? renderRichText(hostEl, ctx, text, style, rect, prevEl)
+ : renderPlainText(hostEl, ctx, text, style, rect, prevEl);
+}
+
+// Avoid setting to ctx according to prevEl if possible for
+// performance in scenarios of large amount text.
+function renderPlainText(hostEl, ctx, text, style, rect, prevEl) {
+ 'use strict';
+
+ var needDrawBg = needDrawBackground(style);
+
+ var prevStyle;
+ var checkCache = false;
+ var cachedByMe = ctx.__attrCachedBy === ContextCachedBy.PLAIN_TEXT;
+
+ // Only take and check cache for `Text` el, but not RectText.
+ if (prevEl !== WILL_BE_RESTORED) {
+ if (prevEl) {
+ prevStyle = prevEl.style;
+ checkCache = !needDrawBg && cachedByMe && prevStyle;
+ }
+
+ // Prevent from using cache in `Style::bind`, because of the case:
+ // ctx property is modified by other properties than `Style::bind`
+ // used, and Style::bind is called next.
+ ctx.__attrCachedBy = needDrawBg ? ContextCachedBy.NONE : ContextCachedBy.PLAIN_TEXT;
+ }
+ // Since this will be restored, prevent from using these props to check cache in the next
+ // entering of this method. But do not need to clear other cache like `Style::bind`.
+ else if (cachedByMe) {
+ ctx.__attrCachedBy = ContextCachedBy.NONE;
+ }
+
+ var styleFont = style.font || DEFAULT_FONT;
+ // PENDING
+ // Only `Text` el set `font` and keep it (`RectText` will restore). So theoretically
+ // we can make font cache on ctx, which can cache for text el that are discontinuous.
+ // But layer save/restore needed to be considered.
+ // if (styleFont !== ctx.__fontCache) {
+ // ctx.font = styleFont;
+ // if (prevEl !== WILL_BE_RESTORED) {
+ // ctx.__fontCache = styleFont;
+ // }
+ // }
+ if (!checkCache || styleFont !== (prevStyle.font || DEFAULT_FONT)) {
+ ctx.font = styleFont;
+ }
+
+ // Use the final font from context-2d, because the final
+ // font might not be the style.font when it is illegal.
+ // But get `ctx.font` might be time consuming.
+ var computedFont = hostEl.__computedFont;
+ if (hostEl.__styleFont !== styleFont) {
+ hostEl.__styleFont = styleFont;
+ computedFont = hostEl.__computedFont = ctx.font;
+ }
+
+ var textPadding = style.textPadding;
+ var textLineHeight = style.textLineHeight;
+
+ var contentBlock = hostEl.__textCotentBlock;
+ if (!contentBlock || hostEl.__dirtyText) {
+ contentBlock = hostEl.__textCotentBlock = parsePlainText(
+ text, computedFont, textPadding, textLineHeight, style.truncate
+ );
+ }
+
+ var outerHeight = contentBlock.outerHeight;
+
+ var textLines = contentBlock.lines;
+ var lineHeight = contentBlock.lineHeight;
+
+ var boxPos = getBoxPosition(_tmpBoxPositionResult, hostEl, style, rect);
+ var baseX = boxPos.baseX;
+ var baseY = boxPos.baseY;
+ var textAlign = boxPos.textAlign || 'left';
+ var textVerticalAlign = boxPos.textVerticalAlign;
+
+ // Origin of textRotation should be the base point of text drawing.
+ applyTextRotation(ctx, style, rect, baseX, baseY);
+
+ var boxY = adjustTextY(baseY, outerHeight, textVerticalAlign);
+ var textX = baseX;
+ var textY = boxY;
+
+ if (needDrawBg || textPadding) {
+ // Consider performance, do not call getTextWidth util necessary.
+ var textWidth = getWidth(text, computedFont);
+ var outerWidth = textWidth;
+ textPadding && (outerWidth += textPadding[1] + textPadding[3]);
+ var boxX = adjustTextX(baseX, outerWidth, textAlign);
+
+ needDrawBg && drawBackground(hostEl, ctx, style, boxX, boxY, outerWidth, outerHeight);
+
+ if (textPadding) {
+ textX = getTextXForPadding(baseX, textAlign, textPadding);
+ textY += textPadding[0];
+ }
+ }
+
+ // Always set textAlign and textBase line, because it is difficute to calculate
+ // textAlign from prevEl, and we dont sure whether textAlign will be reset if
+ // font set happened.
+ ctx.textAlign = textAlign;
+ // Force baseline to be "middle". Otherwise, if using "top", the
+ // text will offset downward a little bit in font "Microsoft YaHei".
+ ctx.textBaseline = 'middle';
+ // Set text opacity
+ ctx.globalAlpha = style.opacity || 1;
+
+ // Always set shadowBlur and shadowOffset to avoid leak from displayable.
+ for (var i = 0; i < SHADOW_STYLE_COMMON_PROPS.length; i++) {
+ var propItem = SHADOW_STYLE_COMMON_PROPS[i];
+ var styleProp = propItem[0];
+ var ctxProp = propItem[1];
+ var val = style[styleProp];
+ if (!checkCache || val !== prevStyle[styleProp]) {
+ ctx[ctxProp] = fixShadow(ctx, ctxProp, val || propItem[2]);
+ }
+ }
+
+ // `textBaseline` is set as 'middle'.
+ textY += lineHeight / 2;
+
+ var textStrokeWidth = style.textStrokeWidth;
+ var textStrokeWidthPrev = checkCache ? prevStyle.textStrokeWidth : null;
+ var strokeWidthChanged = !checkCache || textStrokeWidth !== textStrokeWidthPrev;
+ var strokeChanged = !checkCache || strokeWidthChanged || style.textStroke !== prevStyle.textStroke;
+ var textStroke = getStroke(style.textStroke, textStrokeWidth);
+ var textFill = getFill(style.textFill);
+
+ if (textStroke) {
+ if (strokeWidthChanged) {
+ ctx.lineWidth = textStrokeWidth;
+ }
+ if (strokeChanged) {
+ ctx.strokeStyle = textStroke;
+ }
+ }
+ if (textFill) {
+ if (!checkCache || style.textFill !== prevStyle.textFill) {
+ ctx.fillStyle = textFill;
+ }
+ }
+
+ // Optimize simply, in most cases only one line exists.
+ if (textLines.length === 1) {
+ // Fill after stroke so the outline will not cover the main part.
+ textStroke && ctx.strokeText(textLines[0], textX, textY);
+ textFill && ctx.fillText(textLines[0], textX, textY);
+ }
+ else {
+ for (var i = 0; i < textLines.length; i++) {
+ // Fill after stroke so the outline will not cover the main part.
+ textStroke && ctx.strokeText(textLines[i], textX, textY);
+ textFill && ctx.fillText(textLines[i], textX, textY);
+ textY += lineHeight;
+ }
+ }
+}
+
+function renderRichText(hostEl, ctx, text, style, rect, prevEl) {
+ // Do not do cache for rich text because of the complexity.
+ // But `RectText` this will be restored, do not need to clear other cache like `Style::bind`.
+ if (prevEl !== WILL_BE_RESTORED) {
+ ctx.__attrCachedBy = ContextCachedBy.NONE;
+ }
+
+ var contentBlock = hostEl.__textCotentBlock;
+
+ if (!contentBlock || hostEl.__dirtyText) {
+ contentBlock = hostEl.__textCotentBlock = parseRichText(text, style);
+ }
+
+ drawRichText(hostEl, ctx, contentBlock, style, rect);
+}
+
+function drawRichText(hostEl, ctx, contentBlock, style, rect) {
+ var contentWidth = contentBlock.width;
+ var outerWidth = contentBlock.outerWidth;
+ var outerHeight = contentBlock.outerHeight;
+ var textPadding = style.textPadding;
+
+ var boxPos = getBoxPosition(_tmpBoxPositionResult, hostEl, style, rect);
+ var baseX = boxPos.baseX;
+ var baseY = boxPos.baseY;
+ var textAlign = boxPos.textAlign;
+ var textVerticalAlign = boxPos.textVerticalAlign;
+
+ // Origin of textRotation should be the base point of text drawing.
+ applyTextRotation(ctx, style, rect, baseX, baseY);
+
+ var boxX = adjustTextX(baseX, outerWidth, textAlign);
+ var boxY = adjustTextY(baseY, outerHeight, textVerticalAlign);
+ var xLeft = boxX;
+ var lineTop = boxY;
+ if (textPadding) {
+ xLeft += textPadding[3];
+ lineTop += textPadding[0];
+ }
+ var xRight = xLeft + contentWidth;
+
+ needDrawBackground(style) && drawBackground(
+ hostEl, ctx, style, boxX, boxY, outerWidth, outerHeight
+ );
+
+ for (var i = 0; i < contentBlock.lines.length; i++) {
+ var line = contentBlock.lines[i];
+ var tokens = line.tokens;
+ var tokenCount = tokens.length;
+ var lineHeight = line.lineHeight;
+ var usedWidth = line.width;
+
+ var leftIndex = 0;
+ var lineXLeft = xLeft;
+ var lineXRight = xRight;
+ var rightIndex = tokenCount - 1;
+ var token;
+
+ while (
+ leftIndex < tokenCount
+ && (token = tokens[leftIndex], !token.textAlign || token.textAlign === 'left')
+ ) {
+ placeToken(hostEl, ctx, token, style, lineHeight, lineTop, lineXLeft, 'left');
+ usedWidth -= token.width;
+ lineXLeft += token.width;
+ leftIndex++;
+ }
+
+ while (
+ rightIndex >= 0
+ && (token = tokens[rightIndex], token.textAlign === 'right')
+ ) {
+ placeToken(hostEl, ctx, token, style, lineHeight, lineTop, lineXRight, 'right');
+ usedWidth -= token.width;
+ lineXRight -= token.width;
+ rightIndex--;
+ }
+
+ // The other tokens are placed as textAlign 'center' if there is enough space.
+ lineXLeft += (contentWidth - (lineXLeft - xLeft) - (xRight - lineXRight) - usedWidth) / 2;
+ while (leftIndex <= rightIndex) {
+ token = tokens[leftIndex];
+ // Consider width specified by user, use 'center' rather than 'left'.
+ placeToken(hostEl, ctx, token, style, lineHeight, lineTop, lineXLeft + token.width / 2, 'center');
+ lineXLeft += token.width;
+ leftIndex++;
+ }
+
+ lineTop += lineHeight;
+ }
+}
+
+function applyTextRotation(ctx, style, rect, x, y) {
+ // textRotation only apply in RectText.
+ if (rect && style.textRotation) {
+ var origin = style.textOrigin;
+ if (origin === 'center') {
+ x = rect.width / 2 + rect.x;
+ y = rect.height / 2 + rect.y;
+ }
+ else if (origin) {
+ x = origin[0] + rect.x;
+ y = origin[1] + rect.y;
+ }
+
+ ctx.translate(x, y);
+ // Positive: anticlockwise
+ ctx.rotate(-style.textRotation);
+ ctx.translate(-x, -y);
+ }
+}
+
+function placeToken(hostEl, ctx, token, style, lineHeight, lineTop, x, textAlign) {
+ var tokenStyle = style.rich[token.styleName] || {};
+ tokenStyle.text = token.text;
+
+ // 'ctx.textBaseline' is always set as 'middle', for sake of
+ // the bias of "Microsoft YaHei".
+ var textVerticalAlign = token.textVerticalAlign;
+ var y = lineTop + lineHeight / 2;
+ if (textVerticalAlign === 'top') {
+ y = lineTop + token.height / 2;
+ }
+ else if (textVerticalAlign === 'bottom') {
+ y = lineTop + lineHeight - token.height / 2;
+ }
+
+ !token.isLineHolder && needDrawBackground(tokenStyle) && drawBackground(
+ hostEl,
+ ctx,
+ tokenStyle,
+ textAlign === 'right'
+ ? x - token.width
+ : textAlign === 'center'
+ ? x - token.width / 2
+ : x,
+ y - token.height / 2,
+ token.width,
+ token.height
+ );
+
+ var textPadding = token.textPadding;
+ if (textPadding) {
+ x = getTextXForPadding(x, textAlign, textPadding);
+ y -= token.height / 2 - textPadding[2] - token.textHeight / 2;
+ }
+
+ setCtx(ctx, 'shadowBlur', retrieve3(tokenStyle.textShadowBlur, style.textShadowBlur, 0));
+ setCtx(ctx, 'shadowColor', tokenStyle.textShadowColor || style.textShadowColor || 'transparent');
+ setCtx(ctx, 'shadowOffsetX', retrieve3(tokenStyle.textShadowOffsetX, style.textShadowOffsetX, 0));
+ setCtx(ctx, 'shadowOffsetY', retrieve3(tokenStyle.textShadowOffsetY, style.textShadowOffsetY, 0));
+
+ setCtx(ctx, 'textAlign', textAlign);
+ // Force baseline to be "middle". Otherwise, if using "top", the
+ // text will offset downward a little bit in font "Microsoft YaHei".
+ setCtx(ctx, 'textBaseline', 'middle');
+
+ setCtx(ctx, 'font', token.font || DEFAULT_FONT);
+
+ var textStroke = getStroke(tokenStyle.textStroke || style.textStroke, textStrokeWidth);
+ var textFill = getFill(tokenStyle.textFill || style.textFill);
+ var textStrokeWidth = retrieve2(tokenStyle.textStrokeWidth, style.textStrokeWidth);
+
+ // Fill after stroke so the outline will not cover the main part.
+ if (textStroke) {
+ setCtx(ctx, 'lineWidth', textStrokeWidth);
+ setCtx(ctx, 'strokeStyle', textStroke);
+ ctx.strokeText(token.text, x, y);
+ }
+ if (textFill) {
+ setCtx(ctx, 'fillStyle', textFill);
+ ctx.fillText(token.text, x, y);
+ }
+}
+
+function needDrawBackground(style) {
+ return !!(
+ style.textBackgroundColor
+ || (style.textBorderWidth && style.textBorderColor)
+ );
+}
+
+// style: {textBackgroundColor, textBorderWidth, textBorderColor, textBorderRadius, text}
+// shape: {x, y, width, height}
+function drawBackground(hostEl, ctx, style, x, y, width, height) {
+ var textBackgroundColor = style.textBackgroundColor;
+ var textBorderWidth = style.textBorderWidth;
+ var textBorderColor = style.textBorderColor;
+ var isPlainBg = isString(textBackgroundColor);
+
+ setCtx(ctx, 'shadowBlur', style.textBoxShadowBlur || 0);
+ setCtx(ctx, 'shadowColor', style.textBoxShadowColor || 'transparent');
+ setCtx(ctx, 'shadowOffsetX', style.textBoxShadowOffsetX || 0);
+ setCtx(ctx, 'shadowOffsetY', style.textBoxShadowOffsetY || 0);
+
+ if (isPlainBg || (textBorderWidth && textBorderColor)) {
+ ctx.beginPath();
+ var textBorderRadius = style.textBorderRadius;
+ if (!textBorderRadius) {
+ ctx.rect(x, y, width, height);
+ }
+ else {
+ buildPath(ctx, {
+ x: x, y: y, width: width, height: height, r: textBorderRadius
+ });
+ }
+ ctx.closePath();
+ }
+
+ if (isPlainBg) {
+ setCtx(ctx, 'fillStyle', textBackgroundColor);
+
+ if (style.fillOpacity != null) {
+ var originalGlobalAlpha = ctx.globalAlpha;
+ ctx.globalAlpha = style.fillOpacity * style.opacity;
+ ctx.fill();
+ ctx.globalAlpha = originalGlobalAlpha;
+ }
+ else {
+ ctx.fill();
+ }
+ }
+ else if (isObject$1(textBackgroundColor)) {
+ var image = textBackgroundColor.image;
+
+ image = createOrUpdateImage(
+ image, null, hostEl, onBgImageLoaded, textBackgroundColor
+ );
+ if (image && isImageReady(image)) {
+ ctx.drawImage(image, x, y, width, height);
+ }
+ }
+
+ if (textBorderWidth && textBorderColor) {
+ setCtx(ctx, 'lineWidth', textBorderWidth);
+ setCtx(ctx, 'strokeStyle', textBorderColor);
+
+ if (style.strokeOpacity != null) {
+ var originalGlobalAlpha = ctx.globalAlpha;
+ ctx.globalAlpha = style.strokeOpacity * style.opacity;
+ ctx.stroke();
+ ctx.globalAlpha = originalGlobalAlpha;
+ }
+ else {
+ ctx.stroke();
+ }
+ }
+}
+
+function onBgImageLoaded(image, textBackgroundColor) {
+ // Replace image, so that `contain/text.js#parseRichText`
+ // will get correct result in next tick.
+ textBackgroundColor.image = image;
+}
+
+function getBoxPosition(out, hostEl, style, rect) {
+ var baseX = style.x || 0;
+ var baseY = style.y || 0;
+ var textAlign = style.textAlign;
+ var textVerticalAlign = style.textVerticalAlign;
+
+ // Text position represented by coord
+ if (rect) {
+ var textPosition = style.textPosition;
+ if (textPosition instanceof Array) {
+ // Percent
+ baseX = rect.x + parsePercent(textPosition[0], rect.width);
+ baseY = rect.y + parsePercent(textPosition[1], rect.height);
+ }
+ else {
+ var res = (hostEl && hostEl.calculateTextPosition)
+ ? hostEl.calculateTextPosition(_tmpTextPositionResult, style, rect)
+ : calculateTextPosition(_tmpTextPositionResult, style, rect);
+ baseX = res.x;
+ baseY = res.y;
+ // Default align and baseline when has textPosition
+ textAlign = textAlign || res.textAlign;
+ textVerticalAlign = textVerticalAlign || res.textVerticalAlign;
+ }
+
+ // textOffset is only support in RectText, otherwise
+ // we have to adjust boundingRect for textOffset.
+ var textOffset = style.textOffset;
+ if (textOffset) {
+ baseX += textOffset[0];
+ baseY += textOffset[1];
+ }
+ }
+
+ out = out || {};
+ out.baseX = baseX;
+ out.baseY = baseY;
+ out.textAlign = textAlign;
+ out.textVerticalAlign = textVerticalAlign;
+
+ return out;
+}
+
+
+function setCtx(ctx, prop, value) {
+ ctx[prop] = fixShadow(ctx, prop, value);
+ return ctx[prop];
+}
+
+/**
+ * @param {string} [stroke] If specified, do not check style.textStroke.
+ * @param {string} [lineWidth] If specified, do not check style.textStroke.
+ * @param {number} style
+ */
+function getStroke(stroke, lineWidth) {
+ return (stroke == null || lineWidth <= 0 || stroke === 'transparent' || stroke === 'none')
+ ? null
+ // TODO pattern and gradient?
+ : (stroke.image || stroke.colorStops)
+ ? '#000'
+ : stroke;
+}
+
+function getFill(fill) {
+ return (fill == null || fill === 'none')
+ ? null
+ // TODO pattern and gradient?
+ : (fill.image || fill.colorStops)
+ ? '#000'
+ : fill;
+}
+
+function parsePercent(value, maxValue) {
+ if (typeof value === 'string') {
+ if (value.lastIndexOf('%') >= 0) {
+ return parseFloat(value) / 100 * maxValue;
+ }
+ return parseFloat(value);
+ }
+ return value;
+}
+
+function getTextXForPadding(x, textAlign, textPadding) {
+ return textAlign === 'right'
+ ? (x - textPadding[1])
+ : textAlign === 'center'
+ ? (x + textPadding[3] / 2 - textPadding[1] / 2)
+ : (x + textPadding[3]);
+}
+
+/**
+ * @param {string} text
+ * @param {module:zrender/Style} style
+ * @return {boolean}
+ */
+function needDrawText(text, style) {
+ return text != null
+ && (text
+ || style.textBackgroundColor
+ || (style.textBorderWidth && style.textBorderColor)
+ || style.textPadding
+ );
+}
+
+/**
+ * Mixin for drawing text in a element bounding rect
+ * @module zrender/mixin/RectText
+ */
+
+var tmpRect$1 = new BoundingRect();
+
+var RectText = function () {};
+
+RectText.prototype = {
+
+ constructor: RectText,
+
+ /**
+ * Draw text in a rect with specified position.
+ * @param {CanvasRenderingContext2D} ctx
+ * @param {Object} rect Displayable rect
+ */
+ drawRectText: function (ctx, rect) {
+ var style = this.style;
+
+ rect = style.textRect || rect;
+
+ // Optimize, avoid normalize every time.
+ this.__dirty && normalizeTextStyle(style, true);
+
+ var text = style.text;
+
+ // Convert to string
+ text != null && (text += '');
+
+ if (!needDrawText(text, style)) {
+ return;
+ }
+
+ // FIXME
+ // Do not provide prevEl to `textHelper.renderText` for ctx prop cache,
+ // but use `ctx.save()` and `ctx.restore()`. Because the cache for rect
+ // text propably break the cache for its host elements.
+ ctx.save();
+
+ // Transform rect to view space
+ var transform = this.transform;
+ if (!style.transformText) {
+ if (transform) {
+ tmpRect$1.copy(rect);
+ tmpRect$1.applyTransform(transform);
+ rect = tmpRect$1;
+ }
+ }
+ else {
+ this.setTransform(ctx);
+ }
+
+ // transformText and textRotation can not be used at the same time.
+ renderText(this, ctx, text, style, rect, WILL_BE_RESTORED);
+
+ ctx.restore();
+ }
+};
+
+/**
+ * Base class of all displayable graphic objects
+ * @module zrender/graphic/Displayable
+ */
+
+
+/**
+ * @alias module:zrender/graphic/Displayable
+ * @extends module:zrender/Element
+ * @extends module:zrender/graphic/mixin/RectText
+ */
+function Displayable(opts) {
+
+ opts = opts || {};
+
+ Element.call(this, opts);
+
+ // Extend properties
+ for (var name in opts) {
+ if (
+ opts.hasOwnProperty(name)
+ && name !== 'style'
+ ) {
+ this[name] = opts[name];
+ }
+ }
+
+ /**
+ * @type {module:zrender/graphic/Style}
+ */
+ this.style = new Style(opts.style, this);
+
+ this._rect = null;
+ // Shapes for cascade clipping.
+ // Can only be `null`/`undefined` or an non-empty array, MUST NOT be an empty array.
+ // because it is easy to only using null to check whether clipPaths changed.
+ this.__clipPaths = null;
+
+ // FIXME Stateful must be mixined after style is setted
+ // Stateful.call(this, opts);
+}
+
+Displayable.prototype = {
+
+ constructor: Displayable,
+
+ type: 'displayable',
+
+ /**
+ * Dirty flag. From which painter will determine if this displayable object needs brush.
+ * @name module:zrender/graphic/Displayable#__dirty
+ * @type {boolean}
+ */
+ __dirty: true,
+
+ /**
+ * Whether the displayable object is visible. when it is true, the displayable object
+ * is not drawn, but the mouse event can still trigger the object.
+ * @name module:/zrender/graphic/Displayable#invisible
+ * @type {boolean}
+ * @default false
+ */
+ invisible: false,
+
+ /**
+ * @name module:/zrender/graphic/Displayable#z
+ * @type {number}
+ * @default 0
+ */
+ z: 0,
+
+ /**
+ * @name module:/zrender/graphic/Displayable#z
+ * @type {number}
+ * @default 0
+ */
+ z2: 0,
+
+ /**
+ * The z level determines the displayable object can be drawn in which layer canvas.
+ * @name module:/zrender/graphic/Displayable#zlevel
+ * @type {number}
+ * @default 0
+ */
+ zlevel: 0,
+
+ /**
+ * Whether it can be dragged.
+ * @name module:/zrender/graphic/Displayable#draggable
+ * @type {boolean}
+ * @default false
+ */
+ draggable: false,
+
+ /**
+ * Whether is it dragging.
+ * @name module:/zrender/graphic/Displayable#draggable
+ * @type {boolean}
+ * @default false
+ */
+ dragging: false,
+
+ /**
+ * Whether to respond to mouse events.
+ * @name module:/zrender/graphic/Displayable#silent
+ * @type {boolean}
+ * @default false
+ */
+ silent: false,
+
+ /**
+ * If enable culling
+ * @type {boolean}
+ * @default false
+ */
+ culling: false,
+
+ /**
+ * Mouse cursor when hovered
+ * @name module:/zrender/graphic/Displayable#cursor
+ * @type {string}
+ */
+ cursor: 'pointer',
+
+ /**
+ * If hover area is bounding rect
+ * @name module:/zrender/graphic/Displayable#rectHover
+ * @type {string}
+ */
+ rectHover: false,
+
+ /**
+ * Render the element progressively when the value >= 0,
+ * usefull for large data.
+ * @type {boolean}
+ */
+ progressive: false,
+
+ /**
+ * @type {boolean}
+ */
+ incremental: false,
+ /**
+ * Scale ratio for global scale.
+ * @type {boolean}
+ */
+ globalScaleRatio: 1,
+
+ beforeBrush: function (ctx) {},
+
+ afterBrush: function (ctx) {},
+
+ /**
+ * Graphic drawing method.
+ * @param {CanvasRenderingContext2D} ctx
+ */
+ // Interface
+ brush: function (ctx, prevEl) {},
+
+ /**
+ * Get the minimum bounding box.
+ * @return {module:zrender/core/BoundingRect}
+ */
+ // Interface
+ getBoundingRect: function () {},
+
+ /**
+ * If displayable element contain coord x, y
+ * @param {number} x
+ * @param {number} y
+ * @return {boolean}
+ */
+ contain: function (x, y) {
+ return this.rectContain(x, y);
+ },
+
+ /**
+ * @param {Function} cb
+ * @param {} context
+ */
+ traverse: function (cb, context) {
+ cb.call(context, this);
+ },
+
+ /**
+ * If bounding rect of element contain coord x, y
+ * @param {number} x
+ * @param {number} y
+ * @return {boolean}
+ */
+ rectContain: function (x, y) {
+ var coord = this.transformCoordToLocal(x, y);
+ var rect = this.getBoundingRect();
+ return rect.contain(coord[0], coord[1]);
+ },
+
+ /**
+ * Mark displayable element dirty and refresh next frame
+ */
+ dirty: function () {
+ this.__dirty = this.__dirtyText = true;
+
+ this._rect = null;
+
+ this.__zr && this.__zr.refresh();
+ },
+
+ /**
+ * If displayable object binded any event
+ * @return {boolean}
+ */
+ // TODO, events bound by bind
+ // isSilent: function () {
+ // return !(
+ // this.hoverable || this.draggable
+ // || this.onmousemove || this.onmouseover || this.onmouseout
+ // || this.onmousedown || this.onmouseup || this.onclick
+ // || this.ondragenter || this.ondragover || this.ondragleave
+ // || this.ondrop
+ // );
+ // },
+ /**
+ * Alias for animate('style')
+ * @param {boolean} loop
+ */
+ animateStyle: function (loop) {
+ return this.animate('style', loop);
+ },
+
+ attrKV: function (key, value) {
+ if (key !== 'style') {
+ Element.prototype.attrKV.call(this, key, value);
+ }
+ else {
+ this.style.set(value);
+ }
+ },
+
+ /**
+ * @param {Object|string} key
+ * @param {*} value
+ */
+ setStyle: function (key, value) {
+ this.style.set(key, value);
+ this.dirty(false);
+ return this;
+ },
+
+ /**
+ * Use given style object
+ * @param {Object} obj
+ */
+ useStyle: function (obj) {
+ this.style = new Style(obj, this);
+ this.dirty(false);
+ return this;
+ },
+
+ /**
+ * The string value of `textPosition` needs to be calculated to a real postion.
+ * For example, `'inside'` is calculated to `[rect.width/2, rect.height/2]`
+ * by default. See `contain/text.js#calculateTextPosition` for more details.
+ * But some coutom shapes like "pin", "flag" have center that is not exactly
+ * `[width/2, height/2]`. So we provide this hook to customize the calculation
+ * for those shapes. It will be called if the `style.textPosition` is a string.
+ * @param {Obejct} [out] Prepared out object. If not provided, this method should
+ * be responsible for creating one.
+ * @param {module:zrender/graphic/Style} style
+ * @param {Object} rect {x, y, width, height}
+ * @return {Obejct} out The same as the input out.
+ * {
+ * x: number. mandatory.
+ * y: number. mandatory.
+ * textAlign: string. optional. use style.textAlign by default.
+ * textVerticalAlign: string. optional. use style.textVerticalAlign by default.
+ * }
+ */
+ calculateTextPosition: null
+};
+
+inherits(Displayable, Element);
+
+mixin(Displayable, RectText);
+
+/**
+ * @alias zrender/graphic/Image
+ * @extends module:zrender/graphic/Displayable
+ * @constructor
+ * @param {Object} opts
+ */
+function ZImage(opts) {
+ Displayable.call(this, opts);
+}
+
+ZImage.prototype = {
+
+ constructor: ZImage,
+
+ type: 'image',
+
+ brush: function (ctx, prevEl) {
+ var style = this.style;
+ var src = style.image;
+
+ // Must bind each time
+ style.bind(ctx, this, prevEl);
+
+ var image = this._image = createOrUpdateImage(
+ src,
+ this._image,
+ this,
+ this.onload
+ );
+
+ if (!image || !isImageReady(image)) {
+ return;
+ }
+
+ // 鍥剧墖宸茬粡鍔犺浇瀹屾垚
+ // if (image.nodeName.toUpperCase() == 'IMG') {
+ // if (!image.complete) {
+ // return;
+ // }
+ // }
+ // Else is canvas
+
+ var x = style.x || 0;
+ var y = style.y || 0;
+ var width = style.width;
+ var height = style.height;
+ var aspect = image.width / image.height;
+ if (width == null && height != null) {
+ // Keep image/height ratio
+ width = height * aspect;
+ }
+ else if (height == null && width != null) {
+ height = width / aspect;
+ }
+ else if (width == null && height == null) {
+ width = image.width;
+ height = image.height;
+ }
+
+ // 璁剧疆transform
+ this.setTransform(ctx);
+
+ if (style.sWidth && style.sHeight) {
+ var sx = style.sx || 0;
+ var sy = style.sy || 0;
+ ctx.drawImage(
+ image,
+ sx, sy, style.sWidth, style.sHeight,
+ x, y, width, height
+ );
+ }
+ else if (style.sx && style.sy) {
+ var sx = style.sx;
+ var sy = style.sy;
+ var sWidth = width - sx;
+ var sHeight = height - sy;
+ ctx.drawImage(
+ image,
+ sx, sy, sWidth, sHeight,
+ x, y, width, height
+ );
+ }
+ else {
+ ctx.drawImage(image, x, y, width, height);
+ }
+
+ // Draw rect text
+ if (style.text != null) {
+ // Only restore transform when needs draw text.
+ this.restoreTransform(ctx);
+ this.drawRectText(ctx, this.getBoundingRect());
+ }
+ },
+
+ getBoundingRect: function () {
+ var style = this.style;
+ if (!this._rect) {
+ this._rect = new BoundingRect(
+ style.x || 0, style.y || 0, style.width || 0, style.height || 0
+ );
+ }
+ return this._rect;
+ }
+};
+
+inherits(ZImage, Displayable);
+
+var HOVER_LAYER_ZLEVEL = 1e5;
+var CANVAS_ZLEVEL = 314159;
+
+var EL_AFTER_INCREMENTAL_INC = 0.01;
+var INCREMENTAL_INC = 0.001;
+
+function parseInt10(val) {
+ return parseInt(val, 10);
+}
+
+function isLayerValid(layer) {
+ if (!layer) {
+ return false;
+ }
+
+ if (layer.__builtin__) {
+ return true;
+ }
+
+ if (typeof (layer.resize) !== 'function'
+ || typeof (layer.refresh) !== 'function'
+ ) {
+ return false;
+ }
+
+ return true;
+}
+
+var tmpRect = new BoundingRect(0, 0, 0, 0);
+var viewRect = new BoundingRect(0, 0, 0, 0);
+function isDisplayableCulled(el, width, height) {
+ tmpRect.copy(el.getBoundingRect());
+ if (el.transform) {
+ tmpRect.applyTransform(el.transform);
+ }
+ viewRect.width = width;
+ viewRect.height = height;
+ return !tmpRect.intersect(viewRect);
+}
+
+function isClipPathChanged(clipPaths, prevClipPaths) {
+ // displayable.__clipPaths can only be `null`/`undefined` or an non-empty array.
+ if (clipPaths === prevClipPaths) {
+ return false;
+ }
+ if (!clipPaths || !prevClipPaths || (clipPaths.length !== prevClipPaths.length)) {
+ return true;
+ }
+ for (var i = 0; i < clipPaths.length; i++) {
+ if (clipPaths[i] !== prevClipPaths[i]) {
+ return true;
+ }
+ }
+ return false;
+}
+
+function doClip(clipPaths, ctx) {
+ for (var i = 0; i < clipPaths.length; i++) {
+ var clipPath = clipPaths[i];
+
+ clipPath.setTransform(ctx);
+ ctx.beginPath();
+ clipPath.buildPath(ctx, clipPath.shape);
+ ctx.clip();
+ // Transform back
+ clipPath.restoreTransform(ctx);
+ }
+}
+
+function createRoot(width, height) {
+ var domRoot = document.createElement('div');
+
+ // domRoot.onselectstart = returnFalse; // Avoid page selected
+ domRoot.style.cssText = [
+ 'position:relative',
+ // IOS13 safari probably has a compositing bug (z order of the canvas and the consequent
+ // dom does not act as expected) when some of the parent dom has
+ // `-webkit-overflow-scrolling: touch;` and the webpage is longer than one screen and
+ // the canvas is not at the top part of the page.
+ // Check `https://bugs.webkit.org/show_bug.cgi?id=203681` for more details. We remove
+ // this `overflow:hidden` to avoid the bug.
+ // 'overflow:hidden',
+ 'width:' + width + 'px',
+ 'height:' + height + 'px',
+ 'padding:0',
+ 'margin:0',
+ 'border-width:0'
+ ].join(';') + ';';
+
+ return domRoot;
+}
+
+
+/**
+ * @alias module:zrender/Painter
+ * @constructor
+ * @param {HTMLElement} root 缁樺浘瀹瑰櫒
+ * @param {module:zrender/Storage} storage
+ * @param {Object} opts
+ */
+var Painter = function (root, storage, opts) {
+
+ this.type = 'canvas';
+
+ // In node environment using node-canvas
+ var singleCanvas = !root.nodeName // In node ?
+ || root.nodeName.toUpperCase() === 'CANVAS';
+
+ this._opts = opts = extend({}, opts || {});
+
+ /**
+ * @type {number}
+ */
+ this.dpr = opts.devicePixelRatio || devicePixelRatio;
+ /**
+ * @type {boolean}
+ * @private
+ */
+ this._singleCanvas = singleCanvas;
+ /**
+ * 缁樺浘瀹瑰櫒
+ * @type {HTMLElement}
+ */
+ this.root = root;
+
+ var rootStyle = root.style;
+
+ if (rootStyle) {
+ rootStyle['-webkit-tap-highlight-color'] = 'transparent';
+ rootStyle['-webkit-user-select'] =
+ rootStyle['user-select'] =
+ rootStyle['-webkit-touch-callout'] = 'none';
+
+ root.innerHTML = '';
+ }
+
+ /**
+ * @type {module:zrender/Storage}
+ */
+ this.storage = storage;
+
+ /**
+ * @type {Array.<number>}
+ * @private
+ */
+ var zlevelList = this._zlevelList = [];
+
+ /**
+ * @type {Object.<string, module:zrender/Layer>}
+ * @private
+ */
+ var layers = this._layers = {};
+
+ /**
+ * @type {Object.<string, Object>}
+ * @private
+ */
+ this._layerConfig = {};
+
+ /**
+ * zrender will do compositing when root is a canvas and have multiple zlevels.
+ */
+ this._needsManuallyCompositing = false;
+
+ if (!singleCanvas) {
+ this._width = this._getSize(0);
+ this._height = this._getSize(1);
+
+ var domRoot = this._domRoot = createRoot(
+ this._width, this._height
+ );
+ root.appendChild(domRoot);
+ }
+ else {
+ var width = root.width;
+ var height = root.height;
+
+ if (opts.width != null) {
+ width = opts.width;
+ }
+ if (opts.height != null) {
+ height = opts.height;
+ }
+ this.dpr = opts.devicePixelRatio || 1;
+
+ // Use canvas width and height directly
+ root.width = width * this.dpr;
+ root.height = height * this.dpr;
+
+ this._width = width;
+ this._height = height;
+
+ // Create layer if only one given canvas
+ // Device can be specified to create a high dpi image.
+ var mainLayer = new Layer(root, this, this.dpr);
+ mainLayer.__builtin__ = true;
+ mainLayer.initContext();
+ // FIXME Use canvas width and height
+ // mainLayer.resize(width, height);
+ layers[CANVAS_ZLEVEL] = mainLayer;
+ mainLayer.zlevel = CANVAS_ZLEVEL;
+ // Not use common zlevel.
+ zlevelList.push(CANVAS_ZLEVEL);
+
+ this._domRoot = root;
+ }
+
+ /**
+ * @type {module:zrender/Layer}
+ * @private
+ */
+ this._hoverlayer = null;
+
+ this._hoverElements = [];
+};
+
+Painter.prototype = {
+
+ constructor: Painter,
+
+ getType: function () {
+ return 'canvas';
+ },
+
+ /**
+ * If painter use a single canvas
+ * @return {boolean}
+ */
+ isSingleCanvas: function () {
+ return this._singleCanvas;
+ },
+ /**
+ * @return {HTMLDivElement}
+ */
+ getViewportRoot: function () {
+ return this._domRoot;
+ },
+
+ getViewportRootOffset: function () {
+ var viewportRoot = this.getViewportRoot();
+ if (viewportRoot) {
+ return {
+ offsetLeft: viewportRoot.offsetLeft || 0,
+ offsetTop: viewportRoot.offsetTop || 0
+ };
+ }
+ },
+
+ /**
+ * 鍒锋柊
+ * @param {boolean} [paintAll=false] 寮哄埗缁樺埗鎵�鏈塪isplayable
+ */
+ refresh: function (paintAll) {
+
+ var list = this.storage.getDisplayList(true);
+
+ var zlevelList = this._zlevelList;
+
+ this._redrawId = Math.random();
+
+ this._paintList(list, paintAll, this._redrawId);
+
+ // Paint custum layers
+ for (var i = 0; i < zlevelList.length; i++) {
+ var z = zlevelList[i];
+ var layer = this._layers[z];
+ if (!layer.__builtin__ && layer.refresh) {
+ var clearColor = i === 0 ? this._backgroundColor : null;
+ layer.refresh(clearColor);
+ }
+ }
+
+ this.refreshHover();
+
+ return this;
+ },
+
+ addHover: function (el, hoverStyle) {
+ if (el.__hoverMir) {
+ return;
+ }
+ var elMirror = new el.constructor({
+ style: el.style,
+ shape: el.shape,
+ z: el.z,
+ z2: el.z2,
+ silent: el.silent
+ });
+ elMirror.__from = el;
+ el.__hoverMir = elMirror;
+ hoverStyle && elMirror.setStyle(hoverStyle);
+ this._hoverElements.push(elMirror);
+
+ return elMirror;
+ },
+
+ removeHover: function (el) {
+ var elMirror = el.__hoverMir;
+ var hoverElements = this._hoverElements;
+ var idx = indexOf(hoverElements, elMirror);
+ if (idx >= 0) {
+ hoverElements.splice(idx, 1);
+ }
+ el.__hoverMir = null;
+ },
+
+ clearHover: function (el) {
+ var hoverElements = this._hoverElements;
+ for (var i = 0; i < hoverElements.length; i++) {
+ var from = hoverElements[i].__from;
+ if (from) {
+ from.__hoverMir = null;
+ }
+ }
+ hoverElements.length = 0;
+ },
+
+ refreshHover: function () {
+ var hoverElements = this._hoverElements;
+ var len = hoverElements.length;
+ var hoverLayer = this._hoverlayer;
+ hoverLayer && hoverLayer.clear();
+
+ if (!len) {
+ return;
+ }
+ sort(hoverElements, this.storage.displayableSortFunc);
+
+ // Use a extream large zlevel
+ // FIXME?
+ if (!hoverLayer) {
+ hoverLayer = this._hoverlayer = this.getLayer(HOVER_LAYER_ZLEVEL);
+ }
+
+ var scope = {};
+ hoverLayer.ctx.save();
+ for (var i = 0; i < len;) {
+ var el = hoverElements[i];
+ var originalEl = el.__from;
+ // Original el is removed
+ // PENDING
+ if (!(originalEl && originalEl.__zr)) {
+ hoverElements.splice(i, 1);
+ originalEl.__hoverMir = null;
+ len--;
+ continue;
+ }
+ i++;
+
+ // Use transform
+ // FIXME style and shape ?
+ if (!originalEl.invisible) {
+ el.transform = originalEl.transform;
+ el.invTransform = originalEl.invTransform;
+ el.__clipPaths = originalEl.__clipPaths;
+ // el.
+ this._doPaintEl(el, hoverLayer, true, scope);
+ }
+ }
+
+ hoverLayer.ctx.restore();
+ },
+
+ getHoverLayer: function () {
+ return this.getLayer(HOVER_LAYER_ZLEVEL);
+ },
+
+ _paintList: function (list, paintAll, redrawId) {
+ if (this._redrawId !== redrawId) {
+ return;
+ }
+
+ paintAll = paintAll || false;
+
+ this._updateLayerStatus(list);
+
+ var finished = this._doPaintList(list, paintAll);
+
+ if (this._needsManuallyCompositing) {
+ this._compositeManually();
+ }
+
+ if (!finished) {
+ var self = this;
+ requestAnimationFrame(function () {
+ self._paintList(list, paintAll, redrawId);
+ });
+ }
+ },
+
+ _compositeManually: function () {
+ var ctx = this.getLayer(CANVAS_ZLEVEL).ctx;
+ var width = this._domRoot.width;
+ var height = this._domRoot.height;
+ ctx.clearRect(0, 0, width, height);
+ // PENDING, If only builtin layer?
+ this.eachBuiltinLayer(function (layer) {
+ if (layer.virtual) {
+ ctx.drawImage(layer.dom, 0, 0, width, height);
+ }
+ });
+ },
+
+ _doPaintList: function (list, paintAll) {
+ var layerList = [];
+ for (var zi = 0; zi < this._zlevelList.length; zi++) {
+ var zlevel = this._zlevelList[zi];
+ var layer = this._layers[zlevel];
+ if (layer.__builtin__
+ && layer !== this._hoverlayer
+ && (layer.__dirty || paintAll)
+ ) {
+ layerList.push(layer);
+ }
+ }
+
+ var finished = true;
+
+ for (var k = 0; k < layerList.length; k++) {
+ var layer = layerList[k];
+ var ctx = layer.ctx;
+ var scope = {};
+ ctx.save();
+
+ var start = paintAll ? layer.__startIndex : layer.__drawIndex;
+
+ var useTimer = !paintAll && layer.incremental && Date.now;
+ var startTime = useTimer && Date.now();
+
+ var clearColor = layer.zlevel === this._zlevelList[0]
+ ? this._backgroundColor : null;
+ // All elements in this layer are cleared.
+ if (layer.__startIndex === layer.__endIndex) {
+ layer.clear(false, clearColor);
+ }
+ else if (start === layer.__startIndex) {
+ var firstEl = list[start];
+ if (!firstEl.incremental || !firstEl.notClear || paintAll) {
+ layer.clear(false, clearColor);
+ }
+ }
+ if (start === -1) {
+ console.error('For some unknown reason. drawIndex is -1');
+ start = layer.__startIndex;
+ }
+ for (var i = start; i < layer.__endIndex; i++) {
+ var el = list[i];
+ this._doPaintEl(el, layer, paintAll, scope);
+ el.__dirty = el.__dirtyText = false;
+
+ if (useTimer) {
+ // Date.now can be executed in 13,025,305 ops/second.
+ var dTime = Date.now() - startTime;
+ // Give 15 millisecond to draw.
+ // The rest elements will be drawn in the next frame.
+ if (dTime > 15) {
+ break;
+ }
+ }
+ }
+
+ layer.__drawIndex = i;
+
+ if (layer.__drawIndex < layer.__endIndex) {
+ finished = false;
+ }
+
+ if (scope.prevElClipPaths) {
+ // Needs restore the state. If last drawn element is in the clipping area.
+ ctx.restore();
+ }
+
+ ctx.restore();
+ }
+
+ if (env$1.wxa) {
+ // Flush for weixin application
+ each$1(this._layers, function (layer) {
+ if (layer && layer.ctx && layer.ctx.draw) {
+ layer.ctx.draw();
+ }
+ });
+ }
+
+ return finished;
+ },
+
+ _doPaintEl: function (el, currentLayer, forcePaint, scope) {
+ var ctx = currentLayer.ctx;
+ var m = el.transform;
+ if (
+ (currentLayer.__dirty || forcePaint)
+ // Ignore invisible element
+ && !el.invisible
+ // Ignore transparent element
+ && el.style.opacity !== 0
+ // Ignore scale 0 element, in some environment like node-canvas
+ // Draw a scale 0 element can cause all following draw wrong
+ // And setTransform with scale 0 will cause set back transform failed.
+ && !(m && !m[0] && !m[3])
+ // Ignore culled element
+ && !(el.culling && isDisplayableCulled(el, this._width, this._height))
+ ) {
+
+ var clipPaths = el.__clipPaths;
+ var prevElClipPaths = scope.prevElClipPaths;
+
+ // Optimize when clipping on group with several elements
+ if (!prevElClipPaths || isClipPathChanged(clipPaths, prevElClipPaths)) {
+ // If has previous clipping state, restore from it
+ if (prevElClipPaths) {
+ ctx.restore();
+ scope.prevElClipPaths = null;
+ // Reset prevEl since context has been restored
+ scope.prevEl = null;
+ }
+ // New clipping state
+ if (clipPaths) {
+ ctx.save();
+ doClip(clipPaths, ctx);
+ scope.prevElClipPaths = clipPaths;
+ }
+ }
+ el.beforeBrush && el.beforeBrush(ctx);
+
+ el.brush(ctx, scope.prevEl || null);
+ scope.prevEl = el;
+
+ el.afterBrush && el.afterBrush(ctx);
+ }
+ },
+
+ /**
+ * 鑾峰彇 zlevel 鎵�鍦ㄥ眰锛屽鏋滀笉瀛樺湪鍒欎細鍒涘缓涓�涓柊鐨勫眰
+ * @param {number} zlevel
+ * @param {boolean} virtual Virtual layer will not be inserted into dom.
+ * @return {module:zrender/Layer}
+ */
+ getLayer: function (zlevel, virtual) {
+ if (this._singleCanvas && !this._needsManuallyCompositing) {
+ zlevel = CANVAS_ZLEVEL;
+ }
+ var layer = this._layers[zlevel];
+ if (!layer) {
+ // Create a new layer
+ layer = new Layer('zr_' + zlevel, this, this.dpr);
+ layer.zlevel = zlevel;
+ layer.__builtin__ = true;
+
+ if (this._layerConfig[zlevel]) {
+ merge(layer, this._layerConfig[zlevel], true);
+ }
+ // TODO Remove EL_AFTER_INCREMENTAL_INC magic number
+ else if (this._layerConfig[zlevel - EL_AFTER_INCREMENTAL_INC]) {
+ merge(layer, this._layerConfig[zlevel - EL_AFTER_INCREMENTAL_INC], true);
+ }
+
+ if (virtual) {
+ layer.virtual = virtual;
+ }
+
+ this.insertLayer(zlevel, layer);
+
+ // Context is created after dom inserted to document
+ // Or excanvas will get 0px clientWidth and clientHeight
+ layer.initContext();
+ }
+
+ return layer;
+ },
+
+ insertLayer: function (zlevel, layer) {
+
+ var layersMap = this._layers;
+ var zlevelList = this._zlevelList;
+ var len = zlevelList.length;
+ var prevLayer = null;
+ var i = -1;
+ var domRoot = this._domRoot;
+
+ if (layersMap[zlevel]) {
+ logError$1('ZLevel ' + zlevel + ' has been used already');
+ return;
+ }
+ // Check if is a valid layer
+ if (!isLayerValid(layer)) {
+ logError$1('Layer of zlevel ' + zlevel + ' is not valid');
+ return;
+ }
+
+ if (len > 0 && zlevel > zlevelList[0]) {
+ for (i = 0; i < len - 1; i++) {
+ if (
+ zlevelList[i] < zlevel
+ && zlevelList[i + 1] > zlevel
+ ) {
+ break;
+ }
+ }
+ prevLayer = layersMap[zlevelList[i]];
+ }
+ zlevelList.splice(i + 1, 0, zlevel);
+
+ layersMap[zlevel] = layer;
+
+ // Vitual layer will not directly show on the screen.
+ // (It can be a WebGL layer and assigned to a ZImage element)
+ // But it still under management of zrender.
+ if (!layer.virtual) {
+ if (prevLayer) {
+ var prevDom = prevLayer.dom;
+ if (prevDom.nextSibling) {
+ domRoot.insertBefore(
+ layer.dom,
+ prevDom.nextSibling
+ );
+ }
+ else {
+ domRoot.appendChild(layer.dom);
+ }
+ }
+ else {
+ if (domRoot.firstChild) {
+ domRoot.insertBefore(layer.dom, domRoot.firstChild);
+ }
+ else {
+ domRoot.appendChild(layer.dom);
+ }
+ }
+ }
+ },
+
+ // Iterate each layer
+ eachLayer: function (cb, context) {
+ var zlevelList = this._zlevelList;
+ var z;
+ var i;
+ for (i = 0; i < zlevelList.length; i++) {
+ z = zlevelList[i];
+ cb.call(context, this._layers[z], z);
+ }
+ },
+
+ // Iterate each buildin layer
+ eachBuiltinLayer: function (cb, context) {
+ var zlevelList = this._zlevelList;
+ var layer;
+ var z;
+ var i;
+ for (i = 0; i < zlevelList.length; i++) {
+ z = zlevelList[i];
+ layer = this._layers[z];
+ if (layer.__builtin__) {
+ cb.call(context, layer, z);
+ }
+ }
+ },
+
+ // Iterate each other layer except buildin layer
+ eachOtherLayer: function (cb, context) {
+ var zlevelList = this._zlevelList;
+ var layer;
+ var z;
+ var i;
+ for (i = 0; i < zlevelList.length; i++) {
+ z = zlevelList[i];
+ layer = this._layers[z];
+ if (!layer.__builtin__) {
+ cb.call(context, layer, z);
+ }
+ }
+ },
+
+ /**
+ * 鑾峰彇鎵�鏈夊凡鍒涘缓鐨勫眰
+ * @param {Array.<module:zrender/Layer>} [prevLayer]
+ */
+ getLayers: function () {
+ return this._layers;
+ },
+
+ _updateLayerStatus: function (list) {
+
+ this.eachBuiltinLayer(function (layer, z) {
+ layer.__dirty = layer.__used = false;
+ });
+
+ function updatePrevLayer(idx) {
+ if (prevLayer) {
+ if (prevLayer.__endIndex !== idx) {
+ prevLayer.__dirty = true;
+ }
+ prevLayer.__endIndex = idx;
+ }
+ }
+
+ if (this._singleCanvas) {
+ for (var i = 1; i < list.length; i++) {
+ var el = list[i];
+ if (el.zlevel !== list[i - 1].zlevel || el.incremental) {
+ this._needsManuallyCompositing = true;
+ break;
+ }
+ }
+ }
+
+ var prevLayer = null;
+ var incrementalLayerCount = 0;
+ var prevZlevel;
+ for (var i = 0; i < list.length; i++) {
+ var el = list[i];
+ var zlevel = el.zlevel;
+ var layer;
+
+ if (prevZlevel !== zlevel) {
+ prevZlevel = zlevel;
+ incrementalLayerCount = 0;
+ }
+
+ // TODO Not use magic number on zlevel.
+
+ // Each layer with increment element can be separated to 3 layers.
+ // (Other Element drawn after incremental element)
+ // -----------------zlevel + EL_AFTER_INCREMENTAL_INC--------------------
+ // (Incremental element)
+ // ----------------------zlevel + INCREMENTAL_INC------------------------
+ // (Element drawn before incremental element)
+ // --------------------------------zlevel--------------------------------
+ if (el.incremental) {
+ layer = this.getLayer(zlevel + INCREMENTAL_INC, this._needsManuallyCompositing);
+ layer.incremental = true;
+ incrementalLayerCount = 1;
+ }
+ else {
+ layer = this.getLayer(
+ zlevel + (incrementalLayerCount > 0 ? EL_AFTER_INCREMENTAL_INC : 0),
+ this._needsManuallyCompositing
+ );
+ }
+
+ if (!layer.__builtin__) {
+ logError$1('ZLevel ' + zlevel + ' has been used by unkown layer ' + layer.id);
+ }
+
+ if (layer !== prevLayer) {
+ layer.__used = true;
+ if (layer.__startIndex !== i) {
+ layer.__dirty = true;
+ }
+ layer.__startIndex = i;
+ if (!layer.incremental) {
+ layer.__drawIndex = i;
+ }
+ else {
+ // Mark layer draw index needs to update.
+ layer.__drawIndex = -1;
+ }
+ updatePrevLayer(i);
+ prevLayer = layer;
+ }
+ if (el.__dirty) {
+ layer.__dirty = true;
+ if (layer.incremental && layer.__drawIndex < 0) {
+ // Start draw from the first dirty element.
+ layer.__drawIndex = i;
+ }
+ }
+ }
+
+ updatePrevLayer(i);
+
+ this.eachBuiltinLayer(function (layer, z) {
+ // Used in last frame but not in this frame. Needs clear
+ if (!layer.__used && layer.getElementCount() > 0) {
+ layer.__dirty = true;
+ layer.__startIndex = layer.__endIndex = layer.__drawIndex = 0;
+ }
+ // For incremental layer. In case start index changed and no elements are dirty.
+ if (layer.__dirty && layer.__drawIndex < 0) {
+ layer.__drawIndex = layer.__startIndex;
+ }
+ });
+ },
+
+ /**
+ * 娓呴櫎hover灞傚鎵�鏈夊唴瀹�
+ */
+ clear: function () {
+ this.eachBuiltinLayer(this._clearLayer);
+ return this;
+ },
+
+ _clearLayer: function (layer) {
+ layer.clear();
+ },
+
+ setBackgroundColor: function (backgroundColor) {
+ this._backgroundColor = backgroundColor;
+ },
+
+ /**
+ * 淇敼鎸囧畾zlevel鐨勭粯鍒跺弬鏁�
+ *
+ * @param {string} zlevel
+ * @param {Object} config 閰嶇疆瀵硅薄
+ * @param {string} [config.clearColor=0] 姣忔娓呯┖鐢诲竷鐨勯鑹�
+ * @param {string} [config.motionBlur=false] 鏄惁寮�鍚姩鎬佹ā绯�
+ * @param {number} [config.lastFrameAlpha=0.7]
+ * 鍦ㄥ紑鍚姩鎬佹ā绯婄殑鏃跺�欎娇鐢紝涓庝笂涓�甯ф贩鍚堢殑alpha鍊硷紝鍊艰秺澶у熬杩硅秺鏄庢樉
+ */
+ configLayer: function (zlevel, config) {
+ if (config) {
+ var layerConfig = this._layerConfig;
+ if (!layerConfig[zlevel]) {
+ layerConfig[zlevel] = config;
+ }
+ else {
+ merge(layerConfig[zlevel], config, true);
+ }
+
+ for (var i = 0; i < this._zlevelList.length; i++) {
+ var _zlevel = this._zlevelList[i];
+ // TODO Remove EL_AFTER_INCREMENTAL_INC magic number
+ if (_zlevel === zlevel || _zlevel === zlevel + EL_AFTER_INCREMENTAL_INC) {
+ var layer = this._layers[_zlevel];
+ merge(layer, layerConfig[zlevel], true);
+ }
+ }
+ }
+ },
+
+ /**
+ * 鍒犻櫎鎸囧畾灞�
+ * @param {number} zlevel 灞傛墍鍦ㄧ殑zlevel
+ */
+ delLayer: function (zlevel) {
+ var layers = this._layers;
+ var zlevelList = this._zlevelList;
+ var layer = layers[zlevel];
+ if (!layer) {
+ return;
+ }
+ layer.dom.parentNode.removeChild(layer.dom);
+ delete layers[zlevel];
+
+ zlevelList.splice(indexOf(zlevelList, zlevel), 1);
+ },
+
+ /**
+ * 鍖哄煙澶у皬鍙樺寲鍚庨噸缁�
+ */
+ resize: function (width, height) {
+ if (!this._domRoot.style) { // Maybe in node or worker
+ if (width == null || height == null) {
+ return;
+ }
+ this._width = width;
+ this._height = height;
+
+ this.getLayer(CANVAS_ZLEVEL).resize(width, height);
+ }
+ else {
+ var domRoot = this._domRoot;
+ // FIXME Why ?
+ domRoot.style.display = 'none';
+
+ // Save input w/h
+ var opts = this._opts;
+ width != null && (opts.width = width);
+ height != null && (opts.height = height);
+
+ width = this._getSize(0);
+ height = this._getSize(1);
+
+ domRoot.style.display = '';
+
+ // 浼樺寲娌℃湁瀹為檯鏀瑰彉鐨剅esize
+ if (this._width !== width || height !== this._height) {
+ domRoot.style.width = width + 'px';
+ domRoot.style.height = height + 'px';
+
+ for (var id in this._layers) {
+ if (this._layers.hasOwnProperty(id)) {
+ this._layers[id].resize(width, height);
+ }
+ }
+ each$1(this._progressiveLayers, function (layer) {
+ layer.resize(width, height);
+ });
+
+ this.refresh(true);
+ }
+
+ this._width = width;
+ this._height = height;
+
+ }
+ return this;
+ },
+
+ /**
+ * 娓呴櫎鍗曠嫭鐨勪竴涓眰
+ * @param {number} zlevel
+ */
+ clearLayer: function (zlevel) {
+ var layer = this._layers[zlevel];
+ if (layer) {
+ layer.clear();
+ }
+ },
+
+ /**
+ * 閲婃斁
+ */
+ dispose: function () {
+ this.root.innerHTML = '';
+
+ this.root =
+ this.storage =
+
+ this._domRoot =
+ this._layers = null;
+ },
+
+ /**
+ * Get canvas which has all thing rendered
+ * @param {Object} opts
+ * @param {string} [opts.backgroundColor]
+ * @param {number} [opts.pixelRatio]
+ */
+ getRenderedCanvas: function (opts) {
+ opts = opts || {};
+ if (this._singleCanvas && !this._compositeManually) {
+ return this._layers[CANVAS_ZLEVEL].dom;
+ }
+
+ var imageLayer = new Layer('image', this, opts.pixelRatio || this.dpr);
+ imageLayer.initContext();
+ imageLayer.clear(false, opts.backgroundColor || this._backgroundColor);
+
+ if (opts.pixelRatio <= this.dpr) {
+ this.refresh();
+
+ var width = imageLayer.dom.width;
+ var height = imageLayer.dom.height;
+ var ctx = imageLayer.ctx;
+ this.eachLayer(function (layer) {
+ if (layer.__builtin__) {
+ ctx.drawImage(layer.dom, 0, 0, width, height);
+ }
+ else if (layer.renderToCanvas) {
+ imageLayer.ctx.save();
+ layer.renderToCanvas(imageLayer.ctx);
+ imageLayer.ctx.restore();
+ }
+ });
+ }
+ else {
+ // PENDING, echarts-gl and incremental rendering.
+ var scope = {};
+ var displayList = this.storage.getDisplayList(true);
+ for (var i = 0; i < displayList.length; i++) {
+ var el = displayList[i];
+ this._doPaintEl(el, imageLayer, true, scope);
+ }
+ }
+
+ return imageLayer.dom;
+ },
+ /**
+ * 鑾峰彇缁樺浘鍖哄煙瀹藉害
+ */
+ getWidth: function () {
+ return this._width;
+ },
+
+ /**
+ * 鑾峰彇缁樺浘鍖哄煙楂樺害
+ */
+ getHeight: function () {
+ return this._height;
+ },
+
+ _getSize: function (whIdx) {
+ var opts = this._opts;
+ var wh = ['width', 'height'][whIdx];
+ var cwh = ['clientWidth', 'clientHeight'][whIdx];
+ var plt = ['paddingLeft', 'paddingTop'][whIdx];
+ var prb = ['paddingRight', 'paddingBottom'][whIdx];
+
+ if (opts[wh] != null && opts[wh] !== 'auto') {
+ return parseFloat(opts[wh]);
+ }
+
+ var root = this.root;
+ // IE8 does not support getComputedStyle, but it use VML.
+ var stl = document.defaultView.getComputedStyle(root);
+
+ return (
+ (root[cwh] || parseInt10(stl[wh]) || parseInt10(root.style[wh]))
+ - (parseInt10(stl[plt]) || 0)
+ - (parseInt10(stl[prb]) || 0)
+ ) | 0;
+ },
+
+ pathToImage: function (path, dpr) {
+ dpr = dpr || this.dpr;
+
+ var canvas = document.createElement('canvas');
+ var ctx = canvas.getContext('2d');
+ var rect = path.getBoundingRect();
+ var style = path.style;
+ var shadowBlurSize = style.shadowBlur * dpr;
+ var shadowOffsetX = style.shadowOffsetX * dpr;
+ var shadowOffsetY = style.shadowOffsetY * dpr;
+ var lineWidth = style.hasStroke() ? style.lineWidth : 0;
+
+ var leftMargin = Math.max(lineWidth / 2, -shadowOffsetX + shadowBlurSize);
+ var rightMargin = Math.max(lineWidth / 2, shadowOffsetX + shadowBlurSize);
+ var topMargin = Math.max(lineWidth / 2, -shadowOffsetY + shadowBlurSize);
+ var bottomMargin = Math.max(lineWidth / 2, shadowOffsetY + shadowBlurSize);
+ var width = rect.width + leftMargin + rightMargin;
+ var height = rect.height + topMargin + bottomMargin;
+
+ canvas.width = width * dpr;
+ canvas.height = height * dpr;
+
+ ctx.scale(dpr, dpr);
+ ctx.clearRect(0, 0, width, height);
+ ctx.dpr = dpr;
+
+ var pathTransform = {
+ position: path.position,
+ rotation: path.rotation,
+ scale: path.scale
+ };
+ path.position = [leftMargin - rect.x, topMargin - rect.y];
+ path.rotation = 0;
+ path.scale = [1, 1];
+ path.updateTransform();
+ if (path) {
+ path.brush(ctx);
+ }
+
+ var ImageShape = ZImage;
+ var imgShape = new ImageShape({
+ style: {
+ x: 0,
+ y: 0,
+ image: canvas
+ }
+ });
+
+ if (pathTransform.position != null) {
+ imgShape.position = path.position = pathTransform.position;
+ }
+
+ if (pathTransform.rotation != null) {
+ imgShape.rotation = path.rotation = pathTransform.rotation;
+ }
+
+ if (pathTransform.scale != null) {
+ imgShape.scale = path.scale = pathTransform.scale;
+ }
+
+ return imgShape;
+ }
+};
+
+/**
+ * Animation main class, dispatch and manage all animation controllers
+ *
+ * @module zrender/animation/Animation
+ * @author pissang(https://github.com/pissang)
+ */
+// TODO Additive animation
+// http://iosoteric.com/additive-animations-animatewithduration-in-ios-8/
+// https://developer.apple.com/videos/wwdc2014/#236
+
+/**
+ * @typedef {Object} IZRenderStage
+ * @property {Function} update
+ */
+
+/**
+ * @alias module:zrender/animation/Animation
+ * @constructor
+ * @param {Object} [options]
+ * @param {Function} [options.onframe]
+ * @param {IZRenderStage} [options.stage]
+ * @example
+ * var animation = new Animation();
+ * var obj = {
+ * x: 100,
+ * y: 100
+ * };
+ * animation.animate(node.position)
+ * .when(1000, {
+ * x: 500,
+ * y: 500
+ * })
+ * .when(2000, {
+ * x: 100,
+ * y: 100
+ * })
+ * .start('spline');
+ */
+var Animation = function (options) {
+
+ options = options || {};
+
+ this.stage = options.stage || {};
+
+ this.onframe = options.onframe || function () {};
+
+ // private properties
+ this._clips = [];
+
+ this._running = false;
+
+ this._time;
+
+ this._pausedTime;
+
+ this._pauseStart;
+
+ this._paused = false;
+
+ Eventful.call(this);
+};
+
+Animation.prototype = {
+
+ constructor: Animation,
+ /**
+ * Add clip
+ * @param {module:zrender/animation/Clip} clip
+ */
+ addClip: function (clip) {
+ this._clips.push(clip);
+ },
+ /**
+ * Add animator
+ * @param {module:zrender/animation/Animator} animator
+ */
+ addAnimator: function (animator) {
+ animator.animation = this;
+ var clips = animator.getClips();
+ for (var i = 0; i < clips.length; i++) {
+ this.addClip(clips[i]);
+ }
+ },
+ /**
+ * Delete animation clip
+ * @param {module:zrender/animation/Clip} clip
+ */
+ removeClip: function (clip) {
+ var idx = indexOf(this._clips, clip);
+ if (idx >= 0) {
+ this._clips.splice(idx, 1);
+ }
+ },
+
+ /**
+ * Delete animation clip
+ * @param {module:zrender/animation/Animator} animator
+ */
+ removeAnimator: function (animator) {
+ var clips = animator.getClips();
+ for (var i = 0; i < clips.length; i++) {
+ this.removeClip(clips[i]);
+ }
+ animator.animation = null;
+ },
+
+ _update: function () {
+ var time = new Date().getTime() - this._pausedTime;
+ var delta = time - this._time;
+ var clips = this._clips;
+ var len = clips.length;
+
+ var deferredEvents = [];
+ var deferredClips = [];
+ for (var i = 0; i < len; i++) {
+ var clip = clips[i];
+ var e = clip.step(time, delta);
+ // Throw out the events need to be called after
+ // stage.update, like destroy
+ if (e) {
+ deferredEvents.push(e);
+ deferredClips.push(clip);
+ }
+ }
+
+ // Remove the finished clip
+ for (var i = 0; i < len;) {
+ if (clips[i]._needsRemove) {
+ clips[i] = clips[len - 1];
+ clips.pop();
+ len--;
+ }
+ else {
+ i++;
+ }
+ }
+
+ len = deferredEvents.length;
+ for (var i = 0; i < len; i++) {
+ deferredClips[i].fire(deferredEvents[i]);
+ }
+
+ this._time = time;
+
+ this.onframe(delta);
+
+ // 'frame' should be triggered before stage, because upper application
+ // depends on the sequence (e.g., echarts-stream and finish
+ // event judge)
+ this.trigger('frame', delta);
+
+ if (this.stage.update) {
+ this.stage.update();
+ }
+ },
+
+ _startLoop: function () {
+ var self = this;
+
+ this._running = true;
+
+ function step() {
+ if (self._running) {
+
+ requestAnimationFrame(step);
+
+ !self._paused && self._update();
+ }
+ }
+
+ requestAnimationFrame(step);
+ },
+
+ /**
+ * Start animation.
+ */
+ start: function () {
+
+ this._time = new Date().getTime();
+ this._pausedTime = 0;
+
+ this._startLoop();
+ },
+
+ /**
+ * Stop animation.
+ */
+ stop: function () {
+ this._running = false;
+ },
+
+ /**
+ * Pause animation.
+ */
+ pause: function () {
+ if (!this._paused) {
+ this._pauseStart = new Date().getTime();
+ this._paused = true;
+ }
+ },
+
+ /**
+ * Resume animation.
+ */
+ resume: function () {
+ if (this._paused) {
+ this._pausedTime += (new Date().getTime()) - this._pauseStart;
+ this._paused = false;
+ }
+ },
+
+ /**
+ * Clear animation.
+ */
+ clear: function () {
+ this._clips = [];
+ },
+
+ /**
+ * Whether animation finished.
+ */
+ isFinished: function () {
+ return !this._clips.length;
+ },
+
+ /**
+ * Creat animator for a target, whose props can be animated.
+ *
+ * @param {Object} target
+ * @param {Object} options
+ * @param {boolean} [options.loop=false] Whether loop animation.
+ * @param {Function} [options.getter=null] Get value from target.
+ * @param {Function} [options.setter=null] Set value to target.
+ * @return {module:zrender/animation/Animation~Animator}
+ */
+ // TODO Gap
+ animate: function (target, options) {
+ options = options || {};
+
+ var animator = new Animator(
+ target,
+ options.loop,
+ options.getter,
+ options.setter
+ );
+
+ this.addAnimator(animator);
+
+ return animator;
+ }
+};
+
+mixin(Animation, Eventful);
+
+/* global document */
+
+var TOUCH_CLICK_DELAY = 300;
+
+var globalEventSupported = env$1.domSupported;
+
+
+var localNativeListenerNames = (function () {
+ var mouseHandlerNames = [
+ 'click', 'dblclick', 'mousewheel', 'mouseout',
+ 'mouseup', 'mousedown', 'mousemove', 'contextmenu'
+ ];
+ var touchHandlerNames = [
+ 'touchstart', 'touchend', 'touchmove'
+ ];
+ var pointerEventNameMap = {
+ pointerdown: 1, pointerup: 1, pointermove: 1, pointerout: 1
+ };
+ var pointerHandlerNames = map(mouseHandlerNames, function (name) {
+ var nm = name.replace('mouse', 'pointer');
+ return pointerEventNameMap.hasOwnProperty(nm) ? nm : name;
+ });
+
+ return {
+ mouse: mouseHandlerNames,
+ touch: touchHandlerNames,
+ pointer: pointerHandlerNames
+ };
+})();
+
+var globalNativeListenerNames = {
+ mouse: ['mousemove', 'mouseup'],
+ pointer: ['pointermove', 'pointerup']
+};
+
+
+function eventNameFix(name) {
+ return (name === 'mousewheel' && env$1.browser.firefox) ? 'DOMMouseScroll' : name;
+}
+
+function isPointerFromTouch(event) {
+ var pointerType = event.pointerType;
+ return pointerType === 'pen' || pointerType === 'touch';
+}
+
+// function useMSGuesture(handlerProxy, event) {
+// return isPointerFromTouch(event) && !!handlerProxy._msGesture;
+// }
+
+// function onMSGestureChange(proxy, event) {
+// if (event.translationX || event.translationY) {
+// // mousemove is carried by MSGesture to reduce the sensitivity.
+// proxy.handler.dispatchToElement(event.target, 'mousemove', event);
+// }
+// if (event.scale !== 1) {
+// event.pinchX = event.offsetX;
+// event.pinchY = event.offsetY;
+// event.pinchScale = event.scale;
+// proxy.handler.dispatchToElement(event.target, 'pinch', event);
+// }
+// }
+
+/**
+ * Prevent mouse event from being dispatched after Touch Events action
+ * @see <https://github.com/deltakosh/handjs/blob/master/src/hand.base.js>
+ * 1. Mobile browsers dispatch mouse events 300ms after touchend.
+ * 2. Chrome for Android dispatch mousedown for long-touch about 650ms
+ * Result: Blocking Mouse Events for 700ms.
+ *
+ * @param {DOMHandlerScope} scope
+ */
+function setTouchTimer(scope) {
+ scope.touching = true;
+ if (scope.touchTimer != null) {
+ clearTimeout(scope.touchTimer);
+ scope.touchTimer = null;
+ }
+ scope.touchTimer = setTimeout(function () {
+ scope.touching = false;
+ scope.touchTimer = null;
+ }, 700);
+}
+
+// Mark touch, which is useful in distinguish touch and
+// mouse event in upper applicatoin.
+function markTouch(event) {
+ event && (event.zrByTouch = true);
+}
+
+
+// function markTriggeredFromLocal(event) {
+// event && (event.__zrIsFromLocal = true);
+// }
+
+// function isTriggeredFromLocal(instance, event) {
+// return !!(event && event.__zrIsFromLocal);
+// }
+
+function normalizeGlobalEvent(instance, event) {
+ // offsetX, offsetY still need to be calculated. They are necessary in the event
+ // handlers of the upper applications. Set `true` to force calculate them.
+ return normalizeEvent(instance.dom, new FakeGlobalEvent(instance, event), true);
+}
+
+/**
+ * Detect whether the given el is in `painterRoot`.
+ */
+function isLocalEl(instance, el) {
+ var elTmp = el;
+ var isLocal = false;
+ while (elTmp && elTmp.nodeType !== 9
+ && !(
+ isLocal = elTmp.domBelongToZr
+ || (elTmp !== el && elTmp === instance.painterRoot)
+ )
+ ) {
+ elTmp = elTmp.parentNode;
+ }
+ return isLocal;
+}
+
+/**
+ * Make a fake event but not change the original event,
+ * becuase the global event probably be used by other
+ * listeners not belonging to zrender.
+ * @class
+ */
+function FakeGlobalEvent(instance, event) {
+ this.type = event.type;
+ this.target = this.currentTarget = instance.dom;
+ this.pointerType = event.pointerType;
+ // Necessray for the force calculation of zrX, zrY
+ this.clientX = event.clientX;
+ this.clientY = event.clientY;
+ // Because we do not mount global listeners to touch events,
+ // we do not copy `targetTouches` and `changedTouches` here.
+}
+var fakeGlobalEventProto = FakeGlobalEvent.prototype;
+// we make the default methods on the event do nothing,
+// otherwise it is dangerous. See more details in
+// [Drag outside] in `Handler.js`.
+fakeGlobalEventProto.stopPropagation =
+ fakeGlobalEventProto.stopImmediatePropagation =
+ fakeGlobalEventProto.preventDefault = noop;
+
+
+/**
+ * Local DOM Handlers
+ * @this {HandlerProxy}
+ */
+var localDOMHandlers = {
+
+ mousedown: function (event) {
+ event = normalizeEvent(this.dom, event);
+
+ this._mayPointerCapture = [event.zrX, event.zrY];
+
+ this.trigger('mousedown', event);
+ },
+
+ mousemove: function (event) {
+ event = normalizeEvent(this.dom, event);
+
+ var downPoint = this._mayPointerCapture;
+ if (downPoint && (event.zrX !== downPoint[0] || event.zrY !== downPoint[1])) {
+ togglePointerCapture(this, true);
+ }
+
+ this.trigger('mousemove', event);
+ },
+
+ mouseup: function (event) {
+ event = normalizeEvent(this.dom, event);
+
+ togglePointerCapture(this, false);
+
+ this.trigger('mouseup', event);
+ },
+
+ mouseout: function (event) {
+ event = normalizeEvent(this.dom, event);
+
+ // Similarly to the browser did on `document` and touch event,
+ // `globalout` will be delayed to final pointer cature release.
+ if (this._pointerCapturing) {
+ event.zrEventControl = 'no_globalout';
+ }
+
+ // There might be some doms created by upper layer application
+ // at the same level of painter.getViewportRoot() (e.g., tooltip
+ // dom created by echarts), where 'globalout' event should not
+ // be triggered when mouse enters these doms. (But 'mouseout'
+ // should be triggered at the original hovered element as usual).
+ var element = event.toElement || event.relatedTarget;
+ event.zrIsToLocalDOM = isLocalEl(this, element);
+
+ this.trigger('mouseout', event);
+ },
+
+ touchstart: function (event) {
+ // Default mouse behaviour should not be disabled here.
+ // For example, page may needs to be slided.
+ event = normalizeEvent(this.dom, event);
+
+ markTouch(event);
+
+ this._lastTouchMoment = new Date();
+
+ this.handler.processGesture(event, 'start');
+
+ // For consistent event listener for both touch device and mouse device,
+ // we simulate "mouseover-->mousedown" in touch device. So we trigger
+ // `mousemove` here (to trigger `mouseover` inside), and then trigger
+ // `mousedown`.
+ localDOMHandlers.mousemove.call(this, event);
+ localDOMHandlers.mousedown.call(this, event);
+ },
+
+ touchmove: function (event) {
+ event = normalizeEvent(this.dom, event);
+
+ markTouch(event);
+
+ this.handler.processGesture(event, 'change');
+
+ // Mouse move should always be triggered no matter whether
+ // there is gestrue event, because mouse move and pinch may
+ // be used at the same time.
+ localDOMHandlers.mousemove.call(this, event);
+ },
+
+ touchend: function (event) {
+ event = normalizeEvent(this.dom, event);
+
+ markTouch(event);
+
+ this.handler.processGesture(event, 'end');
+
+ localDOMHandlers.mouseup.call(this, event);
+
+ // Do not trigger `mouseout` here, in spite of `mousemove`(`mouseover`) is
+ // triggered in `touchstart`. This seems to be illogical, but by this mechanism,
+ // we can conveniently implement "hover style" in both PC and touch device just
+ // by listening to `mouseover` to add "hover style" and listening to `mouseout`
+ // to remove "hover style" on an element, without any additional code for
+ // compatibility. (`mouseout` will not be triggered in `touchend`, so "hover
+ // style" will remain for user view)
+
+ // click event should always be triggered no matter whether
+ // there is gestrue event. System click can not be prevented.
+ if (+new Date() - this._lastTouchMoment < TOUCH_CLICK_DELAY) {
+ localDOMHandlers.click.call(this, event);
+ }
+ },
+
+ pointerdown: function (event) {
+ localDOMHandlers.mousedown.call(this, event);
+
+ // if (useMSGuesture(this, event)) {
+ // this._msGesture.addPointer(event.pointerId);
+ // }
+ },
+
+ pointermove: function (event) {
+ // FIXME
+ // pointermove is so sensitive that it always triggered when
+ // tap(click) on touch screen, which affect some judgement in
+ // upper application. So, we dont support mousemove on MS touch
+ // device yet.
+ if (!isPointerFromTouch(event)) {
+ localDOMHandlers.mousemove.call(this, event);
+ }
+ },
+
+ pointerup: function (event) {
+ localDOMHandlers.mouseup.call(this, event);
+ },
+
+ pointerout: function (event) {
+ // pointerout will be triggered when tap on touch screen
+ // (IE11+/Edge on MS Surface) after click event triggered,
+ // which is inconsistent with the mousout behavior we defined
+ // in touchend. So we unify them.
+ // (check localDOMHandlers.touchend for detailed explanation)
+ if (!isPointerFromTouch(event)) {
+ localDOMHandlers.mouseout.call(this, event);
+ }
+ }
+
+};
+
+/**
+ * Othere DOM UI Event handlers for zr dom.
+ * @this {HandlerProxy}
+ */
+each$1(['click', 'mousewheel', 'dblclick', 'contextmenu'], function (name) {
+ localDOMHandlers[name] = function (event) {
+ event = normalizeEvent(this.dom, event);
+ this.trigger(name, event);
+ };
+});
+
+
+/**
+ * DOM UI Event handlers for global page.
+ *
+ * [Caution]:
+ * those handlers should both support in capture phase and bubble phase!
+ *
+ * @this {HandlerProxy}
+ */
+var globalDOMHandlers = {
+
+ pointermove: function (event) {
+ // FIXME
+ // pointermove is so sensitive that it always triggered when
+ // tap(click) on touch screen, which affect some judgement in
+ // upper application. So, we dont support mousemove on MS touch
+ // device yet.
+ if (!isPointerFromTouch(event)) {
+ globalDOMHandlers.mousemove.call(this, event);
+ }
+ },
+
+ pointerup: function (event) {
+ globalDOMHandlers.mouseup.call(this, event);
+ },
+
+ mousemove: function (event) {
+ this.trigger('mousemove', event);
+ },
+
+ mouseup: function (event) {
+ var pointerCaptureReleasing = this._pointerCapturing;
+
+ togglePointerCapture(this, false);
+
+ this.trigger('mouseup', event);
+
+ if (pointerCaptureReleasing) {
+ event.zrEventControl = 'only_globalout';
+ this.trigger('mouseout', event);
+ }
+ }
+
+};
+
+
+/**
+ * @param {HandlerProxy} instance
+ * @param {DOMHandlerScope} scope
+ */
+function mountLocalDOMEventListeners(instance, scope) {
+ var domHandlers = scope.domHandlers;
+
+ if (env$1.pointerEventsSupported) { // Only IE11+/Edge
+ // 1. On devices that both enable touch and mouse (e.g., MS Surface and lenovo X240),
+ // IE11+/Edge do not trigger touch event, but trigger pointer event and mouse event
+ // at the same time.
+ // 2. On MS Surface, it probablely only trigger mousedown but no mouseup when tap on
+ // screen, which do not occurs in pointer event.
+ // So we use pointer event to both detect touch gesture and mouse behavior.
+ each$1(localNativeListenerNames.pointer, function (nativeEventName) {
+ mountSingleDOMEventListener(scope, nativeEventName, function (event) {
+ // markTriggeredFromLocal(event);
+ domHandlers[nativeEventName].call(instance, event);
+ });
+ });
+
+ // FIXME
+ // Note: MS Gesture require CSS touch-action set. But touch-action is not reliable,
+ // which does not prevent defuault behavior occasionally (which may cause view port
+ // zoomed in but use can not zoom it back). And event.preventDefault() does not work.
+ // So we have to not to use MSGesture and not to support touchmove and pinch on MS
+ // touch screen. And we only support click behavior on MS touch screen now.
+
+ // MS Gesture Event is only supported on IE11+/Edge and on Windows 8+.
+ // We dont support touch on IE on win7.
+ // See <https://msdn.microsoft.com/en-us/library/dn433243(v=vs.85).aspx>
+ // if (typeof MSGesture === 'function') {
+ // (this._msGesture = new MSGesture()).target = dom; // jshint ignore:line
+ // dom.addEventListener('MSGestureChange', onMSGestureChange);
+ // }
+ }
+ else {
+ if (env$1.touchEventsSupported) {
+ each$1(localNativeListenerNames.touch, function (nativeEventName) {
+ mountSingleDOMEventListener(scope, nativeEventName, function (event) {
+ // markTriggeredFromLocal(event);
+ domHandlers[nativeEventName].call(instance, event);
+ setTouchTimer(scope);
+ });
+ });
+ // Handler of 'mouseout' event is needed in touch mode, which will be mounted below.
+ // addEventListener(root, 'mouseout', this._mouseoutHandler);
+ }
+
+ // 1. Considering some devices that both enable touch and mouse event (like on MS Surface
+ // and lenovo X240, @see #2350), we make mouse event be always listened, otherwise
+ // mouse event can not be handle in those devices.
+ // 2. On MS Surface, Chrome will trigger both touch event and mouse event. How to prevent
+ // mouseevent after touch event triggered, see `setTouchTimer`.
+ each$1(localNativeListenerNames.mouse, function (nativeEventName) {
+ mountSingleDOMEventListener(scope, nativeEventName, function (event) {
+ event = getNativeEvent(event);
+ if (!scope.touching) {
+ // markTriggeredFromLocal(event);
+ domHandlers[nativeEventName].call(instance, event);
+ }
+ });
+ });
+ }
+}
+
+/**
+ * @param {HandlerProxy} instance
+ * @param {DOMHandlerScope} scope
+ */
+function mountGlobalDOMEventListeners(instance, scope) {
+ // Only IE11+/Edge. See the comment in `mountLocalDOMEventListeners`.
+ if (env$1.pointerEventsSupported) {
+ each$1(globalNativeListenerNames.pointer, mount);
+ }
+ // Touch event has implemented "drag outside" so we do not mount global listener for touch event.
+ // (see https://www.w3.org/TR/touch-events/#the-touchmove-event)
+ // We do not consider "both-support-touch-and-mouse device" for this feature (see the comment of
+ // `mountLocalDOMEventListeners`) to avoid bugs util some requirements come.
+ else if (!env$1.touchEventsSupported) {
+ each$1(globalNativeListenerNames.mouse, mount);
+ }
+
+ function mount(nativeEventName) {
+ function nativeEventListener(event) {
+ event = getNativeEvent(event);
+ // See the reason in [Drag outside] in `Handler.js`
+ // This checking supports both `useCapture` or not.
+ // PENDING: if there is performance issue in some devices,
+ // we probably can not use `useCapture` and change a easier
+ // to judes whether local (mark).
+ if (!isLocalEl(instance, event.target)) {
+ event = normalizeGlobalEvent(instance, event);
+ scope.domHandlers[nativeEventName].call(instance, event);
+ }
+ }
+ mountSingleDOMEventListener(
+ scope, nativeEventName, nativeEventListener,
+ {capture: true} // See [Drag Outside] in `Handler.js`
+ );
+ }
+}
+
+function mountSingleDOMEventListener(scope, nativeEventName, listener, opt) {
+ scope.mounted[nativeEventName] = listener;
+ scope.listenerOpts[nativeEventName] = opt;
+ addEventListener(scope.domTarget, eventNameFix(nativeEventName), listener, opt);
+}
+
+function unmountDOMEventListeners(scope) {
+ var mounted = scope.mounted;
+ for (var nativeEventName in mounted) {
+ if (mounted.hasOwnProperty(nativeEventName)) {
+ removeEventListener(
+ scope.domTarget, eventNameFix(nativeEventName), mounted[nativeEventName],
+ scope.listenerOpts[nativeEventName]
+ );
+ }
+ }
+ scope.mounted = {};
+}
+
+/**
+ * See [Drag Outside] in `Handler.js`.
+ * @implement
+ * @param {boolean} isPointerCapturing Should never be `null`/`undefined`.
+ * `true`: start to capture pointer if it is not capturing.
+ * `false`: end the capture if it is capturing.
+ */
+function togglePointerCapture(instance, isPointerCapturing) {
+ instance._mayPointerCapture = null;
+
+ if (globalEventSupported && (instance._pointerCapturing ^ isPointerCapturing)) {
+ instance._pointerCapturing = isPointerCapturing;
+
+ var globalHandlerScope = instance._globalHandlerScope;
+ isPointerCapturing
+ ? mountGlobalDOMEventListeners(instance, globalHandlerScope)
+ : unmountDOMEventListeners(globalHandlerScope);
+ }
+}
+
+/**
+ * @inner
+ * @class
+ */
+function DOMHandlerScope(domTarget, domHandlers) {
+ this.domTarget = domTarget;
+ this.domHandlers = domHandlers;
+
+ // Key: eventName, value: mounted handler funcitons.
+ // Used for unmount.
+ this.mounted = {};
+ this.listenerOpts = {};
+
+ this.touchTimer = null;
+ this.touching = false;
+}
+
+/**
+ * @public
+ * @class
+ */
+function HandlerDomProxy(dom, painterRoot) {
+ Eventful.call(this);
+
+ this.dom = dom;
+ this.painterRoot = painterRoot;
+
+ this._localHandlerScope = new DOMHandlerScope(dom, localDOMHandlers);
+
+ if (globalEventSupported) {
+ this._globalHandlerScope = new DOMHandlerScope(document, globalDOMHandlers);
+ }
+
+ /**
+ * @type {boolean}
+ */
+ this._pointerCapturing = false;
+ /**
+ * @type {Array.<number>} [x, y] or null.
+ */
+ this._mayPointerCapture = null;
+
+ mountLocalDOMEventListeners(this, this._localHandlerScope);
+}
+
+var handlerDomProxyProto = HandlerDomProxy.prototype;
+
+handlerDomProxyProto.dispose = function () {
+ unmountDOMEventListeners(this._localHandlerScope);
+ if (globalEventSupported) {
+ unmountDOMEventListeners(this._globalHandlerScope);
+ }
+};
+
+handlerDomProxyProto.setCursor = function (cursorStyle) {
+ this.dom.style && (this.dom.style.cursor = cursorStyle || 'default');
+};
+
+
+mixin(HandlerDomProxy, Eventful);
+
+/*!
+* 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 useVML = !env$1.canvasSupported;
+
+var painterCtors = {
+ canvas: Painter
+};
+
+var instances$1 = {}; // ZRender瀹炰緥map绱㈠紩
+
+/**
+ * @type {string}
+ */
+var version$1 = '4.3.1';
+
+/**
+ * Initializing a zrender instance
+ * @param {HTMLElement} dom
+ * @param {Object} [opts]
+ * @param {string} [opts.renderer='canvas'] 'canvas' or 'svg'
+ * @param {number} [opts.devicePixelRatio]
+ * @param {number|string} [opts.width] Can be 'auto' (the same as null/undefined)
+ * @param {number|string} [opts.height] Can be 'auto' (the same as null/undefined)
+ * @return {module:zrender/ZRender}
+ */
+function init$1(dom, opts) {
+ var zr = new ZRender(guid(), dom, opts);
+ instances$1[zr.id] = zr;
+ return zr;
+}
+
+/**
+ * Dispose zrender instance
+ * @param {module:zrender/ZRender} zr
+ */
+function dispose$1(zr) {
+ if (zr) {
+ zr.dispose();
+ }
+ else {
+ for (var key in instances$1) {
+ if (instances$1.hasOwnProperty(key)) {
+ instances$1[key].dispose();
+ }
+ }
+ instances$1 = {};
+ }
+
+ return this;
+}
+
+/**
+ * Get zrender instance by id
+ * @param {string} id zrender instance id
+ * @return {module:zrender/ZRender}
+ */
+function getInstance(id) {
+ return instances$1[id];
+}
+
+function registerPainter(name, Ctor) {
+ painterCtors[name] = Ctor;
+}
+
+function delInstance(id) {
+ delete instances$1[id];
+}
+
+/**
+ * @module zrender/ZRender
+ */
+/**
+ * @constructor
+ * @alias module:zrender/ZRender
+ * @param {string} id
+ * @param {HTMLElement} dom
+ * @param {Object} opts
+ * @param {string} [opts.renderer='canvas'] 'canvas' or 'svg'
+ * @param {number} [opts.devicePixelRatio]
+ * @param {number} [opts.width] Can be 'auto' (the same as null/undefined)
+ * @param {number} [opts.height] Can be 'auto' (the same as null/undefined)
+ */
+var ZRender = function (id, dom, opts) {
+
+ opts = opts || {};
+
+ /**
+ * @type {HTMLDomElement}
+ */
+ this.dom = dom;
+
+ /**
+ * @type {string}
+ */
+ this.id = id;
+
+ var self = this;
+ var storage = new Storage();
+
+ var rendererType = opts.renderer;
+ // TODO WebGL
+ if (useVML) {
+ if (!painterCtors.vml) {
+ throw new Error('You need to require \'zrender/vml/vml\' to support IE8');
+ }
+ rendererType = 'vml';
+ }
+ else if (!rendererType || !painterCtors[rendererType]) {
+ rendererType = 'canvas';
+ }
+ var painter = new painterCtors[rendererType](dom, storage, opts, id);
+
+ this.storage = storage;
+ this.painter = painter;
+
+ var handerProxy = (!env$1.node && !env$1.worker) ? new HandlerDomProxy(painter.getViewportRoot(), painter.root) : null;
+ this.handler = new Handler(storage, painter, handerProxy, painter.root);
+
+ /**
+ * @type {module:zrender/animation/Animation}
+ */
+ this.animation = new Animation({
+ stage: {
+ update: bind(this.flush, this)
+ }
+ });
+ this.animation.start();
+
+ /**
+ * @type {boolean}
+ * @private
+ */
+ this._needsRefresh;
+
+ // 淇敼 storage.delFromStorage, 姣忔鍒犻櫎鍏冪礌涔嬪墠鍒犻櫎鍔ㄧ敾
+ // FIXME 鏈夌偣ugly
+ var oldDelFromStorage = storage.delFromStorage;
+ var oldAddToStorage = storage.addToStorage;
+
+ storage.delFromStorage = function (el) {
+ oldDelFromStorage.call(storage, el);
+
+ el && el.removeSelfFromZr(self);
+ };
+
+ storage.addToStorage = function (el) {
+ oldAddToStorage.call(storage, el);
+
+ el.addSelfToZr(self);
+ };
+};
+
+ZRender.prototype = {
+
+ constructor: ZRender,
+ /**
+ * 鑾峰彇瀹炰緥鍞竴鏍囪瘑
+ * @return {string}
+ */
+ getId: function () {
+ return this.id;
+ },
+
+ /**
+ * 娣诲姞鍏冪礌
+ * @param {module:zrender/Element} el
+ */
+ add: function (el) {
+ this.storage.addRoot(el);
+ this._needsRefresh = true;
+ },
+
+ /**
+ * 鍒犻櫎鍏冪礌
+ * @param {module:zrender/Element} el
+ */
+ remove: function (el) {
+ this.storage.delRoot(el);
+ this._needsRefresh = true;
+ },
+
+ /**
+ * Change configuration of layer
+ * @param {string} zLevel
+ * @param {Object} config
+ * @param {string} [config.clearColor=0] Clear color
+ * @param {string} [config.motionBlur=false] If enable motion blur
+ * @param {number} [config.lastFrameAlpha=0.7] Motion blur factor. Larger value cause longer trailer
+ */
+ configLayer: function (zLevel, config) {
+ if (this.painter.configLayer) {
+ this.painter.configLayer(zLevel, config);
+ }
+ this._needsRefresh = true;
+ },
+
+ /**
+ * Set background color
+ * @param {string} backgroundColor
+ */
+ setBackgroundColor: function (backgroundColor) {
+ if (this.painter.setBackgroundColor) {
+ this.painter.setBackgroundColor(backgroundColor);
+ }
+ this._needsRefresh = true;
+ },
+
+ /**
+ * Repaint the canvas immediately
+ */
+ refreshImmediately: function () {
+ // var start = new Date();
+
+ // Clear needsRefresh ahead to avoid something wrong happens in refresh
+ // Or it will cause zrender refreshes again and again.
+ this._needsRefresh = this._needsRefreshHover = false;
+ this.painter.refresh();
+ // Avoid trigger zr.refresh in Element#beforeUpdate hook
+ this._needsRefresh = this._needsRefreshHover = false;
+
+ // var end = new Date();
+ // var log = document.getElementById('log');
+ // if (log) {
+ // log.innerHTML = log.innerHTML + '<br>' + (end - start);
+ // }
+ },
+
+ /**
+ * Mark and repaint the canvas in the next frame of browser
+ */
+ refresh: function () {
+ this._needsRefresh = true;
+ },
+
+ /**
+ * Perform all refresh
+ */
+ flush: function () {
+ var triggerRendered;
+
+ if (this._needsRefresh) {
+ triggerRendered = true;
+ this.refreshImmediately();
+ }
+ if (this._needsRefreshHover) {
+ triggerRendered = true;
+ this.refreshHoverImmediately();
+ }
+
+ triggerRendered && this.trigger('rendered');
+ },
+
+ /**
+ * Add element to hover layer
+ * @param {module:zrender/Element} el
+ * @param {Object} style
+ */
+ addHover: function (el, style) {
+ if (this.painter.addHover) {
+ var elMirror = this.painter.addHover(el, style);
+ this.refreshHover();
+ return elMirror;
+ }
+ },
+
+ /**
+ * Add element from hover layer
+ * @param {module:zrender/Element} el
+ */
+ removeHover: function (el) {
+ if (this.painter.removeHover) {
+ this.painter.removeHover(el);
+ this.refreshHover();
+ }
+ },
+
+ /**
+ * Clear all hover elements in hover layer
+ * @param {module:zrender/Element} el
+ */
+ clearHover: function () {
+ if (this.painter.clearHover) {
+ this.painter.clearHover();
+ this.refreshHover();
+ }
+ },
+
+ /**
+ * Refresh hover in next frame
+ */
+ refreshHover: function () {
+ this._needsRefreshHover = true;
+ },
+
+ /**
+ * Refresh hover immediately
+ */
+ refreshHoverImmediately: function () {
+ this._needsRefreshHover = false;
+ this.painter.refreshHover && this.painter.refreshHover();
+ },
+
+ /**
+ * Resize the canvas.
+ * Should be invoked when container size is changed
+ * @param {Object} [opts]
+ * @param {number|string} [opts.width] Can be 'auto' (the same as null/undefined)
+ * @param {number|string} [opts.height] Can be 'auto' (the same as null/undefined)
+ */
+ resize: function (opts) {
+ opts = opts || {};
+ this.painter.resize(opts.width, opts.height);
+ this.handler.resize();
+ },
+
+ /**
+ * Stop and clear all animation immediately
+ */
+ clearAnimation: function () {
+ this.animation.clear();
+ },
+
+ /**
+ * Get container width
+ */
+ getWidth: function () {
+ return this.painter.getWidth();
+ },
+
+ /**
+ * Get container height
+ */
+ getHeight: function () {
+ return this.painter.getHeight();
+ },
+
+ /**
+ * Export the canvas as Base64 URL
+ * @param {string} type
+ * @param {string} [backgroundColor='#fff']
+ * @return {string} Base64 URL
+ */
+ // toDataURL: function(type, backgroundColor) {
+ // return this.painter.getRenderedCanvas({
+ // backgroundColor: backgroundColor
+ // }).toDataURL(type);
+ // },
+
+ /**
+ * Converting a path to image.
+ * It has much better performance of drawing image rather than drawing a vector path.
+ * @param {module:zrender/graphic/Path} e
+ * @param {number} width
+ * @param {number} height
+ */
+ pathToImage: function (e, dpr) {
+ return this.painter.pathToImage(e, dpr);
+ },
+
+ /**
+ * Set default cursor
+ * @param {string} [cursorStyle='default'] 渚嬪 crosshair
+ */
+ setCursorStyle: function (cursorStyle) {
+ this.handler.setCursorStyle(cursorStyle);
+ },
+
+ /**
+ * Find hovered element
+ * @param {number} x
+ * @param {number} y
+ * @return {Object} {target, topTarget}
+ */
+ findHover: function (x, y) {
+ return this.handler.findHover(x, y);
+ },
+
+ /**
+ * Bind event
+ *
+ * @param {string} eventName Event name
+ * @param {Function} eventHandler Handler function
+ * @param {Object} [context] Context object
+ */
+ on: function (eventName, eventHandler, context) {
+ this.handler.on(eventName, eventHandler, context);
+ },
+
+ /**
+ * Unbind event
+ * @param {string} eventName Event name
+ * @param {Function} [eventHandler] Handler function
+ */
+ off: function (eventName, eventHandler) {
+ this.handler.off(eventName, eventHandler);
+ },
+
+ /**
+ * Trigger event manually
+ *
+ * @param {string} eventName Event name
+ * @param {event=} event Event object
+ */
+ trigger: function (eventName, event) {
+ this.handler.trigger(eventName, event);
+ },
+
+
+ /**
+ * Clear all objects and the canvas.
+ */
+ clear: function () {
+ this.storage.delRoot();
+ this.painter.clear();
+ },
+
+ /**
+ * Dispose self.
+ */
+ dispose: function () {
+ this.animation.stop();
+
+ this.clear();
+ this.storage.dispose();
+ this.painter.dispose();
+ this.handler.dispose();
+
+ this.animation =
+ this.storage =
+ this.painter =
+ this.handler = null;
+
+ delInstance(this.id);
+ }
+};
+
+
+
+var zrender = (Object.freeze || Object)({
+ version: version$1,
+ init: init$1,
+ dispose: dispose$1,
+ getInstance: getInstance,
+ registerPainter: registerPainter
+});
+
+/*
+* 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.
+*/
+
+var each$2 = each$1;
+var isObject$2 = isObject$1;
+var isArray$1 = isArray;
+
+/**
+ * Make the name displayable. But we should
+ * make sure it is not duplicated with user
+ * specified name, so use '\0';
+ */
+var DUMMY_COMPONENT_NAME_PREFIX = 'series\0';
+
+/**
+ * If value is not array, then translate it to array.
+ * @param {*} value
+ * @return {Array} [value] or value
+ */
+function normalizeToArray(value) {
+ return value instanceof Array
+ ? value
+ : value == null
+ ? []
+ : [value];
+}
+
+/**
+ * Sync default option between normal and emphasis like `position` and `show`
+ * In case some one will write code like
+ * label: {
+ * show: false,
+ * position: 'outside',
+ * fontSize: 18
+ * },
+ * emphasis: {
+ * label: { show: true }
+ * }
+ * @param {Object} opt
+ * @param {string} key
+ * @param {Array.<string>} subOpts
+ */
+function defaultEmphasis(opt, key, subOpts) {
+ // Caution: performance sensitive.
+ if (opt) {
+ opt[key] = opt[key] || {};
+ opt.emphasis = opt.emphasis || {};
+ opt.emphasis[key] = opt.emphasis[key] || {};
+
+ // Default emphasis option from normal
+ for (var i = 0, len = subOpts.length; i < len; i++) {
+ var subOptName = subOpts[i];
+ if (!opt.emphasis[key].hasOwnProperty(subOptName)
+ && opt[key].hasOwnProperty(subOptName)
+ ) {
+ opt.emphasis[key][subOptName] = opt[key][subOptName];
+ }
+ }
+ }
+}
+
+var TEXT_STYLE_OPTIONS = [
+ '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'
+];
+
+// modelUtil.LABEL_OPTIONS = modelUtil.TEXT_STYLE_OPTIONS.concat([
+// 'position', 'offset', 'rotate', 'origin', 'show', 'distance', 'formatter',
+// 'fontStyle', 'fontWeight', 'fontSize', 'fontFamily',
+// // FIXME: deprecated, check and remove it.
+// 'textStyle'
+// ]);
+
+/**
+ * The method do not ensure performance.
+ * data could be [12, 2323, {value: 223}, [1221, 23], {value: [2, 23]}]
+ * This helper method retieves value from data.
+ * @param {string|number|Date|Array|Object} dataItem
+ * @return {number|string|Date|Array.<number|string|Date>}
+ */
+function getDataItemValue(dataItem) {
+ return (isObject$2(dataItem) && !isArray$1(dataItem) && !(dataItem instanceof Date))
+ ? dataItem.value : dataItem;
+}
+
+/**
+ * data could be [12, 2323, {value: 223}, [1221, 23], {value: [2, 23]}]
+ * This helper method determine if dataItem has extra option besides value
+ * @param {string|number|Date|Array|Object} dataItem
+ */
+function isDataItemOption(dataItem) {
+ return isObject$2(dataItem)
+ && !(dataItem instanceof Array);
+ // // markLine data can be array
+ // && !(dataItem[0] && isObject(dataItem[0]) && !(dataItem[0] instanceof Array));
+}
+
+/**
+ * Mapping to exists for merge.
+ *
+ * @public
+ * @param {Array.<Object>|Array.<module:echarts/model/Component>} exists
+ * @param {Object|Array.<Object>} newCptOptions
+ * @return {Array.<Object>} Result, like [{exist: ..., option: ...}, {}],
+ * index of which is the same as exists.
+ */
+function mappingToExists(exists, newCptOptions) {
+ // Mapping by the order by original option (but not order of
+ // new option) in merge mode. Because we should ensure
+ // some specified index (like xAxisIndex) is consistent with
+ // original option, which is easy to understand, espatially in
+ // media query. And in most case, merge option is used to
+ // update partial option but not be expected to change order.
+ newCptOptions = (newCptOptions || []).slice();
+
+ var result = map(exists || [], function (obj, index) {
+ return {exist: obj};
+ });
+
+ // Mapping by id or name if specified.
+ each$2(newCptOptions, function (cptOption, index) {
+ if (!isObject$2(cptOption)) {
+ return;
+ }
+
+ // id has highest priority.
+ for (var i = 0; i < result.length; i++) {
+ if (!result[i].option // Consider name: two map to one.
+ && cptOption.id != null
+ && result[i].exist.id === cptOption.id + ''
+ ) {
+ result[i].option = cptOption;
+ newCptOptions[index] = null;
+ return;
+ }
+ }
+
+ for (var i = 0; i < result.length; i++) {
+ var exist = result[i].exist;
+ if (!result[i].option // Consider name: two map to one.
+ // Can not match when both ids exist but different.
+ && (exist.id == null || cptOption.id == null)
+ && cptOption.name != null
+ && !isIdInner(cptOption)
+ && !isIdInner(exist)
+ && exist.name === cptOption.name + ''
+ ) {
+ result[i].option = cptOption;
+ newCptOptions[index] = null;
+ return;
+ }
+ }
+ });
+
+ // Otherwise mapping by index.
+ each$2(newCptOptions, function (cptOption, index) {
+ if (!isObject$2(cptOption)) {
+ return;
+ }
+
+ var i = 0;
+ for (; i < result.length; i++) {
+ var exist = result[i].exist;
+ if (!result[i].option
+ // Existing model that already has id should be able to
+ // mapped to (because after mapping performed model may
+ // be assigned with a id, whish should not affect next
+ // mapping), except those has inner id.
+ && !isIdInner(exist)
+ // Caution:
+ // Do not overwrite id. But name can be overwritten,
+ // because axis use name as 'show label text'.
+ // 'exist' always has id and name and we dont
+ // need to check it.
+ && cptOption.id == null
+ ) {
+ result[i].option = cptOption;
+ break;
+ }
+ }
+
+ if (i >= result.length) {
+ result.push({option: cptOption});
+ }
+ });
+
+ return result;
+}
+
+/**
+ * Make id and name for mapping result (result of mappingToExists)
+ * into `keyInfo` field.
+ *
+ * @public
+ * @param {Array.<Object>} Result, like [{exist: ..., option: ...}, {}],
+ * which order is the same as exists.
+ * @return {Array.<Object>} The input.
+ */
+function makeIdAndName(mapResult) {
+ // We use this id to hash component models and view instances
+ // in echarts. id can be specified by user, or auto generated.
+
+ // The id generation rule ensures new view instance are able
+ // to mapped to old instance when setOption are called in
+ // no-merge mode. So we generate model id by name and plus
+ // type in view id.
+
+ // name can be duplicated among components, which is convenient
+ // to specify multi components (like series) by one name.
+
+ // Ensure that each id is distinct.
+ var idMap = createHashMap();
+
+ each$2(mapResult, function (item, index) {
+ var existCpt = item.exist;
+ existCpt && idMap.set(existCpt.id, item);
+ });
+
+ each$2(mapResult, function (item, index) {
+ var opt = item.option;
+
+ assert$1(
+ !opt || opt.id == null || !idMap.get(opt.id) || idMap.get(opt.id) === item,
+ 'id duplicates: ' + (opt && opt.id)
+ );
+
+ opt && opt.id != null && idMap.set(opt.id, item);
+ !item.keyInfo && (item.keyInfo = {});
+ });
+
+ // Make name and id.
+ each$2(mapResult, function (item, index) {
+ var existCpt = item.exist;
+ var opt = item.option;
+ var keyInfo = item.keyInfo;
+
+ if (!isObject$2(opt)) {
+ return;
+ }
+
+ // name can be overwitten. Consider case: axis.name = '20km'.
+ // But id generated by name will not be changed, which affect
+ // only in that case: setOption with 'not merge mode' and view
+ // instance will be recreated, which can be accepted.
+ keyInfo.name = opt.name != null
+ ? opt.name + ''
+ : existCpt
+ ? existCpt.name
+ // Avoid diffferent series has the same name,
+ // because name may be used like in color pallet.
+ : DUMMY_COMPONENT_NAME_PREFIX + index;
+
+ if (existCpt) {
+ keyInfo.id = existCpt.id;
+ }
+ else if (opt.id != null) {
+ keyInfo.id = opt.id + '';
+ }
+ else {
+ // Consider this situatoin:
+ // optionA: [{name: 'a'}, {name: 'a'}, {..}]
+ // optionB [{..}, {name: 'a'}, {name: 'a'}]
+ // Series with the same name between optionA and optionB
+ // should be mapped.
+ var idNum = 0;
+ do {
+ keyInfo.id = '\0' + keyInfo.name + '\0' + idNum++;
+ }
+ while (idMap.get(keyInfo.id));
+ }
+
+ idMap.set(keyInfo.id, item);
+ });
+}
+
+function isNameSpecified(componentModel) {
+ var name = componentModel.name;
+ // Is specified when `indexOf` get -1 or > 0.
+ return !!(name && name.indexOf(DUMMY_COMPONENT_NAME_PREFIX));
+}
+
+/**
+ * @public
+ * @param {Object} cptOption
+ * @return {boolean}
+ */
+function isIdInner(cptOption) {
+ return isObject$2(cptOption)
+ && cptOption.id
+ && (cptOption.id + '').indexOf('\0_ec_\0') === 0;
+}
+
+/**
+ * A helper for removing duplicate items between batchA and batchB,
+ * and in themselves, and categorize by series.
+ *
+ * @param {Array.<Object>} batchA Like: [{seriesId: 2, dataIndex: [32, 4, 5]}, ...]
+ * @param {Array.<Object>} batchB Like: [{seriesId: 2, dataIndex: [32, 4, 5]}, ...]
+ * @return {Array.<Array.<Object>, Array.<Object>>} result: [resultBatchA, resultBatchB]
+ */
+function compressBatches(batchA, batchB) {
+ var mapA = {};
+ var mapB = {};
+
+ makeMap(batchA || [], mapA);
+ makeMap(batchB || [], mapB, mapA);
+
+ return [mapToArray(mapA), mapToArray(mapB)];
+
+ function makeMap(sourceBatch, map$$1, otherMap) {
+ for (var i = 0, len = sourceBatch.length; i < len; i++) {
+ var seriesId = sourceBatch[i].seriesId;
+ var dataIndices = normalizeToArray(sourceBatch[i].dataIndex);
+ var otherDataIndices = otherMap && otherMap[seriesId];
+
+ for (var j = 0, lenj = dataIndices.length; j < lenj; j++) {
+ var dataIndex = dataIndices[j];
+
+ if (otherDataIndices && otherDataIndices[dataIndex]) {
+ otherDataIndices[dataIndex] = null;
+ }
+ else {
+ (map$$1[seriesId] || (map$$1[seriesId] = {}))[dataIndex] = 1;
+ }
+ }
+ }
+ }
+
+ function mapToArray(map$$1, isData) {
+ var result = [];
+ for (var i in map$$1) {
+ if (map$$1.hasOwnProperty(i) && map$$1[i] != null) {
+ if (isData) {
+ result.push(+i);
+ }
+ else {
+ var dataIndices = mapToArray(map$$1[i], true);
+ dataIndices.length && result.push({seriesId: i, dataIndex: dataIndices});
+ }
+ }
+ }
+ return result;
+ }
+}
+
+/**
+ * @param {module:echarts/data/List} data
+ * @param {Object} payload Contains dataIndex (means rawIndex) / dataIndexInside / name
+ * each of which can be Array or primary type.
+ * @return {number|Array.<number>} dataIndex If not found, return undefined/null.
+ */
+function queryDataIndex(data, payload) {
+ if (payload.dataIndexInside != null) {
+ return payload.dataIndexInside;
+ }
+ else if (payload.dataIndex != null) {
+ return isArray(payload.dataIndex)
+ ? map(payload.dataIndex, function (value) {
+ return data.indexOfRawIndex(value);
+ })
+ : data.indexOfRawIndex(payload.dataIndex);
+ }
+ else if (payload.name != null) {
+ return isArray(payload.name)
+ ? map(payload.name, function (value) {
+ return data.indexOfName(value);
+ })
+ : data.indexOfName(payload.name);
+ }
+}
+
+/**
+ * Enable property storage to any host object.
+ * Notice: Serialization is not supported.
+ *
+ * For example:
+ * var inner = zrUitl.makeInner();
+ *
+ * function some1(hostObj) {
+ * inner(hostObj).someProperty = 1212;
+ * ...
+ * }
+ * function some2() {
+ * var fields = inner(this);
+ * fields.someProperty1 = 1212;
+ * fields.someProperty2 = 'xx';
+ * ...
+ * }
+ *
+ * @return {Function}
+ */
+function makeInner() {
+ // Consider different scope by es module import.
+ var key = '__\0ec_inner_' + innerUniqueIndex++ + '_' + Math.random().toFixed(5);
+ return function (hostObj) {
+ return hostObj[key] || (hostObj[key] = {});
+ };
+}
+var innerUniqueIndex = 0;
+
+/**
+ * @param {module:echarts/model/Global} ecModel
+ * @param {string|Object} finder
+ * If string, e.g., 'geo', means {geoIndex: 0}.
+ * If Object, could contain some of these properties below:
+ * {
+ * seriesIndex, seriesId, seriesName,
+ * geoIndex, geoId, geoName,
+ * bmapIndex, bmapId, bmapName,
+ * xAxisIndex, xAxisId, xAxisName,
+ * yAxisIndex, yAxisId, yAxisName,
+ * gridIndex, gridId, gridName,
+ * ... (can be extended)
+ * }
+ * Each properties can be number|string|Array.<number>|Array.<string>
+ * For example, a finder could be
+ * {
+ * seriesIndex: 3,
+ * geoId: ['aa', 'cc'],
+ * gridName: ['xx', 'rr']
+ * }
+ * xxxIndex can be set as 'all' (means all xxx) or 'none' (means not specify)
+ * If nothing or null/undefined specified, return nothing.
+ * @param {Object} [opt]
+ * @param {string} [opt.defaultMainType]
+ * @param {Array.<string>} [opt.includeMainTypes]
+ * @return {Object} result like:
+ * {
+ * seriesModels: [seriesModel1, seriesModel2],
+ * seriesModel: seriesModel1, // The first model
+ * geoModels: [geoModel1, geoModel2],
+ * geoModel: geoModel1, // The first model
+ * ...
+ * }
+ */
+function parseFinder(ecModel, finder, opt) {
+ if (isString(finder)) {
+ var obj = {};
+ obj[finder + 'Index'] = 0;
+ finder = obj;
+ }
+
+ var defaultMainType = opt && opt.defaultMainType;
+ if (defaultMainType
+ && !has(finder, defaultMainType + 'Index')
+ && !has(finder, defaultMainType + 'Id')
+ && !has(finder, defaultMainType + 'Name')
+ ) {
+ finder[defaultMainType + 'Index'] = 0;
+ }
+
+ var result = {};
+
+ each$2(finder, function (value, key) {
+ var value = finder[key];
+
+ // Exclude 'dataIndex' and other illgal keys.
+ if (key === 'dataIndex' || key === 'dataIndexInside') {
+ result[key] = value;
+ return;
+ }
+
+ var parsedKey = key.match(/^(\w+)(Index|Id|Name)$/) || [];
+ var mainType = parsedKey[1];
+ var queryType = (parsedKey[2] || '').toLowerCase();
+
+ if (!mainType
+ || !queryType
+ || value == null
+ || (queryType === 'index' && value === 'none')
+ || (opt && opt.includeMainTypes && indexOf(opt.includeMainTypes, mainType) < 0)
+ ) {
+ return;
+ }
+
+ var queryParam = {mainType: mainType};
+ if (queryType !== 'index' || value !== 'all') {
+ queryParam[queryType] = value;
+ }
+
+ var models = ecModel.queryComponents(queryParam);
+ result[mainType + 'Models'] = models;
+ result[mainType + 'Model'] = models[0];
+ });
+
+ return result;
+}
+
+function has(obj, prop) {
+ return obj && obj.hasOwnProperty(prop);
+}
+
+function setAttribute(dom, key, value) {
+ dom.setAttribute
+ ? dom.setAttribute(key, value)
+ : (dom[key] = value);
+}
+
+function getAttribute(dom, key) {
+ return dom.getAttribute
+ ? dom.getAttribute(key)
+ : dom[key];
+}
+
+function getTooltipRenderMode(renderModeOption) {
+ if (renderModeOption === 'auto') {
+ // Using html when `document` exists, use richText otherwise
+ return env$1.domSupported ? 'html' : 'richText';
+ }
+ else {
+ return renderModeOption || 'html';
+ }
+}
+
+/**
+ * Group a list by key.
+ *
+ * @param {Array} array
+ * @param {Function} getKey
+ * param {*} Array item
+ * return {string} key
+ * @return {Object} Result
+ * {Array}: keys,
+ * {module:zrender/core/util/HashMap} buckets: {key -> Array}
+ */
+function groupData(array, getKey) {
+ var buckets = createHashMap();
+ var keys = [];
+
+ each$1(array, function (item) {
+ var key = getKey(item);
+ (buckets.get(key)
+ || (keys.push(key), buckets.set(key, []))
+ ).push(item);
+ });
+
+ return {keys: keys, buckets: buckets};
+}
+
+/*
+* 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.
+*/
+
+var TYPE_DELIMITER = '.';
+var IS_CONTAINER = '___EC__COMPONENT__CONTAINER___';
+
+/**
+ * Notice, parseClassType('') should returns {main: '', sub: ''}
+ * @public
+ */
+function parseClassType$1(componentType) {
+ var ret = {main: '', sub: ''};
+ if (componentType) {
+ componentType = componentType.split(TYPE_DELIMITER);
+ ret.main = componentType[0] || '';
+ ret.sub = componentType[1] || '';
+ }
+ return ret;
+}
+
+/**
+ * @public
+ */
+function checkClassType(componentType) {
+ assert$1(
+ /^[a-zA-Z0-9_]+([.][a-zA-Z0-9_]+)?$/.test(componentType),
+ 'componentType "' + componentType + '" illegal'
+ );
+}
+
+/**
+ * @public
+ */
+function enableClassExtend(RootClass, mandatoryMethods) {
+
+ RootClass.$constructor = RootClass;
+ RootClass.extend = function (proto) {
+
+ if (__DEV__) {
+ each$1(mandatoryMethods, function (method) {
+ if (!proto[method]) {
+ console.warn(
+ 'Method `' + method + '` should be implemented'
+ + (proto.type ? ' in ' + proto.type : '') + '.'
+ );
+ }
+ });
+ }
+
+ var superClass = this;
+ var ExtendedClass = function () {
+ if (!proto.$constructor) {
+ superClass.apply(this, arguments);
+ }
+ else {
+ proto.$constructor.apply(this, arguments);
+ }
+ };
+
+ extend(ExtendedClass.prototype, proto);
+
+ ExtendedClass.extend = this.extend;
+ ExtendedClass.superCall = superCall;
+ ExtendedClass.superApply = superApply;
+ inherits(ExtendedClass, this);
+ ExtendedClass.superClass = superClass;
+
+ return ExtendedClass;
+ };
+}
+
+var classBase = 0;
+
+/**
+ * Can not use instanceof, consider different scope by
+ * cross domain or es module import in ec extensions.
+ * Mount a method "isInstance()" to Clz.
+ */
+function enableClassCheck(Clz) {
+ var classAttr = ['__\0is_clz', classBase++, Math.random().toFixed(3)].join('_');
+ Clz.prototype[classAttr] = true;
+
+ if (__DEV__) {
+ assert$1(!Clz.isInstance, 'The method "is" can not be defined.');
+ }
+
+ Clz.isInstance = function (obj) {
+ return !!(obj && obj[classAttr]);
+ };
+}
+
+// superCall should have class info, which can not be fetch from 'this'.
+// Consider this case:
+// class A has method f,
+// class B inherits class A, overrides method f, f call superApply('f'),
+// class C inherits class B, do not overrides method f,
+// then when method of class C is called, dead loop occured.
+function superCall(context, methodName) {
+ var args = slice(arguments, 2);
+ return this.superClass.prototype[methodName].apply(context, args);
+}
+
+function superApply(context, methodName, args) {
+ return this.superClass.prototype[methodName].apply(context, args);
+}
+
+/**
+ * @param {Object} entity
+ * @param {Object} options
+ * @param {boolean} [options.registerWhenExtend]
+ * @public
+ */
+function enableClassManagement(entity, options) {
+ options = options || {};
+
+ /**
+ * Component model classes
+ * key: componentType,
+ * value:
+ * componentClass, when componentType is 'xxx'
+ * or Object.<subKey, componentClass>, when componentType is 'xxx.yy'
+ * @type {Object}
+ */
+ var storage = {};
+
+ entity.registerClass = function (Clazz, componentType) {
+ if (componentType) {
+ checkClassType(componentType);
+ componentType = parseClassType$1(componentType);
+
+ if (!componentType.sub) {
+ if (__DEV__) {
+ if (storage[componentType.main]) {
+ console.warn(componentType.main + ' exists.');
+ }
+ }
+ storage[componentType.main] = Clazz;
+ }
+ else if (componentType.sub !== IS_CONTAINER) {
+ var container = makeContainer(componentType);
+ container[componentType.sub] = Clazz;
+ }
+ }
+ return Clazz;
+ };
+
+ entity.getClass = function (componentMainType, subType, throwWhenNotFound) {
+ var Clazz = storage[componentMainType];
+
+ if (Clazz && Clazz[IS_CONTAINER]) {
+ Clazz = subType ? Clazz[subType] : null;
+ }
+
+ if (throwWhenNotFound && !Clazz) {
+ throw new Error(
+ !subType
+ ? componentMainType + '.' + 'type should be specified.'
+ : 'Component ' + componentMainType + '.' + (subType || '') + ' not exists. Load it first.'
+ );
+ }
+
+ return Clazz;
+ };
+
+ entity.getClassesByMainType = function (componentType) {
+ componentType = parseClassType$1(componentType);
+
+ var result = [];
+ var obj = storage[componentType.main];
+
+ if (obj && obj[IS_CONTAINER]) {
+ each$1(obj, function (o, type) {
+ type !== IS_CONTAINER && result.push(o);
+ });
+ }
+ else {
+ result.push(obj);
+ }
+
+ return result;
+ };
+
+ entity.hasClass = function (componentType) {
+ // Just consider componentType.main.
+ componentType = parseClassType$1(componentType);
+ return !!storage[componentType.main];
+ };
+
+ /**
+ * @return {Array.<string>} Like ['aa', 'bb'], but can not be ['aa.xx']
+ */
+ entity.getAllClassMainTypes = function () {
+ var types = [];
+ each$1(storage, function (obj, type) {
+ types.push(type);
+ });
+ return types;
+ };
+
+ /**
+ * If a main type is container and has sub types
+ * @param {string} mainType
+ * @return {boolean}
+ */
+ entity.hasSubTypes = function (componentType) {
+ componentType = parseClassType$1(componentType);
+ var obj = storage[componentType.main];
+ return obj && obj[IS_CONTAINER];
+ };
+
+ entity.parseClassType = parseClassType$1;
+
+ function makeContainer(componentType) {
+ var container = storage[componentType.main];
+ if (!container || !container[IS_CONTAINER]) {
+ container = storage[componentType.main] = {};
+ container[IS_CONTAINER] = true;
+ }
+ return container;
+ }
+
+ if (options.registerWhenExtend) {
+ var originalExtend = entity.extend;
+ if (originalExtend) {
+ entity.extend = function (proto) {
+ var ExtendedClass = originalExtend.call(this, proto);
+ return entity.registerClass(ExtendedClass, proto.type);
+ };
+ }
+ }
+
+ return entity;
+}
+
+/**
+ * @param {string|Array.<string>} properties
+ */
+
+/*
+* 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.
+*/
+
+// TODO Parse shadow style
+// TODO Only shallow path support
+var makeStyleMapper = function (properties) {
+ // Normalize
+ for (var i = 0; i < properties.length; i++) {
+ if (!properties[i][1]) {
+ properties[i][1] = properties[i][0];
+ }
+ }
+ return function (model, excludes, includes) {
+ var style = {};
+ for (var i = 0; i < properties.length; i++) {
+ var propName = properties[i][1];
+ if ((excludes && indexOf(excludes, propName) >= 0)
+ || (includes && indexOf(includes, propName) < 0)
+ ) {
+ continue;
+ }
+ var val = model.getShallow(propName);
+ if (val != null) {
+ style[properties[i][0]] = val;
+ }
+ }
+ return style;
+ };
+};
+
+/*
+* 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.
+*/
+
+var getLineStyle = makeStyleMapper(
+ [
+ ['lineWidth', 'width'],
+ ['stroke', 'color'],
+ ['opacity'],
+ ['shadowBlur'],
+ ['shadowOffsetX'],
+ ['shadowOffsetY'],
+ ['shadowColor']
+ ]
+);
+
+var lineStyleMixin = {
+ getLineStyle: function (excludes) {
+ var style = getLineStyle(this, excludes);
+ // Always set lineDash whether dashed, otherwise we can not
+ // erase the previous style when assigning to el.style.
+ style.lineDash = this.getLineDash(style.lineWidth);
+ return style;
+ },
+
+ getLineDash: function (lineWidth) {
+ if (lineWidth == null) {
+ lineWidth = 1;
+ }
+ var lineType = this.get('type');
+ var dotSize = Math.max(lineWidth, 2);
+ var dashSize = lineWidth * 4;
+ return (lineType === 'solid' || lineType == null)
+ // Use `false` but not `null` for the solid line here, because `null` might be
+ // ignored when assigning to `el.style`. e.g., when setting `lineStyle.type` as
+ // `'dashed'` and `emphasis.lineStyle.type` as `'solid'` in graph series, the
+ // `lineDash` gotten form the latter one is not able to erase that from the former
+ // one if using `null` here according to the emhpsis strategy in `util/graphic.js`.
+ ? false
+ : lineType === 'dashed'
+ ? [dashSize, dashSize]
+ : [dotSize, dotSize];
+ }
+};
+
+/*
+* 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.
+*/
+
+var getAreaStyle = makeStyleMapper(
+ [
+ ['fill', 'color'],
+ ['shadowBlur'],
+ ['shadowOffsetX'],
+ ['shadowOffsetY'],
+ ['opacity'],
+ ['shadowColor']
+ ]
+);
+
+var areaStyleMixin = {
+ getAreaStyle: function (excludes, includes) {
+ return getAreaStyle(this, excludes, includes);
+ }
+};
+
+/**
+ * 鏇茬嚎杈呭姪妯″潡
+ * @module zrender/core/curve
+ * @author pissang(https://www.github.com/pissang)
+ */
+
+var mathPow = Math.pow;
+var mathSqrt$2 = Math.sqrt;
+
+var EPSILON$1 = 1e-8;
+var EPSILON_NUMERIC = 1e-4;
+
+var THREE_SQRT = mathSqrt$2(3);
+var ONE_THIRD = 1 / 3;
+
+// 涓存椂鍙橀噺
+var _v0 = create();
+var _v1 = create();
+var _v2 = create();
+
+function isAroundZero(val) {
+ return val > -EPSILON$1 && val < EPSILON$1;
+}
+function isNotAroundZero$1(val) {
+ return val > EPSILON$1 || val < -EPSILON$1;
+}
+/**
+ * 璁＄畻涓夋璐濆灏斿��
+ * @memberOf module:zrender/core/curve
+ * @param {number} p0
+ * @param {number} p1
+ * @param {number} p2
+ * @param {number} p3
+ * @param {number} t
+ * @return {number}
+ */
+function cubicAt(p0, p1, p2, p3, t) {
+ var onet = 1 - t;
+ return onet * onet * (onet * p0 + 3 * t * p1)
+ + t * t * (t * p3 + 3 * onet * p2);
+}
+
+/**
+ * 璁＄畻涓夋璐濆灏斿鏁板��
+ * @memberOf module:zrender/core/curve
+ * @param {number} p0
+ * @param {number} p1
+ * @param {number} p2
+ * @param {number} p3
+ * @param {number} t
+ * @return {number}
+ */
+function cubicDerivativeAt(p0, p1, p2, p3, t) {
+ var onet = 1 - t;
+ return 3 * (
+ ((p1 - p0) * onet + 2 * (p2 - p1) * t) * onet
+ + (p3 - p2) * t * t
+ );
+}
+
+/**
+ * 璁＄畻涓夋璐濆灏旀柟绋嬫牴锛屼娇鐢ㄧ洓閲戝叕寮�
+ * @memberOf module:zrender/core/curve
+ * @param {number} p0
+ * @param {number} p1
+ * @param {number} p2
+ * @param {number} p3
+ * @param {number} val
+ * @param {Array.<number>} roots
+ * @return {number} 鏈夋晥鏍规暟鐩�
+ */
+function cubicRootAt(p0, p1, p2, p3, val, roots) {
+ // Evaluate roots of cubic functions
+ var a = p3 + 3 * (p1 - p2) - p0;
+ var b = 3 * (p2 - p1 * 2 + p0);
+ var c = 3 * (p1 - p0);
+ var d = p0 - val;
+
+ var A = b * b - 3 * a * c;
+ var B = b * c - 9 * a * d;
+ var C = c * c - 3 * b * d;
+
+ var n = 0;
+
+ if (isAroundZero(A) && isAroundZero(B)) {
+ if (isAroundZero(b)) {
+ roots[0] = 0;
+ }
+ else {
+ var t1 = -c / b; //t1, t2, t3, b is not zero
+ if (t1 >= 0 && t1 <= 1) {
+ roots[n++] = t1;
+ }
+ }
+ }
+ else {
+ var disc = B * B - 4 * A * C;
+
+ if (isAroundZero(disc)) {
+ var K = B / A;
+ var t1 = -b / a + K; // t1, a is not zero
+ var t2 = -K / 2; // t2, t3
+ if (t1 >= 0 && t1 <= 1) {
+ roots[n++] = t1;
+ }
+ if (t2 >= 0 && t2 <= 1) {
+ roots[n++] = t2;
+ }
+ }
+ else if (disc > 0) {
+ var discSqrt = mathSqrt$2(disc);
+ var Y1 = A * b + 1.5 * a * (-B + discSqrt);
+ var Y2 = A * b + 1.5 * a * (-B - discSqrt);
+ if (Y1 < 0) {
+ Y1 = -mathPow(-Y1, ONE_THIRD);
+ }
+ else {
+ Y1 = mathPow(Y1, ONE_THIRD);
+ }
+ if (Y2 < 0) {
+ Y2 = -mathPow(-Y2, ONE_THIRD);
+ }
+ else {
+ Y2 = mathPow(Y2, ONE_THIRD);
+ }
+ var t1 = (-b - (Y1 + Y2)) / (3 * a);
+ if (t1 >= 0 && t1 <= 1) {
+ roots[n++] = t1;
+ }
+ }
+ else {
+ var T = (2 * A * b - 3 * a * B) / (2 * mathSqrt$2(A * A * A));
+ var theta = Math.acos(T) / 3;
+ var ASqrt = mathSqrt$2(A);
+ var tmp = Math.cos(theta);
+
+ var t1 = (-b - 2 * ASqrt * tmp) / (3 * a);
+ var t2 = (-b + ASqrt * (tmp + THREE_SQRT * Math.sin(theta))) / (3 * a);
+ var t3 = (-b + ASqrt * (tmp - THREE_SQRT * Math.sin(theta))) / (3 * a);
+ if (t1 >= 0 && t1 <= 1) {
+ roots[n++] = t1;
+ }
+ if (t2 >= 0 && t2 <= 1) {
+ roots[n++] = t2;
+ }
+ if (t3 >= 0 && t3 <= 1) {
+ roots[n++] = t3;
+ }
+ }
+ }
+ return n;
+}
+
+/**
+ * 璁＄畻涓夋璐濆灏旀柟绋嬫瀬闄愬�肩殑浣嶇疆
+ * @memberOf module:zrender/core/curve
+ * @param {number} p0
+ * @param {number} p1
+ * @param {number} p2
+ * @param {number} p3
+ * @param {Array.<number>} extrema
+ * @return {number} 鏈夋晥鏁扮洰
+ */
+function cubicExtrema(p0, p1, p2, p3, extrema) {
+ var b = 6 * p2 - 12 * p1 + 6 * p0;
+ var a = 9 * p1 + 3 * p3 - 3 * p0 - 9 * p2;
+ var c = 3 * p1 - 3 * p0;
+
+ var n = 0;
+ if (isAroundZero(a)) {
+ if (isNotAroundZero$1(b)) {
+ var t1 = -c / b;
+ if (t1 >= 0 && t1 <= 1) {
+ extrema[n++] = t1;
+ }
+ }
+ }
+ else {
+ var disc = b * b - 4 * a * c;
+ if (isAroundZero(disc)) {
+ extrema[0] = -b / (2 * a);
+ }
+ else if (disc > 0) {
+ var discSqrt = mathSqrt$2(disc);
+ var t1 = (-b + discSqrt) / (2 * a);
+ var t2 = (-b - discSqrt) / (2 * a);
+ if (t1 >= 0 && t1 <= 1) {
+ extrema[n++] = t1;
+ }
+ if (t2 >= 0 && t2 <= 1) {
+ extrema[n++] = t2;
+ }
+ }
+ }
+ return n;
+}
+
+/**
+ * 缁嗗垎涓夋璐濆灏旀洸绾�
+ * @memberOf module:zrender/core/curve
+ * @param {number} p0
+ * @param {number} p1
+ * @param {number} p2
+ * @param {number} p3
+ * @param {number} t
+ * @param {Array.<number>} out
+ */
+function cubicSubdivide(p0, p1, p2, p3, t, out) {
+ var p01 = (p1 - p0) * t + p0;
+ var p12 = (p2 - p1) * t + p1;
+ var p23 = (p3 - p2) * t + p2;
+
+ var p012 = (p12 - p01) * t + p01;
+ var p123 = (p23 - p12) * t + p12;
+
+ var p0123 = (p123 - p012) * t + p012;
+ // Seg0
+ out[0] = p0;
+ out[1] = p01;
+ out[2] = p012;
+ out[3] = p0123;
+ // Seg1
+ out[4] = p0123;
+ out[5] = p123;
+ out[6] = p23;
+ out[7] = p3;
+}
+
+/**
+ * 鎶曞皠鐐瑰埌涓夋璐濆灏旀洸绾夸笂锛岃繑鍥炴姇灏勮窛绂汇��
+ * 鎶曞皠鐐规湁鍙兘浼氭湁涓�涓垨鑰呭涓紝杩欓噷鍙繑鍥炲叾涓窛绂绘渶鐭殑涓�涓��
+ * @param {number} x0
+ * @param {number} y0
+ * @param {number} x1
+ * @param {number} y1
+ * @param {number} x2
+ * @param {number} y2
+ * @param {number} x3
+ * @param {number} y3
+ * @param {number} x
+ * @param {number} y
+ * @param {Array.<number>} [out] 鎶曞皠鐐�
+ * @return {number}
+ */
+function cubicProjectPoint(
+ x0, y0, x1, y1, x2, y2, x3, y3,
+ x, y, out
+) {
+ // http://pomax.github.io/bezierinfo/#projections
+ var t;
+ var interval = 0.005;
+ var d = Infinity;
+ var prev;
+ var next;
+ var d1;
+ var d2;
+
+ _v0[0] = x;
+ _v0[1] = y;
+
+ // 鍏堢矖鐣ヤ及璁′竴涓嬪彲鑳界殑鏈�灏忚窛绂荤殑 t 鍊�
+ // PENDING
+ for (var _t = 0; _t < 1; _t += 0.05) {
+ _v1[0] = cubicAt(x0, x1, x2, x3, _t);
+ _v1[1] = cubicAt(y0, y1, y2, y3, _t);
+ d1 = distSquare(_v0, _v1);
+ if (d1 < d) {
+ t = _t;
+ d = d1;
+ }
+ }
+ d = Infinity;
+
+ // At most 32 iteration
+ for (var i = 0; i < 32; i++) {
+ if (interval < EPSILON_NUMERIC) {
+ break;
+ }
+ prev = t - interval;
+ next = t + interval;
+ // t - interval
+ _v1[0] = cubicAt(x0, x1, x2, x3, prev);
+ _v1[1] = cubicAt(y0, y1, y2, y3, prev);
+
+ d1 = distSquare(_v1, _v0);
+
+ if (prev >= 0 && d1 < d) {
+ t = prev;
+ d = d1;
+ }
+ else {
+ // t + interval
+ _v2[0] = cubicAt(x0, x1, x2, x3, next);
+ _v2[1] = cubicAt(y0, y1, y2, y3, next);
+ d2 = distSquare(_v2, _v0);
+
+ if (next <= 1 && d2 < d) {
+ t = next;
+ d = d2;
+ }
+ else {
+ interval *= 0.5;
+ }
+ }
+ }
+ // t
+ if (out) {
+ out[0] = cubicAt(x0, x1, x2, x3, t);
+ out[1] = cubicAt(y0, y1, y2, y3, t);
+ }
+ // console.log(interval, i);
+ return mathSqrt$2(d);
+}
+
+/**
+ * 璁＄畻浜屾鏂硅礉濉炲皵鍊�
+ * @param {number} p0
+ * @param {number} p1
+ * @param {number} p2
+ * @param {number} t
+ * @return {number}
+ */
+function quadraticAt(p0, p1, p2, t) {
+ var onet = 1 - t;
+ return onet * (onet * p0 + 2 * t * p1) + t * t * p2;
+}
+
+/**
+ * 璁＄畻浜屾鏂硅礉濉炲皵瀵兼暟鍊�
+ * @param {number} p0
+ * @param {number} p1
+ * @param {number} p2
+ * @param {number} t
+ * @return {number}
+ */
+function quadraticDerivativeAt(p0, p1, p2, t) {
+ return 2 * ((1 - t) * (p1 - p0) + t * (p2 - p1));
+}
+
+/**
+ * 璁＄畻浜屾鏂硅礉濉炲皵鏂圭▼鏍�
+ * @param {number} p0
+ * @param {number} p1
+ * @param {number} p2
+ * @param {number} t
+ * @param {Array.<number>} roots
+ * @return {number} 鏈夋晥鏍规暟鐩�
+ */
+function quadraticRootAt(p0, p1, p2, val, roots) {
+ var a = p0 - 2 * p1 + p2;
+ var b = 2 * (p1 - p0);
+ var c = p0 - val;
+
+ var n = 0;
+ if (isAroundZero(a)) {
+ if (isNotAroundZero$1(b)) {
+ var t1 = -c / b;
+ if (t1 >= 0 && t1 <= 1) {
+ roots[n++] = t1;
+ }
+ }
+ }
+ else {
+ var disc = b * b - 4 * a * c;
+ if (isAroundZero(disc)) {
+ var t1 = -b / (2 * a);
+ if (t1 >= 0 && t1 <= 1) {
+ roots[n++] = t1;
+ }
+ }
+ else if (disc > 0) {
+ var discSqrt = mathSqrt$2(disc);
+ var t1 = (-b + discSqrt) / (2 * a);
+ var t2 = (-b - discSqrt) / (2 * a);
+ if (t1 >= 0 && t1 <= 1) {
+ roots[n++] = t1;
+ }
+ if (t2 >= 0 && t2 <= 1) {
+ roots[n++] = t2;
+ }
+ }
+ }
+ return n;
+}
+
+/**
+ * 璁＄畻浜屾璐濆灏旀柟绋嬫瀬闄愬��
+ * @memberOf module:zrender/core/curve
+ * @param {number} p0
+ * @param {number} p1
+ * @param {number} p2
+ * @return {number}
+ */
+function quadraticExtremum(p0, p1, p2) {
+ var divider = p0 + p2 - 2 * p1;
+ if (divider === 0) {
+ // p1 is center of p0 and p2
+ return 0.5;
+ }
+ else {
+ return (p0 - p1) / divider;
+ }
+}
+
+/**
+ * 缁嗗垎浜屾璐濆灏旀洸绾�
+ * @memberOf module:zrender/core/curve
+ * @param {number} p0
+ * @param {number} p1
+ * @param {number} p2
+ * @param {number} t
+ * @param {Array.<number>} out
+ */
+function quadraticSubdivide(p0, p1, p2, t, out) {
+ var p01 = (p1 - p0) * t + p0;
+ var p12 = (p2 - p1) * t + p1;
+ var p012 = (p12 - p01) * t + p01;
+
+ // Seg0
+ out[0] = p0;
+ out[1] = p01;
+ out[2] = p012;
+
+ // Seg1
+ out[3] = p012;
+ out[4] = p12;
+ out[5] = p2;
+}
+
+/**
+ * 鎶曞皠鐐瑰埌浜屾璐濆灏旀洸绾夸笂锛岃繑鍥炴姇灏勮窛绂汇��
+ * 鎶曞皠鐐规湁鍙兘浼氭湁涓�涓垨鑰呭涓紝杩欓噷鍙繑鍥炲叾涓窛绂绘渶鐭殑涓�涓��
+ * @param {number} x0
+ * @param {number} y0
+ * @param {number} x1
+ * @param {number} y1
+ * @param {number} x2
+ * @param {number} y2
+ * @param {number} x
+ * @param {number} y
+ * @param {Array.<number>} out 鎶曞皠鐐�
+ * @return {number}
+ */
+function quadraticProjectPoint(
+ x0, y0, x1, y1, x2, y2,
+ x, y, out
+) {
+ // http://pomax.github.io/bezierinfo/#projections
+ var t;
+ var interval = 0.005;
+ var d = Infinity;
+
+ _v0[0] = x;
+ _v0[1] = y;
+
+ // 鍏堢矖鐣ヤ及璁′竴涓嬪彲鑳界殑鏈�灏忚窛绂荤殑 t 鍊�
+ // PENDING
+ for (var _t = 0; _t < 1; _t += 0.05) {
+ _v1[0] = quadraticAt(x0, x1, x2, _t);
+ _v1[1] = quadraticAt(y0, y1, y2, _t);
+ var d1 = distSquare(_v0, _v1);
+ if (d1 < d) {
+ t = _t;
+ d = d1;
+ }
+ }
+ d = Infinity;
+
+ // At most 32 iteration
+ for (var i = 0; i < 32; i++) {
+ if (interval < EPSILON_NUMERIC) {
+ break;
+ }
+ var prev = t - interval;
+ var next = t + interval;
+ // t - interval
+ _v1[0] = quadraticAt(x0, x1, x2, prev);
+ _v1[1] = quadraticAt(y0, y1, y2, prev);
+
+ var d1 = distSquare(_v1, _v0);
+
+ if (prev >= 0 && d1 < d) {
+ t = prev;
+ d = d1;
+ }
+ else {
+ // t + interval
+ _v2[0] = quadraticAt(x0, x1, x2, next);
+ _v2[1] = quadraticAt(y0, y1, y2, next);
+ var d2 = distSquare(_v2, _v0);
+ if (next <= 1 && d2 < d) {
+ t = next;
+ d = d2;
+ }
+ else {
+ interval *= 0.5;
+ }
+ }
+ }
+ // t
+ if (out) {
+ out[0] = quadraticAt(x0, x1, x2, t);
+ out[1] = quadraticAt(y0, y1, y2, t);
+ }
+ // console.log(interval, i);
+ return mathSqrt$2(d);
+}
+
+/**
+ * @author Yi Shen(https://github.com/pissang)
+ */
+
+var mathMin$3 = Math.min;
+var mathMax$3 = Math.max;
+var mathSin$2 = Math.sin;
+var mathCos$2 = Math.cos;
+var PI2 = Math.PI * 2;
+
+var start = create();
+var end = create();
+var extremity = create();
+
+/**
+ * 浠庨《鐐规暟缁勪腑璁＄畻鍑烘渶灏忓寘鍥寸洅锛屽啓鍏min`鍜宍max`涓�
+ * @module zrender/core/bbox
+ * @param {Array<Object>} points 椤剁偣鏁扮粍
+ * @param {number} min
+ * @param {number} max
+ */
+function fromPoints(points, min$$1, max$$1) {
+ if (points.length === 0) {
+ return;
+ }
+ var p = points[0];
+ var left = p[0];
+ var right = p[0];
+ var top = p[1];
+ var bottom = p[1];
+ var i;
+
+ for (i = 1; i < points.length; i++) {
+ p = points[i];
+ left = mathMin$3(left, p[0]);
+ right = mathMax$3(right, p[0]);
+ top = mathMin$3(top, p[1]);
+ bottom = mathMax$3(bottom, p[1]);
+ }
+
+ min$$1[0] = left;
+ min$$1[1] = top;
+ max$$1[0] = right;
+ max$$1[1] = bottom;
+}
+
+/**
+ * @memberOf module:zrender/core/bbox
+ * @param {number} x0
+ * @param {number} y0
+ * @param {number} x1
+ * @param {number} y1
+ * @param {Array.<number>} min
+ * @param {Array.<number>} max
+ */
+function fromLine(x0, y0, x1, y1, min$$1, max$$1) {
+ min$$1[0] = mathMin$3(x0, x1);
+ min$$1[1] = mathMin$3(y0, y1);
+ max$$1[0] = mathMax$3(x0, x1);
+ max$$1[1] = mathMax$3(y0, y1);
+}
+
+var xDim = [];
+var yDim = [];
+/**
+ * 浠庝笁闃惰礉濉炲皵鏇茬嚎(p0, p1, p2, p3)涓绠楀嚭鏈�灏忓寘鍥寸洅锛屽啓鍏min`鍜宍max`涓�
+ * @memberOf module:zrender/core/bbox
+ * @param {number} x0
+ * @param {number} y0
+ * @param {number} x1
+ * @param {number} y1
+ * @param {number} x2
+ * @param {number} y2
+ * @param {number} x3
+ * @param {number} y3
+ * @param {Array.<number>} min
+ * @param {Array.<number>} max
+ */
+function fromCubic(
+ x0, y0, x1, y1, x2, y2, x3, y3, min$$1, max$$1
+) {
+ var cubicExtrema$$1 = cubicExtrema;
+ var cubicAt$$1 = cubicAt;
+ var i;
+ var n = cubicExtrema$$1(x0, x1, x2, x3, xDim);
+ min$$1[0] = Infinity;
+ min$$1[1] = Infinity;
+ max$$1[0] = -Infinity;
+ max$$1[1] = -Infinity;
+
+ for (i = 0; i < n; i++) {
+ var x = cubicAt$$1(x0, x1, x2, x3, xDim[i]);
+ min$$1[0] = mathMin$3(x, min$$1[0]);
+ max$$1[0] = mathMax$3(x, max$$1[0]);
+ }
+ n = cubicExtrema$$1(y0, y1, y2, y3, yDim);
+ for (i = 0; i < n; i++) {
+ var y = cubicAt$$1(y0, y1, y2, y3, yDim[i]);
+ min$$1[1] = mathMin$3(y, min$$1[1]);
+ max$$1[1] = mathMax$3(y, max$$1[1]);
+ }
+
+ min$$1[0] = mathMin$3(x0, min$$1[0]);
+ max$$1[0] = mathMax$3(x0, max$$1[0]);
+ min$$1[0] = mathMin$3(x3, min$$1[0]);
+ max$$1[0] = mathMax$3(x3, max$$1[0]);
+
+ min$$1[1] = mathMin$3(y0, min$$1[1]);
+ max$$1[1] = mathMax$3(y0, max$$1[1]);
+ min$$1[1] = mathMin$3(y3, min$$1[1]);
+ max$$1[1] = mathMax$3(y3, max$$1[1]);
+}
+
+/**
+ * 浠庝簩闃惰礉濉炲皵鏇茬嚎(p0, p1, p2)涓绠楀嚭鏈�灏忓寘鍥寸洅锛屽啓鍏min`鍜宍max`涓�
+ * @memberOf module:zrender/core/bbox
+ * @param {number} x0
+ * @param {number} y0
+ * @param {number} x1
+ * @param {number} y1
+ * @param {number} x2
+ * @param {number} y2
+ * @param {Array.<number>} min
+ * @param {Array.<number>} max
+ */
+function fromQuadratic(x0, y0, x1, y1, x2, y2, min$$1, max$$1) {
+ var quadraticExtremum$$1 = quadraticExtremum;
+ var quadraticAt$$1 = quadraticAt;
+ // Find extremities, where derivative in x dim or y dim is zero
+ var tx =
+ mathMax$3(
+ mathMin$3(quadraticExtremum$$1(x0, x1, x2), 1), 0
+ );
+ var ty =
+ mathMax$3(
+ mathMin$3(quadraticExtremum$$1(y0, y1, y2), 1), 0
+ );
+
+ var x = quadraticAt$$1(x0, x1, x2, tx);
+ var y = quadraticAt$$1(y0, y1, y2, ty);
+
+ min$$1[0] = mathMin$3(x0, x2, x);
+ min$$1[1] = mathMin$3(y0, y2, y);
+ max$$1[0] = mathMax$3(x0, x2, x);
+ max$$1[1] = mathMax$3(y0, y2, y);
+}
+
+/**
+ * 浠庡渾寮т腑璁＄畻鍑烘渶灏忓寘鍥寸洅锛屽啓鍏min`鍜宍max`涓�
+ * @method
+ * @memberOf module:zrender/core/bbox
+ * @param {number} x
+ * @param {number} y
+ * @param {number} rx
+ * @param {number} ry
+ * @param {number} startAngle
+ * @param {number} endAngle
+ * @param {number} anticlockwise
+ * @param {Array.<number>} min
+ * @param {Array.<number>} max
+ */
+function fromArc(
+ x, y, rx, ry, startAngle, endAngle, anticlockwise, min$$1, max$$1
+) {
+ var vec2Min = min;
+ var vec2Max = max;
+
+ var diff = Math.abs(startAngle - endAngle);
+
+
+ if (diff % PI2 < 1e-4 && diff > 1e-4) {
+ // Is a circle
+ min$$1[0] = x - rx;
+ min$$1[1] = y - ry;
+ max$$1[0] = x + rx;
+ max$$1[1] = y + ry;
+ return;
+ }
+
+ start[0] = mathCos$2(startAngle) * rx + x;
+ start[1] = mathSin$2(startAngle) * ry + y;
+
+ end[0] = mathCos$2(endAngle) * rx + x;
+ end[1] = mathSin$2(endAngle) * ry + y;
+
+ vec2Min(min$$1, start, end);
+ vec2Max(max$$1, start, end);
+
+ // Thresh to [0, Math.PI * 2]
+ startAngle = startAngle % (PI2);
+ if (startAngle < 0) {
+ startAngle = startAngle + PI2;
+ }
+ endAngle = endAngle % (PI2);
+ if (endAngle < 0) {
+ endAngle = endAngle + PI2;
+ }
+
+ if (startAngle > endAngle && !anticlockwise) {
+ endAngle += PI2;
+ }
+ else if (startAngle < endAngle && anticlockwise) {
+ startAngle += PI2;
+ }
+ if (anticlockwise) {
+ var tmp = endAngle;
+ endAngle = startAngle;
+ startAngle = tmp;
+ }
+
+ // var number = 0;
+ // var step = (anticlockwise ? -Math.PI : Math.PI) / 2;
+ for (var angle = 0; angle < endAngle; angle += Math.PI / 2) {
+ if (angle > startAngle) {
+ extremity[0] = mathCos$2(angle) * rx + x;
+ extremity[1] = mathSin$2(angle) * ry + y;
+
+ vec2Min(min$$1, extremity, min$$1);
+ vec2Max(max$$1, extremity, max$$1);
+ }
+ }
+}
+
+/**
+ * Path 浠ｇ悊锛屽彲浠ュ湪`buildPath`涓敤浜庢浛浠ctx`, 浼氫繚瀛樻瘡涓猵ath鎿嶄綔鐨勫懡浠ゅ埌pathCommands灞炴�т腑
+ * 鍙互鐢ㄤ簬 isInsidePath 鍒ゆ柇浠ュ強鑾峰彇boundingRect
+ *
+ * @module zrender/core/PathProxy
+ * @author Yi Shen (http://www.github.com/pissang)
+ */
+
+// TODO getTotalLength, getPointAtLength
+
+/* global Float32Array */
+
+var CMD = {
+ M: 1,
+ L: 2,
+ C: 3,
+ Q: 4,
+ A: 5,
+ Z: 6,
+ // Rect
+ R: 7
+};
+
+// var CMD_MEM_SIZE = {
+// M: 3,
+// L: 3,
+// C: 7,
+// Q: 5,
+// A: 9,
+// R: 5,
+// Z: 1
+// };
+
+var min$1 = [];
+var max$1 = [];
+var min2 = [];
+var max2 = [];
+var mathMin$2 = Math.min;
+var mathMax$2 = Math.max;
+var mathCos$1 = Math.cos;
+var mathSin$1 = Math.sin;
+var mathSqrt$1 = Math.sqrt;
+var mathAbs = Math.abs;
+
+var hasTypedArray = typeof Float32Array !== 'undefined';
+
+/**
+ * @alias module:zrender/core/PathProxy
+ * @constructor
+ */
+var PathProxy = function (notSaveData) {
+
+ this._saveData = !(notSaveData || false);
+
+ if (this._saveData) {
+ /**
+ * Path data. Stored as flat array
+ * @type {Array.<Object>}
+ */
+ this.data = [];
+ }
+
+ this._ctx = null;
+};
+
+/**
+ * 蹇�熻绠桺ath鍖呭洿鐩掞紙骞朵笉鏄渶灏忓寘鍥寸洅锛�
+ * @return {Object}
+ */
+PathProxy.prototype = {
+
+ constructor: PathProxy,
+
+ _xi: 0,
+ _yi: 0,
+
+ _x0: 0,
+ _y0: 0,
+ // Unit x, Unit y. Provide for avoiding drawing that too short line segment
+ _ux: 0,
+ _uy: 0,
+
+ _len: 0,
+
+ _lineDash: null,
+
+ _dashOffset: 0,
+
+ _dashIdx: 0,
+
+ _dashSum: 0,
+
+ /**
+ * @readOnly
+ */
+ setScale: function (sx, sy, segmentIgnoreThreshold) {
+ // Compat. Previously there is no segmentIgnoreThreshold.
+ segmentIgnoreThreshold = segmentIgnoreThreshold || 0;
+ this._ux = mathAbs(segmentIgnoreThreshold / devicePixelRatio / sx) || 0;
+ this._uy = mathAbs(segmentIgnoreThreshold / devicePixelRatio / sy) || 0;
+ },
+
+ getContext: function () {
+ return this._ctx;
+ },
+
+ /**
+ * @param {CanvasRenderingContext2D} ctx
+ * @return {module:zrender/core/PathProxy}
+ */
+ beginPath: function (ctx) {
+
+ this._ctx = ctx;
+
+ ctx && ctx.beginPath();
+
+ ctx && (this.dpr = ctx.dpr);
+
+ // Reset
+ if (this._saveData) {
+ this._len = 0;
+ }
+
+ if (this._lineDash) {
+ this._lineDash = null;
+
+ this._dashOffset = 0;
+ }
+
+ return this;
+ },
+
+ /**
+ * @param {number} x
+ * @param {number} y
+ * @return {module:zrender/core/PathProxy}
+ */
+ moveTo: function (x, y) {
+ this.addData(CMD.M, x, y);
+ this._ctx && this._ctx.moveTo(x, y);
+
+ // x0, y0, xi, yi 鏄褰曞湪 _dashedXXXXTo 鏂规硶涓娇鐢�
+ // xi, yi 璁板綍褰撳墠鐐�, x0, y0 鍦� closePath 鐨勬椂鍊欏洖鍒拌捣濮嬬偣銆�
+ // 鏈夊彲鑳藉湪 beginPath 涔嬪悗鐩存帴璋冪敤 lineTo锛岃繖鏃跺�� x0, y0 闇�瑕�
+ // 鍦� lineTo 鏂规硶涓褰曪紝杩欓噷鍏堜笉鑰冭檻杩欑鎯呭喌锛宒ashed line 涔熷彧鍦� IE10- 涓笉鏀寔
+ this._x0 = x;
+ this._y0 = y;
+
+ this._xi = x;
+ this._yi = y;
+
+ return this;
+ },
+
+ /**
+ * @param {number} x
+ * @param {number} y
+ * @return {module:zrender/core/PathProxy}
+ */
+ lineTo: function (x, y) {
+ var exceedUnit = mathAbs(x - this._xi) > this._ux
+ || mathAbs(y - this._yi) > this._uy
+ // Force draw the first segment
+ || this._len < 5;
+
+ this.addData(CMD.L, x, y);
+
+ if (this._ctx && exceedUnit) {
+ this._needsDash() ? this._dashedLineTo(x, y)
+ : this._ctx.lineTo(x, y);
+ }
+ if (exceedUnit) {
+ this._xi = x;
+ this._yi = y;
+ }
+
+ return this;
+ },
+
+ /**
+ * @param {number} x1
+ * @param {number} y1
+ * @param {number} x2
+ * @param {number} y2
+ * @param {number} x3
+ * @param {number} y3
+ * @return {module:zrender/core/PathProxy}
+ */
+ bezierCurveTo: function (x1, y1, x2, y2, x3, y3) {
+ this.addData(CMD.C, x1, y1, x2, y2, x3, y3);
+ if (this._ctx) {
+ this._needsDash() ? this._dashedBezierTo(x1, y1, x2, y2, x3, y3)
+ : this._ctx.bezierCurveTo(x1, y1, x2, y2, x3, y3);
+ }
+ this._xi = x3;
+ this._yi = y3;
+ return this;
+ },
+
+ /**
+ * @param {number} x1
+ * @param {number} y1
+ * @param {number} x2
+ * @param {number} y2
+ * @return {module:zrender/core/PathProxy}
+ */
+ quadraticCurveTo: function (x1, y1, x2, y2) {
+ this.addData(CMD.Q, x1, y1, x2, y2);
+ if (this._ctx) {
+ this._needsDash() ? this._dashedQuadraticTo(x1, y1, x2, y2)
+ : this._ctx.quadraticCurveTo(x1, y1, x2, y2);
+ }
+ this._xi = x2;
+ this._yi = y2;
+ return this;
+ },
+
+ /**
+ * @param {number} cx
+ * @param {number} cy
+ * @param {number} r
+ * @param {number} startAngle
+ * @param {number} endAngle
+ * @param {boolean} anticlockwise
+ * @return {module:zrender/core/PathProxy}
+ */
+ arc: function (cx, cy, r, startAngle, endAngle, anticlockwise) {
+ this.addData(
+ CMD.A, cx, cy, r, r, startAngle, endAngle - startAngle, 0, anticlockwise ? 0 : 1
+ );
+ this._ctx && this._ctx.arc(cx, cy, r, startAngle, endAngle, anticlockwise);
+
+ this._xi = mathCos$1(endAngle) * r + cx;
+ this._yi = mathSin$1(endAngle) * r + cy;
+ return this;
+ },
+
+ // TODO
+ arcTo: function (x1, y1, x2, y2, radius) {
+ if (this._ctx) {
+ this._ctx.arcTo(x1, y1, x2, y2, radius);
+ }
+ return this;
+ },
+
+ // TODO
+ rect: function (x, y, w, h) {
+ this._ctx && this._ctx.rect(x, y, w, h);
+ this.addData(CMD.R, x, y, w, h);
+ return this;
+ },
+
+ /**
+ * @return {module:zrender/core/PathProxy}
+ */
+ closePath: function () {
+ this.addData(CMD.Z);
+
+ var ctx = this._ctx;
+ var x0 = this._x0;
+ var y0 = this._y0;
+ if (ctx) {
+ this._needsDash() && this._dashedLineTo(x0, y0);
+ ctx.closePath();
+ }
+
+ this._xi = x0;
+ this._yi = y0;
+ return this;
+ },
+
+ /**
+ * Context 浠庡閮ㄤ紶鍏ワ紝鍥犱负鏈夊彲鑳芥槸 rebuildPath 瀹屼箣鍚庡啀 fill銆�
+ * stroke 鍚屾牱
+ * @param {CanvasRenderingContext2D} ctx
+ * @return {module:zrender/core/PathProxy}
+ */
+ fill: function (ctx) {
+ ctx && ctx.fill();
+ this.toStatic();
+ },
+
+ /**
+ * @param {CanvasRenderingContext2D} ctx
+ * @return {module:zrender/core/PathProxy}
+ */
+ stroke: function (ctx) {
+ ctx && ctx.stroke();
+ this.toStatic();
+ },
+
+ /**
+ * 蹇呴』鍦ㄥ叾瀹冪粯鍒跺懡浠ゅ墠璋冪敤
+ * Must be invoked before all other path drawing methods
+ * @return {module:zrender/core/PathProxy}
+ */
+ setLineDash: function (lineDash) {
+ if (lineDash instanceof Array) {
+ this._lineDash = lineDash;
+
+ this._dashIdx = 0;
+
+ var lineDashSum = 0;
+ for (var i = 0; i < lineDash.length; i++) {
+ lineDashSum += lineDash[i];
+ }
+ this._dashSum = lineDashSum;
+ }
+ return this;
+ },
+
+ /**
+ * 蹇呴』鍦ㄥ叾瀹冪粯鍒跺懡浠ゅ墠璋冪敤
+ * Must be invoked before all other path drawing methods
+ * @return {module:zrender/core/PathProxy}
+ */
+ setLineDashOffset: function (offset) {
+ this._dashOffset = offset;
+ return this;
+ },
+
+ /**
+ *
+ * @return {boolean}
+ */
+ len: function () {
+ return this._len;
+ },
+
+ /**
+ * 鐩存帴璁剧疆 Path 鏁版嵁
+ */
+ setData: function (data) {
+
+ var len$$1 = data.length;
+
+ if (!(this.data && this.data.length === len$$1) && hasTypedArray) {
+ this.data = new Float32Array(len$$1);
+ }
+
+ for (var i = 0; i < len$$1; i++) {
+ this.data[i] = data[i];
+ }
+
+ this._len = len$$1;
+ },
+
+ /**
+ * 娣诲姞瀛愯矾寰�
+ * @param {module:zrender/core/PathProxy|Array.<module:zrender/core/PathProxy>} path
+ */
+ appendPath: function (path) {
+ if (!(path instanceof Array)) {
+ path = [path];
+ }
+ var len$$1 = path.length;
+ var appendSize = 0;
+ var offset = this._len;
+ for (var i = 0; i < len$$1; i++) {
+ appendSize += path[i].len();
+ }
+ if (hasTypedArray && (this.data instanceof Float32Array)) {
+ this.data = new Float32Array(offset + appendSize);
+ }
+ for (var i = 0; i < len$$1; i++) {
+ var appendPathData = path[i].data;
+ for (var k = 0; k < appendPathData.length; k++) {
+ this.data[offset++] = appendPathData[k];
+ }
+ }
+ this._len = offset;
+ },
+
+ /**
+ * 濉厖 Path 鏁版嵁銆�
+ * 灏介噺澶嶇敤鑰屼笉鐢虫槑鏂扮殑鏁扮粍銆傚ぇ閮ㄥ垎鍥惧舰閲嶇粯鐨勬寚浠ゆ暟鎹暱搴﹂兘鏄笉鍙樼殑銆�
+ */
+ addData: function (cmd) {
+ if (!this._saveData) {
+ return;
+ }
+
+ var data = this.data;
+ if (this._len + arguments.length > data.length) {
+ // 鍥犱负涔嬪墠鐨勬暟缁勫凡缁忚浆鎹㈡垚闈欐�佺殑 Float32Array
+ // 鎵�浠ヤ笉澶熺敤鏃堕渶瑕佹墿灞曚竴涓柊鐨勫姩鎬佹暟缁�
+ this._expandData();
+ data = this.data;
+ }
+ for (var i = 0; i < arguments.length; i++) {
+ data[this._len++] = arguments[i];
+ }
+
+ this._prevCmd = cmd;
+ },
+
+ _expandData: function () {
+ // Only if data is Float32Array
+ if (!(this.data instanceof Array)) {
+ var newData = [];
+ for (var i = 0; i < this._len; i++) {
+ newData[i] = this.data[i];
+ }
+ this.data = newData;
+ }
+ },
+
+ /**
+ * If needs js implemented dashed line
+ * @return {boolean}
+ * @private
+ */
+ _needsDash: function () {
+ return this._lineDash;
+ },
+
+ _dashedLineTo: function (x1, y1) {
+ var dashSum = this._dashSum;
+ var offset = this._dashOffset;
+ var lineDash = this._lineDash;
+ var ctx = this._ctx;
+
+ var x0 = this._xi;
+ var y0 = this._yi;
+ var dx = x1 - x0;
+ var dy = y1 - y0;
+ var dist$$1 = mathSqrt$1(dx * dx + dy * dy);
+ var x = x0;
+ var y = y0;
+ var dash;
+ var nDash = lineDash.length;
+ var idx;
+ dx /= dist$$1;
+ dy /= dist$$1;
+
+ if (offset < 0) {
+ // Convert to positive offset
+ offset = dashSum + offset;
+ }
+ offset %= dashSum;
+ x -= offset * dx;
+ y -= offset * dy;
+
+ while ((dx > 0 && x <= x1) || (dx < 0 && x >= x1)
+ || (dx === 0 && ((dy > 0 && y <= y1) || (dy < 0 && y >= y1)))) {
+ idx = this._dashIdx;
+ dash = lineDash[idx];
+ x += dx * dash;
+ y += dy * dash;
+ this._dashIdx = (idx + 1) % nDash;
+ // Skip positive offset
+ if ((dx > 0 && x < x0) || (dx < 0 && x > x0) || (dy > 0 && y < y0) || (dy < 0 && y > y0)) {
+ continue;
+ }
+ ctx[idx % 2 ? 'moveTo' : 'lineTo'](
+ dx >= 0 ? mathMin$2(x, x1) : mathMax$2(x, x1),
+ dy >= 0 ? mathMin$2(y, y1) : mathMax$2(y, y1)
+ );
+ }
+ // Offset for next lineTo
+ dx = x - x1;
+ dy = y - y1;
+ this._dashOffset = -mathSqrt$1(dx * dx + dy * dy);
+ },
+
+ // Not accurate dashed line to
+ _dashedBezierTo: function (x1, y1, x2, y2, x3, y3) {
+ var dashSum = this._dashSum;
+ var offset = this._dashOffset;
+ var lineDash = this._lineDash;
+ var ctx = this._ctx;
+
+ var x0 = this._xi;
+ var y0 = this._yi;
+ var t;
+ var dx;
+ var dy;
+ var cubicAt$$1 = cubicAt;
+ var bezierLen = 0;
+ var idx = this._dashIdx;
+ var nDash = lineDash.length;
+
+ var x;
+ var y;
+
+ var tmpLen = 0;
+
+ if (offset < 0) {
+ // Convert to positive offset
+ offset = dashSum + offset;
+ }
+ offset %= dashSum;
+ // Bezier approx length
+ for (t = 0; t < 1; t += 0.1) {
+ dx = cubicAt$$1(x0, x1, x2, x3, t + 0.1)
+ - cubicAt$$1(x0, x1, x2, x3, t);
+ dy = cubicAt$$1(y0, y1, y2, y3, t + 0.1)
+ - cubicAt$$1(y0, y1, y2, y3, t);
+ bezierLen += mathSqrt$1(dx * dx + dy * dy);
+ }
+
+ // Find idx after add offset
+ for (; idx < nDash; idx++) {
+ tmpLen += lineDash[idx];
+ if (tmpLen > offset) {
+ break;
+ }
+ }
+ t = (tmpLen - offset) / bezierLen;
+
+ while (t <= 1) {
+
+ x = cubicAt$$1(x0, x1, x2, x3, t);
+ y = cubicAt$$1(y0, y1, y2, y3, t);
+
+ // Use line to approximate dashed bezier
+ // Bad result if dash is long
+ idx % 2 ? ctx.moveTo(x, y)
+ : ctx.lineTo(x, y);
+
+ t += lineDash[idx] / bezierLen;
+
+ idx = (idx + 1) % nDash;
+ }
+
+ // Finish the last segment and calculate the new offset
+ (idx % 2 !== 0) && ctx.lineTo(x3, y3);
+ dx = x3 - x;
+ dy = y3 - y;
+ this._dashOffset = -mathSqrt$1(dx * dx + dy * dy);
+ },
+
+ _dashedQuadraticTo: function (x1, y1, x2, y2) {
+ // Convert quadratic to cubic using degree elevation
+ var x3 = x2;
+ var y3 = y2;
+ x2 = (x2 + 2 * x1) / 3;
+ y2 = (y2 + 2 * y1) / 3;
+ x1 = (this._xi + 2 * x1) / 3;
+ y1 = (this._yi + 2 * y1) / 3;
+
+ this._dashedBezierTo(x1, y1, x2, y2, x3, y3);
+ },
+
+ /**
+ * 杞垚闈欐�佺殑 Float32Array 鍑忓皯鍫嗗唴瀛樺崰鐢�
+ * Convert dynamic array to static Float32Array
+ */
+ toStatic: function () {
+ var data = this.data;
+ if (data instanceof Array) {
+ data.length = this._len;
+ if (hasTypedArray) {
+ this.data = new Float32Array(data);
+ }
+ }
+ },
+
+ /**
+ * @return {module:zrender/core/BoundingRect}
+ */
+ getBoundingRect: function () {
+ min$1[0] = min$1[1] = min2[0] = min2[1] = Number.MAX_VALUE;
+ max$1[0] = max$1[1] = max2[0] = max2[1] = -Number.MAX_VALUE;
+
+ var data = this.data;
+ var xi = 0;
+ var yi = 0;
+ var x0 = 0;
+ var y0 = 0;
+
+ for (var i = 0; i < data.length;) {
+ var cmd = data[i++];
+
+ if (i === 1) {
+ // 濡傛灉绗竴涓懡浠ゆ槸 L, C, Q
+ // 鍒� previous point 鍚岀粯鍒跺懡浠ょ殑绗竴涓� point
+ //
+ // 绗竴涓懡浠や负 Arc 鐨勬儏鍐典笅浼氬湪鍚庨潰鐗规畩澶勭悊
+ xi = data[i];
+ yi = data[i + 1];
+
+ x0 = xi;
+ y0 = yi;
+ }
+
+ switch (cmd) {
+ case CMD.M:
+ // moveTo 鍛戒护閲嶆柊鍒涘缓涓�涓柊鐨� subpath, 骞朵笖鏇存柊鏂扮殑璧风偣
+ // 鍦� closePath 鐨勬椂鍊欎娇鐢�
+ x0 = data[i++];
+ y0 = data[i++];
+ xi = x0;
+ yi = y0;
+ min2[0] = x0;
+ min2[1] = y0;
+ max2[0] = x0;
+ max2[1] = y0;
+ break;
+ case CMD.L:
+ fromLine(xi, yi, data[i], data[i + 1], min2, max2);
+ xi = data[i++];
+ yi = data[i++];
+ break;
+ case CMD.C:
+ fromCubic(
+ xi, yi, data[i++], data[i++], data[i++], data[i++], data[i], data[i + 1],
+ min2, max2
+ );
+ xi = data[i++];
+ yi = data[i++];
+ break;
+ case CMD.Q:
+ fromQuadratic(
+ xi, yi, data[i++], data[i++], data[i], data[i + 1],
+ min2, max2
+ );
+ xi = data[i++];
+ yi = data[i++];
+ break;
+ case CMD.A:
+ // TODO Arc 鍒ゆ柇鐨勫紑閿�姣旇緝澶�
+ var cx = data[i++];
+ var cy = data[i++];
+ var rx = data[i++];
+ var ry = data[i++];
+ var startAngle = data[i++];
+ var endAngle = data[i++] + startAngle;
+ // TODO Arc 鏃嬭浆
+ i += 1;
+ var anticlockwise = 1 - data[i++];
+
+ if (i === 1) {
+ // 鐩存帴浣跨敤 arc 鍛戒护
+ // 绗竴涓懡浠よ捣鐐硅繕鏈畾涔�
+ x0 = mathCos$1(startAngle) * rx + cx;
+ y0 = mathSin$1(startAngle) * ry + cy;
+ }
+
+ fromArc(
+ cx, cy, rx, ry, startAngle, endAngle,
+ anticlockwise, min2, max2
+ );
+
+ xi = mathCos$1(endAngle) * rx + cx;
+ yi = mathSin$1(endAngle) * ry + cy;
+ break;
+ case CMD.R:
+ x0 = xi = data[i++];
+ y0 = yi = data[i++];
+ var width = data[i++];
+ var height = data[i++];
+ // Use fromLine
+ fromLine(x0, y0, x0 + width, y0 + height, min2, max2);
+ break;
+ case CMD.Z:
+ xi = x0;
+ yi = y0;
+ break;
+ }
+
+ // Union
+ min(min$1, min$1, min2);
+ max(max$1, max$1, max2);
+ }
+
+ // No data
+ if (i === 0) {
+ min$1[0] = min$1[1] = max$1[0] = max$1[1] = 0;
+ }
+
+ return new BoundingRect(
+ min$1[0], min$1[1], max$1[0] - min$1[0], max$1[1] - min$1[1]
+ );
+ },
+
+ /**
+ * Rebuild path from current data
+ * Rebuild path will not consider javascript implemented line dash.
+ * @param {CanvasRenderingContext2D} ctx
+ */
+ rebuildPath: function (ctx) {
+ var d = this.data;
+ var x0;
+ var y0;
+ var xi;
+ var yi;
+ var x;
+ var y;
+ var ux = this._ux;
+ var uy = this._uy;
+ var len$$1 = this._len;
+ for (var i = 0; i < len$$1;) {
+ var cmd = d[i++];
+
+ if (i === 1) {
+ // 濡傛灉绗竴涓懡浠ゆ槸 L, C, Q
+ // 鍒� previous point 鍚岀粯鍒跺懡浠ょ殑绗竴涓� point
+ //
+ // 绗竴涓懡浠や负 Arc 鐨勬儏鍐典笅浼氬湪鍚庨潰鐗规畩澶勭悊
+ xi = d[i];
+ yi = d[i + 1];
+
+ x0 = xi;
+ y0 = yi;
+ }
+ switch (cmd) {
+ case CMD.M:
+ x0 = xi = d[i++];
+ y0 = yi = d[i++];
+ ctx.moveTo(xi, yi);
+ break;
+ case CMD.L:
+ x = d[i++];
+ y = d[i++];
+ // Not draw too small seg between
+ if (mathAbs(x - xi) > ux || mathAbs(y - yi) > uy || i === len$$1 - 1) {
+ ctx.lineTo(x, y);
+ xi = x;
+ yi = y;
+ }
+ break;
+ case CMD.C:
+ ctx.bezierCurveTo(
+ d[i++], d[i++], d[i++], d[i++], d[i++], d[i++]
+ );
+ xi = d[i - 2];
+ yi = d[i - 1];
+ break;
+ case CMD.Q:
+ ctx.quadraticCurveTo(d[i++], d[i++], d[i++], d[i++]);
+ xi = d[i - 2];
+ yi = d[i - 1];
+ break;
+ case CMD.A:
+ var cx = d[i++];
+ var cy = d[i++];
+ var rx = d[i++];
+ var ry = d[i++];
+ var theta = d[i++];
+ var dTheta = d[i++];
+ var psi = d[i++];
+ var fs = d[i++];
+ var r = (rx > ry) ? rx : ry;
+ var scaleX = (rx > ry) ? 1 : rx / ry;
+ var scaleY = (rx > ry) ? ry / rx : 1;
+ var isEllipse = Math.abs(rx - ry) > 1e-3;
+ var endAngle = theta + dTheta;
+ if (isEllipse) {
+ ctx.translate(cx, cy);
+ ctx.rotate(psi);
+ ctx.scale(scaleX, scaleY);
+ ctx.arc(0, 0, r, theta, endAngle, 1 - fs);
+ ctx.scale(1 / scaleX, 1 / scaleY);
+ ctx.rotate(-psi);
+ ctx.translate(-cx, -cy);
+ }
+ else {
+ ctx.arc(cx, cy, r, theta, endAngle, 1 - fs);
+ }
+
+ if (i === 1) {
+ // 鐩存帴浣跨敤 arc 鍛戒护
+ // 绗竴涓懡浠よ捣鐐硅繕鏈畾涔�
+ x0 = mathCos$1(theta) * rx + cx;
+ y0 = mathSin$1(theta) * ry + cy;
+ }
+ xi = mathCos$1(endAngle) * rx + cx;
+ yi = mathSin$1(endAngle) * ry + cy;
+ break;
+ case CMD.R:
+ x0 = xi = d[i];
+ y0 = yi = d[i + 1];
+ ctx.rect(d[i++], d[i++], d[i++], d[i++]);
+ break;
+ case CMD.Z:
+ ctx.closePath();
+ xi = x0;
+ yi = y0;
+ }
+ }
+ }
+};
+
+PathProxy.CMD = CMD;
+
+/**
+ * 绾挎鍖呭惈鍒ゆ柇
+ * @param {number} x0
+ * @param {number} y0
+ * @param {number} x1
+ * @param {number} y1
+ * @param {number} lineWidth
+ * @param {number} x
+ * @param {number} y
+ * @return {boolean}
+ */
+function containStroke$1(x0, y0, x1, y1, lineWidth, x, y) {
+ if (lineWidth === 0) {
+ return false;
+ }
+ var _l = lineWidth;
+ var _a = 0;
+ var _b = x0;
+ // Quick reject
+ if (
+ (y > y0 + _l && y > y1 + _l)
+ || (y < y0 - _l && y < y1 - _l)
+ || (x > x0 + _l && x > x1 + _l)
+ || (x < x0 - _l && x < x1 - _l)
+ ) {
+ return false;
+ }
+
+ if (x0 !== x1) {
+ _a = (y0 - y1) / (x0 - x1);
+ _b = (x0 * y1 - x1 * y0) / (x0 - x1);
+ }
+ else {
+ return Math.abs(x - x0) <= _l / 2;
+ }
+ var tmp = _a * x - y + _b;
+ var _s = tmp * tmp / (_a * _a + 1);
+ return _s <= _l / 2 * _l / 2;
+}
+
+/**
+ * 涓夋璐濆灏旀洸绾挎弿杈瑰寘鍚垽鏂�
+ * @param {number} x0
+ * @param {number} y0
+ * @param {number} x1
+ * @param {number} y1
+ * @param {number} x2
+ * @param {number} y2
+ * @param {number} x3
+ * @param {number} y3
+ * @param {number} lineWidth
+ * @param {number} x
+ * @param {number} y
+ * @return {boolean}
+ */
+function containStroke$2(x0, y0, x1, y1, x2, y2, x3, y3, lineWidth, x, y) {
+ if (lineWidth === 0) {
+ return false;
+ }
+ var _l = lineWidth;
+ // Quick reject
+ if (
+ (y > y0 + _l && y > y1 + _l && y > y2 + _l && y > y3 + _l)
+ || (y < y0 - _l && y < y1 - _l && y < y2 - _l && y < y3 - _l)
+ || (x > x0 + _l && x > x1 + _l && x > x2 + _l && x > x3 + _l)
+ || (x < x0 - _l && x < x1 - _l && x < x2 - _l && x < x3 - _l)
+ ) {
+ return false;
+ }
+ var d = cubicProjectPoint(
+ x0, y0, x1, y1, x2, y2, x3, y3,
+ x, y, null
+ );
+ return d <= _l / 2;
+}
+
+/**
+ * 浜屾璐濆灏旀洸绾挎弿杈瑰寘鍚垽鏂�
+ * @param {number} x0
+ * @param {number} y0
+ * @param {number} x1
+ * @param {number} y1
+ * @param {number} x2
+ * @param {number} y2
+ * @param {number} lineWidth
+ * @param {number} x
+ * @param {number} y
+ * @return {boolean}
+ */
+function containStroke$3(x0, y0, x1, y1, x2, y2, lineWidth, x, y) {
+ if (lineWidth === 0) {
+ return false;
+ }
+ var _l = lineWidth;
+ // Quick reject
+ if (
+ (y > y0 + _l && y > y1 + _l && y > y2 + _l)
+ || (y < y0 - _l && y < y1 - _l && y < y2 - _l)
+ || (x > x0 + _l && x > x1 + _l && x > x2 + _l)
+ || (x < x0 - _l && x < x1 - _l && x < x2 - _l)
+ ) {
+ return false;
+ }
+ var d = quadraticProjectPoint(
+ x0, y0, x1, y1, x2, y2,
+ x, y, null
+ );
+ return d <= _l / 2;
+}
+
+var PI2$3 = Math.PI * 2;
+
+function normalizeRadian(angle) {
+ angle %= PI2$3;
+ if (angle < 0) {
+ angle += PI2$3;
+ }
+ return angle;
+}
+
+var PI2$2 = Math.PI * 2;
+
+/**
+ * 鍦嗗姬鎻忚竟鍖呭惈鍒ゆ柇
+ * @param {number} cx
+ * @param {number} cy
+ * @param {number} r
+ * @param {number} startAngle
+ * @param {number} endAngle
+ * @param {boolean} anticlockwise
+ * @param {number} lineWidth
+ * @param {number} x
+ * @param {number} y
+ * @return {Boolean}
+ */
+function containStroke$4(
+ cx, cy, r, startAngle, endAngle, anticlockwise,
+ lineWidth, x, y
+) {
+
+ if (lineWidth === 0) {
+ return false;
+ }
+ var _l = lineWidth;
+
+ x -= cx;
+ y -= cy;
+ var d = Math.sqrt(x * x + y * y);
+
+ if ((d - _l > r) || (d + _l < r)) {
+ return false;
+ }
+ if (Math.abs(startAngle - endAngle) % PI2$2 < 1e-4) {
+ // Is a circle
+ return true;
+ }
+ if (anticlockwise) {
+ var tmp = startAngle;
+ startAngle = normalizeRadian(endAngle);
+ endAngle = normalizeRadian(tmp);
+ }
+ else {
+ startAngle = normalizeRadian(startAngle);
+ endAngle = normalizeRadian(endAngle);
+ }
+ if (startAngle > endAngle) {
+ endAngle += PI2$2;
+ }
+
+ var angle = Math.atan2(y, x);
+ if (angle < 0) {
+ angle += PI2$2;
+ }
+ return (angle >= startAngle && angle <= endAngle)
+ || (angle + PI2$2 >= startAngle && angle + PI2$2 <= endAngle);
+}
+
+function windingLine(x0, y0, x1, y1, x, y) {
+ if ((y > y0 && y > y1) || (y < y0 && y < y1)) {
+ return 0;
+ }
+ // Ignore horizontal line
+ if (y1 === y0) {
+ return 0;
+ }
+ var dir = y1 < y0 ? 1 : -1;
+ var t = (y - y0) / (y1 - y0);
+
+ // Avoid winding error when intersection point is the connect point of two line of polygon
+ if (t === 1 || t === 0) {
+ dir = y1 < y0 ? 0.5 : -0.5;
+ }
+
+ var x_ = t * (x1 - x0) + x0;
+
+ // If (x, y) on the line, considered as "contain".
+ return x_ === x ? Infinity : x_ > x ? dir : 0;
+}
+
+var CMD$1 = PathProxy.CMD;
+var PI2$1 = Math.PI * 2;
+
+var EPSILON$2 = 1e-4;
+
+function isAroundEqual(a, b) {
+ return Math.abs(a - b) < EPSILON$2;
+}
+
+// 涓存椂鏁扮粍
+var roots = [-1, -1, -1];
+var extrema = [-1, -1];
+
+function swapExtrema() {
+ var tmp = extrema[0];
+ extrema[0] = extrema[1];
+ extrema[1] = tmp;
+}
+
+function windingCubic(x0, y0, x1, y1, x2, y2, x3, y3, x, y) {
+ // Quick reject
+ if (
+ (y > y0 && y > y1 && y > y2 && y > y3)
+ || (y < y0 && y < y1 && y < y2 && y < y3)
+ ) {
+ return 0;
+ }
+ var nRoots = cubicRootAt(y0, y1, y2, y3, y, roots);
+ if (nRoots === 0) {
+ return 0;
+ }
+ else {
+ var w = 0;
+ var nExtrema = -1;
+ var y0_;
+ var y1_;
+ for (var i = 0; i < nRoots; i++) {
+ var t = roots[i];
+
+ // Avoid winding error when intersection point is the connect point of two line of polygon
+ var unit = (t === 0 || t === 1) ? 0.5 : 1;
+
+ var x_ = cubicAt(x0, x1, x2, x3, t);
+ if (x_ < x) { // Quick reject
+ continue;
+ }
+ if (nExtrema < 0) {
+ nExtrema = cubicExtrema(y0, y1, y2, y3, extrema);
+ if (extrema[1] < extrema[0] && nExtrema > 1) {
+ swapExtrema();
+ }
+ y0_ = cubicAt(y0, y1, y2, y3, extrema[0]);
+ if (nExtrema > 1) {
+ y1_ = cubicAt(y0, y1, y2, y3, extrema[1]);
+ }
+ }
+ if (nExtrema === 2) {
+ // 鍒嗘垚涓夋鍗曡皟鍑芥暟
+ if (t < extrema[0]) {
+ w += y0_ < y0 ? unit : -unit;
+ }
+ else if (t < extrema[1]) {
+ w += y1_ < y0_ ? unit : -unit;
+ }
+ else {
+ w += y3 < y1_ ? unit : -unit;
+ }
+ }
+ else {
+ // 鍒嗘垚涓ゆ鍗曡皟鍑芥暟
+ if (t < extrema[0]) {
+ w += y0_ < y0 ? unit : -unit;
+ }
+ else {
+ w += y3 < y0_ ? unit : -unit;
+ }
+ }
+ }
+ return w;
+ }
+}
+
+function windingQuadratic(x0, y0, x1, y1, x2, y2, x, y) {
+ // Quick reject
+ if (
+ (y > y0 && y > y1 && y > y2)
+ || (y < y0 && y < y1 && y < y2)
+ ) {
+ return 0;
+ }
+ var nRoots = quadraticRootAt(y0, y1, y2, y, roots);
+ if (nRoots === 0) {
+ return 0;
+ }
+ else {
+ var t = quadraticExtremum(y0, y1, y2);
+ if (t >= 0 && t <= 1) {
+ var w = 0;
+ var y_ = quadraticAt(y0, y1, y2, t);
+ for (var i = 0; i < nRoots; i++) {
+ // Remove one endpoint.
+ var unit = (roots[i] === 0 || roots[i] === 1) ? 0.5 : 1;
+
+ var x_ = quadraticAt(x0, x1, x2, roots[i]);
+ if (x_ < x) { // Quick reject
+ continue;
+ }
+ if (roots[i] < t) {
+ w += y_ < y0 ? unit : -unit;
+ }
+ else {
+ w += y2 < y_ ? unit : -unit;
+ }
+ }
+ return w;
+ }
+ else {
+ // Remove one endpoint.
+ var unit = (roots[0] === 0 || roots[0] === 1) ? 0.5 : 1;
+
+ var x_ = quadraticAt(x0, x1, x2, roots[0]);
+ if (x_ < x) { // Quick reject
+ return 0;
+ }
+ return y2 < y0 ? unit : -unit;
+ }
+ }
+}
+
+// TODO
+// Arc 鏃嬭浆
+function windingArc(
+ cx, cy, r, startAngle, endAngle, anticlockwise, x, y
+) {
+ y -= cy;
+ if (y > r || y < -r) {
+ return 0;
+ }
+ var tmp = Math.sqrt(r * r - y * y);
+ roots[0] = -tmp;
+ roots[1] = tmp;
+
+ var diff = Math.abs(startAngle - endAngle);
+ if (diff < 1e-4) {
+ return 0;
+ }
+ if (diff % PI2$1 < 1e-4) {
+ // Is a circle
+ startAngle = 0;
+ endAngle = PI2$1;
+ var dir = anticlockwise ? 1 : -1;
+ if (x >= roots[0] + cx && x <= roots[1] + cx) {
+ return dir;
+ }
+ else {
+ return 0;
+ }
+ }
+
+ if (anticlockwise) {
+ var tmp = startAngle;
+ startAngle = normalizeRadian(endAngle);
+ endAngle = normalizeRadian(tmp);
+ }
+ else {
+ startAngle = normalizeRadian(startAngle);
+ endAngle = normalizeRadian(endAngle);
+ }
+ if (startAngle > endAngle) {
+ endAngle += PI2$1;
+ }
+
+ var w = 0;
+ for (var i = 0; i < 2; i++) {
+ var x_ = roots[i];
+ if (x_ + cx > x) {
+ var angle = Math.atan2(y, x_);
+ var dir = anticlockwise ? 1 : -1;
+ if (angle < 0) {
+ angle = PI2$1 + angle;
+ }
+ if (
+ (angle >= startAngle && angle <= endAngle)
+ || (angle + PI2$1 >= startAngle && angle + PI2$1 <= endAngle)
+ ) {
+ if (angle > Math.PI / 2 && angle < Math.PI * 1.5) {
+ dir = -dir;
+ }
+ w += dir;
+ }
+ }
+ }
+ return w;
+}
+
+function containPath(data, lineWidth, isStroke, x, y) {
+ var w = 0;
+ var xi = 0;
+ var yi = 0;
+ var x0 = 0;
+ var y0 = 0;
+
+ for (var i = 0; i < data.length;) {
+ var cmd = data[i++];
+ // Begin a new subpath
+ if (cmd === CMD$1.M && i > 1) {
+ // Close previous subpath
+ if (!isStroke) {
+ w += windingLine(xi, yi, x0, y0, x, y);
+ }
+ // 濡傛灉琚换浣曚竴涓� subpath 鍖呭惈
+ // if (w !== 0) {
+ // return true;
+ // }
+ }
+
+ if (i === 1) {
+ // 濡傛灉绗竴涓懡浠ゆ槸 L, C, Q
+ // 鍒� previous point 鍚岀粯鍒跺懡浠ょ殑绗竴涓� point
+ //
+ // 绗竴涓懡浠や负 Arc 鐨勬儏鍐典笅浼氬湪鍚庨潰鐗规畩澶勭悊
+ xi = data[i];
+ yi = data[i + 1];
+
+ x0 = xi;
+ y0 = yi;
+ }
+
+ switch (cmd) {
+ case CMD$1.M:
+ // moveTo 鍛戒护閲嶆柊鍒涘缓涓�涓柊鐨� subpath, 骞朵笖鏇存柊鏂扮殑璧风偣
+ // 鍦� closePath 鐨勬椂鍊欎娇鐢�
+ x0 = data[i++];
+ y0 = data[i++];
+ xi = x0;
+ yi = y0;
+ break;
+ case CMD$1.L:
+ if (isStroke) {
+ if (containStroke$1(xi, yi, data[i], data[i + 1], lineWidth, x, y)) {
+ return true;
+ }
+ }
+ else {
+ // NOTE 鍦ㄧ涓�涓懡浠や负 L, C, Q 鐨勬椂鍊欎細璁＄畻鍑� NaN
+ w += windingLine(xi, yi, data[i], data[i + 1], x, y) || 0;
+ }
+ xi = data[i++];
+ yi = data[i++];
+ break;
+ case CMD$1.C:
+ if (isStroke) {
+ if (containStroke$2(xi, yi,
+ data[i++], data[i++], data[i++], data[i++], data[i], data[i + 1],
+ lineWidth, x, y
+ )) {
+ return true;
+ }
+ }
+ else {
+ w += windingCubic(
+ xi, yi,
+ data[i++], data[i++], data[i++], data[i++], data[i], data[i + 1],
+ x, y
+ ) || 0;
+ }
+ xi = data[i++];
+ yi = data[i++];
+ break;
+ case CMD$1.Q:
+ if (isStroke) {
+ if (containStroke$3(xi, yi,
+ data[i++], data[i++], data[i], data[i + 1],
+ lineWidth, x, y
+ )) {
+ return true;
+ }
+ }
+ else {
+ w += windingQuadratic(
+ xi, yi,
+ data[i++], data[i++], data[i], data[i + 1],
+ x, y
+ ) || 0;
+ }
+ xi = data[i++];
+ yi = data[i++];
+ break;
+ case CMD$1.A:
+ // TODO Arc 鍒ゆ柇鐨勫紑閿�姣旇緝澶�
+ var cx = data[i++];
+ var cy = data[i++];
+ var rx = data[i++];
+ var ry = data[i++];
+ var theta = data[i++];
+ var dTheta = data[i++];
+ // TODO Arc 鏃嬭浆
+ i += 1;
+ var anticlockwise = 1 - data[i++];
+ var x1 = Math.cos(theta) * rx + cx;
+ var y1 = Math.sin(theta) * ry + cy;
+ // 涓嶆槸鐩存帴浣跨敤 arc 鍛戒护
+ if (i > 1) {
+ w += windingLine(xi, yi, x1, y1, x, y);
+ }
+ else {
+ // 绗竴涓懡浠よ捣鐐硅繕鏈畾涔�
+ x0 = x1;
+ y0 = y1;
+ }
+ // zr 浣跨敤scale鏉ユā鎷熸き鍦�, 杩欓噷涔熷x鍋氫竴瀹氱殑缂╂斁
+ var _x = (x - cx) * ry / rx + cx;
+ if (isStroke) {
+ if (containStroke$4(
+ cx, cy, ry, theta, theta + dTheta, anticlockwise,
+ lineWidth, _x, y
+ )) {
+ return true;
+ }
+ }
+ else {
+ w += windingArc(
+ cx, cy, ry, theta, theta + dTheta, anticlockwise,
+ _x, y
+ );
+ }
+ xi = Math.cos(theta + dTheta) * rx + cx;
+ yi = Math.sin(theta + dTheta) * ry + cy;
+ break;
+ case CMD$1.R:
+ x0 = xi = data[i++];
+ y0 = yi = data[i++];
+ var width = data[i++];
+ var height = data[i++];
+ var x1 = x0 + width;
+ var y1 = y0 + height;
+ if (isStroke) {
+ if (containStroke$1(x0, y0, x1, y0, lineWidth, x, y)
+ || containStroke$1(x1, y0, x1, y1, lineWidth, x, y)
+ || containStroke$1(x1, y1, x0, y1, lineWidth, x, y)
+ || containStroke$1(x0, y1, x0, y0, lineWidth, x, y)
+ ) {
+ return true;
+ }
+ }
+ else {
+ // FIXME Clockwise ?
+ w += windingLine(x1, y0, x1, y1, x, y);
+ w += windingLine(x0, y1, x0, y0, x, y);
+ }
+ break;
+ case CMD$1.Z:
+ if (isStroke) {
+ if (containStroke$1(
+ xi, yi, x0, y0, lineWidth, x, y
+ )) {
+ return true;
+ }
+ }
+ else {
+ // Close a subpath
+ w += windingLine(xi, yi, x0, y0, x, y);
+ // 濡傛灉琚换浣曚竴涓� subpath 鍖呭惈
+ // FIXME subpaths may overlap
+ // if (w !== 0) {
+ // return true;
+ // }
+ }
+ xi = x0;
+ yi = y0;
+ break;
+ }
+ }
+ if (!isStroke && !isAroundEqual(yi, y0)) {
+ w += windingLine(xi, yi, x0, y0, x, y) || 0;
+ }
+ return w !== 0;
+}
+
+function contain(pathData, x, y) {
+ return containPath(pathData, 0, false, x, y);
+}
+
+function containStroke(pathData, lineWidth, x, y) {
+ return containPath(pathData, lineWidth, true, x, y);
+}
+
+var getCanvasPattern = Pattern.prototype.getCanvasPattern;
+
+var abs = Math.abs;
+
+var pathProxyForDraw = new PathProxy(true);
+/**
+ * @alias module:zrender/graphic/Path
+ * @extends module:zrender/graphic/Displayable
+ * @constructor
+ * @param {Object} opts
+ */
+function Path(opts) {
+ Displayable.call(this, opts);
+
+ /**
+ * @type {module:zrender/core/PathProxy}
+ * @readOnly
+ */
+ this.path = null;
+}
+
+Path.prototype = {
+
+ constructor: Path,
+
+ type: 'path',
+
+ __dirtyPath: true,
+
+ strokeContainThreshold: 5,
+
+ // This item default to be false. But in map series in echarts,
+ // in order to improve performance, it should be set to true,
+ // so the shorty segment won't draw.
+ segmentIgnoreThreshold: 0,
+
+ /**
+ * See `module:zrender/src/graphic/helper/subPixelOptimize`.
+ * @type {boolean}
+ */
+ subPixelOptimize: false,
+
+ brush: function (ctx, prevEl) {
+ var style = this.style;
+ var path = this.path || pathProxyForDraw;
+ var hasStroke = style.hasStroke();
+ var hasFill = style.hasFill();
+ var fill = style.fill;
+ var stroke = style.stroke;
+ var hasFillGradient = hasFill && !!(fill.colorStops);
+ var hasStrokeGradient = hasStroke && !!(stroke.colorStops);
+ var hasFillPattern = hasFill && !!(fill.image);
+ var hasStrokePattern = hasStroke && !!(stroke.image);
+
+ style.bind(ctx, this, prevEl);
+ this.setTransform(ctx);
+
+ if (this.__dirty) {
+ var rect;
+ // Update gradient because bounding rect may changed
+ if (hasFillGradient) {
+ rect = rect || this.getBoundingRect();
+ this._fillGradient = style.getGradient(ctx, fill, rect);
+ }
+ if (hasStrokeGradient) {
+ rect = rect || this.getBoundingRect();
+ this._strokeGradient = style.getGradient(ctx, stroke, rect);
+ }
+ }
+ // Use the gradient or pattern
+ if (hasFillGradient) {
+ // PENDING If may have affect the state
+ ctx.fillStyle = this._fillGradient;
+ }
+ else if (hasFillPattern) {
+ ctx.fillStyle = getCanvasPattern.call(fill, ctx);
+ }
+ if (hasStrokeGradient) {
+ ctx.strokeStyle = this._strokeGradient;
+ }
+ else if (hasStrokePattern) {
+ ctx.strokeStyle = getCanvasPattern.call(stroke, ctx);
+ }
+
+ var lineDash = style.lineDash;
+ var lineDashOffset = style.lineDashOffset;
+
+ var ctxLineDash = !!ctx.setLineDash;
+
+ // Update path sx, sy
+ var scale = this.getGlobalScale();
+ path.setScale(scale[0], scale[1], this.segmentIgnoreThreshold);
+
+ // Proxy context
+ // Rebuild path in following 2 cases
+ // 1. Path is dirty
+ // 2. Path needs javascript implemented lineDash stroking.
+ // In this case, lineDash information will not be saved in PathProxy
+ if (this.__dirtyPath
+ || (lineDash && !ctxLineDash && hasStroke)
+ ) {
+ path.beginPath(ctx);
+
+ // Setting line dash before build path
+ if (lineDash && !ctxLineDash) {
+ path.setLineDash(lineDash);
+ path.setLineDashOffset(lineDashOffset);
+ }
+
+ this.buildPath(path, this.shape, false);
+
+ // Clear path dirty flag
+ if (this.path) {
+ this.__dirtyPath = false;
+ }
+ }
+ else {
+ // Replay path building
+ ctx.beginPath();
+ this.path.rebuildPath(ctx);
+ }
+
+ if (hasFill) {
+ if (style.fillOpacity != null) {
+ var originalGlobalAlpha = ctx.globalAlpha;
+ ctx.globalAlpha = style.fillOpacity * style.opacity;
+ path.fill(ctx);
+ ctx.globalAlpha = originalGlobalAlpha;
+ }
+ else {
+ path.fill(ctx);
+ }
+ }
+
+ if (lineDash && ctxLineDash) {
+ ctx.setLineDash(lineDash);
+ ctx.lineDashOffset = lineDashOffset;
+ }
+
+ if (hasStroke) {
+ if (style.strokeOpacity != null) {
+ var originalGlobalAlpha = ctx.globalAlpha;
+ ctx.globalAlpha = style.strokeOpacity * style.opacity;
+ path.stroke(ctx);
+ ctx.globalAlpha = originalGlobalAlpha;
+ }
+ else {
+ path.stroke(ctx);
+ }
+ }
+
+ if (lineDash && ctxLineDash) {
+ // PENDING
+ // Remove lineDash
+ ctx.setLineDash([]);
+ }
+
+ // Draw rect text
+ if (style.text != null) {
+ // Only restore transform when needs draw text.
+ this.restoreTransform(ctx);
+ this.drawRectText(ctx, this.getBoundingRect());
+ }
+ },
+
+ // When bundling path, some shape may decide if use moveTo to begin a new subpath or closePath
+ // Like in circle
+ buildPath: function (ctx, shapeCfg, inBundle) {},
+
+ createPathProxy: function () {
+ this.path = new PathProxy();
+ },
+
+ getBoundingRect: function () {
+ var rect = this._rect;
+ var style = this.style;
+ var needsUpdateRect = !rect;
+ if (needsUpdateRect) {
+ var path = this.path;
+ if (!path) {
+ // Create path on demand.
+ path = this.path = new PathProxy();
+ }
+ if (this.__dirtyPath) {
+ path.beginPath();
+ this.buildPath(path, this.shape, false);
+ }
+ rect = path.getBoundingRect();
+ }
+ this._rect = rect;
+
+ if (style.hasStroke()) {
+ // Needs update rect with stroke lineWidth when
+ // 1. Element changes scale or lineWidth
+ // 2. Shape is changed
+ var rectWithStroke = this._rectWithStroke || (this._rectWithStroke = rect.clone());
+ if (this.__dirty || needsUpdateRect) {
+ rectWithStroke.copy(rect);
+ // FIXME Must after updateTransform
+ var w = style.lineWidth;
+ // PENDING, Min line width is needed when line is horizontal or vertical
+ var lineScale = style.strokeNoScale ? this.getLineScale() : 1;
+
+ // Only add extra hover lineWidth when there are no fill
+ if (!style.hasFill()) {
+ w = Math.max(w, this.strokeContainThreshold || 4);
+ }
+ // Consider line width
+ // Line scale can't be 0;
+ if (lineScale > 1e-10) {
+ rectWithStroke.width += w / lineScale;
+ rectWithStroke.height += w / lineScale;
+ rectWithStroke.x -= w / lineScale / 2;
+ rectWithStroke.y -= w / lineScale / 2;
+ }
+ }
+
+ // Return rect with stroke
+ return rectWithStroke;
+ }
+
+ return rect;
+ },
+
+ contain: function (x, y) {
+ var localPos = this.transformCoordToLocal(x, y);
+ var rect = this.getBoundingRect();
+ var style = this.style;
+ x = localPos[0];
+ y = localPos[1];
+
+ if (rect.contain(x, y)) {
+ var pathData = this.path.data;
+ if (style.hasStroke()) {
+ var lineWidth = style.lineWidth;
+ var lineScale = style.strokeNoScale ? this.getLineScale() : 1;
+ // Line scale can't be 0;
+ if (lineScale > 1e-10) {
+ // Only add extra hover lineWidth when there are no fill
+ if (!style.hasFill()) {
+ lineWidth = Math.max(lineWidth, this.strokeContainThreshold);
+ }
+ if (containStroke(
+ pathData, lineWidth / lineScale, x, y
+ )) {
+ return true;
+ }
+ }
+ }
+ if (style.hasFill()) {
+ return contain(pathData, x, y);
+ }
+ }
+ return false;
+ },
+
+ /**
+ * @param {boolean} dirtyPath
+ */
+ dirty: function (dirtyPath) {
+ if (dirtyPath == null) {
+ dirtyPath = true;
+ }
+ // Only mark dirty, not mark clean
+ if (dirtyPath) {
+ this.__dirtyPath = dirtyPath;
+ this._rect = null;
+ }
+
+ this.__dirty = this.__dirtyText = true;
+
+ this.__zr && this.__zr.refresh();
+
+ // Used as a clipping path
+ if (this.__clipTarget) {
+ this.__clipTarget.dirty();
+ }
+ },
+
+ /**
+ * Alias for animate('shape')
+ * @param {boolean} loop
+ */
+ animateShape: function (loop) {
+ return this.animate('shape', loop);
+ },
+
+ // Overwrite attrKV
+ attrKV: function (key, value) {
+ // FIXME
+ if (key === 'shape') {
+ this.setShape(value);
+ this.__dirtyPath = true;
+ this._rect = null;
+ }
+ else {
+ Displayable.prototype.attrKV.call(this, key, value);
+ }
+ },
+
+ /**
+ * @param {Object|string} key
+ * @param {*} value
+ */
+ setShape: function (key, value) {
+ var shape = this.shape;
+ // Path from string may not have shape
+ if (shape) {
+ if (isObject$1(key)) {
+ for (var name in key) {
+ if (key.hasOwnProperty(name)) {
+ shape[name] = key[name];
+ }
+ }
+ }
+ else {
+ shape[key] = value;
+ }
+ this.dirty(true);
+ }
+ return this;
+ },
+
+ getLineScale: function () {
+ var m = this.transform;
+ // Get the line scale.
+ // Determinant of `m` means how much the area is enlarged by the
+ // transformation. So its square root can be used as a scale factor
+ // for width.
+ return m && abs(m[0] - 1) > 1e-10 && abs(m[3] - 1) > 1e-10
+ ? Math.sqrt(abs(m[0] * m[3] - m[2] * m[1]))
+ : 1;
+ }
+};
+
+/**
+ * 鎵╁睍涓�涓� Path element, 姣斿鏄熷舰锛屽渾绛夈��
+ * Extend a path element
+ * @param {Object} props
+ * @param {string} props.type Path type
+ * @param {Function} props.init Initialize
+ * @param {Function} props.buildPath Overwrite buildPath method
+ * @param {Object} [props.style] Extended default style config
+ * @param {Object} [props.shape] Extended default shape config
+ */
+Path.extend = function (defaults$$1) {
+ var Sub = function (opts) {
+ Path.call(this, opts);
+
+ if (defaults$$1.style) {
+ // Extend default style
+ this.style.extendFrom(defaults$$1.style, false);
+ }
+
+ // Extend default shape
+ var defaultShape = defaults$$1.shape;
+ if (defaultShape) {
+ this.shape = this.shape || {};
+ var thisShape = this.shape;
+ for (var name in defaultShape) {
+ if (
+ !thisShape.hasOwnProperty(name)
+ && defaultShape.hasOwnProperty(name)
+ ) {
+ thisShape[name] = defaultShape[name];
+ }
+ }
+ }
+
+ defaults$$1.init && defaults$$1.init.call(this, opts);
+ };
+
+ inherits(Sub, Path);
+
+ // FIXME 涓嶈兘 extend position, rotation 绛夊紩鐢ㄥ璞�
+ for (var name in defaults$$1) {
+ // Extending prototype values and methods
+ if (name !== 'style' && name !== 'shape') {
+ Sub.prototype[name] = defaults$$1[name];
+ }
+ }
+
+ return Sub;
+};
+
+inherits(Path, Displayable);
+
+var CMD$2 = PathProxy.CMD;
+
+var points = [[], [], []];
+var mathSqrt$3 = Math.sqrt;
+var mathAtan2 = Math.atan2;
+
+var transformPath = function (path, m) {
+ var data = path.data;
+ var cmd;
+ var nPoint;
+ var i;
+ var j;
+ var k;
+ var p;
+
+ var M = CMD$2.M;
+ var C = CMD$2.C;
+ var L = CMD$2.L;
+ var R = CMD$2.R;
+ var A = CMD$2.A;
+ var Q = CMD$2.Q;
+
+ for (i = 0, j = 0; i < data.length;) {
+ cmd = data[i++];
+ j = i;
+ nPoint = 0;
+
+ switch (cmd) {
+ case M:
+ nPoint = 1;
+ break;
+ case L:
+ nPoint = 1;
+ break;
+ case C:
+ nPoint = 3;
+ break;
+ case Q:
+ nPoint = 2;
+ break;
+ case A:
+ var x = m[4];
+ var y = m[5];
+ var sx = mathSqrt$3(m[0] * m[0] + m[1] * m[1]);
+ var sy = mathSqrt$3(m[2] * m[2] + m[3] * m[3]);
+ var angle = mathAtan2(-m[1] / sy, m[0] / sx);
+ // cx
+ data[i] *= sx;
+ data[i++] += x;
+ // cy
+ data[i] *= sy;
+ data[i++] += y;
+ // Scale rx and ry
+ // FIXME Assume psi is 0 here
+ data[i++] *= sx;
+ data[i++] *= sy;
+
+ // Start angle
+ data[i++] += angle;
+ // end angle
+ data[i++] += angle;
+ // FIXME psi
+ i += 2;
+ j = i;
+ break;
+ case R:
+ // x0, y0
+ p[0] = data[i++];
+ p[1] = data[i++];
+ applyTransform(p, p, m);
+ data[j++] = p[0];
+ data[j++] = p[1];
+ // x1, y1
+ p[0] += data[i++];
+ p[1] += data[i++];
+ applyTransform(p, p, m);
+ data[j++] = p[0];
+ data[j++] = p[1];
+ }
+
+ for (k = 0; k < nPoint; k++) {
+ var p = points[k];
+ p[0] = data[i++];
+ p[1] = data[i++];
+
+ applyTransform(p, p, m);
+ // Write back
+ data[j++] = p[0];
+ data[j++] = p[1];
+ }
+ }
+};
+
+// command chars
+// var cc = [
+// 'm', 'M', 'l', 'L', 'v', 'V', 'h', 'H', 'z', 'Z',
+// 'c', 'C', 'q', 'Q', 't', 'T', 's', 'S', 'a', 'A'
+// ];
+
+var mathSqrt = Math.sqrt;
+var mathSin = Math.sin;
+var mathCos = Math.cos;
+var PI = Math.PI;
+
+var vMag = function (v) {
+ return Math.sqrt(v[0] * v[0] + v[1] * v[1]);
+};
+var vRatio = function (u, v) {
+ return (u[0] * v[0] + u[1] * v[1]) / (vMag(u) * vMag(v));
+};
+var vAngle = function (u, v) {
+ return (u[0] * v[1] < u[1] * v[0] ? -1 : 1)
+ * Math.acos(vRatio(u, v));
+};
+
+function processArc(x1, y1, x2, y2, fa, fs, rx, ry, psiDeg, cmd, path) {
+ var psi = psiDeg * (PI / 180.0);
+ var xp = mathCos(psi) * (x1 - x2) / 2.0
+ + mathSin(psi) * (y1 - y2) / 2.0;
+ var yp = -1 * mathSin(psi) * (x1 - x2) / 2.0
+ + mathCos(psi) * (y1 - y2) / 2.0;
+
+ var lambda = (xp * xp) / (rx * rx) + (yp * yp) / (ry * ry);
+
+ if (lambda > 1) {
+ rx *= mathSqrt(lambda);
+ ry *= mathSqrt(lambda);
+ }
+
+ var f = (fa === fs ? -1 : 1)
+ * mathSqrt((((rx * rx) * (ry * ry))
+ - ((rx * rx) * (yp * yp))
+ - ((ry * ry) * (xp * xp))) / ((rx * rx) * (yp * yp)
+ + (ry * ry) * (xp * xp))
+ ) || 0;
+
+ var cxp = f * rx * yp / ry;
+ var cyp = f * -ry * xp / rx;
+
+ var cx = (x1 + x2) / 2.0
+ + mathCos(psi) * cxp
+ - mathSin(psi) * cyp;
+ var cy = (y1 + y2) / 2.0
+ + mathSin(psi) * cxp
+ + mathCos(psi) * cyp;
+
+ var theta = vAngle([ 1, 0 ], [ (xp - cxp) / rx, (yp - cyp) / ry ]);
+ var u = [ (xp - cxp) / rx, (yp - cyp) / ry ];
+ var v = [ (-1 * xp - cxp) / rx, (-1 * yp - cyp) / ry ];
+ var dTheta = vAngle(u, v);
+
+ if (vRatio(u, v) <= -1) {
+ dTheta = PI;
+ }
+ if (vRatio(u, v) >= 1) {
+ dTheta = 0;
+ }
+ if (fs === 0 && dTheta > 0) {
+ dTheta = dTheta - 2 * PI;
+ }
+ if (fs === 1 && dTheta < 0) {
+ dTheta = dTheta + 2 * PI;
+ }
+
+ path.addData(cmd, cx, cy, rx, ry, theta, dTheta, psi, fs);
+}
+
+
+var commandReg = /([mlvhzcqtsa])([^mlvhzcqtsa]*)/ig;
+// Consider case:
+// (1) delimiter can be comma or space, where continuous commas
+// or spaces should be seen as one comma.
+// (2) value can be like:
+// '2e-4', 'l.5.9' (ignore 0), 'M-10-10', 'l-2.43e-1,34.9983',
+// 'l-.5E1,54', '121-23-44-11' (no delimiter)
+var numberReg = /-?([0-9]*\.)?[0-9]+([eE]-?[0-9]+)?/g;
+// var valueSplitReg = /[\s,]+/;
+
+function createPathProxyFromString(data) {
+ if (!data) {
+ return new PathProxy();
+ }
+
+ // var data = data.replace(/-/g, ' -')
+ // .replace(/ /g, ' ')
+ // .replace(/ /g, ',')
+ // .replace(/,,/g, ',');
+
+ // var n;
+ // create pipes so that we can split the data
+ // for (n = 0; n < cc.length; n++) {
+ // cs = cs.replace(new RegExp(cc[n], 'g'), '|' + cc[n]);
+ // }
+
+ // data = data.replace(/-/g, ',-');
+
+ // create array
+ // var arr = cs.split('|');
+ // init context point
+ var cpx = 0;
+ var cpy = 0;
+ var subpathX = cpx;
+ var subpathY = cpy;
+ var prevCmd;
+
+ var path = new PathProxy();
+ var CMD = PathProxy.CMD;
+
+ // commandReg.lastIndex = 0;
+ // var cmdResult;
+ // while ((cmdResult = commandReg.exec(data)) != null) {
+ // var cmdStr = cmdResult[1];
+ // var cmdContent = cmdResult[2];
+
+ var cmdList = data.match(commandReg);
+ for (var l = 0; l < cmdList.length; l++) {
+ var cmdText = cmdList[l];
+ var cmdStr = cmdText.charAt(0);
+
+ var cmd;
+
+ // String#split is faster a little bit than String#replace or RegExp#exec.
+ // var p = cmdContent.split(valueSplitReg);
+ // var pLen = 0;
+ // for (var i = 0; i < p.length; i++) {
+ // // '' and other invalid str => NaN
+ // var val = parseFloat(p[i]);
+ // !isNaN(val) && (p[pLen++] = val);
+ // }
+
+ var p = cmdText.match(numberReg) || [];
+ var pLen = p.length;
+ for (var i = 0; i < pLen; i++) {
+ p[i] = parseFloat(p[i]);
+ }
+
+ var off = 0;
+ while (off < pLen) {
+ var ctlPtx;
+ var ctlPty;
+
+ var rx;
+ var ry;
+ var psi;
+ var fa;
+ var fs;
+
+ var x1 = cpx;
+ var y1 = cpy;
+
+ // convert l, H, h, V, and v to L
+ switch (cmdStr) {
+ case 'l':
+ cpx += p[off++];
+ cpy += p[off++];
+ cmd = CMD.L;
+ path.addData(cmd, cpx, cpy);
+ break;
+ case 'L':
+ cpx = p[off++];
+ cpy = p[off++];
+ cmd = CMD.L;
+ path.addData(cmd, cpx, cpy);
+ break;
+ case 'm':
+ cpx += p[off++];
+ cpy += p[off++];
+ cmd = CMD.M;
+ path.addData(cmd, cpx, cpy);
+ subpathX = cpx;
+ subpathY = cpy;
+ cmdStr = 'l';
+ break;
+ case 'M':
+ cpx = p[off++];
+ cpy = p[off++];
+ cmd = CMD.M;
+ path.addData(cmd, cpx, cpy);
+ subpathX = cpx;
+ subpathY = cpy;
+ cmdStr = 'L';
+ break;
+ case 'h':
+ cpx += p[off++];
+ cmd = CMD.L;
+ path.addData(cmd, cpx, cpy);
+ break;
+ case 'H':
+ cpx = p[off++];
+ cmd = CMD.L;
+ path.addData(cmd, cpx, cpy);
+ break;
+ case 'v':
+ cpy += p[off++];
+ cmd = CMD.L;
+ path.addData(cmd, cpx, cpy);
+ break;
+ case 'V':
+ cpy = p[off++];
+ cmd = CMD.L;
+ path.addData(cmd, cpx, cpy);
+ break;
+ case 'C':
+ cmd = CMD.C;
+ path.addData(
+ cmd, p[off++], p[off++], p[off++], p[off++], p[off++], p[off++]
+ );
+ cpx = p[off - 2];
+ cpy = p[off - 1];
+ break;
+ case 'c':
+ cmd = CMD.C;
+ path.addData(
+ cmd,
+ p[off++] + cpx, p[off++] + cpy,
+ p[off++] + cpx, p[off++] + cpy,
+ p[off++] + cpx, p[off++] + cpy
+ );
+ cpx += p[off - 2];
+ cpy += p[off - 1];
+ break;
+ case 'S':
+ ctlPtx = cpx;
+ ctlPty = cpy;
+ var len = path.len();
+ var pathData = path.data;
+ if (prevCmd === CMD.C) {
+ ctlPtx += cpx - pathData[len - 4];
+ ctlPty += cpy - pathData[len - 3];
+ }
+ cmd = CMD.C;
+ x1 = p[off++];
+ y1 = p[off++];
+ cpx = p[off++];
+ cpy = p[off++];
+ path.addData(cmd, ctlPtx, ctlPty, x1, y1, cpx, cpy);
+ break;
+ case 's':
+ ctlPtx = cpx;
+ ctlPty = cpy;
+ var len = path.len();
+ var pathData = path.data;
+ if (prevCmd === CMD.C) {
+ ctlPtx += cpx - pathData[len - 4];
+ ctlPty += cpy - pathData[len - 3];
+ }
+ cmd = CMD.C;
+ x1 = cpx + p[off++];
+ y1 = cpy + p[off++];
+ cpx += p[off++];
+ cpy += p[off++];
+ path.addData(cmd, ctlPtx, ctlPty, x1, y1, cpx, cpy);
+ break;
+ case 'Q':
+ x1 = p[off++];
+ y1 = p[off++];
+ cpx = p[off++];
+ cpy = p[off++];
+ cmd = CMD.Q;
+ path.addData(cmd, x1, y1, cpx, cpy);
+ break;
+ case 'q':
+ x1 = p[off++] + cpx;
+ y1 = p[off++] + cpy;
+ cpx += p[off++];
+ cpy += p[off++];
+ cmd = CMD.Q;
+ path.addData(cmd, x1, y1, cpx, cpy);
+ break;
+ case 'T':
+ ctlPtx = cpx;
+ ctlPty = cpy;
+ var len = path.len();
+ var pathData = path.data;
+ if (prevCmd === CMD.Q) {
+ ctlPtx += cpx - pathData[len - 4];
+ ctlPty += cpy - pathData[len - 3];
+ }
+ cpx = p[off++];
+ cpy = p[off++];
+ cmd = CMD.Q;
+ path.addData(cmd, ctlPtx, ctlPty, cpx, cpy);
+ break;
+ case 't':
+ ctlPtx = cpx;
+ ctlPty = cpy;
+ var len = path.len();
+ var pathData = path.data;
+ if (prevCmd === CMD.Q) {
+ ctlPtx += cpx - pathData[len - 4];
+ ctlPty += cpy - pathData[len - 3];
+ }
+ cpx += p[off++];
+ cpy += p[off++];
+ cmd = CMD.Q;
+ path.addData(cmd, ctlPtx, ctlPty, cpx, cpy);
+ break;
+ case 'A':
+ rx = p[off++];
+ ry = p[off++];
+ psi = p[off++];
+ fa = p[off++];
+ fs = p[off++];
+
+ x1 = cpx, y1 = cpy;
+ cpx = p[off++];
+ cpy = p[off++];
+ cmd = CMD.A;
+ processArc(
+ x1, y1, cpx, cpy, fa, fs, rx, ry, psi, cmd, path
+ );
+ break;
+ case 'a':
+ rx = p[off++];
+ ry = p[off++];
+ psi = p[off++];
+ fa = p[off++];
+ fs = p[off++];
+
+ x1 = cpx, y1 = cpy;
+ cpx += p[off++];
+ cpy += p[off++];
+ cmd = CMD.A;
+ processArc(
+ x1, y1, cpx, cpy, fa, fs, rx, ry, psi, cmd, path
+ );
+ break;
+ }
+ }
+
+ if (cmdStr === 'z' || cmdStr === 'Z') {
+ cmd = CMD.Z;
+ path.addData(cmd);
+ // z may be in the middle of the path.
+ cpx = subpathX;
+ cpy = subpathY;
+ }
+
+ prevCmd = cmd;
+ }
+
+ path.toStatic();
+
+ return path;
+}
+
+// TODO Optimize double memory cost problem
+function createPathOptions(str, opts) {
+ var pathProxy = createPathProxyFromString(str);
+ opts = opts || {};
+ opts.buildPath = function (path) {
+ if (path.setData) {
+ path.setData(pathProxy.data);
+ // Svg and vml renderer don't have context
+ var ctx = path.getContext();
+ if (ctx) {
+ path.rebuildPath(ctx);
+ }
+ }
+ else {
+ var ctx = path;
+ pathProxy.rebuildPath(ctx);
+ }
+ };
+
+ opts.applyTransform = function (m) {
+ transformPath(pathProxy, m);
+ this.dirty(true);
+ };
+
+ return opts;
+}
+
+/**
+ * Create a Path object from path string data
+ * http://www.w3.org/TR/SVG/paths.html#PathData
+ * @param {Object} opts Other options
+ */
+function createFromString(str, opts) {
+ return new Path(createPathOptions(str, opts));
+}
+
+/**
+ * Create a Path class from path string data
+ * @param {string} str
+ * @param {Object} opts Other options
+ */
+function extendFromString(str, opts) {
+ return Path.extend(createPathOptions(str, opts));
+}
+
+/**
+ * Merge multiple paths
+ */
+// TODO Apply transform
+// TODO stroke dash
+// TODO Optimize double memory cost problem
+function mergePath$1(pathEls, opts) {
+ var pathList = [];
+ var len = pathEls.length;
+ for (var i = 0; i < len; i++) {
+ var pathEl = pathEls[i];
+ if (!pathEl.path) {
+ pathEl.createPathProxy();
+ }
+ if (pathEl.__dirtyPath) {
+ pathEl.buildPath(pathEl.path, pathEl.shape, true);
+ }
+ pathList.push(pathEl.path);
+ }
+
+ var pathBundle = new Path(opts);
+ // Need path proxy.
+ pathBundle.createPathProxy();
+ pathBundle.buildPath = function (path) {
+ path.appendPath(pathList);
+ // Svg and vml renderer don't have context
+ var ctx = path.getContext();
+ if (ctx) {
+ path.rebuildPath(ctx);
+ }
+ };
+
+ return pathBundle;
+}
+
+/**
+ * @alias zrender/graphic/Text
+ * @extends module:zrender/graphic/Displayable
+ * @constructor
+ * @param {Object} opts
+ */
+var Text = function (opts) { // jshint ignore:line
+ Displayable.call(this, opts);
+};
+
+Text.prototype = {
+
+ constructor: Text,
+
+ type: 'text',
+
+ brush: function (ctx, prevEl) {
+ var style = this.style;
+
+ // Optimize, avoid normalize every time.
+ this.__dirty && normalizeTextStyle(style, true);
+
+ // Use props with prefix 'text'.
+ style.fill = style.stroke = style.shadowBlur = style.shadowColor =
+ style.shadowOffsetX = style.shadowOffsetY = null;
+
+ var text = style.text;
+ // Convert to string
+ text != null && (text += '');
+
+ // Do not apply style.bind in Text node. Because the real bind job
+ // is in textHelper.renderText, and performance of text render should
+ // be considered.
+ // style.bind(ctx, this, prevEl);
+
+ if (!needDrawText(text, style)) {
+ // The current el.style is not applied
+ // and should not be used as cache.
+ ctx.__attrCachedBy = ContextCachedBy.NONE;
+ return;
+ }
+
+ this.setTransform(ctx);
+
+ renderText(this, ctx, text, style, null, prevEl);
+
+ this.restoreTransform(ctx);
+ },
+
+ getBoundingRect: function () {
+ var style = this.style;
+
+ // Optimize, avoid normalize every time.
+ this.__dirty && normalizeTextStyle(style, true);
+
+ if (!this._rect) {
+ var text = style.text;
+ text != null ? (text += '') : (text = '');
+
+ var rect = getBoundingRect(
+ style.text + '',
+ style.font,
+ style.textAlign,
+ style.textVerticalAlign,
+ style.textPadding,
+ style.textLineHeight,
+ style.rich
+ );
+
+ rect.x += style.x || 0;
+ rect.y += style.y || 0;
+
+ if (getStroke(style.textStroke, style.textStrokeWidth)) {
+ var w = style.textStrokeWidth;
+ rect.x -= w / 2;
+ rect.y -= w / 2;
+ rect.width += w;
+ rect.height += w;
+ }
+
+ this._rect = rect;
+ }
+
+ return this._rect;
+ }
+};
+
+inherits(Text, Displayable);
+
+/**
+ * 鍦嗗舰
+ * @module zrender/shape/Circle
+ */
+
+var Circle = Path.extend({
+
+ type: 'circle',
+
+ shape: {
+ cx: 0,
+ cy: 0,
+ r: 0
+ },
+
+
+ buildPath: function (ctx, shape, inBundle) {
+ // Better stroking in ShapeBundle
+ // Always do it may have performence issue ( fill may be 2x more cost)
+ if (inBundle) {
+ ctx.moveTo(shape.cx + shape.r, shape.cy);
+ }
+ // else {
+ // if (ctx.allocate && !ctx.data.length) {
+ // ctx.allocate(ctx.CMD_MEM_SIZE.A);
+ // }
+ // }
+ // Better stroking in ShapeBundle
+ // ctx.moveTo(shape.cx + shape.r, shape.cy);
+ ctx.arc(shape.cx, shape.cy, shape.r, 0, Math.PI * 2, true);
+ }
+});
+
+// Fix weird bug in some version of IE11 (like 11.0.9600.178**),
+// where exception "unexpected call to method or property access"
+// might be thrown when calling ctx.fill or ctx.stroke after a path
+// whose area size is zero is drawn and ctx.clip() is called and
+// shadowBlur is set. See #4572, #3112, #5777.
+// (e.g.,
+// ctx.moveTo(10, 10);
+// ctx.lineTo(20, 10);
+// ctx.closePath();
+// ctx.clip();
+// ctx.shadowBlur = 10;
+// ...
+// ctx.fill();
+// )
+
+var shadowTemp = [
+ ['shadowBlur', 0],
+ ['shadowColor', '#000'],
+ ['shadowOffsetX', 0],
+ ['shadowOffsetY', 0]
+];
+
+var fixClipWithShadow = function (orignalBrush) {
+
+ // version string can be: '11.0'
+ return (env$1.browser.ie && env$1.browser.version >= 11)
+
+ ? function () {
+ var clipPaths = this.__clipPaths;
+ var style = this.style;
+ var modified;
+
+ if (clipPaths) {
+ for (var i = 0; i < clipPaths.length; i++) {
+ var clipPath = clipPaths[i];
+ var shape = clipPath && clipPath.shape;
+ var type = clipPath && clipPath.type;
+
+ if (shape && (
+ (type === 'sector' && shape.startAngle === shape.endAngle)
+ || (type === 'rect' && (!shape.width || !shape.height))
+ )) {
+ for (var j = 0; j < shadowTemp.length; j++) {
+ // It is save to put shadowTemp static, because shadowTemp
+ // will be all modified each item brush called.
+ shadowTemp[j][2] = style[shadowTemp[j][0]];
+ style[shadowTemp[j][0]] = shadowTemp[j][1];
+ }
+ modified = true;
+ break;
+ }
+ }
+ }
+
+ orignalBrush.apply(this, arguments);
+
+ if (modified) {
+ for (var j = 0; j < shadowTemp.length; j++) {
+ style[shadowTemp[j][0]] = shadowTemp[j][2];
+ }
+ }
+ }
+
+ : orignalBrush;
+};
+
+/**
+ * 鎵囧舰
+ * @module zrender/graphic/shape/Sector
+ */
+
+var Sector = Path.extend({
+
+ type: 'sector',
+
+ shape: {
+
+ cx: 0,
+
+ cy: 0,
+
+ r0: 0,
+
+ r: 0,
+
+ startAngle: 0,
+
+ endAngle: Math.PI * 2,
+
+ clockwise: true
+ },
+
+ brush: fixClipWithShadow(Path.prototype.brush),
+
+ buildPath: function (ctx, shape) {
+
+ var x = shape.cx;
+ var y = shape.cy;
+ var r0 = Math.max(shape.r0 || 0, 0);
+ var r = Math.max(shape.r, 0);
+ var startAngle = shape.startAngle;
+ var endAngle = shape.endAngle;
+ var clockwise = shape.clockwise;
+
+ var unitX = Math.cos(startAngle);
+ var unitY = Math.sin(startAngle);
+
+ ctx.moveTo(unitX * r0 + x, unitY * r0 + y);
+
+ ctx.lineTo(unitX * r + x, unitY * r + y);
+
+ ctx.arc(x, y, r, startAngle, endAngle, !clockwise);
+
+ ctx.lineTo(
+ Math.cos(endAngle) * r0 + x,
+ Math.sin(endAngle) * r0 + y
+ );
+
+ if (r0 !== 0) {
+ ctx.arc(x, y, r0, endAngle, startAngle, clockwise);
+ }
+
+ ctx.closePath();
+ }
+});
+
+/**
+ * 鍦嗙幆
+ * @module zrender/graphic/shape/Ring
+ */
+
+var Ring = Path.extend({
+
+ type: 'ring',
+
+ shape: {
+ cx: 0,
+ cy: 0,
+ r: 0,
+ r0: 0
+ },
+
+ buildPath: function (ctx, shape) {
+ var x = shape.cx;
+ var y = shape.cy;
+ var PI2 = Math.PI * 2;
+ ctx.moveTo(x + shape.r, y);
+ ctx.arc(x, y, shape.r, 0, PI2, false);
+ ctx.moveTo(x + shape.r0, y);
+ ctx.arc(x, y, shape.r0, 0, PI2, true);
+ }
+});
+
+/**
+ * Catmull-Rom spline 鎻掑�兼姌绾�
+ * @module zrender/shape/util/smoothSpline
+ * @author pissang (https://www.github.com/pissang)
+ * Kener (@Kener-鏋楀嘲, kener.linfeng@gmail.com)
+ * errorrik (errorrik@gmail.com)
+ */
+
+/**
+ * @inner
+ */
+function interpolate(p0, p1, p2, p3, t, t2, t3) {
+ var v0 = (p2 - p0) * 0.5;
+ var v1 = (p3 - p1) * 0.5;
+ return (2 * (p1 - p2) + v0 + v1) * t3
+ + (-3 * (p1 - p2) - 2 * v0 - v1) * t2
+ + v0 * t + p1;
+}
+
+/**
+ * @alias module:zrender/shape/util/smoothSpline
+ * @param {Array} points 绾挎椤剁偣鏁扮粍
+ * @param {boolean} isLoop
+ * @return {Array}
+ */
+var smoothSpline = function (points, isLoop) {
+ var len$$1 = points.length;
+ var ret = [];
+
+ var distance$$1 = 0;
+ for (var i = 1; i < len$$1; i++) {
+ distance$$1 += distance(points[i - 1], points[i]);
+ }
+
+ var segs = distance$$1 / 2;
+ segs = segs < len$$1 ? len$$1 : segs;
+ for (var i = 0; i < segs; i++) {
+ var pos = i / (segs - 1) * (isLoop ? len$$1 : len$$1 - 1);
+ var idx = Math.floor(pos);
+
+ var w = pos - idx;
+
+ var p0;
+ var p1 = points[idx % len$$1];
+ var p2;
+ var p3;
+ if (!isLoop) {
+ p0 = points[idx === 0 ? idx : idx - 1];
+ p2 = points[idx > len$$1 - 2 ? len$$1 - 1 : idx + 1];
+ p3 = points[idx > len$$1 - 3 ? len$$1 - 1 : idx + 2];
+ }
+ else {
+ p0 = points[(idx - 1 + len$$1) % len$$1];
+ p2 = points[(idx + 1) % len$$1];
+ p3 = points[(idx + 2) % len$$1];
+ }
+
+ var w2 = w * w;
+ var w3 = w * w2;
+
+ ret.push([
+ interpolate(p0[0], p1[0], p2[0], p3[0], w, w2, w3),
+ interpolate(p0[1], p1[1], p2[1], p3[1], w, w2, w3)
+ ]);
+ }
+ return ret;
+};
+
+/**
+ * 璐濆灏斿钩婊戞洸绾�
+ * @module zrender/shape/util/smoothBezier
+ * @author pissang (https://www.github.com/pissang)
+ * Kener (@Kener-鏋楀嘲, kener.linfeng@gmail.com)
+ * errorrik (errorrik@gmail.com)
+ */
+
+/**
+ * 璐濆灏斿钩婊戞洸绾�
+ * @alias module:zrender/shape/util/smoothBezier
+ * @param {Array} points 绾挎椤剁偣鏁扮粍
+ * @param {number} smooth 骞虫粦绛夌骇, 0-1
+ * @param {boolean} isLoop
+ * @param {Array} constraint 灏嗚绠楀嚭鏉ョ殑鎺у埗鐐圭害鏉熷湪涓�涓寘鍥寸洅鍐�
+ * 姣斿 [[0, 0], [100, 100]], 杩欎釜鍖呭洿鐩掍細涓�
+ * 鏁翠釜鎶樼嚎鐨勫寘鍥寸洅鍋氫竴涓苟闆嗙敤鏉ョ害鏉熸帶鍒剁偣銆�
+ * @param {Array} 璁＄畻鍑烘潵鐨勬帶鍒剁偣鏁扮粍
+ */
+var smoothBezier = function (points, smooth, isLoop, constraint) {
+ var cps = [];
+
+ var v = [];
+ var v1 = [];
+ var v2 = [];
+ var prevPoint;
+ var nextPoint;
+
+ var min$$1;
+ var max$$1;
+ if (constraint) {
+ min$$1 = [Infinity, Infinity];
+ max$$1 = [-Infinity, -Infinity];
+ for (var i = 0, len$$1 = points.length; i < len$$1; i++) {
+ min(min$$1, min$$1, points[i]);
+ max(max$$1, max$$1, points[i]);
+ }
+ // 涓庢寚瀹氱殑鍖呭洿鐩掑仛骞堕泦
+ min(min$$1, min$$1, constraint[0]);
+ max(max$$1, max$$1, constraint[1]);
+ }
+
+ for (var i = 0, len$$1 = points.length; i < len$$1; i++) {
+ var point = points[i];
+
+ if (isLoop) {
+ prevPoint = points[i ? i - 1 : len$$1 - 1];
+ nextPoint = points[(i + 1) % len$$1];
+ }
+ else {
+ if (i === 0 || i === len$$1 - 1) {
+ cps.push(clone$1(points[i]));
+ continue;
+ }
+ else {
+ prevPoint = points[i - 1];
+ nextPoint = points[i + 1];
+ }
+ }
+
+ sub(v, nextPoint, prevPoint);
+
+ // use degree to scale the handle length
+ scale(v, v, smooth);
+
+ var d0 = distance(point, prevPoint);
+ var d1 = distance(point, nextPoint);
+ var sum = d0 + d1;
+ if (sum !== 0) {
+ d0 /= sum;
+ d1 /= sum;
+ }
+
+ scale(v1, v, -d0);
+ scale(v2, v, d1);
+ var cp0 = add([], point, v1);
+ var cp1 = add([], point, v2);
+ if (constraint) {
+ max(cp0, cp0, min$$1);
+ min(cp0, cp0, max$$1);
+ max(cp1, cp1, min$$1);
+ min(cp1, cp1, max$$1);
+ }
+ cps.push(cp0);
+ cps.push(cp1);
+ }
+
+ if (isLoop) {
+ cps.push(cps.shift());
+ }
+
+ return cps;
+};
+
+function buildPath$1(ctx, shape, closePath) {
+ var points = shape.points;
+ var smooth = shape.smooth;
+ if (points && points.length >= 2) {
+ if (smooth && smooth !== 'spline') {
+ var controlPoints = smoothBezier(
+ points, smooth, closePath, shape.smoothConstraint
+ );
+
+ ctx.moveTo(points[0][0], points[0][1]);
+ var len = points.length;
+ for (var i = 0; i < (closePath ? len : len - 1); i++) {
+ var cp1 = controlPoints[i * 2];
+ var cp2 = controlPoints[i * 2 + 1];
+ var p = points[(i + 1) % len];
+ ctx.bezierCurveTo(
+ cp1[0], cp1[1], cp2[0], cp2[1], p[0], p[1]
+ );
+ }
+ }
+ else {
+ if (smooth === 'spline') {
+ points = smoothSpline(points, closePath);
+ }
+
+ ctx.moveTo(points[0][0], points[0][1]);
+ for (var i = 1, l = points.length; i < l; i++) {
+ ctx.lineTo(points[i][0], points[i][1]);
+ }
+ }
+
+ closePath && ctx.closePath();
+ }
+}
+
+/**
+ * 澶氳竟褰�
+ * @module zrender/shape/Polygon
+ */
+
+var Polygon = Path.extend({
+
+ type: 'polygon',
+
+ shape: {
+ points: null,
+
+ smooth: false,
+
+ smoothConstraint: null
+ },
+
+ buildPath: function (ctx, shape) {
+ buildPath$1(ctx, shape, true);
+ }
+});
+
+/**
+ * @module zrender/graphic/shape/Polyline
+ */
+
+var Polyline = Path.extend({
+
+ type: 'polyline',
+
+ shape: {
+ points: null,
+
+ smooth: false,
+
+ smoothConstraint: null
+ },
+
+ style: {
+ stroke: '#000',
+
+ fill: null
+ },
+
+ buildPath: function (ctx, shape) {
+ buildPath$1(ctx, shape, false);
+ }
+});
+
+/**
+ * Sub-pixel optimize for canvas rendering, prevent from blur
+ * when rendering a thin vertical/horizontal line.
+ */
+
+var round = Math.round;
+
+/**
+ * Sub pixel optimize line for canvas
+ *
+ * @param {Object} outputShape The modification will be performed on `outputShape`.
+ * `outputShape` and `inputShape` can be the same object.
+ * `outputShape` object can be used repeatly, because all of
+ * the `x1`, `x2`, `y1`, `y2` will be assigned in this method.
+ * @param {Object} [inputShape]
+ * @param {number} [inputShape.x1]
+ * @param {number} [inputShape.y1]
+ * @param {number} [inputShape.x2]
+ * @param {number} [inputShape.y2]
+ * @param {Object} [style]
+ * @param {number} [style.lineWidth] If `null`/`undefined`/`0`, do not optimize.
+ */
+function subPixelOptimizeLine$1(outputShape, inputShape, style) {
+ if (!inputShape) {
+ return;
+ }
+
+ var x1 = inputShape.x1;
+ var x2 = inputShape.x2;
+ var y1 = inputShape.y1;
+ var y2 = inputShape.y2;
+
+ outputShape.x1 = x1;
+ outputShape.x2 = x2;
+ outputShape.y1 = y1;
+ outputShape.y2 = y2;
+
+ var lineWidth = style && style.lineWidth;
+ if (!lineWidth) {
+ return;
+ }
+
+ if (round(x1 * 2) === round(x2 * 2)) {
+ outputShape.x1 = outputShape.x2 = subPixelOptimize$1(x1, lineWidth, true);
+ }
+ if (round(y1 * 2) === round(y2 * 2)) {
+ outputShape.y1 = outputShape.y2 = subPixelOptimize$1(y1, lineWidth, true);
+ }
+}
+
+/**
+ * Sub pixel optimize rect for canvas
+ *
+ * @param {Object} outputShape The modification will be performed on `outputShape`.
+ * `outputShape` and `inputShape` can be the same object.
+ * `outputShape` object can be used repeatly, because all of
+ * the `x`, `y`, `width`, `height` will be assigned in this method.
+ * @param {Object} [inputShape]
+ * @param {number} [inputShape.x]
+ * @param {number} [inputShape.y]
+ * @param {number} [inputShape.width]
+ * @param {number} [inputShape.height]
+ * @param {Object} [style]
+ * @param {number} [style.lineWidth] If `null`/`undefined`/`0`, do not optimize.
+ */
+function subPixelOptimizeRect$1(outputShape, inputShape, style) {
+ if (!inputShape) {
+ return;
+ }
+
+ var originX = inputShape.x;
+ var originY = inputShape.y;
+ var originWidth = inputShape.width;
+ var originHeight = inputShape.height;
+
+ outputShape.x = originX;
+ outputShape.y = originY;
+ outputShape.width = originWidth;
+ outputShape.height = originHeight;
+
+ var lineWidth = style && style.lineWidth;
+ if (!lineWidth) {
+ return;
+ }
+
+ outputShape.x = subPixelOptimize$1(originX, lineWidth, true);
+ outputShape.y = subPixelOptimize$1(originY, lineWidth, true);
+ outputShape.width = Math.max(
+ subPixelOptimize$1(originX + originWidth, lineWidth, false) - outputShape.x,
+ originWidth === 0 ? 0 : 1
+ );
+ outputShape.height = Math.max(
+ subPixelOptimize$1(originY + originHeight, lineWidth, false) - outputShape.y,
+ originHeight === 0 ? 0 : 1
+ );
+}
+
+/**
+ * Sub pixel optimize for canvas
+ *
+ * @param {number} position Coordinate, such as x, y
+ * @param {number} lineWidth If `null`/`undefined`/`0`, do not optimize.
+ * @param {boolean=} positiveOrNegative Default false (negative).
+ * @return {number} Optimized position.
+ */
+function subPixelOptimize$1(position, lineWidth, positiveOrNegative) {
+ if (!lineWidth) {
+ return position;
+ }
+ // Assure that (position + lineWidth / 2) is near integer edge,
+ // otherwise line will be fuzzy in canvas.
+ var doubledPosition = round(position * 2);
+ return (doubledPosition + round(lineWidth)) % 2 === 0
+ ? doubledPosition / 2
+ : (doubledPosition + (positiveOrNegative ? 1 : -1)) / 2;
+}
+
+/**
+ * 鐭╁舰
+ * @module zrender/graphic/shape/Rect
+ */
+
+// Avoid create repeatly.
+var subPixelOptimizeOutputShape = {};
+
+var Rect = Path.extend({
+
+ type: 'rect',
+
+ shape: {
+ // 宸︿笂銆佸彸涓娿�佸彸涓嬨�佸乏涓嬭鐨勫崐寰勪緷娆′负r1銆乺2銆乺3銆乺4
+ // r缂╁啓涓�1 鐩稿綋浜� [1, 1, 1, 1]
+ // r缂╁啓涓篬1] 鐩稿綋浜� [1, 1, 1, 1]
+ // r缂╁啓涓篬1, 2] 鐩稿綋浜� [1, 2, 1, 2]
+ // r缂╁啓涓篬1, 2, 3] 鐩稿綋浜� [1, 2, 3, 2]
+ r: 0,
+
+ x: 0,
+ y: 0,
+ width: 0,
+ height: 0
+ },
+
+ buildPath: function (ctx, shape) {
+ var x;
+ var y;
+ var width;
+ var height;
+
+ if (this.subPixelOptimize) {
+ subPixelOptimizeRect$1(subPixelOptimizeOutputShape, shape, this.style);
+ x = subPixelOptimizeOutputShape.x;
+ y = subPixelOptimizeOutputShape.y;
+ width = subPixelOptimizeOutputShape.width;
+ height = subPixelOptimizeOutputShape.height;
+ subPixelOptimizeOutputShape.r = shape.r;
+ shape = subPixelOptimizeOutputShape;
+ }
+ else {
+ x = shape.x;
+ y = shape.y;
+ width = shape.width;
+ height = shape.height;
+ }
+
+ if (!shape.r) {
+ ctx.rect(x, y, width, height);
+ }
+ else {
+ buildPath(ctx, shape);
+ }
+ ctx.closePath();
+ return;
+ }
+});
+
+/**
+ * 鐩寸嚎
+ * @module zrender/graphic/shape/Line
+ */
+
+// Avoid create repeatly.
+var subPixelOptimizeOutputShape$1 = {};
+
+var Line = Path.extend({
+
+ type: 'line',
+
+ shape: {
+ // Start point
+ x1: 0,
+ y1: 0,
+ // End point
+ x2: 0,
+ y2: 0,
+
+ percent: 1
+ },
+
+ style: {
+ stroke: '#000',
+ fill: null
+ },
+
+ buildPath: function (ctx, shape) {
+ var x1;
+ var y1;
+ var x2;
+ var y2;
+
+ if (this.subPixelOptimize) {
+ subPixelOptimizeLine$1(subPixelOptimizeOutputShape$1, shape, this.style);
+ x1 = subPixelOptimizeOutputShape$1.x1;
+ y1 = subPixelOptimizeOutputShape$1.y1;
+ x2 = subPixelOptimizeOutputShape$1.x2;
+ y2 = subPixelOptimizeOutputShape$1.y2;
+ }
+ else {
+ x1 = shape.x1;
+ y1 = shape.y1;
+ x2 = shape.x2;
+ y2 = shape.y2;
+ }
+
+ var percent = shape.percent;
+
+ if (percent === 0) {
+ return;
+ }
+
+ ctx.moveTo(x1, y1);
+
+ if (percent < 1) {
+ x2 = x1 * (1 - percent) + x2 * percent;
+ y2 = y1 * (1 - percent) + y2 * percent;
+ }
+ ctx.lineTo(x2, y2);
+ },
+
+ /**
+ * Get point at percent
+ * @param {number} percent
+ * @return {Array.<number>}
+ */
+ pointAt: function (p) {
+ var shape = this.shape;
+ return [
+ shape.x1 * (1 - p) + shape.x2 * p,
+ shape.y1 * (1 - p) + shape.y2 * p
+ ];
+ }
+});
+
+/**
+ * 璐濆灏旀洸绾�
+ * @module zrender/shape/BezierCurve
+ */
+
+var out = [];
+
+function someVectorAt(shape, t, isTangent) {
+ var cpx2 = shape.cpx2;
+ var cpy2 = shape.cpy2;
+ if (cpx2 === null || cpy2 === null) {
+ return [
+ (isTangent ? cubicDerivativeAt : cubicAt)(shape.x1, shape.cpx1, shape.cpx2, shape.x2, t),
+ (isTangent ? cubicDerivativeAt : cubicAt)(shape.y1, shape.cpy1, shape.cpy2, shape.y2, t)
+ ];
+ }
+ else {
+ return [
+ (isTangent ? quadraticDerivativeAt : quadraticAt)(shape.x1, shape.cpx1, shape.x2, t),
+ (isTangent ? quadraticDerivativeAt : quadraticAt)(shape.y1, shape.cpy1, shape.y2, t)
+ ];
+ }
+}
+
+var BezierCurve = Path.extend({
+
+ type: 'bezier-curve',
+
+ shape: {
+ x1: 0,
+ y1: 0,
+ x2: 0,
+ y2: 0,
+ cpx1: 0,
+ cpy1: 0,
+ // cpx2: 0,
+ // cpy2: 0
+
+ // Curve show percent, for animating
+ percent: 1
+ },
+
+ style: {
+ stroke: '#000',
+ fill: null
+ },
+
+ buildPath: function (ctx, shape) {
+ var x1 = shape.x1;
+ var y1 = shape.y1;
+ var x2 = shape.x2;
+ var y2 = shape.y2;
+ var cpx1 = shape.cpx1;
+ var cpy1 = shape.cpy1;
+ var cpx2 = shape.cpx2;
+ var cpy2 = shape.cpy2;
+ var percent = shape.percent;
+ if (percent === 0) {
+ return;
+ }
+
+ ctx.moveTo(x1, y1);
+
+ if (cpx2 == null || cpy2 == null) {
+ if (percent < 1) {
+ quadraticSubdivide(
+ x1, cpx1, x2, percent, out
+ );
+ cpx1 = out[1];
+ x2 = out[2];
+ quadraticSubdivide(
+ y1, cpy1, y2, percent, out
+ );
+ cpy1 = out[1];
+ y2 = out[2];
+ }
+
+ ctx.quadraticCurveTo(
+ cpx1, cpy1,
+ x2, y2
+ );
+ }
+ else {
+ if (percent < 1) {
+ cubicSubdivide(
+ x1, cpx1, cpx2, x2, percent, out
+ );
+ cpx1 = out[1];
+ cpx2 = out[2];
+ x2 = out[3];
+ cubicSubdivide(
+ y1, cpy1, cpy2, y2, percent, out
+ );
+ cpy1 = out[1];
+ cpy2 = out[2];
+ y2 = out[3];
+ }
+ ctx.bezierCurveTo(
+ cpx1, cpy1,
+ cpx2, cpy2,
+ x2, y2
+ );
+ }
+ },
+
+ /**
+ * Get point at percent
+ * @param {number} t
+ * @return {Array.<number>}
+ */
+ pointAt: function (t) {
+ return someVectorAt(this.shape, t, false);
+ },
+
+ /**
+ * Get tangent at percent
+ * @param {number} t
+ * @return {Array.<number>}
+ */
+ tangentAt: function (t) {
+ var p = someVectorAt(this.shape, t, true);
+ return normalize(p, p);
+ }
+});
+
+/**
+ * 鍦嗗姬
+ * @module zrender/graphic/shape/Arc
+ */
+
+var Arc = Path.extend({
+
+ type: 'arc',
+
+ shape: {
+
+ cx: 0,
+
+ cy: 0,
+
+ r: 0,
+
+ startAngle: 0,
+
+ endAngle: Math.PI * 2,
+
+ clockwise: true
+ },
+
+ style: {
+
+ stroke: '#000',
+
+ fill: null
+ },
+
+ buildPath: function (ctx, shape) {
+
+ var x = shape.cx;
+ var y = shape.cy;
+ var r = Math.max(shape.r, 0);
+ var startAngle = shape.startAngle;
+ var endAngle = shape.endAngle;
+ var clockwise = shape.clockwise;
+
+ var unitX = Math.cos(startAngle);
+ var unitY = Math.sin(startAngle);
+
+ ctx.moveTo(unitX * r + x, unitY * r + y);
+ ctx.arc(x, y, r, startAngle, endAngle, !clockwise);
+ }
+});
+
+// CompoundPath to improve performance
+
+var CompoundPath = Path.extend({
+
+ type: 'compound',
+
+ shape: {
+
+ paths: null
+ },
+
+ _updatePathDirty: function () {
+ var dirtyPath = this.__dirtyPath;
+ var paths = this.shape.paths;
+ for (var i = 0; i < paths.length; i++) {
+ // Mark as dirty if any subpath is dirty
+ dirtyPath = dirtyPath || paths[i].__dirtyPath;
+ }
+ this.__dirtyPath = dirtyPath;
+ this.__dirty = this.__dirty || dirtyPath;
+ },
+
+ beforeBrush: function () {
+ this._updatePathDirty();
+ var paths = this.shape.paths || [];
+ var scale = this.getGlobalScale();
+ // Update path scale
+ for (var i = 0; i < paths.length; i++) {
+ if (!paths[i].path) {
+ paths[i].createPathProxy();
+ }
+ paths[i].path.setScale(scale[0], scale[1], paths[i].segmentIgnoreThreshold);
+ }
+ },
+
+ buildPath: function (ctx, shape) {
+ var paths = shape.paths || [];
+ for (var i = 0; i < paths.length; i++) {
+ paths[i].buildPath(ctx, paths[i].shape, true);
+ }
+ },
+
+ afterBrush: function () {
+ var paths = this.shape.paths || [];
+ for (var i = 0; i < paths.length; i++) {
+ paths[i].__dirtyPath = false;
+ }
+ },
+
+ getBoundingRect: function () {
+ this._updatePathDirty();
+ return Path.prototype.getBoundingRect.call(this);
+ }
+});
+
+/**
+ * @param {Array.<Object>} colorStops
+ */
+var Gradient = function (colorStops) {
+
+ this.colorStops = colorStops || [];
+
+};
+
+Gradient.prototype = {
+
+ constructor: Gradient,
+
+ addColorStop: function (offset, color) {
+ this.colorStops.push({
+
+ offset: offset,
+
+ color: color
+ });
+ }
+
+};
+
+/**
+ * x, y, x2, y2 are all percent from 0 to 1
+ * @param {number} [x=0]
+ * @param {number} [y=0]
+ * @param {number} [x2=1]
+ * @param {number} [y2=0]
+ * @param {Array.<Object>} colorStops
+ * @param {boolean} [globalCoord=false]
+ */
+var LinearGradient = function (x, y, x2, y2, colorStops, globalCoord) {
+ // Should do nothing more in this constructor. Because gradient can be
+ // declard by `color: {type: 'linear', colorStops: ...}`, where
+ // this constructor will not be called.
+
+ this.x = x == null ? 0 : x;
+
+ this.y = y == null ? 0 : y;
+
+ this.x2 = x2 == null ? 1 : x2;
+
+ this.y2 = y2 == null ? 0 : y2;
+
+ // Can be cloned
+ this.type = 'linear';
+
+ // If use global coord
+ this.global = globalCoord || false;
+
+ Gradient.call(this, colorStops);
+};
+
+LinearGradient.prototype = {
+
+ constructor: LinearGradient
+};
+
+inherits(LinearGradient, Gradient);
+
+/**
+ * x, y, r are all percent from 0 to 1
+ * @param {number} [x=0.5]
+ * @param {number} [y=0.5]
+ * @param {number} [r=0.5]
+ * @param {Array.<Object>} [colorStops]
+ * @param {boolean} [globalCoord=false]
+ */
+var RadialGradient = function (x, y, r, colorStops, globalCoord) {
+ // Should do nothing more in this constructor. Because gradient can be
+ // declard by `color: {type: 'radial', colorStops: ...}`, where
+ // this constructor will not be called.
+
+ this.x = x == null ? 0.5 : x;
+
+ this.y = y == null ? 0.5 : y;
+
+ this.r = r == null ? 0.5 : r;
+
+ // Can be cloned
+ this.type = 'radial';
+
+ // If use global coord
+ this.global = globalCoord || false;
+
+ Gradient.call(this, colorStops);
+};
+
+RadialGradient.prototype = {
+
+ constructor: RadialGradient
+};
+
+inherits(RadialGradient, Gradient);
+
+/**
+ * Displayable for incremental rendering. It will be rendered in a separate layer
+ * IncrementalDisplay have two main methods. `clearDisplayables` and `addDisplayables`
+ * addDisplayables will render the added displayables incremetally.
+ *
+ * It use a not clearFlag to tell the painter don't clear the layer if it's the first element.
+ */
+// TODO Style override ?
+function IncrementalDisplayble(opts) {
+
+ Displayable.call(this, opts);
+
+ this._displayables = [];
+
+ this._temporaryDisplayables = [];
+
+ this._cursor = 0;
+
+ this.notClear = true;
+}
+
+IncrementalDisplayble.prototype.incremental = true;
+
+IncrementalDisplayble.prototype.clearDisplaybles = function () {
+ this._displayables = [];
+ this._temporaryDisplayables = [];
+ this._cursor = 0;
+ this.dirty();
+
+ this.notClear = false;
+};
+
+IncrementalDisplayble.prototype.addDisplayable = function (displayable, notPersistent) {
+ if (notPersistent) {
+ this._temporaryDisplayables.push(displayable);
+ }
+ else {
+ this._displayables.push(displayable);
+ }
+ this.dirty();
+};
+
+IncrementalDisplayble.prototype.addDisplayables = function (displayables, notPersistent) {
+ notPersistent = notPersistent || false;
+ for (var i = 0; i < displayables.length; i++) {
+ this.addDisplayable(displayables[i], notPersistent);
+ }
+};
+
+IncrementalDisplayble.prototype.eachPendingDisplayable = function (cb) {
+ for (var i = this._cursor; i < this._displayables.length; i++) {
+ cb && cb(this._displayables[i]);
+ }
+ for (var i = 0; i < this._temporaryDisplayables.length; i++) {
+ cb && cb(this._temporaryDisplayables[i]);
+ }
+};
+
+IncrementalDisplayble.prototype.update = function () {
+ this.updateTransform();
+ for (var i = this._cursor; i < this._displayables.length; i++) {
+ var displayable = this._displayables[i];
+ // PENDING
+ displayable.parent = this;
+ displayable.update();
+ displayable.parent = null;
+ }
+ for (var i = 0; i < this._temporaryDisplayables.length; i++) {
+ var displayable = this._temporaryDisplayables[i];
+ // PENDING
+ displayable.parent = this;
+ displayable.update();
+ displayable.parent = null;
+ }
+};
+
+IncrementalDisplayble.prototype.brush = function (ctx, prevEl) {
+ // Render persistant displayables.
+ for (var i = this._cursor; i < this._displayables.length; i++) {
+ var displayable = this._displayables[i];
+ displayable.beforeBrush && displayable.beforeBrush(ctx);
+ displayable.brush(ctx, i === this._cursor ? null : this._displayables[i - 1]);
+ displayable.afterBrush && displayable.afterBrush(ctx);
+ }
+ this._cursor = i;
+ // Render temporary displayables.
+ for (var i = 0; i < this._temporaryDisplayables.length; i++) {
+ var displayable = this._temporaryDisplayables[i];
+ displayable.beforeBrush && displayable.beforeBrush(ctx);
+ displayable.brush(ctx, i === 0 ? null : this._temporaryDisplayables[i - 1]);
+ displayable.afterBrush && displayable.afterBrush(ctx);
+ }
+
+ this._temporaryDisplayables = [];
+
+ this.notClear = true;
+};
+
+var m = [];
+IncrementalDisplayble.prototype.getBoundingRect = function () {
+ if (!this._rect) {
+ var rect = new BoundingRect(Infinity, Infinity, -Infinity, -Infinity);
+ for (var i = 0; i < this._displayables.length; i++) {
+ var displayable = this._displayables[i];
+ var childRect = displayable.getBoundingRect().clone();
+ if (displayable.needLocalTransform()) {
+ childRect.applyTransform(displayable.getLocalTransform(m));
+ }
+ rect.union(childRect);
+ }
+ this._rect = rect;
+ }
+ return this._rect;
+};
+
+IncrementalDisplayble.prototype.contain = function (x, y) {
+ var localPos = this.transformCoordToLocal(x, y);
+ var rect = this.getBoundingRect();
+
+ if (rect.contain(localPos[0], localPos[1])) {
+ for (var i = 0; i < this._displayables.length; i++) {
+ var displayable = this._displayables[i];
+ if (displayable.contain(x, y)) {
+ return true;
+ }
+ }
+ }
+ return false;
+};
+
+inherits(IncrementalDisplayble, Displayable);
+
+/*
+* 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.
+*/
+
+var mathMax$1 = Math.max;
+var mathMin$1 = Math.min;
+
+var EMPTY_OBJ = {};
+
+var Z2_EMPHASIS_LIFT = 1;
+
+// key: label model property nane, value: style property name.
+var CACHED_LABEL_STYLE_PROPERTIES = {
+ color: 'textFill',
+ textBorderColor: 'textStroke',
+ textBorderWidth: 'textStrokeWidth'
+};
+
+var EMPHASIS = 'emphasis';
+var NORMAL = 'normal';
+
+// Reserve 0 as default.
+var _highlightNextDigit = 1;
+var _highlightKeyMap = {};
+
+var _customShapeMap = {};
+
+
+/**
+ * Extend shape with parameters
+ */
+function extendShape(opts) {
+ return Path.extend(opts);
+}
+
+/**
+ * Extend path
+ */
+function extendPath(pathData, opts) {
+ return extendFromString(pathData, opts);
+}
+
+/**
+ * Register a user defined shape.
+ * The shape class can be fetched by `getShapeClass`
+ * This method will overwrite the registered shapes, including
+ * the registered built-in shapes, if using the same `name`.
+ * The shape can be used in `custom series` and
+ * `graphic component` by declaring `{type: name}`.
+ *
+ * @param {string} name
+ * @param {Object} ShapeClass Can be generated by `extendShape`.
+ */
+function registerShape(name, ShapeClass) {
+ _customShapeMap[name] = ShapeClass;
+}
+
+/**
+ * Find shape class registered by `registerShape`. Usually used in
+ * fetching user defined shape.
+ *
+ * [Caution]:
+ * (1) This method **MUST NOT be used inside echarts !!!**, unless it is prepared
+ * to use user registered shapes.
+ * Because the built-in shape (see `getBuiltInShape`) will be registered by
+ * `registerShape` by default. That enables users to get both built-in
+ * shapes as well as the shapes belonging to themsleves. But users can overwrite
+ * the built-in shapes by using names like 'circle', 'rect' via calling
+ * `registerShape`. So the echarts inner featrues should not fetch shapes from here
+ * in case that it is overwritten by users, except that some features, like
+ * `custom series`, `graphic component`, do it deliberately.
+ *
+ * (2) In the features like `custom series`, `graphic component`, the user input
+ * `{tpye: 'xxx'}` does not only specify shapes but also specify other graphic
+ * elements like `'group'`, `'text'`, `'image'` or event `'path'`. Those names
+ * are reserved names, that is, if some user register a shape named `'image'`,
+ * the shape will not be used. If we intending to add some more reserved names
+ * in feature, that might bring break changes (disable some existing user shape
+ * names). But that case probably rearly happen. So we dont make more mechanism
+ * to resolve this issue here.
+ *
+ * @param {string} name
+ * @return {Object} The shape class. If not found, return nothing.
+ */
+function getShapeClass(name) {
+ if (_customShapeMap.hasOwnProperty(name)) {
+ return _customShapeMap[name];
+ }
+}
+
+/**
+ * Create a path element from path data string
+ * @param {string} pathData
+ * @param {Object} opts
+ * @param {module:zrender/core/BoundingRect} rect
+ * @param {string} [layout=cover] 'center' or 'cover'
+ */
+function makePath(pathData, opts, rect, layout) {
+ var path = createFromString(pathData, opts);
+ if (rect) {
+ if (layout === 'center') {
+ rect = centerGraphic(rect, path.getBoundingRect());
+ }
+ resizePath(path, rect);
+ }
+ return path;
+}
+
+/**
+ * Create a image element from image url
+ * @param {string} imageUrl image url
+ * @param {Object} opts options
+ * @param {module:zrender/core/BoundingRect} rect constrain rect
+ * @param {string} [layout=cover] 'center' or 'cover'
+ */
+function makeImage(imageUrl, rect, layout) {
+ var path = new ZImage({
+ style: {
+ image: imageUrl,
+ x: rect.x,
+ y: rect.y,
+ width: rect.width,
+ height: rect.height
+ },
+ onload: function (img) {
+ if (layout === 'center') {
+ var boundingRect = {
+ width: img.width,
+ height: img.height
+ };
+ path.setStyle(centerGraphic(rect, boundingRect));
+ }
+ }
+ });
+ return path;
+}
+
+/**
+ * Get position of centered element in bounding box.
+ *
+ * @param {Object} rect element local bounding box
+ * @param {Object} boundingRect constraint bounding box
+ * @return {Object} element position containing x, y, width, and height
+ */
+function centerGraphic(rect, boundingRect) {
+ // Set rect to center, keep width / height ratio.
+ var aspect = boundingRect.width / boundingRect.height;
+ var width = rect.height * aspect;
+ var height;
+ if (width <= rect.width) {
+ height = rect.height;
+ }
+ else {
+ width = rect.width;
+ height = width / aspect;
+ }
+ var cx = rect.x + rect.width / 2;
+ var cy = rect.y + rect.height / 2;
+
+ return {
+ x: cx - width / 2,
+ y: cy - height / 2,
+ width: width,
+ height: height
+ };
+}
+
+var mergePath = mergePath$1;
+
+/**
+ * Resize a path to fit the rect
+ * @param {module:zrender/graphic/Path} path
+ * @param {Object} rect
+ */
+function resizePath(path, rect) {
+ if (!path.applyTransform) {
+ return;
+ }
+
+ var pathRect = path.getBoundingRect();
+
+ var m = pathRect.calculateTransform(rect);
+
+ path.applyTransform(m);
+}
+
+/**
+ * Sub pixel optimize line for canvas
+ *
+ * @param {Object} param
+ * @param {Object} [param.shape]
+ * @param {number} [param.shape.x1]
+ * @param {number} [param.shape.y1]
+ * @param {number} [param.shape.x2]
+ * @param {number} [param.shape.y2]
+ * @param {Object} [param.style]
+ * @param {number} [param.style.lineWidth]
+ * @return {Object} Modified param
+ */
+function subPixelOptimizeLine(param) {
+ subPixelOptimizeLine$1(param.shape, param.shape, param.style);
+ return param;
+}
+
+/**
+ * Sub pixel optimize rect for canvas
+ *
+ * @param {Object} param
+ * @param {Object} [param.shape]
+ * @param {number} [param.shape.x]
+ * @param {number} [param.shape.y]
+ * @param {number} [param.shape.width]
+ * @param {number} [param.shape.height]
+ * @param {Object} [param.style]
+ * @param {number} [param.style.lineWidth]
+ * @return {Object} Modified param
+ */
+function subPixelOptimizeRect(param) {
+ subPixelOptimizeRect$1(param.shape, param.shape, param.style);
+ return param;
+}
+
+/**
+ * Sub pixel optimize for canvas
+ *
+ * @param {number} position Coordinate, such as x, y
+ * @param {number} lineWidth Should be nonnegative integer.
+ * @param {boolean=} positiveOrNegative Default false (negative).
+ * @return {number} Optimized position.
+ */
+var subPixelOptimize = subPixelOptimize$1;
+
+
+function hasFillOrStroke(fillOrStroke) {
+ return fillOrStroke != null && fillOrStroke !== 'none';
+}
+
+// Most lifted color are duplicated.
+var liftedColorMap = createHashMap();
+var liftedColorCount = 0;
+
+function liftColor(color) {
+ if (typeof color !== 'string') {
+ return color;
+ }
+ var liftedColor = liftedColorMap.get(color);
+ if (!liftedColor) {
+ liftedColor = lift(color, -0.1);
+ if (liftedColorCount < 10000) {
+ liftedColorMap.set(color, liftedColor);
+ liftedColorCount++;
+ }
+ }
+ return liftedColor;
+}
+
+function cacheElementStl(el) {
+ if (!el.__hoverStlDirty) {
+ return;
+ }
+ el.__hoverStlDirty = false;
+
+ var hoverStyle = el.__hoverStl;
+ if (!hoverStyle) {
+ el.__cachedNormalStl = el.__cachedNormalZ2 = null;
+ return;
+ }
+
+ var normalStyle = el.__cachedNormalStl = {};
+ el.__cachedNormalZ2 = el.z2;
+ var elStyle = el.style;
+
+ for (var name in hoverStyle) {
+ // See comment in `singleEnterEmphasis`.
+ if (hoverStyle[name] != null) {
+ normalStyle[name] = elStyle[name];
+ }
+ }
+
+ // Always cache fill and stroke to normalStyle for lifting color.
+ normalStyle.fill = elStyle.fill;
+ normalStyle.stroke = elStyle.stroke;
+}
+
+function singleEnterEmphasis(el) {
+ var hoverStl = el.__hoverStl;
+
+ if (!hoverStl || el.__highlighted) {
+ return;
+ }
+
+ var zr = el.__zr;
+
+ var useHoverLayer = el.useHoverLayer && zr && zr.painter.type === 'canvas';
+ el.__highlighted = useHoverLayer ? 'layer' : 'plain';
+
+ if (el.isGroup || (!zr && el.useHoverLayer)) {
+ return;
+ }
+
+ var elTarget = el;
+ var targetStyle = el.style;
+
+ if (useHoverLayer) {
+ elTarget = zr.addHover(el);
+ targetStyle = elTarget.style;
+ }
+
+ rollbackDefaultTextStyle(targetStyle);
+
+ if (!useHoverLayer) {
+ cacheElementStl(elTarget);
+ }
+
+ // styles can be:
+ // {
+ // label: {
+ // show: false,
+ // position: 'outside',
+ // fontSize: 18
+ // },
+ // emphasis: {
+ // label: {
+ // show: true
+ // }
+ // }
+ // },
+ // where properties of `emphasis` may not appear in `normal`. We previously use
+ // module:echarts/util/model#defaultEmphasis to merge `normal` to `emphasis`.
+ // But consider rich text and setOption in merge mode, it is impossible to cover
+ // all properties in merge. So we use merge mode when setting style here.
+ // But we choose the merge strategy that only properties that is not `null/undefined`.
+ // Because when making a textStyle (espacially rich text), it is not easy to distinguish
+ // `hasOwnProperty` and `null/undefined` in code, so we trade them as the same for simplicity.
+ // But this strategy brings a trouble that `null/undefined` can not be used to remove
+ // style any more in `emphasis`. Users can both set properties directly on normal and
+ // emphasis to avoid this issue, or we might support `'none'` for this case if required.
+ targetStyle.extendFrom(hoverStl);
+
+ setDefaultHoverFillStroke(targetStyle, hoverStl, 'fill');
+ setDefaultHoverFillStroke(targetStyle, hoverStl, 'stroke');
+
+ applyDefaultTextStyle(targetStyle);
+
+ if (!useHoverLayer) {
+ el.dirty(false);
+ el.z2 += Z2_EMPHASIS_LIFT;
+ }
+}
+
+function setDefaultHoverFillStroke(targetStyle, hoverStyle, prop) {
+ if (!hasFillOrStroke(hoverStyle[prop]) && hasFillOrStroke(targetStyle[prop])) {
+ targetStyle[prop] = liftColor(targetStyle[prop]);
+ }
+}
+
+function singleEnterNormal(el) {
+ var highlighted = el.__highlighted;
+
+ if (!highlighted) {
+ return;
+ }
+
+ el.__highlighted = false;
+
+ if (el.isGroup) {
+ return;
+ }
+
+ if (highlighted === 'layer') {
+ el.__zr && el.__zr.removeHover(el);
+ }
+ else {
+ var style = el.style;
+
+ var normalStl = el.__cachedNormalStl;
+ if (normalStl) {
+ rollbackDefaultTextStyle(style);
+ el.setStyle(normalStl);
+ applyDefaultTextStyle(style);
+ }
+ // `__cachedNormalZ2` will not be reset if calling `setElementHoverStyle`
+ // when `el` is on emphasis state. So here by comparing with 1, we try
+ // hard to make the bug case rare.
+ var normalZ2 = el.__cachedNormalZ2;
+ if (normalZ2 != null && el.z2 - normalZ2 === Z2_EMPHASIS_LIFT) {
+ el.z2 = normalZ2;
+ }
+ }
+}
+
+function traverseUpdate(el, updater, commonParam) {
+ // If root is group, also enter updater for `highDownOnUpdate`.
+ var fromState = NORMAL;
+ var toState = NORMAL;
+ var trigger;
+ // See the rule of `highDownOnUpdate` on `graphic.setAsHighDownDispatcher`.
+ el.__highlighted && (fromState = EMPHASIS, trigger = true);
+ updater(el, commonParam);
+ el.__highlighted && (toState = EMPHASIS, trigger = true);
+
+ el.isGroup && el.traverse(function (child) {
+ !child.isGroup && updater(child, commonParam);
+ });
+
+ trigger && el.__highDownOnUpdate && el.__highDownOnUpdate(fromState, toState);
+}
+
+/**
+ * Set hover style (namely "emphasis style") of element, based on the current
+ * style of the given `el`.
+ * This method should be called after all of the normal styles have been adopted
+ * to the `el`. See the reason on `setHoverStyle`.
+ *
+ * @param {module:zrender/Element} el Should not be `zrender/container/Group`.
+ * @param {Object} [el.hoverStyle] Can be set on el or its descendants,
+ * e.g., `el.hoverStyle = ...; graphic.setHoverStyle(el); `.
+ * Often used when item group has a label element and it's hoverStyle is different.
+ * @param {Object|boolean} [hoverStl] The specified hover style.
+ * If set as `false`, disable the hover style.
+ * Similarly, The `el.hoverStyle` can alse be set
+ * as `false` to disable the hover style.
+ * Otherwise, use the default hover style if not provided.
+ */
+function setElementHoverStyle(el, hoverStl) {
+ // For performance consideration, it might be better to make the "hover style" only the
+ // difference properties from the "normal style", but not a entire copy of all styles.
+ hoverStl = el.__hoverStl = hoverStl !== false && (el.hoverStyle || hoverStl || {});
+ el.__hoverStlDirty = true;
+
+ // FIXME
+ // It is not completely right to save "normal"/"emphasis" flag on elements.
+ // It probably should be saved on `data` of series. Consider the cases:
+ // (1) A highlighted elements are moved out of the view port and re-enter
+ // again by dataZoom.
+ // (2) call `setOption` and replace elements totally when they are highlighted.
+ if (el.__highlighted) {
+ // Consider the case:
+ // The styles of a highlighted `el` is being updated. The new "emphasis style"
+ // should be adapted to the `el`. Notice here new "normal styles" should have
+ // been set outside and the cached "normal style" is out of date.
+ el.__cachedNormalStl = null;
+ // Do not clear `__cachedNormalZ2` here, because setting `z2` is not a constraint
+ // of this method. In most cases, `z2` is not set and hover style should be able
+ // to rollback. Of course, that would bring bug, but only in a rare case, see
+ // `doSingleLeaveHover` for details.
+ singleEnterNormal(el);
+
+ singleEnterEmphasis(el);
+ }
+}
+
+function onElementMouseOver(e) {
+ !shouldSilent(this, e)
+ // "emphasis" event highlight has higher priority than mouse highlight.
+ && !this.__highByOuter
+ && traverseUpdate(this, singleEnterEmphasis);
+}
+
+function onElementMouseOut(e) {
+ !shouldSilent(this, e)
+ // "emphasis" event highlight has higher priority than mouse highlight.
+ && !this.__highByOuter
+ && traverseUpdate(this, singleEnterNormal);
+}
+
+function onElementEmphasisEvent(highlightDigit) {
+ this.__highByOuter |= 1 << (highlightDigit || 0);
+ traverseUpdate(this, singleEnterEmphasis);
+}
+
+function onElementNormalEvent(highlightDigit) {
+ !(this.__highByOuter &= ~(1 << (highlightDigit || 0)))
+ && traverseUpdate(this, singleEnterNormal);
+}
+
+function shouldSilent(el, e) {
+ return el.__highDownSilentOnTouch && e.zrByTouch;
+}
+
+/**
+ * Set hover style (namely "emphasis style") of element,
+ * based on the current style of the given `el`.
+ *
+ * (1)
+ * **CONSTRAINTS** for this method:
+ * <A> This method MUST be called after all of the normal styles having been adopted
+ * to the `el`.
+ * <B> The input `hoverStyle` (that is, "emphasis style") MUST be the subset of the
+ * "normal style" having been set to the el.
+ * <C> `color` MUST be one of the "normal styles" (because color might be lifted as
+ * a default hover style).
+ *
+ * The reason: this method treat the current style of the `el` as the "normal style"
+ * and cache them when enter/update the "emphasis style". Consider the case: the `el`
+ * is in "emphasis" state and `setOption`/`dispatchAction` trigger the style updating
+ * logic, where the el should shift from the original emphasis style to the new
+ * "emphasis style" and should be able to "downplay" back to the new "normal style".
+ *
+ * Indeed, it is error-prone to make a interface has so many constraints, but I have
+ * not found a better solution yet to fit the backward compatibility, performance and
+ * the current programming style.
+ *
+ * (2)
+ * Call the method for a "root" element once. Do not call it for each descendants.
+ * If the descendants elemenets of a group has itself hover style different from the
+ * root group, we can simply mount the style on `el.hoverStyle` for them, but should
+ * not call this method for them.
+ *
+ * (3) These input parameters can be set directly on `el`:
+ *
+ * @param {module:zrender/Element} el
+ * @param {Object} [el.hoverStyle] See `graphic.setElementHoverStyle`.
+ * @param {boolean} [el.highDownSilentOnTouch=false] See `graphic.setAsHighDownDispatcher`.
+ * @param {Function} [el.highDownOnUpdate] See `graphic.setAsHighDownDispatcher`.
+ * @param {Object|boolean} [hoverStyle] See `graphic.setElementHoverStyle`.
+ */
+function setHoverStyle(el, hoverStyle) {
+ setAsHighDownDispatcher(el, true);
+ traverseUpdate(el, setElementHoverStyle, hoverStyle);
+}
+
+/**
+ * @param {module:zrender/Element} el
+ * @param {Function} [el.highDownOnUpdate] Called when state updated.
+ * Since `setHoverStyle` has the constraint that it must be called after
+ * all of the normal style updated, `highDownOnUpdate` is not needed to
+ * trigger if both `fromState` and `toState` is 'normal', and needed to
+ * trigger if both `fromState` and `toState` is 'emphasis', which enables
+ * to sync outside style settings to "emphasis" state.
+ * @this {string} This dispatcher `el`.
+ * @param {string} fromState Can be "normal" or "emphasis".
+ * `fromState` might equal to `toState`,
+ * for example, when this method is called when `el` is
+ * on "emphasis" state.
+ * @param {string} toState Can be "normal" or "emphasis".
+ *
+ * FIXME
+ * CAUTION: Do not expose `highDownOnUpdate` outside echarts.
+ * Because it is not a complete solution. The update
+ * listener should not have been mount in element,
+ * and the normal/emphasis state should not have
+ * mantained on elements.
+ *
+ * @param {boolean} [el.highDownSilentOnTouch=false]
+ * In touch device, mouseover event will be trigger on touchstart event
+ * (see module:zrender/dom/HandlerProxy). By this mechanism, we can
+ * conveniently use hoverStyle when tap on touch screen without additional
+ * code for compatibility.
+ * But if the chart/component has select feature, which usually also use
+ * hoverStyle, there might be conflict between 'select-highlight' and
+ * 'hover-highlight' especially when roam is enabled (see geo for example).
+ * In this case, `highDownSilentOnTouch` should be used to disable
+ * hover-highlight on touch device.
+ * @param {boolean} [asDispatcher=true] If `false`, do not set as "highDownDispatcher".
+ */
+function setAsHighDownDispatcher(el, asDispatcher) {
+ var disable = asDispatcher === false;
+ // Make `highDownSilentOnTouch` and `highDownOnUpdate` only work after
+ // `setAsHighDownDispatcher` called. Avoid it is modified by user unexpectedly.
+ el.__highDownSilentOnTouch = el.highDownSilentOnTouch;
+ el.__highDownOnUpdate = el.highDownOnUpdate;
+
+ // Simple optimize, since this method might be
+ // called for each elements of a group in some cases.
+ if (!disable || el.__highDownDispatcher) {
+ var method = disable ? 'off' : 'on';
+
+ // Duplicated function will be auto-ignored, see Eventful.js.
+ el[method]('mouseover', onElementMouseOver)[method]('mouseout', onElementMouseOut);
+ // Emphasis, normal can be triggered manually by API or other components like hover link.
+ el[method]('emphasis', onElementEmphasisEvent)[method]('normal', onElementNormalEvent);
+ // Also keep previous record.
+ el.__highByOuter = el.__highByOuter || 0;
+
+ el.__highDownDispatcher = !disable;
+ }
+}
+
+/**
+ * @param {module:zrender/src/Element} el
+ * @return {boolean}
+ */
+function isHighDownDispatcher(el) {
+ return !!(el && el.__highDownDispatcher);
+}
+
+/**
+ * Support hightlight/downplay record on each elements.
+ * For the case: hover highlight/downplay (legend, visualMap, ...) and
+ * user triggerred hightlight/downplay should not conflict.
+ * Only all of the highlightDigit cleared, return to normal.
+ * @param {string} highlightKey
+ * @return {number} highlightDigit
+ */
+function getHighlightDigit(highlightKey) {
+ var highlightDigit = _highlightKeyMap[highlightKey];
+ if (highlightDigit == null && _highlightNextDigit <= 32) {
+ highlightDigit = _highlightKeyMap[highlightKey] = _highlightNextDigit++;
+ }
+ return highlightDigit;
+}
+
+/**
+ * See more info in `setTextStyleCommon`.
+ * @param {Object|module:zrender/graphic/Style} normalStyle
+ * @param {Object} emphasisStyle
+ * @param {module:echarts/model/Model} normalModel
+ * @param {module:echarts/model/Model} emphasisModel
+ * @param {Object} opt Check `opt` of `setTextStyleCommon` to find other props.
+ * @param {string|Function} [opt.defaultText]
+ * @param {module:echarts/model/Model} [opt.labelFetcher] Fetch text by
+ * `opt.labelFetcher.getFormattedLabel(opt.labelDataIndex, 'normal'/'emphasis', null, opt.labelDimIndex, opt.labelProp)`
+ * @param {number} [opt.labelDataIndex] Fetch text by
+ * `opt.textFetcher.getFormattedLabel(opt.labelDataIndex, 'normal'/'emphasis', null, opt.labelDimIndex, opt.labelProp)`
+ * @param {number} [opt.labelDimIndex] Fetch text by
+ * `opt.textFetcher.getFormattedLabel(opt.labelDataIndex, 'normal'/'emphasis', null, opt.labelDimIndex, opt.labelProp)`
+ * @param {string} [opt.labelProp] Fetch text by
+ * `opt.textFetcher.getFormattedLabel(opt.labelDataIndex, 'normal'/'emphasis', null, opt.labelDimIndex, opt.labelProp)`
+ * @param {Object} [normalSpecified]
+ * @param {Object} [emphasisSpecified]
+ */
+function setLabelStyle(
+ normalStyle, emphasisStyle,
+ normalModel, emphasisModel,
+ opt,
+ normalSpecified, emphasisSpecified
+) {
+ opt = opt || EMPTY_OBJ;
+ var labelFetcher = opt.labelFetcher;
+ var labelDataIndex = opt.labelDataIndex;
+ var labelDimIndex = opt.labelDimIndex;
+ var labelProp = opt.labelProp;
+
+ // This scenario, `label.normal.show = true; label.emphasis.show = false`,
+ // is not supported util someone requests.
+
+ var showNormal = normalModel.getShallow('show');
+ var showEmphasis = emphasisModel.getShallow('show');
+
+ // Consider performance, only fetch label when necessary.
+ // If `normal.show` is `false` and `emphasis.show` is `true` and `emphasis.formatter` is not set,
+ // label should be displayed, where text is fetched by `normal.formatter` or `opt.defaultText`.
+ var baseText;
+ if (showNormal || showEmphasis) {
+ if (labelFetcher) {
+ baseText = labelFetcher.getFormattedLabel(labelDataIndex, 'normal', null, labelDimIndex, labelProp);
+ }
+ if (baseText == null) {
+ baseText = isFunction$1(opt.defaultText) ? opt.defaultText(labelDataIndex, opt) : opt.defaultText;
+ }
+ }
+ var normalStyleText = showNormal ? baseText : null;
+ var emphasisStyleText = showEmphasis
+ ? retrieve2(
+ labelFetcher
+ ? labelFetcher.getFormattedLabel(labelDataIndex, 'emphasis', null, labelDimIndex, labelProp)
+ : null,
+ baseText
+ )
+ : null;
+
+ // Optimize: If style.text is null, text will not be drawn.
+ if (normalStyleText != null || emphasisStyleText != null) {
+ // Always set `textStyle` even if `normalStyle.text` is null, because default
+ // values have to be set on `normalStyle`.
+ // If we set default values on `emphasisStyle`, consider case:
+ // Firstly, `setOption(... label: {normal: {text: null}, emphasis: {show: true}} ...);`
+ // Secondly, `setOption(... label: {noraml: {show: true, text: 'abc', color: 'red'} ...);`
+ // Then the 'red' will not work on emphasis.
+ setTextStyle(normalStyle, normalModel, normalSpecified, opt);
+ setTextStyle(emphasisStyle, emphasisModel, emphasisSpecified, opt, true);
+ }
+
+ normalStyle.text = normalStyleText;
+ emphasisStyle.text = emphasisStyleText;
+}
+
+/**
+ * Modify label style manually.
+ * Only works after `setLabelStyle` and `setElementHoverStyle` called.
+ *
+ * @param {module:zrender/src/Element} el
+ * @param {Object} [normalStyleProps] optional
+ * @param {Object} [emphasisStyleProps] optional
+ */
+function modifyLabelStyle(el, normalStyleProps, emphasisStyleProps) {
+ var elStyle = el.style;
+ if (normalStyleProps) {
+ rollbackDefaultTextStyle(elStyle);
+ el.setStyle(normalStyleProps);
+ applyDefaultTextStyle(elStyle);
+ }
+ elStyle = el.__hoverStl;
+ if (emphasisStyleProps && elStyle) {
+ rollbackDefaultTextStyle(elStyle);
+ extend(elStyle, emphasisStyleProps);
+ applyDefaultTextStyle(elStyle);
+ }
+}
+
+/**
+ * Set basic textStyle properties.
+ * See more info in `setTextStyleCommon`.
+ * @param {Object|module:zrender/graphic/Style} textStyle
+ * @param {module:echarts/model/Model} model
+ * @param {Object} [specifiedTextStyle] Can be overrided by settings in model.
+ * @param {Object} [opt] See `opt` of `setTextStyleCommon`.
+ * @param {boolean} [isEmphasis]
+ */
+function setTextStyle(
+ textStyle, textStyleModel, specifiedTextStyle, opt, isEmphasis
+) {
+ setTextStyleCommon(textStyle, textStyleModel, opt, isEmphasis);
+ specifiedTextStyle && extend(textStyle, specifiedTextStyle);
+ // textStyle.host && textStyle.host.dirty && textStyle.host.dirty(false);
+
+ return textStyle;
+}
+
+/**
+ * Set text option in the style.
+ * See more info in `setTextStyleCommon`.
+ * @deprecated
+ * @param {Object} textStyle
+ * @param {module:echarts/model/Model} labelModel
+ * @param {string|boolean} defaultColor Default text color.
+ * If set as false, it will be processed as a emphasis style.
+ */
+function setText(textStyle, labelModel, defaultColor) {
+ var opt = {isRectText: true};
+ var isEmphasis;
+
+ if (defaultColor === false) {
+ isEmphasis = true;
+ }
+ else {
+ // Support setting color as 'auto' to get visual color.
+ opt.autoColor = defaultColor;
+ }
+ setTextStyleCommon(textStyle, labelModel, opt, isEmphasis);
+ // textStyle.host && textStyle.host.dirty && textStyle.host.dirty(false);
+}
+
+/**
+ * The uniform entry of set text style, that is, retrieve style definitions
+ * from `model` and set to `textStyle` object.
+ *
+ * Never in merge mode, but in overwrite mode, that is, all of the text style
+ * properties will be set. (Consider the states of normal and emphasis and
+ * default value can be adopted, merge would make the logic too complicated
+ * to manage.)
+ *
+ * The `textStyle` object can either be a plain object or an instance of
+ * `zrender/src/graphic/Style`, and either be the style of normal or emphasis.
+ * After this mothod called, the `textStyle` object can then be used in
+ * `el.setStyle(textStyle)` or `el.hoverStyle = textStyle`.
+ *
+ * Default value will be adopted and `insideRollbackOpt` will be created.
+ * See `applyDefaultTextStyle` `rollbackDefaultTextStyle` for more details.
+ *
+ * opt: {
+ * disableBox: boolean, Whether diable drawing box of block (outer most).
+ * isRectText: boolean,
+ * autoColor: string, specify a color when color is 'auto',
+ * for textFill, textStroke, textBackgroundColor, and textBorderColor.
+ * If autoColor specified, it is used as default textFill.
+ * useInsideStyle:
+ * `true`: Use inside style (textFill, textStroke, textStrokeWidth)
+ * if `textFill` is not specified.
+ * `false`: Do not use inside style.
+ * `null/undefined`: use inside style if `isRectText` is true and
+ * `textFill` is not specified and textPosition contains `'inside'`.
+ * forceRich: boolean
+ * }
+ */
+function setTextStyleCommon(textStyle, textStyleModel, opt, isEmphasis) {
+ // Consider there will be abnormal when merge hover style to normal style if given default value.
+ opt = opt || EMPTY_OBJ;
+
+ if (opt.isRectText) {
+ var textPosition;
+ if (opt.getTextPosition) {
+ textPosition = opt.getTextPosition(textStyleModel, isEmphasis);
+ }
+ else {
+ textPosition = textStyleModel.getShallow('position')
+ || (isEmphasis ? null : 'inside');
+ // 'outside' is not a valid zr textPostion value, but used
+ // in bar series, and magric type should be considered.
+ textPosition === 'outside' && (textPosition = 'top');
+ }
+
+ textStyle.textPosition = textPosition;
+ textStyle.textOffset = textStyleModel.getShallow('offset');
+ var labelRotate = textStyleModel.getShallow('rotate');
+ labelRotate != null && (labelRotate *= Math.PI / 180);
+ textStyle.textRotation = labelRotate;
+ textStyle.textDistance = retrieve2(
+ textStyleModel.getShallow('distance'), isEmphasis ? null : 5
+ );
+ }
+
+ var ecModel = textStyleModel.ecModel;
+ var globalTextStyle = ecModel && ecModel.option.textStyle;
+
+ // Consider case:
+ // {
+ // data: [{
+ // value: 12,
+ // label: {
+ // rich: {
+ // // no 'a' here but using parent 'a'.
+ // }
+ // }
+ // }],
+ // rich: {
+ // a: { ... }
+ // }
+ // }
+ var richItemNames = getRichItemNames(textStyleModel);
+ var richResult;
+ if (richItemNames) {
+ richResult = {};
+ for (var name in richItemNames) {
+ if (richItemNames.hasOwnProperty(name)) {
+ // Cascade is supported in rich.
+ var richTextStyle = textStyleModel.getModel(['rich', name]);
+ // In rich, never `disableBox`.
+ // FIXME: consider `label: {formatter: '{a|xx}', color: 'blue', rich: {a: {}}}`,
+ // the default color `'blue'` will not be adopted if no color declared in `rich`.
+ // That might confuses users. So probably we should put `textStyleModel` as the
+ // root ancestor of the `richTextStyle`. But that would be a break change.
+ setTokenTextStyle(richResult[name] = {}, richTextStyle, globalTextStyle, opt, isEmphasis);
+ }
+ }
+ }
+ textStyle.rich = richResult;
+
+ setTokenTextStyle(textStyle, textStyleModel, globalTextStyle, opt, isEmphasis, true);
+
+ if (opt.forceRich && !opt.textStyle) {
+ opt.textStyle = {};
+ }
+
+ return textStyle;
+}
+
+// Consider case:
+// {
+// data: [{
+// value: 12,
+// label: {
+// rich: {
+// // no 'a' here but using parent 'a'.
+// }
+// }
+// }],
+// rich: {
+// a: { ... }
+// }
+// }
+function getRichItemNames(textStyleModel) {
+ // Use object to remove duplicated names.
+ var richItemNameMap;
+ while (textStyleModel && textStyleModel !== textStyleModel.ecModel) {
+ var rich = (textStyleModel.option || EMPTY_OBJ).rich;
+ if (rich) {
+ richItemNameMap = richItemNameMap || {};
+ for (var name in rich) {
+ if (rich.hasOwnProperty(name)) {
+ richItemNameMap[name] = 1;
+ }
+ }
+ }
+ textStyleModel = textStyleModel.parentModel;
+ }
+ return richItemNameMap;
+}
+
+function setTokenTextStyle(textStyle, textStyleModel, globalTextStyle, opt, isEmphasis, isBlock) {
+ // In merge mode, default value should not be given.
+ globalTextStyle = !isEmphasis && globalTextStyle || EMPTY_OBJ;
+
+ textStyle.textFill = getAutoColor(textStyleModel.getShallow('color'), opt)
+ || globalTextStyle.color;
+ textStyle.textStroke = getAutoColor(textStyleModel.getShallow('textBorderColor'), opt)
+ || globalTextStyle.textBorderColor;
+ textStyle.textStrokeWidth = retrieve2(
+ textStyleModel.getShallow('textBorderWidth'),
+ globalTextStyle.textBorderWidth
+ );
+
+ if (!isEmphasis) {
+ if (isBlock) {
+ textStyle.insideRollbackOpt = opt;
+ applyDefaultTextStyle(textStyle);
+ }
+
+ // Set default finally.
+ if (textStyle.textFill == null) {
+ textStyle.textFill = opt.autoColor;
+ }
+ }
+
+ // Do not use `getFont` here, because merge should be supported, where
+ // part of these properties may be changed in emphasis style, and the
+ // others should remain their original value got from normal style.
+ textStyle.fontStyle = textStyleModel.getShallow('fontStyle') || globalTextStyle.fontStyle;
+ textStyle.fontWeight = textStyleModel.getShallow('fontWeight') || globalTextStyle.fontWeight;
+ textStyle.fontSize = textStyleModel.getShallow('fontSize') || globalTextStyle.fontSize;
+ textStyle.fontFamily = textStyleModel.getShallow('fontFamily') || globalTextStyle.fontFamily;
+
+ textStyle.textAlign = textStyleModel.getShallow('align');
+ textStyle.textVerticalAlign = textStyleModel.getShallow('verticalAlign')
+ || textStyleModel.getShallow('baseline');
+
+ textStyle.textLineHeight = textStyleModel.getShallow('lineHeight');
+ textStyle.textWidth = textStyleModel.getShallow('width');
+ textStyle.textHeight = textStyleModel.getShallow('height');
+ textStyle.textTag = textStyleModel.getShallow('tag');
+
+ if (!isBlock || !opt.disableBox) {
+ textStyle.textBackgroundColor = getAutoColor(textStyleModel.getShallow('backgroundColor'), opt);
+ textStyle.textPadding = textStyleModel.getShallow('padding');
+ textStyle.textBorderColor = getAutoColor(textStyleModel.getShallow('borderColor'), opt);
+ textStyle.textBorderWidth = textStyleModel.getShallow('borderWidth');
+ textStyle.textBorderRadius = textStyleModel.getShallow('borderRadius');
+
+ textStyle.textBoxShadowColor = textStyleModel.getShallow('shadowColor');
+ textStyle.textBoxShadowBlur = textStyleModel.getShallow('shadowBlur');
+ textStyle.textBoxShadowOffsetX = textStyleModel.getShallow('shadowOffsetX');
+ textStyle.textBoxShadowOffsetY = textStyleModel.getShallow('shadowOffsetY');
+ }
+
+ textStyle.textShadowColor = textStyleModel.getShallow('textShadowColor')
+ || globalTextStyle.textShadowColor;
+ textStyle.textShadowBlur = textStyleModel.getShallow('textShadowBlur')
+ || globalTextStyle.textShadowBlur;
+ textStyle.textShadowOffsetX = textStyleModel.getShallow('textShadowOffsetX')
+ || globalTextStyle.textShadowOffsetX;
+ textStyle.textShadowOffsetY = textStyleModel.getShallow('textShadowOffsetY')
+ || globalTextStyle.textShadowOffsetY;
+}
+
+function getAutoColor(color, opt) {
+ return color !== 'auto' ? color : (opt && opt.autoColor) ? opt.autoColor : null;
+}
+
+/**
+ * Give some default value to the input `textStyle` object, based on the current settings
+ * in this `textStyle` object.
+ *
+ * The Scenario:
+ * when text position is `inside` and `textFill` is not specified, we show
+ * text border by default for better view. But it should be considered that text position
+ * might be changed when hovering or being emphasis, where the `insideRollback` is used to
+ * restore the style.
+ *
+ * Usage (& NOTICE):
+ * When a style object (eithor plain object or instance of `zrender/src/graphic/Style`) is
+ * about to be modified on its text related properties, `rollbackDefaultTextStyle` should
+ * be called before the modification and `applyDefaultTextStyle` should be called after that.
+ * (For the case that all of the text related properties is reset, like `setTextStyleCommon`
+ * does, `rollbackDefaultTextStyle` is not needed to be called).
+ */
+function applyDefaultTextStyle(textStyle) {
+ var textPosition = textStyle.textPosition;
+ var opt = textStyle.insideRollbackOpt;
+ var insideRollback;
+
+ if (opt && textStyle.textFill == null) {
+ var autoColor = opt.autoColor;
+ var isRectText = opt.isRectText;
+ var useInsideStyle = opt.useInsideStyle;
+
+ var useInsideStyleCache = useInsideStyle !== false
+ && (useInsideStyle === true
+ || (isRectText
+ && textPosition
+ // textPosition can be [10, 30]
+ && typeof textPosition === 'string'
+ && textPosition.indexOf('inside') >= 0
+ )
+ );
+ var useAutoColorCache = !useInsideStyleCache && autoColor != null;
+
+ // All of the props declared in `CACHED_LABEL_STYLE_PROPERTIES` are to be cached.
+ if (useInsideStyleCache || useAutoColorCache) {
+ insideRollback = {
+ textFill: textStyle.textFill,
+ textStroke: textStyle.textStroke,
+ textStrokeWidth: textStyle.textStrokeWidth
+ };
+ }
+ if (useInsideStyleCache) {
+ textStyle.textFill = '#fff';
+ // Consider text with #fff overflow its container.
+ if (textStyle.textStroke == null) {
+ textStyle.textStroke = autoColor;
+ textStyle.textStrokeWidth == null && (textStyle.textStrokeWidth = 2);
+ }
+ }
+ if (useAutoColorCache) {
+ textStyle.textFill = autoColor;
+ }
+ }
+
+ // Always set `insideRollback`, so that the previous one can be cleared.
+ textStyle.insideRollback = insideRollback;
+}
+
+/**
+ * Consider the case: in a scatter,
+ * label: {
+ * normal: {position: 'inside'},
+ * emphasis: {position: 'top'}
+ * }
+ * In the normal state, the `textFill` will be set as '#fff' for pretty view (see
+ * `applyDefaultTextStyle`), but when switching to emphasis state, the `textFill`
+ * should be retured to 'autoColor', but not keep '#fff'.
+ */
+function rollbackDefaultTextStyle(style) {
+ var insideRollback = style.insideRollback;
+ if (insideRollback) {
+ // Reset all of the props in `CACHED_LABEL_STYLE_PROPERTIES`.
+ style.textFill = insideRollback.textFill;
+ style.textStroke = insideRollback.textStroke;
+ style.textStrokeWidth = insideRollback.textStrokeWidth;
+ style.insideRollback = null;
+ }
+}
+
+function getFont(opt, ecModel) {
+ var gTextStyleModel = ecModel && ecModel.getModel('textStyle');
+ return trim([
+ // FIXME in node-canvas fontWeight is before fontStyle
+ opt.fontStyle || gTextStyleModel && gTextStyleModel.getShallow('fontStyle') || '',
+ opt.fontWeight || gTextStyleModel && gTextStyleModel.getShallow('fontWeight') || '',
+ (opt.fontSize || gTextStyleModel && gTextStyleModel.getShallow('fontSize') || 12) + 'px',
+ opt.fontFamily || gTextStyleModel && gTextStyleModel.getShallow('fontFamily') || 'sans-serif'
+ ].join(' '));
+}
+
+function animateOrSetProps(isUpdate, el, props, animatableModel, dataIndex, cb) {
+ if (typeof dataIndex === 'function') {
+ cb = dataIndex;
+ dataIndex = null;
+ }
+ // Do not check 'animation' property directly here. Consider this case:
+ // animation model is an `itemModel`, whose does not have `isAnimationEnabled`
+ // but its parent model (`seriesModel`) does.
+ var animationEnabled = animatableModel && animatableModel.isAnimationEnabled();
+
+ if (animationEnabled) {
+ var postfix = isUpdate ? 'Update' : '';
+ var duration = animatableModel.getShallow('animationDuration' + postfix);
+ var animationEasing = animatableModel.getShallow('animationEasing' + postfix);
+ var animationDelay = animatableModel.getShallow('animationDelay' + postfix);
+ if (typeof animationDelay === 'function') {
+ animationDelay = animationDelay(
+ dataIndex,
+ animatableModel.getAnimationDelayParams
+ ? animatableModel.getAnimationDelayParams(el, dataIndex)
+ : null
+ );
+ }
+ if (typeof duration === 'function') {
+ duration = duration(dataIndex);
+ }
+
+ duration > 0
+ ? el.animateTo(props, duration, animationDelay || 0, animationEasing, cb, !!cb)
+ : (el.stopAnimation(), el.attr(props), cb && cb());
+ }
+ else {
+ el.stopAnimation();
+ el.attr(props);
+ cb && cb();
+ }
+}
+
+/**
+ * Update graphic element properties with or without animation according to the
+ * configuration in series.
+ *
+ * Caution: this method will stop previous animation.
+ * So do not use this method to one element twice before
+ * animation starts, unless you know what you are doing.
+ *
+ * @param {module:zrender/Element} el
+ * @param {Object} props
+ * @param {module:echarts/model/Model} [animatableModel]
+ * @param {number} [dataIndex]
+ * @param {Function} [cb]
+ * @example
+ * graphic.updateProps(el, {
+ * position: [100, 100]
+ * }, seriesModel, dataIndex, function () { console.log('Animation done!'); });
+ * // Or
+ * graphic.updateProps(el, {
+ * position: [100, 100]
+ * }, seriesModel, function () { console.log('Animation done!'); });
+ */
+function updateProps(el, props, animatableModel, dataIndex, cb) {
+ animateOrSetProps(true, el, props, animatableModel, dataIndex, cb);
+}
+
+/**
+ * Init graphic element properties with or without animation according to the
+ * configuration in series.
+ *
+ * Caution: this method will stop previous animation.
+ * So do not use this method to one element twice before
+ * animation starts, unless you know what you are doing.
+ *
+ * @param {module:zrender/Element} el
+ * @param {Object} props
+ * @param {module:echarts/model/Model} [animatableModel]
+ * @param {number} [dataIndex]
+ * @param {Function} cb
+ */
+function initProps(el, props, animatableModel, dataIndex, cb) {
+ animateOrSetProps(false, el, props, animatableModel, dataIndex, cb);
+}
+
+/**
+ * Get transform matrix of target (param target),
+ * in coordinate of its ancestor (param ancestor)
+ *
+ * @param {module:zrender/mixin/Transformable} target
+ * @param {module:zrender/mixin/Transformable} [ancestor]
+ */
+function getTransform(target, ancestor) {
+ var mat = identity([]);
+
+ while (target && target !== ancestor) {
+ mul$1(mat, target.getLocalTransform(), mat);
+ target = target.parent;
+ }
+
+ return mat;
+}
+
+/**
+ * Apply transform to an vertex.
+ * @param {Array.<number>} target [x, y]
+ * @param {Array.<number>|TypedArray.<number>|Object} transform Can be:
+ * + Transform matrix: like [1, 0, 0, 1, 0, 0]
+ * + {position, rotation, scale}, the same as `zrender/Transformable`.
+ * @param {boolean=} invert Whether use invert matrix.
+ * @return {Array.<number>} [x, y]
+ */
+function applyTransform$1(target, transform, invert$$1) {
+ if (transform && !isArrayLike(transform)) {
+ transform = Transformable.getLocalTransform(transform);
+ }
+
+ if (invert$$1) {
+ transform = invert([], transform);
+ }
+ return applyTransform([], target, transform);
+}
+
+/**
+ * @param {string} direction 'left' 'right' 'top' 'bottom'
+ * @param {Array.<number>} transform Transform matrix: like [1, 0, 0, 1, 0, 0]
+ * @param {boolean=} invert Whether use invert matrix.
+ * @return {string} Transformed direction. 'left' 'right' 'top' 'bottom'
+ */
+function transformDirection(direction, transform, invert$$1) {
+
+ // Pick a base, ensure that transform result will not be (0, 0).
+ var hBase = (transform[4] === 0 || transform[5] === 0 || transform[0] === 0)
+ ? 1 : Math.abs(2 * transform[4] / transform[0]);
+ var vBase = (transform[4] === 0 || transform[5] === 0 || transform[2] === 0)
+ ? 1 : Math.abs(2 * transform[4] / transform[2]);
+
+ var vertex = [
+ direction === 'left' ? -hBase : direction === 'right' ? hBase : 0,
+ direction === 'top' ? -vBase : direction === 'bottom' ? vBase : 0
+ ];
+
+ vertex = applyTransform$1(vertex, transform, invert$$1);
+
+ return Math.abs(vertex[0]) > Math.abs(vertex[1])
+ ? (vertex[0] > 0 ? 'right' : 'left')
+ : (vertex[1] > 0 ? 'bottom' : 'top');
+}
+
+/**
+ * Apply group transition animation from g1 to g2.
+ * If no animatableModel, no animation.
+ */
+function groupTransition(g1, g2, animatableModel, cb) {
+ if (!g1 || !g2) {
+ return;
+ }
+
+ function getElMap(g) {
+ var elMap = {};
+ g.traverse(function (el) {
+ if (!el.isGroup && el.anid) {
+ elMap[el.anid] = el;
+ }
+ });
+ return elMap;
+ }
+ function getAnimatableProps(el) {
+ var obj = {
+ position: clone$1(el.position),
+ rotation: el.rotation
+ };
+ if (el.shape) {
+ obj.shape = extend({}, el.shape);
+ }
+ return obj;
+ }
+ var elMap1 = getElMap(g1);
+
+ g2.traverse(function (el) {
+ if (!el.isGroup && el.anid) {
+ var oldEl = elMap1[el.anid];
+ if (oldEl) {
+ var newProp = getAnimatableProps(el);
+ el.attr(getAnimatableProps(oldEl));
+ updateProps(el, newProp, animatableModel, el.dataIndex);
+ }
+ // else {
+ // if (el.previousProps) {
+ // graphic.updateProps
+ // }
+ // }
+ }
+ });
+}
+
+/**
+ * @param {Array.<Array.<number>>} points Like: [[23, 44], [53, 66], ...]
+ * @param {Object} rect {x, y, width, height}
+ * @return {Array.<Array.<number>>} A new clipped points.
+ */
+function clipPointsByRect(points, rect) {
+ // FIXME: this way migth be incorrect when grpahic clipped by a corner.
+ // and when element have border.
+ return map(points, function (point) {
+ var x = point[0];
+ x = mathMax$1(x, rect.x);
+ x = mathMin$1(x, rect.x + rect.width);
+ var y = point[1];
+ y = mathMax$1(y, rect.y);
+ y = mathMin$1(y, rect.y + rect.height);
+ return [x, y];
+ });
+}
+
+/**
+ * @param {Object} targetRect {x, y, width, height}
+ * @param {Object} rect {x, y, width, height}
+ * @return {Object} A new clipped rect. If rect size are negative, return undefined.
+ */
+function clipRectByRect(targetRect, rect) {
+ var x = mathMax$1(targetRect.x, rect.x);
+ var x2 = mathMin$1(targetRect.x + targetRect.width, rect.x + rect.width);
+ var y = mathMax$1(targetRect.y, rect.y);
+ var y2 = mathMin$1(targetRect.y + targetRect.height, rect.y + rect.height);
+
+ // If the total rect is cliped, nothing, including the border,
+ // should be painted. So return undefined.
+ if (x2 >= x && y2 >= y) {
+ return {
+ x: x,
+ y: y,
+ width: x2 - x,
+ height: y2 - y
+ };
+ }
+}
+
+/**
+ * @param {string} iconStr Support 'image://' or 'path://' or direct svg path.
+ * @param {Object} [opt] Properties of `module:zrender/Element`, except `style`.
+ * @param {Object} [rect] {x, y, width, height}
+ * @return {module:zrender/Element} Icon path or image element.
+ */
+function createIcon(iconStr, opt, rect) {
+ opt = extend({rectHover: true}, opt);
+ var style = opt.style = {strokeNoScale: true};
+ rect = rect || {x: -1, y: -1, width: 2, height: 2};
+
+ if (iconStr) {
+ return iconStr.indexOf('image://') === 0
+ ? (
+ style.image = iconStr.slice(8),
+ defaults(style, rect),
+ new ZImage(opt)
+ )
+ : (
+ makePath(
+ iconStr.replace('path://', ''),
+ opt,
+ rect,
+ 'center'
+ )
+ );
+ }
+}
+
+/**
+ * Return `true` if the given line (line `a`) and the given polygon
+ * are intersect.
+ * Note that we do not count colinear as intersect here because no
+ * requirement for that. We could do that if required in future.
+ *
+ * @param {number} a1x
+ * @param {number} a1y
+ * @param {number} a2x
+ * @param {number} a2y
+ * @param {Array.<Array.<number>>} points Points of the polygon.
+ * @return {boolean}
+ */
+function linePolygonIntersect(a1x, a1y, a2x, a2y, points) {
+ for (var i = 0, p2 = points[points.length - 1]; i < points.length; i++) {
+ var p = points[i];
+ if (lineLineIntersect(a1x, a1y, a2x, a2y, p[0], p[1], p2[0], p2[1])) {
+ return true;
+ }
+ p2 = p;
+ }
+}
+
+/**
+ * Return `true` if the given two lines (line `a` and line `b`)
+ * are intersect.
+ * Note that we do not count colinear as intersect here because no
+ * requirement for that. We could do that if required in future.
+ *
+ * @param {number} a1x
+ * @param {number} a1y
+ * @param {number} a2x
+ * @param {number} a2y
+ * @param {number} b1x
+ * @param {number} b1y
+ * @param {number} b2x
+ * @param {number} b2y
+ * @return {boolean}
+ */
+function lineLineIntersect(a1x, a1y, a2x, a2y, b1x, b1y, b2x, b2y) {
+ // let `vec_m` to be `vec_a2 - vec_a1` and `vec_n` to be `vec_b2 - vec_b1`.
+ var mx = a2x - a1x;
+ var my = a2y - a1y;
+ var nx = b2x - b1x;
+ var ny = b2y - b1y;
+
+ // `vec_m` and `vec_n` are parallel iff
+ // exising `k` such that `vec_m = k 路 vec_n`, equivalent to `vec_m X vec_n = 0`.
+ var nmCrossProduct = crossProduct2d(nx, ny, mx, my);
+ if (nearZero(nmCrossProduct)) {
+ return false;
+ }
+
+ // `vec_m` and `vec_n` are intersect iff
+ // existing `p` and `q` in [0, 1] such that `vec_a1 + p * vec_m = vec_b1 + q * vec_n`,
+ // such that `q = ((vec_a1 - vec_b1) X vec_m) / (vec_n X vec_m)`
+ // and `p = ((vec_a1 - vec_b1) X vec_n) / (vec_n X vec_m)`.
+ var b1a1x = a1x - b1x;
+ var b1a1y = a1y - b1y;
+ var q = crossProduct2d(b1a1x, b1a1y, mx, my) / nmCrossProduct;
+ if (q < 0 || q > 1) {
+ return false;
+ }
+ var p = crossProduct2d(b1a1x, b1a1y, nx, ny) / nmCrossProduct;
+ if (p < 0 || p > 1) {
+ return false;
+ }
+
+ return true;
+}
+
+/**
+ * Cross product of 2-dimension vector.
+ */
+function crossProduct2d(x1, y1, x2, y2) {
+ return x1 * y2 - x2 * y1;
+}
+
+function nearZero(val) {
+ return val <= (1e-6) && val >= -(1e-6);
+}
+
+// Register built-in shapes. These shapes might be overwirtten
+// by users, although we do not recommend that.
+registerShape('circle', Circle);
+registerShape('sector', Sector);
+registerShape('ring', Ring);
+registerShape('polygon', Polygon);
+registerShape('polyline', Polyline);
+registerShape('rect', Rect);
+registerShape('line', Line);
+registerShape('bezierCurve', BezierCurve);
+registerShape('arc', Arc);
+
+
+
+
+var graphic = (Object.freeze || Object)({
+ Z2_EMPHASIS_LIFT: Z2_EMPHASIS_LIFT,
+ CACHED_LABEL_STYLE_PROPERTIES: CACHED_LABEL_STYLE_PROPERTIES,
+ extendShape: extendShape,
+ extendPath: extendPath,
+ registerShape: registerShape,
+ getShapeClass: getShapeClass,
+ makePath: makePath,
+ makeImage: makeImage,
+ mergePath: mergePath,
+ resizePath: resizePath,
+ subPixelOptimizeLine: subPixelOptimizeLine,
+ subPixelOptimizeRect: subPixelOptimizeRect,
+ subPixelOptimize: subPixelOptimize,
+ setElementHoverStyle: setElementHoverStyle,
+ setHoverStyle: setHoverStyle,
+ setAsHighDownDispatcher: setAsHighDownDispatcher,
+ isHighDownDispatcher: isHighDownDispatcher,
+ getHighlightDigit: getHighlightDigit,
+ setLabelStyle: setLabelStyle,
+ modifyLabelStyle: modifyLabelStyle,
+ setTextStyle: setTextStyle,
+ setText: setText,
+ getFont: getFont,
+ updateProps: updateProps,
+ initProps: initProps,
+ getTransform: getTransform,
+ applyTransform: applyTransform$1,
+ transformDirection: transformDirection,
+ groupTransition: groupTransition,
+ clipPointsByRect: clipPointsByRect,
+ clipRectByRect: clipRectByRect,
+ createIcon: createIcon,
+ linePolygonIntersect: linePolygonIntersect,
+ lineLineIntersect: lineLineIntersect,
+ Group: Group,
+ Image: ZImage,
+ Text: Text,
+ Circle: Circle,
+ Sector: Sector,
+ Ring: Ring,
+ Polygon: Polygon,
+ Polyline: Polyline,
+ Rect: Rect,
+ Line: Line,
+ BezierCurve: BezierCurve,
+ Arc: Arc,
+ IncrementalDisplayable: IncrementalDisplayble,
+ CompoundPath: CompoundPath,
+ LinearGradient: LinearGradient,
+ RadialGradient: RadialGradient,
+ BoundingRect: BoundingRect
+});
+
+/*
+* 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.
+*/
+
+var PATH_COLOR = ['textStyle', 'color'];
+
+var textStyleMixin = {
+ /**
+ * Get color property or get color from option.textStyle.color
+ * @param {boolean} [isEmphasis]
+ * @return {string}
+ */
+ getTextColor: function (isEmphasis) {
+ var ecModel = this.ecModel;
+ return this.getShallow('color')
+ || (
+ (!isEmphasis && ecModel) ? ecModel.get(PATH_COLOR) : null
+ );
+ },
+
+ /**
+ * Create font string from fontStyle, fontWeight, fontSize, fontFamily
+ * @return {string}
+ */
+ getFont: function () {
+ return getFont({
+ fontStyle: this.getShallow('fontStyle'),
+ fontWeight: this.getShallow('fontWeight'),
+ fontSize: this.getShallow('fontSize'),
+ fontFamily: this.getShallow('fontFamily')
+ }, this.ecModel);
+ },
+
+ getTextRect: function (text) {
+ return getBoundingRect(
+ text,
+ this.getFont(),
+ this.getShallow('align'),
+ this.getShallow('verticalAlign') || this.getShallow('baseline'),
+ this.getShallow('padding'),
+ this.getShallow('lineHeight'),
+ this.getShallow('rich'),
+ this.getShallow('truncateText')
+ );
+ }
+};
+
+/*
+* 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.
+*/
+
+var getItemStyle = makeStyleMapper(
+ [
+ ['fill', 'color'],
+ ['stroke', 'borderColor'],
+ ['lineWidth', 'borderWidth'],
+ ['opacity'],
+ ['shadowBlur'],
+ ['shadowOffsetX'],
+ ['shadowOffsetY'],
+ ['shadowColor'],
+ ['textPosition'],
+ ['textAlign']
+ ]
+);
+
+var itemStyleMixin = {
+ getItemStyle: function (excludes, includes) {
+ var style = getItemStyle(this, excludes, includes);
+ var lineDash = this.getBorderLineDash();
+ lineDash && (style.lineDash = lineDash);
+ return style;
+ },
+
+ getBorderLineDash: function () {
+ var lineType = this.get('borderType');
+ return (lineType === 'solid' || lineType == null) ? null
+ : (lineType === 'dashed' ? [5, 5] : [1, 1]);
+ }
+};
+
+/*
+* 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.
+*/
+
+/**
+ * @module echarts/model/Model
+ */
+
+var mixin$1 = mixin;
+var inner = makeInner();
+
+/**
+ * @alias module:echarts/model/Model
+ * @constructor
+ * @param {Object} [option]
+ * @param {module:echarts/model/Model} [parentModel]
+ * @param {module:echarts/model/Global} [ecModel]
+ */
+function Model(option, parentModel, ecModel) {
+ /**
+ * @type {module:echarts/model/Model}
+ * @readOnly
+ */
+ this.parentModel = parentModel;
+
+ /**
+ * @type {module:echarts/model/Global}
+ * @readOnly
+ */
+ this.ecModel = ecModel;
+
+ /**
+ * @type {Object}
+ * @protected
+ */
+ this.option = option;
+
+ // Simple optimization
+ // if (this.init) {
+ // if (arguments.length <= 4) {
+ // this.init(option, parentModel, ecModel, extraOpt);
+ // }
+ // else {
+ // this.init.apply(this, arguments);
+ // }
+ // }
+}
+
+Model.prototype = {
+
+ constructor: Model,
+
+ /**
+ * Model 鐨勫垵濮嬪寲鍑芥暟
+ * @param {Object} option
+ */
+ init: null,
+
+ /**
+ * 浠庢柊鐨� Option merge
+ */
+ mergeOption: function (option) {
+ merge(this.option, option, true);
+ },
+
+ /**
+ * @param {string|Array.<string>} path
+ * @param {boolean} [ignoreParent=false]
+ * @return {*}
+ */
+ get: function (path, ignoreParent) {
+ if (path == null) {
+ return this.option;
+ }
+
+ return doGet(
+ this.option,
+ this.parsePath(path),
+ !ignoreParent && getParent(this, path)
+ );
+ },
+
+ /**
+ * @param {string} key
+ * @param {boolean} [ignoreParent=false]
+ * @return {*}
+ */
+ getShallow: function (key, ignoreParent) {
+ var option = this.option;
+
+ var val = option == null ? option : option[key];
+ var parentModel = !ignoreParent && getParent(this, key);
+ if (val == null && parentModel) {
+ val = parentModel.getShallow(key);
+ }
+ return val;
+ },
+
+ /**
+ * @param {string|Array.<string>} [path]
+ * @param {module:echarts/model/Model} [parentModel]
+ * @return {module:echarts/model/Model}
+ */
+ getModel: function (path, parentModel) {
+ var obj = path == null
+ ? this.option
+ : doGet(this.option, path = this.parsePath(path));
+
+ var thisParentModel;
+ parentModel = parentModel || (
+ (thisParentModel = getParent(this, path))
+ && thisParentModel.getModel(path)
+ );
+
+ return new Model(obj, parentModel, this.ecModel);
+ },
+
+ /**
+ * If model has option
+ */
+ isEmpty: function () {
+ return this.option == null;
+ },
+
+ restoreData: function () {},
+
+ // Pending
+ clone: function () {
+ var Ctor = this.constructor;
+ return new Ctor(clone(this.option));
+ },
+
+ setReadOnly: function (properties) {
+ // clazzUtil.setReadOnly(this, properties);
+ },
+
+ // If path is null/undefined, return null/undefined.
+ parsePath: function (path) {
+ if (typeof path === 'string') {
+ path = path.split('.');
+ }
+ return path;
+ },
+
+ /**
+ * @param {Function} getParentMethod
+ * param {Array.<string>|string} path
+ * return {module:echarts/model/Model}
+ */
+ customizeGetParent: function (getParentMethod) {
+ inner(this).getParent = getParentMethod;
+ },
+
+ isAnimationEnabled: function () {
+ if (!env$1.node) {
+ if (this.option.animation != null) {
+ return !!this.option.animation;
+ }
+ else if (this.parentModel) {
+ return this.parentModel.isAnimationEnabled();
+ }
+ }
+ }
+
+};
+
+function doGet(obj, pathArr, parentModel) {
+ for (var i = 0; i < pathArr.length; i++) {
+ // Ignore empty
+ if (!pathArr[i]) {
+ continue;
+ }
+ // obj could be number/string/... (like 0)
+ obj = (obj && typeof obj === 'object') ? obj[pathArr[i]] : null;
+ if (obj == null) {
+ break;
+ }
+ }
+ if (obj == null && parentModel) {
+ obj = parentModel.get(pathArr);
+ }
+ return obj;
+}
+
+// `path` can be null/undefined
+function getParent(model, path) {
+ var getParentMethod = inner(model).getParent;
+ return getParentMethod ? getParentMethod.call(model, path) : model.parentModel;
+}
+
+// Enable Model.extend.
+enableClassExtend(Model);
+enableClassCheck(Model);
+
+mixin$1(Model, lineStyleMixin);
+mixin$1(Model, areaStyleMixin);
+mixin$1(Model, textStyleMixin);
+mixin$1(Model, itemStyleMixin);
+
+/*
+* 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.
+*/
+
+var base = 0;
+
+/**
+ * @public
+ * @param {string} type
+ * @return {string}
+ */
+function getUID(type) {
+ // Considering the case of crossing js context,
+ // use Math.random to make id as unique as possible.
+ return [(type || ''), base++, Math.random().toFixed(5)].join('_');
+}
+
+/**
+ * @inner
+ */
+function enableSubTypeDefaulter(entity) {
+
+ var subTypeDefaulters = {};
+
+ entity.registerSubTypeDefaulter = function (componentType, defaulter) {
+ componentType = parseClassType$1(componentType);
+ subTypeDefaulters[componentType.main] = defaulter;
+ };
+
+ entity.determineSubType = function (componentType, option) {
+ var type = option.type;
+ if (!type) {
+ var componentTypeMain = parseClassType$1(componentType).main;
+ if (entity.hasSubTypes(componentType) && subTypeDefaulters[componentTypeMain]) {
+ type = subTypeDefaulters[componentTypeMain](option);
+ }
+ }
+ return type;
+ };
+
+ return entity;
+}
+
+/**
+ * Topological travel on Activity Network (Activity On Vertices).
+ * Dependencies is defined in Model.prototype.dependencies, like ['xAxis', 'yAxis'].
+ *
+ * If 'xAxis' or 'yAxis' is absent in componentTypeList, just ignore it in topology.
+ *
+ * If there is circle dependencey, Error will be thrown.
+ *
+ */
+function enableTopologicalTravel(entity, dependencyGetter) {
+
+ /**
+ * @public
+ * @param {Array.<string>} targetNameList Target Component type list.
+ * Can be ['aa', 'bb', 'aa.xx']
+ * @param {Array.<string>} fullNameList By which we can build dependency graph.
+ * @param {Function} callback Params: componentType, dependencies.
+ * @param {Object} context Scope of callback.
+ */
+ entity.topologicalTravel = function (targetNameList, fullNameList, callback, context) {
+ if (!targetNameList.length) {
+ return;
+ }
+
+ var result = makeDepndencyGraph(fullNameList);
+ var graph = result.graph;
+ var stack = result.noEntryList;
+
+ var targetNameSet = {};
+ each$1(targetNameList, function (name) {
+ targetNameSet[name] = true;
+ });
+
+ while (stack.length) {
+ var currComponentType = stack.pop();
+ var currVertex = graph[currComponentType];
+ var isInTargetNameSet = !!targetNameSet[currComponentType];
+ if (isInTargetNameSet) {
+ callback.call(context, currComponentType, currVertex.originalDeps.slice());
+ delete targetNameSet[currComponentType];
+ }
+ each$1(
+ currVertex.successor,
+ isInTargetNameSet ? removeEdgeAndAdd : removeEdge
+ );
+ }
+
+ each$1(targetNameSet, function () {
+ throw new Error('Circle dependency may exists');
+ });
+
+ function removeEdge(succComponentType) {
+ graph[succComponentType].entryCount--;
+ if (graph[succComponentType].entryCount === 0) {
+ stack.push(succComponentType);
+ }
+ }
+
+ // Consider this case: legend depends on series, and we call
+ // chart.setOption({series: [...]}), where only series is in option.
+ // If we do not have 'removeEdgeAndAdd', legendModel.mergeOption will
+ // not be called, but only sereis.mergeOption is called. Thus legend
+ // have no chance to update its local record about series (like which
+ // name of series is available in legend).
+ function removeEdgeAndAdd(succComponentType) {
+ targetNameSet[succComponentType] = true;
+ removeEdge(succComponentType);
+ }
+ };
+
+ /**
+ * DepndencyGraph: {Object}
+ * key: conponentType,
+ * value: {
+ * successor: [conponentTypes...],
+ * originalDeps: [conponentTypes...],
+ * entryCount: {number}
+ * }
+ */
+ function makeDepndencyGraph(fullNameList) {
+ var graph = {};
+ var noEntryList = [];
+
+ each$1(fullNameList, function (name) {
+
+ var thisItem = createDependencyGraphItem(graph, name);
+ var originalDeps = thisItem.originalDeps = dependencyGetter(name);
+
+ var availableDeps = getAvailableDependencies(originalDeps, fullNameList);
+ thisItem.entryCount = availableDeps.length;
+ if (thisItem.entryCount === 0) {
+ noEntryList.push(name);
+ }
+
+ each$1(availableDeps, function (dependentName) {
+ if (indexOf(thisItem.predecessor, dependentName) < 0) {
+ thisItem.predecessor.push(dependentName);
+ }
+ var thatItem = createDependencyGraphItem(graph, dependentName);
+ if (indexOf(thatItem.successor, dependentName) < 0) {
+ thatItem.successor.push(name);
+ }
+ });
+ });
+
+ return {graph: graph, noEntryList: noEntryList};
+ }
+
+ function createDependencyGraphItem(graph, name) {
+ if (!graph[name]) {
+ graph[name] = {predecessor: [], successor: []};
+ }
+ return graph[name];
+ }
+
+ function getAvailableDependencies(originalDeps, fullNameList) {
+ var availableDeps = [];
+ each$1(originalDeps, function (dep) {
+ indexOf(fullNameList, dep) >= 0 && availableDeps.push(dep);
+ });
+ return availableDeps;
+ }
+}
+
+/*
+* 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.
+*/
+
+/*
+* A third-party license is embeded for some of the code in this file:
+* The method "quantile" was copied from "d3.js".
+* (See more details in the comment of the method below.)
+* The use of the source code of this file is also subject to the terms
+* and consitions of the license of "d3.js" (BSD-3Clause, see
+* </licenses/LICENSE-d3>).
+*/
+
+var RADIAN_EPSILON = 1e-4;
+
+function _trim(str) {
+ return str.replace(/^\s+|\s+$/g, '');
+}
+
+/**
+ * Linear mapping a value from domain to range
+ * @memberOf module:echarts/util/number
+ * @param {(number|Array.<number>)} val
+ * @param {Array.<number>} domain Domain extent domain[0] can be bigger than domain[1]
+ * @param {Array.<number>} range Range extent range[0] can be bigger than range[1]
+ * @param {boolean} clamp
+ * @return {(number|Array.<number>}
+ */
+function linearMap(val, domain, range, clamp) {
+ var subDomain = domain[1] - domain[0];
+ var subRange = range[1] - range[0];
+
+ if (subDomain === 0) {
+ return subRange === 0
+ ? range[0]
+ : (range[0] + range[1]) / 2;
+ }
+
+ // Avoid accuracy problem in edge, such as
+ // 146.39 - 62.83 === 83.55999999999999.
+ // See echarts/test/ut/spec/util/number.js#linearMap#accuracyError
+ // It is a little verbose for efficiency considering this method
+ // is a hotspot.
+ if (clamp) {
+ if (subDomain > 0) {
+ if (val <= domain[0]) {
+ return range[0];
+ }
+ else if (val >= domain[1]) {
+ return range[1];
+ }
+ }
+ else {
+ if (val >= domain[0]) {
+ return range[0];
+ }
+ else if (val <= domain[1]) {
+ return range[1];
+ }
+ }
+ }
+ else {
+ if (val === domain[0]) {
+ return range[0];
+ }
+ if (val === domain[1]) {
+ return range[1];
+ }
+ }
+
+ return (val - domain[0]) / subDomain * subRange + range[0];
+}
+
+/**
+ * Convert a percent string to absolute number.
+ * Returns NaN if percent is not a valid string or number
+ * @memberOf module:echarts/util/number
+ * @param {string|number} percent
+ * @param {number} all
+ * @return {number}
+ */
+function parsePercent$1(percent, all) {
+ switch (percent) {
+ case 'center':
+ case 'middle':
+ percent = '50%';
+ break;
+ case 'left':
+ case 'top':
+ percent = '0%';
+ break;
+ case 'right':
+ case 'bottom':
+ percent = '100%';
+ break;
+ }
+ if (typeof percent === 'string') {
+ if (_trim(percent).match(/%$/)) {
+ return parseFloat(percent) / 100 * all;
+ }
+
+ return parseFloat(percent);
+ }
+
+ return percent == null ? NaN : +percent;
+}
+
+/**
+ * (1) Fix rounding error of float numbers.
+ * (2) Support return string to avoid scientific notation like '3.5e-7'.
+ *
+ * @param {number} x
+ * @param {number} [precision]
+ * @param {boolean} [returnStr]
+ * @return {number|string}
+ */
+function round$1(x, precision, returnStr) {
+ if (precision == null) {
+ precision = 10;
+ }
+ // Avoid range error
+ precision = Math.min(Math.max(0, precision), 20);
+ x = (+x).toFixed(precision);
+ return returnStr ? x : +x;
+}
+
+/**
+ * asc sort arr.
+ * The input arr will be modified.
+ *
+ * @param {Array} arr
+ * @return {Array} The input arr.
+ */
+function asc(arr) {
+ arr.sort(function (a, b) {
+ return a - b;
+ });
+ return arr;
+}
+
+/**
+ * Get precision
+ * @param {number} val
+ */
+function getPrecision(val) {
+ val = +val;
+ if (isNaN(val)) {
+ return 0;
+ }
+ // It is much faster than methods converting number to string as follows
+ // var tmp = val.toString();
+ // return tmp.length - 1 - tmp.indexOf('.');
+ // especially when precision is low
+ var e = 1;
+ var count = 0;
+ while (Math.round(val * e) / e !== val) {
+ e *= 10;
+ count++;
+ }
+ return count;
+}
+
+/**
+ * @param {string|number} val
+ * @return {number}
+ */
+function getPrecisionSafe(val) {
+ var str = val.toString();
+
+ // Consider scientific notation: '3.4e-12' '3.4e+12'
+ var eIndex = str.indexOf('e');
+ if (eIndex > 0) {
+ var precision = +str.slice(eIndex + 1);
+ return precision < 0 ? -precision : 0;
+ }
+ else {
+ var dotIndex = str.indexOf('.');
+ return dotIndex < 0 ? 0 : str.length - 1 - dotIndex;
+ }
+}
+
+/**
+ * Minimal dicernible data precisioin according to a single pixel.
+ *
+ * @param {Array.<number>} dataExtent
+ * @param {Array.<number>} pixelExtent
+ * @return {number} precision
+ */
+function getPixelPrecision(dataExtent, pixelExtent) {
+ var log = Math.log;
+ var LN10 = Math.LN10;
+ var dataQuantity = Math.floor(log(dataExtent[1] - dataExtent[0]) / LN10);
+ var sizeQuantity = Math.round(log(Math.abs(pixelExtent[1] - pixelExtent[0])) / LN10);
+ // toFixed() digits argument must be between 0 and 20.
+ var precision = Math.min(Math.max(-dataQuantity + sizeQuantity, 0), 20);
+ return !isFinite(precision) ? 20 : precision;
+}
+
+/**
+ * Get a data of given precision, assuring the sum of percentages
+ * in valueList is 1.
+ * The largest remainer method is used.
+ * https://en.wikipedia.org/wiki/Largest_remainder_method
+ *
+ * @param {Array.<number>} valueList a list of all data
+ * @param {number} idx index of the data to be processed in valueList
+ * @param {number} precision integer number showing digits of precision
+ * @return {number} percent ranging from 0 to 100
+ */
+function getPercentWithPrecision(valueList, idx, precision) {
+ if (!valueList[idx]) {
+ return 0;
+ }
+
+ var sum = reduce(valueList, function (acc, val) {
+ return acc + (isNaN(val) ? 0 : val);
+ }, 0);
+ if (sum === 0) {
+ return 0;
+ }
+
+ var digits = Math.pow(10, precision);
+ var votesPerQuota = map(valueList, function (val) {
+ return (isNaN(val) ? 0 : val) / sum * digits * 100;
+ });
+ var targetSeats = digits * 100;
+
+ var seats = map(votesPerQuota, function (votes) {
+ // Assign automatic seats.
+ return Math.floor(votes);
+ });
+ var currentSum = reduce(seats, function (acc, val) {
+ return acc + val;
+ }, 0);
+
+ var remainder = map(votesPerQuota, function (votes, idx) {
+ return votes - seats[idx];
+ });
+
+ // Has remainding votes.
+ while (currentSum < targetSeats) {
+ // Find next largest remainder.
+ var max = Number.NEGATIVE_INFINITY;
+ var maxId = null;
+ for (var i = 0, len = remainder.length; i < len; ++i) {
+ if (remainder[i] > max) {
+ max = remainder[i];
+ maxId = i;
+ }
+ }
+
+ // Add a vote to max remainder.
+ ++seats[maxId];
+ remainder[maxId] = 0;
+ ++currentSum;
+ }
+
+ return seats[idx] / digits;
+}
+
+// Number.MAX_SAFE_INTEGER, ie do not support.
+var MAX_SAFE_INTEGER = 9007199254740991;
+
+/**
+ * To 0 - 2 * PI, considering negative radian.
+ * @param {number} radian
+ * @return {number}
+ */
+function remRadian(radian) {
+ var pi2 = Math.PI * 2;
+ return (radian % pi2 + pi2) % pi2;
+}
+
+/**
+ * @param {type} radian
+ * @return {boolean}
+ */
+function isRadianAroundZero(val) {
+ return val > -RADIAN_EPSILON && val < RADIAN_EPSILON;
+}
+
+/* eslint-disable */
+var TIME_REG = /^(?:(\d{4})(?:[-\/](\d{1,2})(?:[-\/](\d{1,2})(?:[T ](\d{1,2})(?::(\d\d)(?::(\d\d)(?:[.,](\d+))?)?)?(Z|[\+\-]\d\d:?\d\d)?)?)?)?)?$/; // jshint ignore:line
+/* eslint-enable */
+
+/**
+ * @param {string|Date|number} value These values can be accepted:
+ * + An instance of Date, represent a time in its own time zone.
+ * + Or string in a subset of ISO 8601, only including:
+ * + only year, month, date: '2012-03', '2012-03-01', '2012-03-01 05', '2012-03-01 05:06',
+ * + separated with T or space: '2012-03-01T12:22:33.123', '2012-03-01 12:22:33.123',
+ * + time zone: '2012-03-01T12:22:33Z', '2012-03-01T12:22:33+8000', '2012-03-01T12:22:33-05:00',
+ * all of which will be treated as local time if time zone is not specified
+ * (see <https://momentjs.com/>).
+ * + Or other string format, including (all of which will be treated as loacal time):
+ * '2012', '2012-3-1', '2012/3/1', '2012/03/01',
+ * '2009/6/12 2:00', '2009/6/12 2:05:08', '2009/6/12 2:05:08.123'
+ * + a timestamp, which represent a time in UTC.
+ * @return {Date} date
+ */
+function parseDate(value) {
+ if (value instanceof Date) {
+ return value;
+ }
+ else if (typeof value === 'string') {
+ // Different browsers parse date in different way, so we parse it manually.
+ // Some other issues:
+ // new Date('1970-01-01') is UTC,
+ // new Date('1970/01/01') and new Date('1970-1-01') is local.
+ // See issue #3623
+ var match = TIME_REG.exec(value);
+
+ if (!match) {
+ // return Invalid Date.
+ return new Date(NaN);
+ }
+
+ // Use local time when no timezone offset specifed.
+ if (!match[8]) {
+ // match[n] can only be string or undefined.
+ // But take care of '12' + 1 => '121'.
+ return new Date(
+ +match[1],
+ +(match[2] || 1) - 1,
+ +match[3] || 1,
+ +match[4] || 0,
+ +(match[5] || 0),
+ +match[6] || 0,
+ +match[7] || 0
+ );
+ }
+ // Timezoneoffset of Javascript Date has considered DST (Daylight Saving Time,
+ // https://tc39.github.io/ecma262/#sec-daylight-saving-time-adjustment).
+ // For example, system timezone is set as "Time Zone: America/Toronto",
+ // then these code will get different result:
+ // `new Date(1478411999999).getTimezoneOffset(); // get 240`
+ // `new Date(1478412000000).getTimezoneOffset(); // get 300`
+ // So we should not use `new Date`, but use `Date.UTC`.
+ else {
+ var hour = +match[4] || 0;
+ if (match[8].toUpperCase() !== 'Z') {
+ hour -= match[8].slice(0, 3);
+ }
+ return new Date(Date.UTC(
+ +match[1],
+ +(match[2] || 1) - 1,
+ +match[3] || 1,
+ hour,
+ +(match[5] || 0),
+ +match[6] || 0,
+ +match[7] || 0
+ ));
+ }
+ }
+ else if (value == null) {
+ return new Date(NaN);
+ }
+
+ return new Date(Math.round(value));
+}
+
+/**
+ * Quantity of a number. e.g. 0.1, 1, 10, 100
+ *
+ * @param {number} val
+ * @return {number}
+ */
+function quantity(val) {
+ return Math.pow(10, quantityExponent(val));
+}
+
+/**
+ * Exponent of the quantity of a number
+ * e.g., 1234 equals to 1.234*10^3, so quantityExponent(1234) is 3
+ *
+ * @param {number} val non-negative value
+ * @return {number}
+ */
+function quantityExponent(val) {
+ if (val === 0) {
+ return 0;
+ }
+
+ var exp = Math.floor(Math.log(val) / Math.LN10);
+ /**
+ * exp is expected to be the rounded-down result of the base-10 log of val.
+ * But due to the precision loss with Math.log(val), we need to restore it
+ * using 10^exp to make sure we can get val back from exp. #11249
+ */
+ if (val / Math.pow(10, exp) >= 10) {
+ exp++;
+ }
+ return exp;
+}
+
+/**
+ * find a 鈥渘ice鈥� number approximately equal to x. Round the number if round = true,
+ * take ceiling if round = false. The primary observation is that the 鈥渘icest鈥�
+ * numbers in decimal are 1, 2, and 5, and all power-of-ten multiples of these numbers.
+ *
+ * See "Nice Numbers for Graph Labels" of Graphic Gems.
+ *
+ * @param {number} val Non-negative value.
+ * @param {boolean} round
+ * @return {number}
+ */
+function nice(val, round) {
+ var exponent = quantityExponent(val);
+ var exp10 = Math.pow(10, exponent);
+ var f = val / exp10; // 1 <= f < 10
+ var nf;
+ if (round) {
+ if (f < 1.5) {
+ nf = 1;
+ }
+ else if (f < 2.5) {
+ nf = 2;
+ }
+ else if (f < 4) {
+ nf = 3;
+ }
+ else if (f < 7) {
+ nf = 5;
+ }
+ else {
+ nf = 10;
+ }
+ }
+ else {
+ if (f < 1) {
+ nf = 1;
+ }
+ else if (f < 2) {
+ nf = 2;
+ }
+ else if (f < 3) {
+ nf = 3;
+ }
+ else if (f < 5) {
+ nf = 5;
+ }
+ else {
+ nf = 10;
+ }
+ }
+ val = nf * exp10;
+
+ // Fix 3 * 0.1 === 0.30000000000000004 issue (see IEEE 754).
+ // 20 is the uppper bound of toFixed.
+ return exponent >= -20 ? +val.toFixed(exponent < 0 ? -exponent : 0) : val;
+}
+
+/**
+ * This code was copied from "d3.js"
+ * <https://github.com/d3/d3/blob/9cc9a875e636a1dcf36cc1e07bdf77e1ad6e2c74/src/arrays/quantile.js>.
+ * See the license statement at the head of this file.
+ * @param {Array.<number>} ascArr
+ */
+function quantile(ascArr, p) {
+ var H = (ascArr.length - 1) * p + 1;
+ var h = Math.floor(H);
+ var v = +ascArr[h - 1];
+ var e = H - h;
+ return e ? v + e * (ascArr[h] - v) : v;
+}
+
+/**
+ * Order intervals asc, and split them when overlap.
+ * expect(numberUtil.reformIntervals([
+ * {interval: [18, 62], close: [1, 1]},
+ * {interval: [-Infinity, -70], close: [0, 0]},
+ * {interval: [-70, -26], close: [1, 1]},
+ * {interval: [-26, 18], close: [1, 1]},
+ * {interval: [62, 150], close: [1, 1]},
+ * {interval: [106, 150], close: [1, 1]},
+ * {interval: [150, Infinity], close: [0, 0]}
+ * ])).toEqual([
+ * {interval: [-Infinity, -70], close: [0, 0]},
+ * {interval: [-70, -26], close: [1, 1]},
+ * {interval: [-26, 18], close: [0, 1]},
+ * {interval: [18, 62], close: [0, 1]},
+ * {interval: [62, 150], close: [0, 1]},
+ * {interval: [150, Infinity], close: [0, 0]}
+ * ]);
+ * @param {Array.<Object>} list, where `close` mean open or close
+ * of the interval, and Infinity can be used.
+ * @return {Array.<Object>} The origin list, which has been reformed.
+ */
+function reformIntervals(list) {
+ list.sort(function (a, b) {
+ return littleThan(a, b, 0) ? -1 : 1;
+ });
+
+ var curr = -Infinity;
+ var currClose = 1;
+ for (var i = 0; i < list.length;) {
+ var interval = list[i].interval;
+ var close = list[i].close;
+
+ for (var lg = 0; lg < 2; lg++) {
+ if (interval[lg] <= curr) {
+ interval[lg] = curr;
+ close[lg] = !lg ? 1 - currClose : 1;
+ }
+ curr = interval[lg];
+ currClose = close[lg];
+ }
+
+ if (interval[0] === interval[1] && close[0] * close[1] !== 1) {
+ list.splice(i, 1);
+ }
+ else {
+ i++;
+ }
+ }
+
+ return list;
+
+ function littleThan(a, b, lg) {
+ return a.interval[lg] < b.interval[lg]
+ || (
+ a.interval[lg] === b.interval[lg]
+ && (
+ (a.close[lg] - b.close[lg] === (!lg ? 1 : -1))
+ || (!lg && littleThan(a, b, 1))
+ )
+ );
+ }
+}
+
+/**
+ * parseFloat NaNs numeric-cast false positives (null|true|false|"")
+ * ...but misinterprets leading-number strings, particularly hex literals ("0x...")
+ * subtraction forces infinities to NaN
+ *
+ * @param {*} v
+ * @return {boolean}
+ */
+function isNumeric(v) {
+ return v - parseFloat(v) >= 0;
+}
+
+
+var number = (Object.freeze || Object)({
+ linearMap: linearMap,
+ parsePercent: parsePercent$1,
+ round: round$1,
+ asc: asc,
+ getPrecision: getPrecision,
+ getPrecisionSafe: getPrecisionSafe,
+ getPixelPrecision: getPixelPrecision,
+ getPercentWithPrecision: getPercentWithPrecision,
+ MAX_SAFE_INTEGER: MAX_SAFE_INTEGER,
+ remRadian: remRadian,
+ isRadianAroundZero: isRadianAroundZero,
+ parseDate: parseDate,
+ quantity: quantity,
+ quantityExponent: quantityExponent,
+ nice: nice,
+ quantile: quantile,
+ reformIntervals: reformIntervals,
+ isNumeric: isNumeric
+});
+
+/*
+* 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.
+*/
+
+// import Text from 'zrender/src/graphic/Text';
+
+/**
+ * add commas after every three numbers
+ * @param {string|number} x
+ * @return {string}
+ */
+function addCommas(x) {
+ if (isNaN(x)) {
+ return '-';
+ }
+ x = (x + '').split('.');
+ return x[0].replace(/(\d{1,3})(?=(?:\d{3})+(?!\d))/g, '$1,')
+ + (x.length > 1 ? ('.' + x[1]) : '');
+}
+
+/**
+ * @param {string} str
+ * @param {boolean} [upperCaseFirst=false]
+ * @return {string} str
+ */
+function toCamelCase(str, upperCaseFirst) {
+ str = (str || '').toLowerCase().replace(/-(.)/g, function (match, group1) {
+ return group1.toUpperCase();
+ });
+
+ if (upperCaseFirst && str) {
+ str = str.charAt(0).toUpperCase() + str.slice(1);
+ }
+
+ return str;
+}
+
+var normalizeCssArray$1 = normalizeCssArray;
+
+
+var replaceReg = /([&<>"'])/g;
+var replaceMap = {
+ '&': '&',
+ '<': '<',
+ '>': '>',
+ '"': '"',
+ '\'': '''
+};
+
+function encodeHTML(source) {
+ return source == null
+ ? ''
+ : (source + '').replace(replaceReg, function (str, c) {
+ return replaceMap[c];
+ });
+}
+
+var TPL_VAR_ALIAS = ['a', 'b', 'c', 'd', 'e', 'f', 'g'];
+
+var wrapVar = function (varName, seriesIdx) {
+ return '{' + varName + (seriesIdx == null ? '' : seriesIdx) + '}';
+};
+
+/**
+ * Template formatter
+ * @param {string} tpl
+ * @param {Array.<Object>|Object} paramsList
+ * @param {boolean} [encode=false]
+ * @return {string}
+ */
+function formatTpl(tpl, paramsList, encode) {
+ if (!isArray(paramsList)) {
+ paramsList = [paramsList];
+ }
+ var seriesLen = paramsList.length;
+ if (!seriesLen) {
+ return '';
+ }
+
+ var $vars = paramsList[0].$vars || [];
+ for (var i = 0; i < $vars.length; i++) {
+ var alias = TPL_VAR_ALIAS[i];
+ tpl = tpl.replace(wrapVar(alias), wrapVar(alias, 0));
+ }
+ for (var seriesIdx = 0; seriesIdx < seriesLen; seriesIdx++) {
+ for (var k = 0; k < $vars.length; k++) {
+ var val = paramsList[seriesIdx][$vars[k]];
+ tpl = tpl.replace(
+ wrapVar(TPL_VAR_ALIAS[k], seriesIdx),
+ encode ? encodeHTML(val) : val
+ );
+ }
+ }
+
+ return tpl;
+}
+
+/**
+ * simple Template formatter
+ *
+ * @param {string} tpl
+ * @param {Object} param
+ * @param {boolean} [encode=false]
+ * @return {string}
+ */
+function formatTplSimple(tpl, param, encode) {
+ each$1(param, function (value, key) {
+ tpl = tpl.replace(
+ '{' + key + '}',
+ encode ? encodeHTML(value) : value
+ );
+ });
+ return tpl;
+}
+
+/**
+ * @param {Object|string} [opt] If string, means color.
+ * @param {string} [opt.color]
+ * @param {string} [opt.extraCssText]
+ * @param {string} [opt.type='item'] 'item' or 'subItem'
+ * @param {string} [opt.renderMode='html'] render mode of tooltip, 'html' or 'richText'
+ * @param {string} [opt.markerId='X'] id name for marker. If only one marker is in a rich text, this can be omitted.
+ * @return {string}
+ */
+function getTooltipMarker(opt, extraCssText) {
+ opt = isString(opt) ? {color: opt, extraCssText: extraCssText} : (opt || {});
+ var color = opt.color;
+ var type = opt.type;
+ var extraCssText = opt.extraCssText;
+ var renderMode = opt.renderMode || 'html';
+ var markerId = opt.markerId || 'X';
+
+ if (!color) {
+ return '';
+ }
+
+ if (renderMode === 'html') {
+ return type === 'subItem'
+ ? '<span style="display:inline-block;vertical-align:middle;margin-right:8px;margin-left:3px;'
+ + 'border-radius:4px;width:4px;height:4px;background-color:'
+ + encodeHTML(color) + ';' + (extraCssText || '') + '"></span>'
+ : '<span style="display:inline-block;margin-right:5px;'
+ + 'border-radius:10px;width:10px;height:10px;background-color:'
+ + encodeHTML(color) + ';' + (extraCssText || '') + '"></span>';
+ }
+ else {
+ // Space for rich element marker
+ return {
+ renderMode: renderMode,
+ content: '{marker' + markerId + '|} ',
+ style: {
+ color: color
+ }
+ };
+ }
+}
+
+function pad(str, len) {
+ str += '';
+ return '0000'.substr(0, len - str.length) + str;
+}
+
+
+/**
+ * ISO Date format
+ * @param {string} tpl
+ * @param {number} value
+ * @param {boolean} [isUTC=false] Default in local time.
+ * see `module:echarts/scale/Time`
+ * and `module:echarts/util/number#parseDate`.
+ * @inner
+ */
+function formatTime(tpl, value, isUTC) {
+ if (tpl === 'week'
+ || tpl === 'month'
+ || tpl === 'quarter'
+ || tpl === 'half-year'
+ || tpl === 'year'
+ ) {
+ tpl = 'MM-dd\nyyyy';
+ }
+
+ var date = parseDate(value);
+ var utc = isUTC ? 'UTC' : '';
+ var y = date['get' + utc + 'FullYear']();
+ var M = date['get' + utc + 'Month']() + 1;
+ var d = date['get' + utc + 'Date']();
+ var h = date['get' + utc + 'Hours']();
+ var m = date['get' + utc + 'Minutes']();
+ var s = date['get' + utc + 'Seconds']();
+ var S = date['get' + utc + 'Milliseconds']();
+
+ tpl = tpl.replace('MM', pad(M, 2))
+ .replace('M', M)
+ .replace('yyyy', y)
+ .replace('yy', y % 100)
+ .replace('dd', pad(d, 2))
+ .replace('d', d)
+ .replace('hh', pad(h, 2))
+ .replace('h', h)
+ .replace('mm', pad(m, 2))
+ .replace('m', m)
+ .replace('ss', pad(s, 2))
+ .replace('s', s)
+ .replace('SSS', pad(S, 3));
+
+ return tpl;
+}
+
+/**
+ * Capital first
+ * @param {string} str
+ * @return {string}
+ */
+function capitalFirst(str) {
+ return str ? str.charAt(0).toUpperCase() + str.substr(1) : str;
+}
+
+var truncateText$1 = truncateText;
+
+/**
+ * @public
+ * @param {Object} opt
+ * @param {string} opt.text
+ * @param {string} opt.font
+ * @param {string} [opt.textAlign='left']
+ * @param {string} [opt.textVerticalAlign='top']
+ * @param {Array.<number>} [opt.textPadding]
+ * @param {number} [opt.textLineHeight]
+ * @param {Object} [opt.rich]
+ * @param {Object} [opt.truncate]
+ * @return {Object} {x, y, width, height, lineHeight}
+ */
+function getTextBoundingRect(opt) {
+ return getBoundingRect(
+ opt.text,
+ opt.font,
+ opt.textAlign,
+ opt.textVerticalAlign,
+ opt.textPadding,
+ opt.textLineHeight,
+ opt.rich,
+ opt.truncate
+ );
+}
+
+/**
+ * @deprecated
+ * the `textLineHeight` was added later.
+ * For backward compatiblility, put it as the last parameter.
+ * But deprecated this interface. Please use `getTextBoundingRect` instead.
+ */
+function getTextRect(
+ text, font, textAlign, textVerticalAlign, textPadding, rich, truncate, textLineHeight
+) {
+ return getBoundingRect(
+ text, font, textAlign, textVerticalAlign, textPadding, textLineHeight, rich, truncate
+ );
+}
+
+/**
+ * open new tab
+ * @param {string} link url
+ * @param {string} target blank or self
+ */
+function windowOpen(link, target) {
+ if (target === '_blank' || target === 'blank') {
+ var blank = window.open();
+ blank.opener = null;
+ blank.location = link;
+ }
+ else {
+ window.open(link, target);
+ }
+}
+
+
+var format = (Object.freeze || Object)({
+ addCommas: addCommas,
+ toCamelCase: toCamelCase,
+ normalizeCssArray: normalizeCssArray$1,
+ encodeHTML: encodeHTML,
+ formatTpl: formatTpl,
+ formatTplSimple: formatTplSimple,
+ getTooltipMarker: getTooltipMarker,
+ formatTime: formatTime,
+ capitalFirst: capitalFirst,
+ truncateText: truncateText$1,
+ getTextBoundingRect: getTextBoundingRect,
+ getTextRect: getTextRect,
+ windowOpen: windowOpen
+});
+
+/*
+* 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.
+*/
+
+// Layout helpers for each component positioning
+
+var each$3 = each$1;
+
+/**
+ * @public
+ */
+var LOCATION_PARAMS = [
+ 'left', 'right', 'top', 'bottom', 'width', 'height'
+];
+
+/**
+ * @public
+ */
+var HV_NAMES = [
+ ['width', 'left', 'right'],
+ ['height', 'top', 'bottom']
+];
+
+function boxLayout(orient, group, gap, maxWidth, maxHeight) {
+ var x = 0;
+ var y = 0;
+
+ if (maxWidth == null) {
+ maxWidth = Infinity;
+ }
+ if (maxHeight == null) {
+ maxHeight = Infinity;
+ }
+ var currentLineMaxSize = 0;
+
+ group.eachChild(function (child, idx) {
+ var position = child.position;
+ var rect = child.getBoundingRect();
+ var nextChild = group.childAt(idx + 1);
+ var nextChildRect = nextChild && nextChild.getBoundingRect();
+ var nextX;
+ var nextY;
+
+ if (orient === 'horizontal') {
+ var moveX = rect.width + (nextChildRect ? (-nextChildRect.x + rect.x) : 0);
+ nextX = x + moveX;
+ // Wrap when width exceeds maxWidth or meet a `newline` group
+ // FIXME compare before adding gap?
+ if (nextX > maxWidth || child.newline) {
+ x = 0;
+ nextX = moveX;
+ y += currentLineMaxSize + gap;
+ currentLineMaxSize = rect.height;
+ }
+ else {
+ // FIXME: consider rect.y is not `0`?
+ currentLineMaxSize = Math.max(currentLineMaxSize, rect.height);
+ }
+ }
+ else {
+ var moveY = rect.height + (nextChildRect ? (-nextChildRect.y + rect.y) : 0);
+ nextY = y + moveY;
+ // Wrap when width exceeds maxHeight or meet a `newline` group
+ if (nextY > maxHeight || child.newline) {
+ x += currentLineMaxSize + gap;
+ y = 0;
+ nextY = moveY;
+ currentLineMaxSize = rect.width;
+ }
+ else {
+ currentLineMaxSize = Math.max(currentLineMaxSize, rect.width);
+ }
+ }
+
+ if (child.newline) {
+ return;
+ }
+
+ position[0] = x;
+ position[1] = y;
+
+ orient === 'horizontal'
+ ? (x = nextX + gap)
+ : (y = nextY + gap);
+ });
+}
+
+/**
+ * VBox or HBox layouting
+ * @param {string} orient
+ * @param {module:zrender/container/Group} group
+ * @param {number} gap
+ * @param {number} [width=Infinity]
+ * @param {number} [height=Infinity]
+ */
+var box = boxLayout;
+
+/**
+ * VBox layouting
+ * @param {module:zrender/container/Group} group
+ * @param {number} gap
+ * @param {number} [width=Infinity]
+ * @param {number} [height=Infinity]
+ */
+var vbox = curry(boxLayout, 'vertical');
+
+/**
+ * HBox layouting
+ * @param {module:zrender/container/Group} group
+ * @param {number} gap
+ * @param {number} [width=Infinity]
+ * @param {number} [height=Infinity]
+ */
+var hbox = curry(boxLayout, 'horizontal');
+
+/**
+ * If x or x2 is not specified or 'center' 'left' 'right',
+ * the width would be as long as possible.
+ * If y or y2 is not specified or 'middle' 'top' 'bottom',
+ * the height would be as long as possible.
+ *
+ * @param {Object} positionInfo
+ * @param {number|string} [positionInfo.x]
+ * @param {number|string} [positionInfo.y]
+ * @param {number|string} [positionInfo.x2]
+ * @param {number|string} [positionInfo.y2]
+ * @param {Object} containerRect {width, height}
+ * @param {string|number} margin
+ * @return {Object} {width, height}
+ */
+function getAvailableSize(positionInfo, containerRect, margin) {
+ var containerWidth = containerRect.width;
+ var containerHeight = containerRect.height;
+
+ var x = parsePercent$1(positionInfo.x, containerWidth);
+ var y = parsePercent$1(positionInfo.y, containerHeight);
+ var x2 = parsePercent$1(positionInfo.x2, containerWidth);
+ var y2 = parsePercent$1(positionInfo.y2, containerHeight);
+
+ (isNaN(x) || isNaN(parseFloat(positionInfo.x))) && (x = 0);
+ (isNaN(x2) || isNaN(parseFloat(positionInfo.x2))) && (x2 = containerWidth);
+ (isNaN(y) || isNaN(parseFloat(positionInfo.y))) && (y = 0);
+ (isNaN(y2) || isNaN(parseFloat(positionInfo.y2))) && (y2 = containerHeight);
+
+ margin = normalizeCssArray$1(margin || 0);
+
+ return {
+ width: Math.max(x2 - x - margin[1] - margin[3], 0),
+ height: Math.max(y2 - y - margin[0] - margin[2], 0)
+ };
+}
+
+/**
+ * Parse position info.
+ *
+ * @param {Object} positionInfo
+ * @param {number|string} [positionInfo.left]
+ * @param {number|string} [positionInfo.top]
+ * @param {number|string} [positionInfo.right]
+ * @param {number|string} [positionInfo.bottom]
+ * @param {number|string} [positionInfo.width]
+ * @param {number|string} [positionInfo.height]
+ * @param {number|string} [positionInfo.aspect] Aspect is width / height
+ * @param {Object} containerRect
+ * @param {string|number} [margin]
+ *
+ * @return {module:zrender/core/BoundingRect}
+ */
+function getLayoutRect(
+ positionInfo, containerRect, margin
+) {
+ margin = normalizeCssArray$1(margin || 0);
+
+ var containerWidth = containerRect.width;
+ var containerHeight = containerRect.height;
+
+ var left = parsePercent$1(positionInfo.left, containerWidth);
+ var top = parsePercent$1(positionInfo.top, containerHeight);
+ var right = parsePercent$1(positionInfo.right, containerWidth);
+ var bottom = parsePercent$1(positionInfo.bottom, containerHeight);
+ var width = parsePercent$1(positionInfo.width, containerWidth);
+ var height = parsePercent$1(positionInfo.height, containerHeight);
+
+ var verticalMargin = margin[2] + margin[0];
+ var horizontalMargin = margin[1] + margin[3];
+ var aspect = positionInfo.aspect;
+
+ // If width is not specified, calculate width from left and right
+ if (isNaN(width)) {
+ width = containerWidth - right - horizontalMargin - left;
+ }
+ if (isNaN(height)) {
+ height = containerHeight - bottom - verticalMargin - top;
+ }
+
+ if (aspect != null) {
+ // If width and height are not given
+ // 1. Graph should not exceeds the container
+ // 2. Aspect must be keeped
+ // 3. Graph should take the space as more as possible
+ // FIXME
+ // Margin is not considered, because there is no case that both
+ // using margin and aspect so far.
+ if (isNaN(width) && isNaN(height)) {
+ if (aspect > containerWidth / containerHeight) {
+ width = containerWidth * 0.8;
+ }
+ else {
+ height = containerHeight * 0.8;
+ }
+ }
+
+ // Calculate width or height with given aspect
+ if (isNaN(width)) {
+ width = aspect * height;
+ }
+ if (isNaN(height)) {
+ height = width / aspect;
+ }
+ }
+
+ // If left is not specified, calculate left from right and width
+ if (isNaN(left)) {
+ left = containerWidth - right - width - horizontalMargin;
+ }
+ if (isNaN(top)) {
+ top = containerHeight - bottom - height - verticalMargin;
+ }
+
+ // Align left and top
+ switch (positionInfo.left || positionInfo.right) {
+ case 'center':
+ left = containerWidth / 2 - width / 2 - margin[3];
+ break;
+ case 'right':
+ left = containerWidth - width - horizontalMargin;
+ break;
+ }
+ switch (positionInfo.top || positionInfo.bottom) {
+ case 'middle':
+ case 'center':
+ top = containerHeight / 2 - height / 2 - margin[0];
+ break;
+ case 'bottom':
+ top = containerHeight - height - verticalMargin;
+ break;
+ }
+ // If something is wrong and left, top, width, height are calculated as NaN
+ left = left || 0;
+ top = top || 0;
+ if (isNaN(width)) {
+ // Width may be NaN if only one value is given except width
+ width = containerWidth - horizontalMargin - left - (right || 0);
+ }
+ if (isNaN(height)) {
+ // Height may be NaN if only one value is given except height
+ height = containerHeight - verticalMargin - top - (bottom || 0);
+ }
+
+ var rect = new BoundingRect(left + margin[3], top + margin[0], width, height);
+ rect.margin = margin;
+ return rect;
+}
+
+
+/**
+ * Position a zr element in viewport
+ * Group position is specified by either
+ * {left, top}, {right, bottom}
+ * If all properties exists, right and bottom will be igonred.
+ *
+ * Logic:
+ * 1. Scale (against origin point in parent coord)
+ * 2. Rotate (against origin point in parent coord)
+ * 3. Traslate (with el.position by this method)
+ * So this method only fixes the last step 'Traslate', which does not affect
+ * scaling and rotating.
+ *
+ * If be called repeatly with the same input el, the same result will be gotten.
+ *
+ * @param {module:zrender/Element} el Should have `getBoundingRect` method.
+ * @param {Object} positionInfo
+ * @param {number|string} [positionInfo.left]
+ * @param {number|string} [positionInfo.top]
+ * @param {number|string} [positionInfo.right]
+ * @param {number|string} [positionInfo.bottom]
+ * @param {number|string} [positionInfo.width] Only for opt.boundingModel: 'raw'
+ * @param {number|string} [positionInfo.height] Only for opt.boundingModel: 'raw'
+ * @param {Object} containerRect
+ * @param {string|number} margin
+ * @param {Object} [opt]
+ * @param {Array.<number>} [opt.hv=[1,1]] Only horizontal or only vertical.
+ * @param {Array.<number>} [opt.boundingMode='all']
+ * Specify how to calculate boundingRect when locating.
+ * 'all': Position the boundingRect that is transformed and uioned
+ * both itself and its descendants.
+ * This mode simplies confine the elements in the bounding
+ * of their container (e.g., using 'right: 0').
+ * 'raw': Position the boundingRect that is not transformed and only itself.
+ * This mode is useful when you want a element can overflow its
+ * container. (Consider a rotated circle needs to be located in a corner.)
+ * In this mode positionInfo.width/height can only be number.
+ */
+function positionElement(el, positionInfo, containerRect, margin, opt) {
+ var h = !opt || !opt.hv || opt.hv[0];
+ var v = !opt || !opt.hv || opt.hv[1];
+ var boundingMode = opt && opt.boundingMode || 'all';
+
+ if (!h && !v) {
+ return;
+ }
+
+ var rect;
+ if (boundingMode === 'raw') {
+ rect = el.type === 'group'
+ ? new BoundingRect(0, 0, +positionInfo.width || 0, +positionInfo.height || 0)
+ : el.getBoundingRect();
+ }
+ else {
+ rect = el.getBoundingRect();
+ if (el.needLocalTransform()) {
+ var transform = el.getLocalTransform();
+ // Notice: raw rect may be inner object of el,
+ // which should not be modified.
+ rect = rect.clone();
+ rect.applyTransform(transform);
+ }
+ }
+
+ // The real width and height can not be specified but calculated by the given el.
+ positionInfo = getLayoutRect(
+ defaults(
+ {width: rect.width, height: rect.height},
+ positionInfo
+ ),
+ containerRect,
+ margin
+ );
+
+ // Because 'tranlate' is the last step in transform
+ // (see zrender/core/Transformable#getLocalTransform),
+ // we can just only modify el.position to get final result.
+ var elPos = el.position;
+ var dx = h ? positionInfo.x - rect.x : 0;
+ var dy = v ? positionInfo.y - rect.y : 0;
+
+ el.attr('position', boundingMode === 'raw' ? [dx, dy] : [elPos[0] + dx, elPos[1] + dy]);
+}
+
+/**
+ * @param {Object} option Contains some of the properties in HV_NAMES.
+ * @param {number} hvIdx 0: horizontal; 1: vertical.
+ */
+function sizeCalculable(option, hvIdx) {
+ return option[HV_NAMES[hvIdx][0]] != null
+ || (option[HV_NAMES[hvIdx][1]] != null && option[HV_NAMES[hvIdx][2]] != null);
+}
+
+/**
+ * Consider Case:
+ * When defulat option has {left: 0, width: 100}, and we set {right: 0}
+ * through setOption or media query, using normal zrUtil.merge will cause
+ * {right: 0} does not take effect.
+ *
+ * @example
+ * ComponentModel.extend({
+ * init: function () {
+ * ...
+ * var inputPositionParams = layout.getLayoutParams(option);
+ * this.mergeOption(inputPositionParams);
+ * },
+ * mergeOption: function (newOption) {
+ * newOption && zrUtil.merge(thisOption, newOption, true);
+ * layout.mergeLayoutParam(thisOption, newOption);
+ * }
+ * });
+ *
+ * @param {Object} targetOption
+ * @param {Object} newOption
+ * @param {Object|string} [opt]
+ * @param {boolean|Array.<boolean>} [opt.ignoreSize=false] Used for the components
+ * that width (or height) should not be calculated by left and right (or top and bottom).
+ */
+function mergeLayoutParam(targetOption, newOption, opt) {
+ !isObject$1(opt) && (opt = {});
+
+ var ignoreSize = opt.ignoreSize;
+ !isArray(ignoreSize) && (ignoreSize = [ignoreSize, ignoreSize]);
+
+ var hResult = merge$$1(HV_NAMES[0], 0);
+ var vResult = merge$$1(HV_NAMES[1], 1);
+
+ copy(HV_NAMES[0], targetOption, hResult);
+ copy(HV_NAMES[1], targetOption, vResult);
+
+ function merge$$1(names, hvIdx) {
+ var newParams = {};
+ var newValueCount = 0;
+ var merged = {};
+ var mergedValueCount = 0;
+ var enoughParamNumber = 2;
+
+ each$3(names, function (name) {
+ merged[name] = targetOption[name];
+ });
+ each$3(names, function (name) {
+ // Consider case: newOption.width is null, which is
+ // set by user for removing width setting.
+ hasProp(newOption, name) && (newParams[name] = merged[name] = newOption[name]);
+ hasValue(newParams, name) && newValueCount++;
+ hasValue(merged, name) && mergedValueCount++;
+ });
+
+ if (ignoreSize[hvIdx]) {
+ // Only one of left/right is premitted to exist.
+ if (hasValue(newOption, names[1])) {
+ merged[names[2]] = null;
+ }
+ else if (hasValue(newOption, names[2])) {
+ merged[names[1]] = null;
+ }
+ return merged;
+ }
+
+ // Case: newOption: {width: ..., right: ...},
+ // or targetOption: {right: ...} and newOption: {width: ...},
+ // There is no conflict when merged only has params count
+ // little than enoughParamNumber.
+ if (mergedValueCount === enoughParamNumber || !newValueCount) {
+ return merged;
+ }
+ // Case: newOption: {width: ..., right: ...},
+ // Than we can make sure user only want those two, and ignore
+ // all origin params in targetOption.
+ else if (newValueCount >= enoughParamNumber) {
+ return newParams;
+ }
+ else {
+ // Chose another param from targetOption by priority.
+ for (var i = 0; i < names.length; i++) {
+ var name = names[i];
+ if (!hasProp(newParams, name) && hasProp(targetOption, name)) {
+ newParams[name] = targetOption[name];
+ break;
+ }
+ }
+ return newParams;
+ }
+ }
+
+ function hasProp(obj, name) {
+ return obj.hasOwnProperty(name);
+ }
+
+ function hasValue(obj, name) {
+ return obj[name] != null && obj[name] !== 'auto';
+ }
+
+ function copy(names, target, source) {
+ each$3(names, function (name) {
+ target[name] = source[name];
+ });
+ }
+}
+
+/**
+ * Retrieve 'left', 'right', 'top', 'bottom', 'width', 'height' from object.
+ * @param {Object} source
+ * @return {Object} Result contains those props.
+ */
+function getLayoutParams(source) {
+ return copyLayoutParams({}, source);
+}
+
+/**
+ * Retrieve 'left', 'right', 'top', 'bottom', 'width', 'height' from object.
+ * @param {Object} source
+ * @return {Object} Result contains those props.
+ */
+function copyLayoutParams(target, source) {
+ source && target && each$3(LOCATION_PARAMS, function (name) {
+ source.hasOwnProperty(name) && (target[name] = source[name]);
+ });
+ return target;
+}
+
+/*
+* 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.
+*/
+
+
+var boxLayoutMixin = {
+ getBoxLayoutParams: function () {
+ return {
+ left: this.get('left'),
+ top: this.get('top'),
+ right: this.get('right'),
+ bottom: this.get('bottom'),
+ width: this.get('width'),
+ height: this.get('height')
+ };
+ }
+};
+
+/*
+* 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.
+*/
+
+/**
+ * Component model
+ *
+ * @module echarts/model/Component
+ */
+
+var inner$1 = makeInner();
+
+/**
+ * @alias module:echarts/model/Component
+ * @constructor
+ * @param {Object} option
+ * @param {module:echarts/model/Model} parentModel
+ * @param {module:echarts/model/Model} ecModel
+ */
+var ComponentModel = Model.extend({
+
+ type: 'component',
+
+ /**
+ * @readOnly
+ * @type {string}
+ */
+ id: '',
+
+ /**
+ * Because simplified concept is probably better, series.name (or component.name)
+ * has been having too many resposibilities:
+ * (1) Generating id (which requires name in option should not be modified).
+ * (2) As an index to mapping series when merging option or calling API (a name
+ * can refer to more then one components, which is convinient is some case).
+ * (3) Display.
+ * @readOnly
+ */
+ name: '',
+
+ /**
+ * @readOnly
+ * @type {string}
+ */
+ mainType: '',
+
+ /**
+ * @readOnly
+ * @type {string}
+ */
+ subType: '',
+
+ /**
+ * @readOnly
+ * @type {number}
+ */
+ componentIndex: 0,
+
+ /**
+ * @type {Object}
+ * @protected
+ */
+ defaultOption: null,
+
+ /**
+ * @type {module:echarts/model/Global}
+ * @readOnly
+ */
+ ecModel: null,
+
+ /**
+ * key: componentType
+ * value: Component model list, can not be null.
+ * @type {Object.<string, Array.<module:echarts/model/Model>>}
+ * @readOnly
+ */
+ dependentModels: [],
+
+ /**
+ * @type {string}
+ * @readOnly
+ */
+ uid: null,
+
+ /**
+ * Support merge layout params.
+ * Only support 'box' now (left/right/top/bottom/width/height).
+ * @type {string|Object} Object can be {ignoreSize: true}
+ * @readOnly
+ */
+ layoutMode: null,
+
+ $constructor: function (option, parentModel, ecModel, extraOpt) {
+ Model.call(this, option, parentModel, ecModel, extraOpt);
+
+ this.uid = getUID('ec_cpt_model');
+ },
+
+ init: function (option, parentModel, ecModel, extraOpt) {
+ this.mergeDefaultAndTheme(option, ecModel);
+ },
+
+ mergeDefaultAndTheme: function (option, ecModel) {
+ var layoutMode = this.layoutMode;
+ var inputPositionParams = layoutMode
+ ? getLayoutParams(option) : {};
+
+ var themeModel = ecModel.getTheme();
+ merge(option, themeModel.get(this.mainType));
+ merge(option, this.getDefaultOption());
+
+ if (layoutMode) {
+ mergeLayoutParam(option, inputPositionParams, layoutMode);
+ }
+ },
+
+ mergeOption: function (option, extraOpt) {
+ merge(this.option, option, true);
+
+ var layoutMode = this.layoutMode;
+ if (layoutMode) {
+ mergeLayoutParam(this.option, option, layoutMode);
+ }
+ },
+
+ // Hooker after init or mergeOption
+ optionUpdated: function (newCptOption, isInit) {},
+
+ getDefaultOption: function () {
+ var fields = inner$1(this);
+ if (!fields.defaultOption) {
+ var optList = [];
+ var Class = this.constructor;
+ while (Class) {
+ var opt = Class.prototype.defaultOption;
+ opt && optList.push(opt);
+ Class = Class.superClass;
+ }
+
+ var defaultOption = {};
+ for (var i = optList.length - 1; i >= 0; i--) {
+ defaultOption = merge(defaultOption, optList[i], true);
+ }
+ fields.defaultOption = defaultOption;
+ }
+ return fields.defaultOption;
+ },
+
+ getReferringComponents: function (mainType) {
+ return this.ecModel.queryComponents({
+ mainType: mainType,
+ index: this.get(mainType + 'Index', true),
+ id: this.get(mainType + 'Id', true)
+ });
+ }
+
+});
+
+// Reset ComponentModel.extend, add preConstruct.
+// clazzUtil.enableClassExtend(
+// ComponentModel,
+// function (option, parentModel, ecModel, extraOpt) {
+// // Set dependentModels, componentIndex, name, id, mainType, subType.
+// zrUtil.extend(this, extraOpt);
+
+// this.uid = componentUtil.getUID('componentModel');
+
+// // this.setReadOnly([
+// // 'type', 'id', 'uid', 'name', 'mainType', 'subType',
+// // 'dependentModels', 'componentIndex'
+// // ]);
+// }
+// );
+
+// Add capability of registerClass, getClass, hasClass, registerSubTypeDefaulter and so on.
+enableClassManagement(
+ ComponentModel, {registerWhenExtend: true}
+);
+enableSubTypeDefaulter(ComponentModel);
+
+// Add capability of ComponentModel.topologicalTravel.
+enableTopologicalTravel(ComponentModel, getDependencies);
+
+function getDependencies(componentType) {
+ var deps = [];
+ each$1(ComponentModel.getClassesByMainType(componentType), function (Clazz) {
+ deps = deps.concat(Clazz.prototype.dependencies || []);
+ });
+
+ // Ensure main type.
+ deps = map(deps, function (type) {
+ return parseClassType$1(type).main;
+ });
+
+ // Hack dataset for convenience.
+ if (componentType !== 'dataset' && indexOf(deps, 'dataset') <= 0) {
+ deps.unshift('dataset');
+ }
+
+ return deps;
+}
+
+mixin(ComponentModel, boxLayoutMixin);
+
+/*
+* 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.
+*/
+
+
+var platform = '';
+// Navigator not exists in node
+if (typeof navigator !== 'undefined') {
+ platform = navigator.platform || '';
+}
+
+var globalDefault = {
+ // backgroundColor: 'rgba(0,0,0,0)',
+
+ // https://dribbble.com/shots/1065960-Infographic-Pie-chart-visualization
+ // color: ['#5793f3', '#d14a61', '#fd9c35', '#675bba', '#fec42c', '#dd4444', '#d4df5a', '#cd4870'],
+ // Light colors:
+ // color: ['#bcd3bb', '#e88f70', '#edc1a5', '#9dc5c8', '#e1e8c8', '#7b7c68', '#e5b5b5', '#f0b489', '#928ea8', '#bda29a'],
+ // color: ['#cc5664', '#9bd6ec', '#ea946e', '#8acaaa', '#f1ec64', '#ee8686', '#a48dc1', '#5da6bc', '#b9dcae'],
+ // Dark colors:
+ color: [
+ '#c23531', '#2f4554', '#61a0a8', '#d48265', '#91c7ae', '#749f83',
+ '#ca8622', '#bda29a', '#6e7074', '#546570', '#c4ccd3'
+ ],
+
+ gradientColor: ['#f6efa6', '#d88273', '#bf444c'],
+
+ // If xAxis and yAxis declared, grid is created by default.
+ // grid: {},
+
+ textStyle: {
+ // color: '#000',
+ // decoration: 'none',
+ // PENDING
+ fontFamily: platform.match(/^Win/) ? 'Microsoft YaHei' : 'sans-serif',
+ // fontFamily: 'Arial, Verdana, sans-serif',
+ fontSize: 12,
+ fontStyle: 'normal',
+ fontWeight: 'normal'
+ },
+
+ // http://blogs.adobe.com/webplatform/2014/02/24/using-blend-modes-in-html-canvas/
+ // https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/globalCompositeOperation
+ // Default is source-over
+ blendMode: null,
+
+ animation: 'auto',
+ animationDuration: 1000,
+ animationDurationUpdate: 300,
+ animationEasing: 'exponentialOut',
+ animationEasingUpdate: 'cubicOut',
+
+ animationThreshold: 2000,
+ // Configuration for progressive/incremental rendering
+ progressiveThreshold: 3000,
+ progressive: 400,
+
+ // Threshold of if use single hover layer to optimize.
+ // It is recommended that `hoverLayerThreshold` is equivalent to or less than
+ // `progressiveThreshold`, otherwise hover will cause restart of progressive,
+ // which is unexpected.
+ // see example <echarts/test/heatmap-large.html>.
+ hoverLayerThreshold: 3000,
+
+ // See: module:echarts/scale/Time
+ useUTC: false
+};
+
+/*
+* 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.
+*/
+
+var inner$2 = makeInner();
+
+function getNearestColorPalette(colors, requestColorNum) {
+ var paletteNum = colors.length;
+ // TODO colors must be in order
+ for (var i = 0; i < paletteNum; i++) {
+ if (colors[i].length > requestColorNum) {
+ return colors[i];
+ }
+ }
+ return colors[paletteNum - 1];
+}
+
+var colorPaletteMixin = {
+ clearColorPalette: function () {
+ inner$2(this).colorIdx = 0;
+ inner$2(this).colorNameMap = {};
+ },
+
+ /**
+ * @param {string} name MUST NOT be null/undefined. Otherwise call this function
+ * twise with the same parameters will get different result.
+ * @param {Object} [scope=this]
+ * @param {Object} [requestColorNum]
+ * @return {string} color string.
+ */
+ getColorFromPalette: function (name, scope, requestColorNum) {
+ scope = scope || this;
+ var scopeFields = inner$2(scope);
+ var colorIdx = scopeFields.colorIdx || 0;
+ var colorNameMap = scopeFields.colorNameMap = scopeFields.colorNameMap || {};
+ // Use `hasOwnProperty` to avoid conflict with Object.prototype.
+ if (colorNameMap.hasOwnProperty(name)) {
+ return colorNameMap[name];
+ }
+ var defaultColorPalette = normalizeToArray(this.get('color', true));
+ var layeredColorPalette = this.get('colorLayer', true);
+ var colorPalette = ((requestColorNum == null || !layeredColorPalette)
+ ? defaultColorPalette : getNearestColorPalette(layeredColorPalette, requestColorNum));
+
+ // In case can't find in layered color palette.
+ colorPalette = colorPalette || defaultColorPalette;
+
+ if (!colorPalette || !colorPalette.length) {
+ return;
+ }
+
+ var color = colorPalette[colorIdx];
+ if (name) {
+ colorNameMap[name] = color;
+ }
+ scopeFields.colorIdx = (colorIdx + 1) % colorPalette.length;
+
+ return color;
+ }
+};
+
+/*
+* 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.
+*/
+
+// Avoid typo.
+var SOURCE_FORMAT_ORIGINAL = 'original';
+var SOURCE_FORMAT_ARRAY_ROWS = 'arrayRows';
+var SOURCE_FORMAT_OBJECT_ROWS = 'objectRows';
+var SOURCE_FORMAT_KEYED_COLUMNS = 'keyedColumns';
+var SOURCE_FORMAT_UNKNOWN = 'unknown';
+// ??? CHANGE A NAME
+var SOURCE_FORMAT_TYPED_ARRAY = 'typedArray';
+
+var SERIES_LAYOUT_BY_COLUMN = 'column';
+var SERIES_LAYOUT_BY_ROW = 'row';
+
+/*
+* 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.
+*/
+
+/**
+ * [sourceFormat]
+ *
+ * + "original":
+ * This format is only used in series.data, where
+ * itemStyle can be specified in data item.
+ *
+ * + "arrayRows":
+ * [
+ * ['product', 'score', 'amount'],
+ * ['Matcha Latte', 89.3, 95.8],
+ * ['Milk Tea', 92.1, 89.4],
+ * ['Cheese Cocoa', 94.4, 91.2],
+ * ['Walnut Brownie', 85.4, 76.9]
+ * ]
+ *
+ * + "objectRows":
+ * [
+ * {product: 'Matcha Latte', score: 89.3, amount: 95.8},
+ * {product: 'Milk Tea', score: 92.1, amount: 89.4},
+ * {product: 'Cheese Cocoa', score: 94.4, amount: 91.2},
+ * {product: 'Walnut Brownie', score: 85.4, amount: 76.9}
+ * ]
+ *
+ * + "keyedColumns":
+ * {
+ * 'product': ['Matcha Latte', 'Milk Tea', 'Cheese Cocoa', 'Walnut Brownie'],
+ * 'count': [823, 235, 1042, 988],
+ * 'score': [95.8, 81.4, 91.2, 76.9]
+ * }
+ *
+ * + "typedArray"
+ *
+ * + "unknown"
+ */
+
+/**
+ * @constructor
+ * @param {Object} fields
+ * @param {string} fields.sourceFormat
+ * @param {Array|Object} fields.fromDataset
+ * @param {Array|Object} [fields.data]
+ * @param {string} [seriesLayoutBy='column']
+ * @param {Array.<Object|string>} [dimensionsDefine]
+ * @param {Objet|HashMap} [encodeDefine]
+ * @param {number} [startIndex=0]
+ * @param {number} [dimensionsDetectCount]
+ */
+function Source(fields) {
+
+ /**
+ * @type {boolean}
+ */
+ this.fromDataset = fields.fromDataset;
+
+ /**
+ * Not null/undefined.
+ * @type {Array|Object}
+ */
+ this.data = fields.data || (
+ fields.sourceFormat === SOURCE_FORMAT_KEYED_COLUMNS ? {} : []
+ );
+
+ /**
+ * See also "detectSourceFormat".
+ * Not null/undefined.
+ * @type {string}
+ */
+ this.sourceFormat = fields.sourceFormat || SOURCE_FORMAT_UNKNOWN;
+
+ /**
+ * 'row' or 'column'
+ * Not null/undefined.
+ * @type {string} seriesLayoutBy
+ */
+ this.seriesLayoutBy = fields.seriesLayoutBy || SERIES_LAYOUT_BY_COLUMN;
+
+ /**
+ * dimensions definition in option.
+ * can be null/undefined.
+ * @type {Array.<Object|string>}
+ */
+ this.dimensionsDefine = fields.dimensionsDefine;
+
+ /**
+ * encode definition in option.
+ * can be null/undefined.
+ * @type {Objet|HashMap}
+ */
+ this.encodeDefine = fields.encodeDefine && createHashMap(fields.encodeDefine);
+
+ /**
+ * Not null/undefined, uint.
+ * @type {number}
+ */
+ this.startIndex = fields.startIndex || 0;
+
+ /**
+ * Can be null/undefined (when unknown), uint.
+ * @type {number}
+ */
+ this.dimensionsDetectCount = fields.dimensionsDetectCount;
+}
+
+/**
+ * Wrap original series data for some compatibility cases.
+ */
+Source.seriesDataToSource = function (data) {
+ return new Source({
+ data: data,
+ sourceFormat: isTypedArray(data)
+ ? SOURCE_FORMAT_TYPED_ARRAY
+ : SOURCE_FORMAT_ORIGINAL,
+ fromDataset: false
+ });
+};
+
+enableClassCheck(Source);
+
+/*
+* 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.
+*/
+
+// The result of `guessOrdinal`.
+var BE_ORDINAL = {
+ Must: 1, // Encounter string but not '-' and not number-like.
+ Might: 2, // Encounter string but number-like.
+ Not: 3 // Other cases
+};
+
+var inner$3 = makeInner();
+
+/**
+ * @see {module:echarts/data/Source}
+ * @param {module:echarts/component/dataset/DatasetModel} datasetModel
+ * @return {string} sourceFormat
+ */
+function detectSourceFormat(datasetModel) {
+ var data = datasetModel.option.source;
+ var sourceFormat = SOURCE_FORMAT_UNKNOWN;
+
+ if (isTypedArray(data)) {
+ sourceFormat = SOURCE_FORMAT_TYPED_ARRAY;
+ }
+ else if (isArray(data)) {
+ // FIXME Whether tolerate null in top level array?
+ if (data.length === 0) {
+ sourceFormat = SOURCE_FORMAT_ARRAY_ROWS;
+ }
+
+ for (var i = 0, len = data.length; i < len; i++) {
+ var item = data[i];
+
+ if (item == null) {
+ continue;
+ }
+ else if (isArray(item)) {
+ sourceFormat = SOURCE_FORMAT_ARRAY_ROWS;
+ break;
+ }
+ else if (isObject$1(item)) {
+ sourceFormat = SOURCE_FORMAT_OBJECT_ROWS;
+ break;
+ }
+ }
+ }
+ else if (isObject$1(data)) {
+ for (var key in data) {
+ if (data.hasOwnProperty(key) && isArrayLike(data[key])) {
+ sourceFormat = SOURCE_FORMAT_KEYED_COLUMNS;
+ break;
+ }
+ }
+ }
+ else if (data != null) {
+ throw new Error('Invalid data');
+ }
+
+ inner$3(datasetModel).sourceFormat = sourceFormat;
+}
+
+/**
+ * [Scenarios]:
+ * (1) Provide source data directly:
+ * series: {
+ * encode: {...},
+ * dimensions: [...]
+ * seriesLayoutBy: 'row',
+ * data: [[...]]
+ * }
+ * (2) Refer to datasetModel.
+ * series: [{
+ * encode: {...}
+ * // Ignore datasetIndex means `datasetIndex: 0`
+ * // and the dimensions defination in dataset is used
+ * }, {
+ * encode: {...},
+ * seriesLayoutBy: 'column',
+ * datasetIndex: 1
+ * }]
+ *
+ * Get data from series itself or datset.
+ * @return {module:echarts/data/Source} source
+ */
+function getSource(seriesModel) {
+ return inner$3(seriesModel).source;
+}
+
+/**
+ * MUST be called before mergeOption of all series.
+ * @param {module:echarts/model/Global} ecModel
+ */
+function resetSourceDefaulter(ecModel) {
+ // `datasetMap` is used to make default encode.
+ inner$3(ecModel).datasetMap = createHashMap();
+}
+
+/**
+ * [Caution]:
+ * MUST be called after series option merged and
+ * before "series.getInitailData()" called.
+ *
+ * [The rule of making default encode]:
+ * Category axis (if exists) alway map to the first dimension.
+ * Each other axis occupies a subsequent dimension.
+ *
+ * [Why make default encode]:
+ * Simplify the typing of encode in option, avoiding the case like that:
+ * series: [{encode: {x: 0, y: 1}}, {encode: {x: 0, y: 2}}, {encode: {x: 0, y: 3}}],
+ * where the "y" have to be manually typed as "1, 2, 3, ...".
+ *
+ * @param {module:echarts/model/Series} seriesModel
+ */
+function prepareSource(seriesModel) {
+ var seriesOption = seriesModel.option;
+
+ var data = seriesOption.data;
+ var sourceFormat = isTypedArray(data)
+ ? SOURCE_FORMAT_TYPED_ARRAY : SOURCE_FORMAT_ORIGINAL;
+ var fromDataset = false;
+
+ var seriesLayoutBy = seriesOption.seriesLayoutBy;
+ var sourceHeader = seriesOption.sourceHeader;
+ var dimensionsDefine = seriesOption.dimensions;
+
+ var datasetModel = getDatasetModel(seriesModel);
+ if (datasetModel) {
+ var datasetOption = datasetModel.option;
+
+ data = datasetOption.source;
+ sourceFormat = inner$3(datasetModel).sourceFormat;
+ fromDataset = true;
+
+ // These settings from series has higher priority.
+ seriesLayoutBy = seriesLayoutBy || datasetOption.seriesLayoutBy;
+ sourceHeader == null && (sourceHeader = datasetOption.sourceHeader);
+ dimensionsDefine = dimensionsDefine || datasetOption.dimensions;
+ }
+
+ var completeResult = completeBySourceData(
+ data, sourceFormat, seriesLayoutBy, sourceHeader, dimensionsDefine
+ );
+
+ inner$3(seriesModel).source = new Source({
+ data: data,
+ fromDataset: fromDataset,
+ seriesLayoutBy: seriesLayoutBy,
+ sourceFormat: sourceFormat,
+ dimensionsDefine: completeResult.dimensionsDefine,
+ startIndex: completeResult.startIndex,
+ dimensionsDetectCount: completeResult.dimensionsDetectCount,
+ // Note: dataset option does not have `encode`.
+ encodeDefine: seriesOption.encode
+ });
+}
+
+// return {startIndex, dimensionsDefine, dimensionsCount}
+function completeBySourceData(data, sourceFormat, seriesLayoutBy, sourceHeader, dimensionsDefine) {
+ if (!data) {
+ return {dimensionsDefine: normalizeDimensionsDefine(dimensionsDefine)};
+ }
+
+ var dimensionsDetectCount;
+ var startIndex;
+
+ if (sourceFormat === SOURCE_FORMAT_ARRAY_ROWS) {
+ // Rule: Most of the first line are string: it is header.
+ // Caution: consider a line with 5 string and 1 number,
+ // it still can not be sure it is a head, because the
+ // 5 string may be 5 values of category columns.
+ if (sourceHeader === 'auto' || sourceHeader == null) {
+ arrayRowsTravelFirst(function (val) {
+ // '-' is regarded as null/undefined.
+ if (val != null && val !== '-') {
+ if (isString(val)) {
+ startIndex == null && (startIndex = 1);
+ }
+ else {
+ startIndex = 0;
+ }
+ }
+ // 10 is an experience number, avoid long loop.
+ }, seriesLayoutBy, data, 10);
+ }
+ else {
+ startIndex = sourceHeader ? 1 : 0;
+ }
+
+ if (!dimensionsDefine && startIndex === 1) {
+ dimensionsDefine = [];
+ arrayRowsTravelFirst(function (val, index) {
+ dimensionsDefine[index] = val != null ? val : '';
+ }, seriesLayoutBy, data);
+ }
+
+ dimensionsDetectCount = dimensionsDefine
+ ? dimensionsDefine.length
+ : seriesLayoutBy === SERIES_LAYOUT_BY_ROW
+ ? data.length
+ : data[0]
+ ? data[0].length
+ : null;
+ }
+ else if (sourceFormat === SOURCE_FORMAT_OBJECT_ROWS) {
+ if (!dimensionsDefine) {
+ dimensionsDefine = objectRowsCollectDimensions(data);
+ }
+ }
+ else if (sourceFormat === SOURCE_FORMAT_KEYED_COLUMNS) {
+ if (!dimensionsDefine) {
+ dimensionsDefine = [];
+ each$1(data, function (colArr, key) {
+ dimensionsDefine.push(key);
+ });
+ }
+ }
+ else if (sourceFormat === SOURCE_FORMAT_ORIGINAL) {
+ var value0 = getDataItemValue(data[0]);
+ dimensionsDetectCount = isArray(value0) && value0.length || 1;
+ }
+ else if (sourceFormat === SOURCE_FORMAT_TYPED_ARRAY) {
+ if (__DEV__) {
+ assert$1(!!dimensionsDefine, 'dimensions must be given if data is TypedArray.');
+ }
+ }
+
+ return {
+ startIndex: startIndex,
+ dimensionsDefine: normalizeDimensionsDefine(dimensionsDefine),
+ dimensionsDetectCount: dimensionsDetectCount
+ };
+}
+
+// Consider dimensions defined like ['A', 'price', 'B', 'price', 'C', 'price'],
+// which is reasonable. But dimension name is duplicated.
+// Returns undefined or an array contains only object without null/undefiend or string.
+function normalizeDimensionsDefine(dimensionsDefine) {
+ if (!dimensionsDefine) {
+ // The meaning of null/undefined is different from empty array.
+ return;
+ }
+ var nameMap = createHashMap();
+ return map(dimensionsDefine, function (item, index) {
+ item = extend({}, isObject$1(item) ? item : {name: item});
+
+ // User can set null in dimensions.
+ // We dont auto specify name, othewise a given name may
+ // cause it be refered unexpectedly.
+ if (item.name == null) {
+ return item;
+ }
+
+ // Also consider number form like 2012.
+ item.name += '';
+ // User may also specify displayName.
+ // displayName will always exists except user not
+ // specified or dim name is not specified or detected.
+ // (A auto generated dim name will not be used as
+ // displayName).
+ if (item.displayName == null) {
+ item.displayName = item.name;
+ }
+
+ var exist = nameMap.get(item.name);
+ if (!exist) {
+ nameMap.set(item.name, {count: 1});
+ }
+ else {
+ item.name += '-' + exist.count++;
+ }
+
+ return item;
+ });
+}
+
+function arrayRowsTravelFirst(cb, seriesLayoutBy, data, maxLoop) {
+ maxLoop == null && (maxLoop = Infinity);
+ if (seriesLayoutBy === SERIES_LAYOUT_BY_ROW) {
+ for (var i = 0; i < data.length && i < maxLoop; i++) {
+ cb(data[i] ? data[i][0] : null, i);
+ }
+ }
+ else {
+ var value0 = data[0] || [];
+ for (var i = 0; i < value0.length && i < maxLoop; i++) {
+ cb(value0[i], i);
+ }
+ }
+}
+
+function objectRowsCollectDimensions(data) {
+ var firstIndex = 0;
+ var obj;
+ while (firstIndex < data.length && !(obj = data[firstIndex++])) {} // jshint ignore: line
+ if (obj) {
+ var dimensions = [];
+ each$1(obj, function (value, key) {
+ dimensions.push(key);
+ });
+ return dimensions;
+ }
+}
+
+/**
+ * [The strategy of the arrengment of data dimensions for dataset]:
+ * "value way": all axes are non-category axes. So series one by one take
+ * several (the number is coordSysDims.length) dimensions from dataset.
+ * The result of data arrengment of data dimensions like:
+ * | ser0_x | ser0_y | ser1_x | ser1_y | ser2_x | ser2_y |
+ * "category way": at least one axis is category axis. So the the first data
+ * dimension is always mapped to the first category axis and shared by
+ * all of the series. The other data dimensions are taken by series like
+ * "value way" does.
+ * The result of data arrengment of data dimensions like:
+ * | ser_shared_x | ser0_y | ser1_y | ser2_y |
+ *
+ * @param {Array.<Object|string>} coordDimensions [{name: <string>, type: <string>, dimsDef: <Array>}, ...]
+ * @param {module:model/Series} seriesModel
+ * @param {module:data/Source} source
+ * @return {Object} encode Never be `null/undefined`.
+ */
+function makeSeriesEncodeForAxisCoordSys(coordDimensions, seriesModel, source) {
+ var encode = {};
+
+ var datasetModel = getDatasetModel(seriesModel);
+ // Currently only make default when using dataset, util more reqirements occur.
+ if (!datasetModel || !coordDimensions) {
+ return encode;
+ }
+
+ var encodeItemName = [];
+ var encodeSeriesName = [];
+
+ var ecModel = seriesModel.ecModel;
+ var datasetMap = inner$3(ecModel).datasetMap;
+ var key = datasetModel.uid + '_' + source.seriesLayoutBy;
+
+ var baseCategoryDimIndex;
+ var categoryWayValueDimStart;
+ coordDimensions = coordDimensions.slice();
+ each$1(coordDimensions, function (coordDimInfo, coordDimIdx) {
+ !isObject$1(coordDimInfo) && (coordDimensions[coordDimIdx] = {name: coordDimInfo});
+ if (coordDimInfo.type === 'ordinal' && baseCategoryDimIndex == null) {
+ baseCategoryDimIndex = coordDimIdx;
+ categoryWayValueDimStart = getDataDimCountOnCoordDim(coordDimensions[coordDimIdx]);
+ }
+ encode[coordDimInfo.name] = [];
+ });
+
+ var datasetRecord = datasetMap.get(key)
+ || datasetMap.set(key, {categoryWayDim: categoryWayValueDimStart, valueWayDim: 0});
+
+ // TODO
+ // Auto detect first time axis and do arrangement.
+ each$1(coordDimensions, function (coordDimInfo, coordDimIdx) {
+ var coordDimName = coordDimInfo.name;
+ var count = getDataDimCountOnCoordDim(coordDimInfo);
+
+ // In value way.
+ if (baseCategoryDimIndex == null) {
+ var start = datasetRecord.valueWayDim;
+ pushDim(encode[coordDimName], start, count);
+ pushDim(encodeSeriesName, start, count);
+ datasetRecord.valueWayDim += count;
+
+ // ??? TODO give a better default series name rule?
+ // especially when encode x y specified.
+ // consider: when mutiple series share one dimension
+ // category axis, series name should better use
+ // the other dimsion name. On the other hand, use
+ // both dimensions name.
+ }
+ // In category way, the first category axis.
+ else if (baseCategoryDimIndex === coordDimIdx) {
+ pushDim(encode[coordDimName], 0, count);
+ pushDim(encodeItemName, 0, count);
+ }
+ // In category way, the other axis.
+ else {
+ var start = datasetRecord.categoryWayDim;
+ pushDim(encode[coordDimName], start, count);
+ pushDim(encodeSeriesName, start, count);
+ datasetRecord.categoryWayDim += count;
+ }
+ });
+
+ function pushDim(dimIdxArr, idxFrom, idxCount) {
+ for (var i = 0; i < idxCount; i++) {
+ dimIdxArr.push(idxFrom + i);
+ }
+ }
+
+ function getDataDimCountOnCoordDim(coordDimInfo) {
+ var dimsDef = coordDimInfo.dimsDef;
+ return dimsDef ? dimsDef.length : 1;
+ }
+
+ encodeItemName.length && (encode.itemName = encodeItemName);
+ encodeSeriesName.length && (encode.seriesName = encodeSeriesName);
+
+ return encode;
+}
+
+/**
+ * Work for data like [{name: ..., value: ...}, ...].
+ *
+ * @param {module:model/Series} seriesModel
+ * @param {module:data/Source} source
+ * @return {Object} encode Never be `null/undefined`.
+ */
+function makeSeriesEncodeForNameBased(seriesModel, source, dimCount) {
+ var encode = {};
+
+ var datasetModel = getDatasetModel(seriesModel);
+ // Currently only make default when using dataset, util more reqirements occur.
+ if (!datasetModel) {
+ return encode;
+ }
+
+ var sourceFormat = source.sourceFormat;
+ var dimensionsDefine = source.dimensionsDefine;
+
+ var potentialNameDimIndex;
+ if (sourceFormat === SOURCE_FORMAT_OBJECT_ROWS || sourceFormat === SOURCE_FORMAT_KEYED_COLUMNS) {
+ each$1(dimensionsDefine, function (dim, idx) {
+ if ((isObject$1(dim) ? dim.name : dim) === 'name') {
+ potentialNameDimIndex = idx;
+ }
+ });
+ }
+
+ // idxResult: {v, n}.
+ var idxResult = (function () {
+
+ var idxRes0 = {};
+ var idxRes1 = {};
+ var guessRecords = [];
+
+ // 5 is an experience value.
+ for (var i = 0, len = Math.min(5, dimCount); i < len; i++) {
+ var guessResult = doGuessOrdinal(
+ source.data, sourceFormat, source.seriesLayoutBy,
+ dimensionsDefine, source.startIndex, i
+ );
+ guessRecords.push(guessResult);
+ var isPureNumber = guessResult === BE_ORDINAL.Not;
+
+ // [Strategy of idxRes0]: find the first BE_ORDINAL.Not as the value dim,
+ // and then find a name dim with the priority:
+ // "BE_ORDINAL.Might|BE_ORDINAL.Must" > "other dim" > "the value dim itself".
+ if (isPureNumber && idxRes0.v == null && i !== potentialNameDimIndex) {
+ idxRes0.v = i;
+ }
+ if (idxRes0.n == null
+ || (idxRes0.n === idxRes0.v)
+ || (!isPureNumber && guessRecords[idxRes0.n] === BE_ORDINAL.Not)
+ ) {
+ idxRes0.n = i;
+ }
+ if (fulfilled(idxRes0) && guessRecords[idxRes0.n] !== BE_ORDINAL.Not) {
+ return idxRes0;
+ }
+
+ // [Strategy of idxRes1]: if idxRes0 not satisfied (that is, no BE_ORDINAL.Not),
+ // find the first BE_ORDINAL.Might as the value dim,
+ // and then find a name dim with the priority:
+ // "other dim" > "the value dim itself".
+ // That is for backward compat: number-like (e.g., `'3'`, `'55'`) can be
+ // treated as number.
+ if (!isPureNumber) {
+ if (guessResult === BE_ORDINAL.Might && idxRes1.v == null && i !== potentialNameDimIndex) {
+ idxRes1.v = i;
+ }
+ if (idxRes1.n == null || (idxRes1.n === idxRes1.v)) {
+ idxRes1.n = i;
+ }
+ }
+ }
+
+ function fulfilled(idxResult) {
+ return idxResult.v != null && idxResult.n != null;
+ }
+
+ return fulfilled(idxRes0) ? idxRes0 : fulfilled(idxRes1) ? idxRes1 : null;
+ })();
+
+ if (idxResult) {
+ encode.value = idxResult.v;
+ // `potentialNameDimIndex` has highest priority.
+ var nameDimIndex = potentialNameDimIndex != null ? potentialNameDimIndex : idxResult.n;
+ // By default, label use itemName in charts.
+ // So we dont set encodeLabel here.
+ encode.itemName = [nameDimIndex];
+ encode.seriesName = [nameDimIndex];
+ }
+
+ return encode;
+}
+
+/**
+ * If return null/undefined, indicate that should not use datasetModel.
+ */
+function getDatasetModel(seriesModel) {
+ var option = seriesModel.option;
+ // Caution: consider the scenario:
+ // A dataset is declared and a series is not expected to use the dataset,
+ // and at the beginning `setOption({series: { noData })` (just prepare other
+ // option but no data), then `setOption({series: {data: [...]}); In this case,
+ // the user should set an empty array to avoid that dataset is used by default.
+ var thisData = option.data;
+ if (!thisData) {
+ return seriesModel.ecModel.getComponent('dataset', option.datasetIndex || 0);
+ }
+}
+
+/**
+ * The rule should not be complex, otherwise user might not
+ * be able to known where the data is wrong.
+ * The code is ugly, but how to make it neat?
+ *
+ * @param {module:echars/data/Source} source
+ * @param {number} dimIndex
+ * @return {BE_ORDINAL} guess result.
+ */
+function guessOrdinal(source, dimIndex) {
+ return doGuessOrdinal(
+ source.data,
+ source.sourceFormat,
+ source.seriesLayoutBy,
+ source.dimensionsDefine,
+ source.startIndex,
+ dimIndex
+ );
+}
+
+// dimIndex may be overflow source data.
+// return {BE_ORDINAL}
+function doGuessOrdinal(
+ data, sourceFormat, seriesLayoutBy, dimensionsDefine, startIndex, dimIndex
+) {
+ var result;
+ // Experience value.
+ var maxLoop = 5;
+
+ if (isTypedArray(data)) {
+ return BE_ORDINAL.Not;
+ }
+
+ // When sourceType is 'objectRows' or 'keyedColumns', dimensionsDefine
+ // always exists in source.
+ var dimName;
+ var dimType;
+ if (dimensionsDefine) {
+ var dimDefItem = dimensionsDefine[dimIndex];
+ if (isObject$1(dimDefItem)) {
+ dimName = dimDefItem.name;
+ dimType = dimDefItem.type;
+ }
+ else if (isString(dimDefItem)) {
+ dimName = dimDefItem;
+ }
+ }
+
+ if (dimType != null) {
+ return dimType === 'ordinal' ? BE_ORDINAL.Must : BE_ORDINAL.Not;
+ }
+
+ if (sourceFormat === SOURCE_FORMAT_ARRAY_ROWS) {
+ if (seriesLayoutBy === SERIES_LAYOUT_BY_ROW) {
+ var sample = data[dimIndex];
+ for (var i = 0; i < (sample || []).length && i < maxLoop; i++) {
+ if ((result = detectValue(sample[startIndex + i])) != null) {
+ return result;
+ }
+ }
+ }
+ else {
+ for (var i = 0; i < data.length && i < maxLoop; i++) {
+ var row = data[startIndex + i];
+ if (row && (result = detectValue(row[dimIndex])) != null) {
+ return result;
+ }
+ }
+ }
+ }
+ else if (sourceFormat === SOURCE_FORMAT_OBJECT_ROWS) {
+ if (!dimName) {
+ return BE_ORDINAL.Not;
+ }
+ for (var i = 0; i < data.length && i < maxLoop; i++) {
+ var item = data[i];
+ if (item && (result = detectValue(item[dimName])) != null) {
+ return result;
+ }
+ }
+ }
+ else if (sourceFormat === SOURCE_FORMAT_KEYED_COLUMNS) {
+ if (!dimName) {
+ return BE_ORDINAL.Not;
+ }
+ var sample = data[dimName];
+ if (!sample || isTypedArray(sample)) {
+ return BE_ORDINAL.Not;
+ }
+ for (var i = 0; i < sample.length && i < maxLoop; i++) {
+ if ((result = detectValue(sample[i])) != null) {
+ return result;
+ }
+ }
+ }
+ else if (sourceFormat === SOURCE_FORMAT_ORIGINAL) {
+ for (var i = 0; i < data.length && i < maxLoop; i++) {
+ var item = data[i];
+ var val = getDataItemValue(item);
+ if (!isArray(val)) {
+ return BE_ORDINAL.Not;
+ }
+ if ((result = detectValue(val[dimIndex])) != null) {
+ return result;
+ }
+ }
+ }
+
+ function detectValue(val) {
+ var beStr = isString(val);
+ // Consider usage convenience, '1', '2' will be treated as "number".
+ // `isFinit('')` get `true`.
+ if (val != null && isFinite(val) && val !== '') {
+ return beStr ? BE_ORDINAL.Might : BE_ORDINAL.Not;
+ }
+ else if (beStr && val !== '-') {
+ return BE_ORDINAL.Must;
+ }
+ }
+
+ return BE_ORDINAL.Not;
+}
+
+/*
+* 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.
+*/
+
+/**
+ * ECharts global model
+ *
+ * @module {echarts/model/Global}
+ */
+
+
+/**
+ * Caution: If the mechanism should be changed some day, these cases
+ * should be considered:
+ *
+ * (1) In `merge option` mode, if using the same option to call `setOption`
+ * many times, the result should be the same (try our best to ensure that).
+ * (2) In `merge option` mode, if a component has no id/name specified, it
+ * will be merged by index, and the result sequence of the components is
+ * consistent to the original sequence.
+ * (3) `reset` feature (in toolbox). Find detailed info in comments about
+ * `mergeOption` in module:echarts/model/OptionManager.
+ */
+
+var OPTION_INNER_KEY = '\0_ec_inner';
+
+/**
+ * @alias module:echarts/model/Global
+ *
+ * @param {Object} option
+ * @param {module:echarts/model/Model} parentModel
+ * @param {Object} theme
+ */
+var GlobalModel = Model.extend({
+
+ init: function (option, parentModel, theme, optionManager) {
+ theme = theme || {};
+
+ this.option = null; // Mark as not initialized.
+
+ /**
+ * @type {module:echarts/model/Model}
+ * @private
+ */
+ this._theme = new Model(theme);
+
+ /**
+ * @type {module:echarts/model/OptionManager}
+ */
+ this._optionManager = optionManager;
+ },
+
+ setOption: function (option, optionPreprocessorFuncs) {
+ assert$1(
+ !(OPTION_INNER_KEY in option),
+ 'please use chart.getOption()'
+ );
+
+ this._optionManager.setOption(option, optionPreprocessorFuncs);
+
+ this.resetOption(null);
+ },
+
+ /**
+ * @param {string} type null/undefined: reset all.
+ * 'recreate': force recreate all.
+ * 'timeline': only reset timeline option
+ * 'media': only reset media query option
+ * @return {boolean} Whether option changed.
+ */
+ resetOption: function (type) {
+ var optionChanged = false;
+ var optionManager = this._optionManager;
+
+ if (!type || type === 'recreate') {
+ var baseOption = optionManager.mountOption(type === 'recreate');
+
+ if (!this.option || type === 'recreate') {
+ initBase.call(this, baseOption);
+ }
+ else {
+ this.restoreData();
+ this.mergeOption(baseOption);
+ }
+ optionChanged = true;
+ }
+
+ if (type === 'timeline' || type === 'media') {
+ this.restoreData();
+ }
+
+ if (!type || type === 'recreate' || type === 'timeline') {
+ var timelineOption = optionManager.getTimelineOption(this);
+ timelineOption && (this.mergeOption(timelineOption), optionChanged = true);
+ }
+
+ if (!type || type === 'recreate' || type === 'media') {
+ var mediaOptions = optionManager.getMediaOption(this, this._api);
+ if (mediaOptions.length) {
+ each$1(mediaOptions, function (mediaOption) {
+ this.mergeOption(mediaOption, optionChanged = true);
+ }, this);
+ }
+ }
+
+ return optionChanged;
+ },
+
+ /**
+ * @protected
+ */
+ mergeOption: function (newOption) {
+ var option = this.option;
+ var componentsMap = this._componentsMap;
+ var newCptTypes = [];
+
+ resetSourceDefaulter(this);
+
+ // If no component class, merge directly.
+ // For example: color, animaiton options, etc.
+ each$1(newOption, function (componentOption, mainType) {
+ if (componentOption == null) {
+ return;
+ }
+
+ if (!ComponentModel.hasClass(mainType)) {
+ // globalSettingTask.dirty();
+ option[mainType] = option[mainType] == null
+ ? clone(componentOption)
+ : merge(option[mainType], componentOption, true);
+ }
+ else if (mainType) {
+ newCptTypes.push(mainType);
+ }
+ });
+
+ ComponentModel.topologicalTravel(
+ newCptTypes, ComponentModel.getAllClassMainTypes(), visitComponent, this
+ );
+
+ function visitComponent(mainType, dependencies) {
+
+ var newCptOptionList = normalizeToArray(newOption[mainType]);
+
+ var mapResult = mappingToExists(
+ componentsMap.get(mainType), newCptOptionList
+ );
+
+ makeIdAndName(mapResult);
+
+ // Set mainType and complete subType.
+ each$1(mapResult, function (item, index) {
+ var opt = item.option;
+ if (isObject$1(opt)) {
+ item.keyInfo.mainType = mainType;
+ item.keyInfo.subType = determineSubType(mainType, opt, item.exist);
+ }
+ });
+
+ var dependentModels = getComponentsByTypes(
+ componentsMap, dependencies
+ );
+
+ option[mainType] = [];
+ componentsMap.set(mainType, []);
+
+ each$1(mapResult, function (resultItem, index) {
+ var componentModel = resultItem.exist;
+ var newCptOption = resultItem.option;
+
+ assert$1(
+ isObject$1(newCptOption) || componentModel,
+ 'Empty component definition'
+ );
+
+ // Consider where is no new option and should be merged using {},
+ // see removeEdgeAndAdd in topologicalTravel and
+ // ComponentModel.getAllClassMainTypes.
+ if (!newCptOption) {
+ componentModel.mergeOption({}, this);
+ componentModel.optionUpdated({}, false);
+ }
+ else {
+ var ComponentModelClass = ComponentModel.getClass(
+ mainType, resultItem.keyInfo.subType, true
+ );
+
+ if (componentModel && componentModel.constructor === ComponentModelClass) {
+ componentModel.name = resultItem.keyInfo.name;
+ // componentModel.settingTask && componentModel.settingTask.dirty();
+ componentModel.mergeOption(newCptOption, this);
+ componentModel.optionUpdated(newCptOption, false);
+ }
+ else {
+ // PENDING Global as parent ?
+ var extraOpt = extend(
+ {
+ dependentModels: dependentModels,
+ componentIndex: index
+ },
+ resultItem.keyInfo
+ );
+ componentModel = new ComponentModelClass(
+ newCptOption, this, this, extraOpt
+ );
+ extend(componentModel, extraOpt);
+ componentModel.init(newCptOption, this, this, extraOpt);
+
+ // Call optionUpdated after init.
+ // newCptOption has been used as componentModel.option
+ // and may be merged with theme and default, so pass null
+ // to avoid confusion.
+ componentModel.optionUpdated(null, true);
+ }
+ }
+
+ componentsMap.get(mainType)[index] = componentModel;
+ option[mainType][index] = componentModel.option;
+ }, this);
+
+ // Backup series for filtering.
+ if (mainType === 'series') {
+ createSeriesIndices(this, componentsMap.get('series'));
+ }
+ }
+
+ this._seriesIndicesMap = createHashMap(
+ this._seriesIndices = this._seriesIndices || []
+ );
+ },
+
+ /**
+ * Get option for output (cloned option and inner info removed)
+ * @public
+ * @return {Object}
+ */
+ getOption: function () {
+ var option = clone(this.option);
+
+ each$1(option, function (opts, mainType) {
+ if (ComponentModel.hasClass(mainType)) {
+ var opts = normalizeToArray(opts);
+ for (var i = opts.length - 1; i >= 0; i--) {
+ // Remove options with inner id.
+ if (isIdInner(opts[i])) {
+ opts.splice(i, 1);
+ }
+ }
+ option[mainType] = opts;
+ }
+ });
+
+ delete option[OPTION_INNER_KEY];
+
+ return option;
+ },
+
+ /**
+ * @return {module:echarts/model/Model}
+ */
+ getTheme: function () {
+ return this._theme;
+ },
+
+ /**
+ * @param {string} mainType
+ * @param {number} [idx=0]
+ * @return {module:echarts/model/Component}
+ */
+ getComponent: function (mainType, idx) {
+ var list = this._componentsMap.get(mainType);
+ if (list) {
+ return list[idx || 0];
+ }
+ },
+
+ /**
+ * If none of index and id and name used, return all components with mainType.
+ * @param {Object} condition
+ * @param {string} condition.mainType
+ * @param {string} [condition.subType] If ignore, only query by mainType
+ * @param {number|Array.<number>} [condition.index] Either input index or id or name.
+ * @param {string|Array.<string>} [condition.id] Either input index or id or name.
+ * @param {string|Array.<string>} [condition.name] Either input index or id or name.
+ * @return {Array.<module:echarts/model/Component>}
+ */
+ queryComponents: function (condition) {
+ var mainType = condition.mainType;
+ if (!mainType) {
+ return [];
+ }
+
+ var index = condition.index;
+ var id = condition.id;
+ var name = condition.name;
+
+ var cpts = this._componentsMap.get(mainType);
+
+ if (!cpts || !cpts.length) {
+ return [];
+ }
+
+ var result;
+
+ if (index != null) {
+ if (!isArray(index)) {
+ index = [index];
+ }
+ result = filter(map(index, function (idx) {
+ return cpts[idx];
+ }), function (val) {
+ return !!val;
+ });
+ }
+ else if (id != null) {
+ var isIdArray = isArray(id);
+ result = filter(cpts, function (cpt) {
+ return (isIdArray && indexOf(id, cpt.id) >= 0)
+ || (!isIdArray && cpt.id === id);
+ });
+ }
+ else if (name != null) {
+ var isNameArray = isArray(name);
+ result = filter(cpts, function (cpt) {
+ return (isNameArray && indexOf(name, cpt.name) >= 0)
+ || (!isNameArray && cpt.name === name);
+ });
+ }
+ else {
+ // Return all components with mainType
+ result = cpts.slice();
+ }
+
+ return filterBySubType(result, condition);
+ },
+
+ /**
+ * The interface is different from queryComponents,
+ * which is convenient for inner usage.
+ *
+ * @usage
+ * var result = findComponents(
+ * {mainType: 'dataZoom', query: {dataZoomId: 'abc'}}
+ * );
+ * var result = findComponents(
+ * {mainType: 'series', subType: 'pie', query: {seriesName: 'uio'}}
+ * );
+ * var result = findComponents(
+ * {mainType: 'series',
+ * filter: function (model, index) {...}}
+ * );
+ * // result like [component0, componnet1, ...]
+ *
+ * @param {Object} condition
+ * @param {string} condition.mainType Mandatory.
+ * @param {string} [condition.subType] Optional.
+ * @param {Object} [condition.query] like {xxxIndex, xxxId, xxxName},
+ * where xxx is mainType.
+ * If query attribute is null/undefined or has no index/id/name,
+ * do not filtering by query conditions, which is convenient for
+ * no-payload situations or when target of action is global.
+ * @param {Function} [condition.filter] parameter: component, return boolean.
+ * @return {Array.<module:echarts/model/Component>}
+ */
+ findComponents: function (condition) {
+ var query = condition.query;
+ var mainType = condition.mainType;
+
+ var queryCond = getQueryCond(query);
+ var result = queryCond
+ ? this.queryComponents(queryCond)
+ : this._componentsMap.get(mainType);
+
+ return doFilter(filterBySubType(result, condition));
+
+ function getQueryCond(q) {
+ var indexAttr = mainType + 'Index';
+ var idAttr = mainType + 'Id';
+ var nameAttr = mainType + 'Name';
+ return q && (
+ q[indexAttr] != null
+ || q[idAttr] != null
+ || q[nameAttr] != null
+ )
+ ? {
+ mainType: mainType,
+ // subType will be filtered finally.
+ index: q[indexAttr],
+ id: q[idAttr],
+ name: q[nameAttr]
+ }
+ : null;
+ }
+
+ function doFilter(res) {
+ return condition.filter
+ ? filter(res, condition.filter)
+ : res;
+ }
+ },
+
+ /**
+ * @usage
+ * eachComponent('legend', function (legendModel, index) {
+ * ...
+ * });
+ * eachComponent(function (componentType, model, index) {
+ * // componentType does not include subType
+ * // (componentType is 'xxx' but not 'xxx.aa')
+ * });
+ * eachComponent(
+ * {mainType: 'dataZoom', query: {dataZoomId: 'abc'}},
+ * function (model, index) {...}
+ * );
+ * eachComponent(
+ * {mainType: 'series', subType: 'pie', query: {seriesName: 'uio'}},
+ * function (model, index) {...}
+ * );
+ *
+ * @param {string|Object=} mainType When mainType is object, the definition
+ * is the same as the method 'findComponents'.
+ * @param {Function} cb
+ * @param {*} context
+ */
+ eachComponent: function (mainType, cb, context) {
+ var componentsMap = this._componentsMap;
+
+ if (typeof mainType === 'function') {
+ context = cb;
+ cb = mainType;
+ componentsMap.each(function (components, componentType) {
+ each$1(components, function (component, index) {
+ cb.call(context, componentType, component, index);
+ });
+ });
+ }
+ else if (isString(mainType)) {
+ each$1(componentsMap.get(mainType), cb, context);
+ }
+ else if (isObject$1(mainType)) {
+ var queryResult = this.findComponents(mainType);
+ each$1(queryResult, cb, context);
+ }
+ },
+
+ /**
+ * @param {string} name
+ * @return {Array.<module:echarts/model/Series>}
+ */
+ getSeriesByName: function (name) {
+ var series = this._componentsMap.get('series');
+ return filter(series, function (oneSeries) {
+ return oneSeries.name === name;
+ });
+ },
+
+ /**
+ * @param {number} seriesIndex
+ * @return {module:echarts/model/Series}
+ */
+ getSeriesByIndex: function (seriesIndex) {
+ return this._componentsMap.get('series')[seriesIndex];
+ },
+
+ /**
+ * Get series list before filtered by type.
+ * FIXME: rename to getRawSeriesByType?
+ *
+ * @param {string} subType
+ * @return {Array.<module:echarts/model/Series>}
+ */
+ getSeriesByType: function (subType) {
+ var series = this._componentsMap.get('series');
+ return filter(series, function (oneSeries) {
+ return oneSeries.subType === subType;
+ });
+ },
+
+ /**
+ * @return {Array.<module:echarts/model/Series>}
+ */
+ getSeries: function () {
+ return this._componentsMap.get('series').slice();
+ },
+
+ /**
+ * @return {number}
+ */
+ getSeriesCount: function () {
+ return this._componentsMap.get('series').length;
+ },
+
+ /**
+ * After filtering, series may be different
+ * frome raw series.
+ *
+ * @param {Function} cb
+ * @param {*} context
+ */
+ eachSeries: function (cb, context) {
+ assertSeriesInitialized(this);
+ each$1(this._seriesIndices, function (rawSeriesIndex) {
+ var series = this._componentsMap.get('series')[rawSeriesIndex];
+ cb.call(context, series, rawSeriesIndex);
+ }, this);
+ },
+
+ /**
+ * Iterate raw series before filtered.
+ *
+ * @param {Function} cb
+ * @param {*} context
+ */
+ eachRawSeries: function (cb, context) {
+ each$1(this._componentsMap.get('series'), cb, context);
+ },
+
+ /**
+ * After filtering, series may be different.
+ * frome raw series.
+ *
+ * @param {string} subType.
+ * @param {Function} cb
+ * @param {*} context
+ */
+ eachSeriesByType: function (subType, cb, context) {
+ assertSeriesInitialized(this);
+ each$1(this._seriesIndices, function (rawSeriesIndex) {
+ var series = this._componentsMap.get('series')[rawSeriesIndex];
+ if (series.subType === subType) {
+ cb.call(context, series, rawSeriesIndex);
+ }
+ }, this);
+ },
+
+ /**
+ * Iterate raw series before filtered of given type.
+ *
+ * @parma {string} subType
+ * @param {Function} cb
+ * @param {*} context
+ */
+ eachRawSeriesByType: function (subType, cb, context) {
+ return each$1(this.getSeriesByType(subType), cb, context);
+ },
+
+ /**
+ * @param {module:echarts/model/Series} seriesModel
+ */
+ isSeriesFiltered: function (seriesModel) {
+ assertSeriesInitialized(this);
+ return this._seriesIndicesMap.get(seriesModel.componentIndex) == null;
+ },
+
+ /**
+ * @return {Array.<number>}
+ */
+ getCurrentSeriesIndices: function () {
+ return (this._seriesIndices || []).slice();
+ },
+
+ /**
+ * @param {Function} cb
+ * @param {*} context
+ */
+ filterSeries: function (cb, context) {
+ assertSeriesInitialized(this);
+ var filteredSeries = filter(
+ this._componentsMap.get('series'), cb, context
+ );
+ createSeriesIndices(this, filteredSeries);
+ },
+
+ restoreData: function (payload) {
+ var componentsMap = this._componentsMap;
+
+ createSeriesIndices(this, componentsMap.get('series'));
+
+ var componentTypes = [];
+ componentsMap.each(function (components, componentType) {
+ componentTypes.push(componentType);
+ });
+
+ ComponentModel.topologicalTravel(
+ componentTypes,
+ ComponentModel.getAllClassMainTypes(),
+ function (componentType, dependencies) {
+ each$1(componentsMap.get(componentType), function (component) {
+ (componentType !== 'series' || !isNotTargetSeries(component, payload))
+ && component.restoreData();
+ });
+ }
+ );
+ }
+
+});
+
+function isNotTargetSeries(seriesModel, payload) {
+ if (payload) {
+ var index = payload.seiresIndex;
+ var id = payload.seriesId;
+ var name = payload.seriesName;
+ return (index != null && seriesModel.componentIndex !== index)
+ || (id != null && seriesModel.id !== id)
+ || (name != null && seriesModel.name !== name);
+ }
+}
+
+/**
+ * @inner
+ */
+function mergeTheme(option, theme) {
+ // PENDING
+ // NOT use `colorLayer` in theme if option has `color`
+ var notMergeColorLayer = option.color && !option.colorLayer;
+
+ each$1(theme, function (themeItem, name) {
+ if (name === 'colorLayer' && notMergeColorLayer) {
+ return;
+ }
+ // 濡傛灉鏈� component model 鍒欐妸鍏蜂綋鐨� merge 閫昏緫浜ょ粰璇� model 澶勭悊
+ if (!ComponentModel.hasClass(name)) {
+ if (typeof themeItem === 'object') {
+ option[name] = !option[name]
+ ? clone(themeItem)
+ : merge(option[name], themeItem, false);
+ }
+ else {
+ if (option[name] == null) {
+ option[name] = themeItem;
+ }
+ }
+ }
+ });
+}
+
+function initBase(baseOption) {
+ baseOption = baseOption;
+
+ // Using OPTION_INNER_KEY to mark that this option can not be used outside,
+ // i.e. `chart.setOption(chart.getModel().option);` is forbiden.
+ this.option = {};
+ this.option[OPTION_INNER_KEY] = 1;
+
+ /**
+ * Init with series: [], in case of calling findSeries method
+ * before series initialized.
+ * @type {Object.<string, Array.<module:echarts/model/Model>>}
+ * @private
+ */
+ this._componentsMap = createHashMap({series: []});
+
+ /**
+ * Mapping between filtered series list and raw series list.
+ * key: filtered series indices, value: raw series indices.
+ * @type {Array.<nubmer>}
+ * @private
+ */
+ this._seriesIndices;
+
+ this._seriesIndicesMap;
+
+ mergeTheme(baseOption, this._theme.option);
+
+ // TODO Needs clone when merging to the unexisted property
+ merge(baseOption, globalDefault, false);
+
+ this.mergeOption(baseOption);
+}
+
+/**
+ * @inner
+ * @param {Array.<string>|string} types model types
+ * @return {Object} key: {string} type, value: {Array.<Object>} models
+ */
+function getComponentsByTypes(componentsMap, types) {
+ if (!isArray(types)) {
+ types = types ? [types] : [];
+ }
+
+ var ret = {};
+ each$1(types, function (type) {
+ ret[type] = (componentsMap.get(type) || []).slice();
+ });
+
+ return ret;
+}
+
+/**
+ * @inner
+ */
+function determineSubType(mainType, newCptOption, existComponent) {
+ var subType = newCptOption.type
+ ? newCptOption.type
+ : existComponent
+ ? existComponent.subType
+ // Use determineSubType only when there is no existComponent.
+ : ComponentModel.determineSubType(mainType, newCptOption);
+
+ // tooltip, markline, markpoint may always has no subType
+ return subType;
+}
+
+/**
+ * @inner
+ */
+function createSeriesIndices(ecModel, seriesModels) {
+ ecModel._seriesIndicesMap = createHashMap(
+ ecModel._seriesIndices = map(seriesModels, function (series) {
+ return series.componentIndex;
+ }) || []
+ );
+}
+
+/**
+ * @inner
+ */
+function filterBySubType(components, condition) {
+ // Using hasOwnProperty for restrict. Consider
+ // subType is undefined in user payload.
+ return condition.hasOwnProperty('subType')
+ ? filter(components, function (cpt) {
+ return cpt.subType === condition.subType;
+ })
+ : components;
+}
+
+/**
+ * @inner
+ */
+function assertSeriesInitialized(ecModel) {
+ // Components that use _seriesIndices should depends on series component,
+ // which make sure that their initialization is after series.
+ if (__DEV__) {
+ if (!ecModel._seriesIndices) {
+ throw new Error('Option should contains series.');
+ }
+ }
+}
+
+mixin(GlobalModel, colorPaletteMixin);
+
+/*
+* 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.
+*/
+
+var echartsAPIList = [
+ 'getDom', 'getZr', 'getWidth', 'getHeight', 'getDevicePixelRatio', 'dispatchAction', 'isDisposed',
+ 'on', 'off', 'getDataURL', 'getConnectedDataURL', 'getModel', 'getOption',
+ 'getViewOfComponentModel', 'getViewOfSeriesModel'
+];
+// And `getCoordinateSystems` and `getComponentByElement` will be injected in echarts.js
+
+function ExtensionAPI(chartInstance) {
+ each$1(echartsAPIList, function (name) {
+ this[name] = bind(chartInstance[name], chartInstance);
+ }, this);
+}
+
+/*
+* 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.
+*/
+
+var coordinateSystemCreators = {};
+
+function CoordinateSystemManager() {
+
+ this._coordinateSystems = [];
+}
+
+CoordinateSystemManager.prototype = {
+
+ constructor: CoordinateSystemManager,
+
+ create: function (ecModel, api) {
+ var coordinateSystems = [];
+ each$1(coordinateSystemCreators, function (creater, type) {
+ var list = creater.create(ecModel, api);
+ coordinateSystems = coordinateSystems.concat(list || []);
+ });
+
+ this._coordinateSystems = coordinateSystems;
+ },
+
+ update: function (ecModel, api) {
+ each$1(this._coordinateSystems, function (coordSys) {
+ coordSys.update && coordSys.update(ecModel, api);
+ });
+ },
+
+ getCoordinateSystems: function () {
+ return this._coordinateSystems.slice();
+ }
+};
+
+CoordinateSystemManager.register = function (type, coordinateSystemCreator) {
+ coordinateSystemCreators[type] = coordinateSystemCreator;
+};
+
+CoordinateSystemManager.get = function (type) {
+ return coordinateSystemCreators[type];
+};
+
+/*
+* 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.
+*/
+
+/**
+ * ECharts option manager
+ *
+ * @module {echarts/model/OptionManager}
+ */
+
+
+var each$4 = each$1;
+var clone$3 = clone;
+var map$1 = map;
+var merge$1 = merge;
+
+var QUERY_REG = /^(min|max)?(.+)$/;
+
+/**
+ * TERM EXPLANATIONS:
+ *
+ * [option]:
+ *
+ * An object that contains definitions of components. For example:
+ * var option = {
+ * title: {...},
+ * legend: {...},
+ * visualMap: {...},
+ * series: [
+ * {data: [...]},
+ * {data: [...]},
+ * ...
+ * ]
+ * };
+ *
+ * [rawOption]:
+ *
+ * An object input to echarts.setOption. 'rawOption' may be an
+ * 'option', or may be an object contains multi-options. For example:
+ * var option = {
+ * baseOption: {
+ * title: {...},
+ * legend: {...},
+ * series: [
+ * {data: [...]},
+ * {data: [...]},
+ * ...
+ * ]
+ * },
+ * timeline: {...},
+ * options: [
+ * {title: {...}, series: {data: [...]}},
+ * {title: {...}, series: {data: [...]}},
+ * ...
+ * ],
+ * media: [
+ * {
+ * query: {maxWidth: 320},
+ * option: {series: {x: 20}, visualMap: {show: false}}
+ * },
+ * {
+ * query: {minWidth: 320, maxWidth: 720},
+ * option: {series: {x: 500}, visualMap: {show: true}}
+ * },
+ * {
+ * option: {series: {x: 1200}, visualMap: {show: true}}
+ * }
+ * ]
+ * };
+ *
+ * @alias module:echarts/model/OptionManager
+ * @param {module:echarts/ExtensionAPI} api
+ */
+function OptionManager(api) {
+
+ /**
+ * @private
+ * @type {module:echarts/ExtensionAPI}
+ */
+ this._api = api;
+
+ /**
+ * @private
+ * @type {Array.<number>}
+ */
+ this._timelineOptions = [];
+
+ /**
+ * @private
+ * @type {Array.<Object>}
+ */
+ this._mediaList = [];
+
+ /**
+ * @private
+ * @type {Object}
+ */
+ this._mediaDefault;
+
+ /**
+ * -1, means default.
+ * empty means no media.
+ * @private
+ * @type {Array.<number>}
+ */
+ this._currentMediaIndices = [];
+
+ /**
+ * @private
+ * @type {Object}
+ */
+ this._optionBackup;
+
+ /**
+ * @private
+ * @type {Object}
+ */
+ this._newBaseOption;
+}
+
+// timeline.notMerge is not supported in ec3. Firstly there is rearly
+// case that notMerge is needed. Secondly supporting 'notMerge' requires
+// rawOption cloned and backuped when timeline changed, which does no
+// good to performance. What's more, that both timeline and setOption
+// method supply 'notMerge' brings complex and some problems.
+// Consider this case:
+// (step1) chart.setOption({timeline: {notMerge: false}, ...}, false);
+// (step2) chart.setOption({timeline: {notMerge: true}, ...}, false);
+
+OptionManager.prototype = {
+
+ constructor: OptionManager,
+
+ /**
+ * @public
+ * @param {Object} rawOption Raw option.
+ * @param {module:echarts/model/Global} ecModel
+ * @param {Array.<Function>} optionPreprocessorFuncs
+ * @return {Object} Init option
+ */
+ setOption: function (rawOption, optionPreprocessorFuncs) {
+ if (rawOption) {
+ // That set dat primitive is dangerous if user reuse the data when setOption again.
+ each$1(normalizeToArray(rawOption.series), function (series) {
+ series && series.data && isTypedArray(series.data) && setAsPrimitive(series.data);
+ });
+ }
+
+ // Caution: some series modify option data, if do not clone,
+ // it should ensure that the repeat modify correctly
+ // (create a new object when modify itself).
+ rawOption = clone$3(rawOption);
+
+ // FIXME
+ // 濡傛灉 timeline options 鎴栬�� media 涓缃簡鏌愪釜灞炴�э紝鑰宐aseOption涓病鏈夎缃紝鍒欒繘琛岃鍛娿��
+
+ var oldOptionBackup = this._optionBackup;
+ var newParsedOption = parseRawOption.call(
+ this, rawOption, optionPreprocessorFuncs, !oldOptionBackup
+ );
+ this._newBaseOption = newParsedOption.baseOption;
+
+ // For setOption at second time (using merge mode);
+ if (oldOptionBackup) {
+ // Only baseOption can be merged.
+ mergeOption(oldOptionBackup.baseOption, newParsedOption.baseOption);
+
+ // For simplicity, timeline options and media options do not support merge,
+ // that is, if you `setOption` twice and both has timeline options, the latter
+ // timeline opitons will not be merged to the formers, but just substitude them.
+ if (newParsedOption.timelineOptions.length) {
+ oldOptionBackup.timelineOptions = newParsedOption.timelineOptions;
+ }
+ if (newParsedOption.mediaList.length) {
+ oldOptionBackup.mediaList = newParsedOption.mediaList;
+ }
+ if (newParsedOption.mediaDefault) {
+ oldOptionBackup.mediaDefault = newParsedOption.mediaDefault;
+ }
+ }
+ else {
+ this._optionBackup = newParsedOption;
+ }
+ },
+
+ /**
+ * @param {boolean} isRecreate
+ * @return {Object}
+ */
+ mountOption: function (isRecreate) {
+ var optionBackup = this._optionBackup;
+
+ // TODO
+ // 濡傛灉娌℃湁reset鍔熻兘鍒欎笉clone銆�
+
+ this._timelineOptions = map$1(optionBackup.timelineOptions, clone$3);
+ this._mediaList = map$1(optionBackup.mediaList, clone$3);
+ this._mediaDefault = clone$3(optionBackup.mediaDefault);
+ this._currentMediaIndices = [];
+
+ return clone$3(isRecreate
+ // this._optionBackup.baseOption, which is created at the first `setOption`
+ // called, and is merged into every new option by inner method `mergeOption`
+ // each time `setOption` called, can be only used in `isRecreate`, because
+ // its reliability is under suspicion. In other cases option merge is
+ // performed by `model.mergeOption`.
+ ? optionBackup.baseOption : this._newBaseOption
+ );
+ },
+
+ /**
+ * @param {module:echarts/model/Global} ecModel
+ * @return {Object}
+ */
+ getTimelineOption: function (ecModel) {
+ var option;
+ var timelineOptions = this._timelineOptions;
+
+ if (timelineOptions.length) {
+ // getTimelineOption can only be called after ecModel inited,
+ // so we can get currentIndex from timelineModel.
+ var timelineModel = ecModel.getComponent('timeline');
+ if (timelineModel) {
+ option = clone$3(
+ timelineOptions[timelineModel.getCurrentIndex()],
+ true
+ );
+ }
+ }
+
+ return option;
+ },
+
+ /**
+ * @param {module:echarts/model/Global} ecModel
+ * @return {Array.<Object>}
+ */
+ getMediaOption: function (ecModel) {
+ var ecWidth = this._api.getWidth();
+ var ecHeight = this._api.getHeight();
+ var mediaList = this._mediaList;
+ var mediaDefault = this._mediaDefault;
+ var indices = [];
+ var result = [];
+
+ // No media defined.
+ if (!mediaList.length && !mediaDefault) {
+ return result;
+ }
+
+ // Multi media may be applied, the latter defined media has higher priority.
+ for (var i = 0, len = mediaList.length; i < len; i++) {
+ if (applyMediaQuery(mediaList[i].query, ecWidth, ecHeight)) {
+ indices.push(i);
+ }
+ }
+
+ // FIXME
+ // 鏄惁mediaDefault搴旇寮哄埗鐢ㄦ埛璁剧疆锛屽惁鍒欏彲鑳戒慨鏀逛笉鑳藉洖褰掋��
+ if (!indices.length && mediaDefault) {
+ indices = [-1];
+ }
+
+ if (indices.length && !indicesEquals(indices, this._currentMediaIndices)) {
+ result = map$1(indices, function (index) {
+ return clone$3(
+ index === -1 ? mediaDefault.option : mediaList[index].option
+ );
+ });
+ }
+ // Otherwise return nothing.
+
+ this._currentMediaIndices = indices;
+
+ return result;
+ }
+};
+
+function parseRawOption(rawOption, optionPreprocessorFuncs, isNew) {
+ var timelineOptions = [];
+ var mediaList = [];
+ var mediaDefault;
+ var baseOption;
+
+ // Compatible with ec2.
+ var timelineOpt = rawOption.timeline;
+
+ if (rawOption.baseOption) {
+ baseOption = rawOption.baseOption;
+ }
+
+ // For timeline
+ if (timelineOpt || rawOption.options) {
+ baseOption = baseOption || {};
+ timelineOptions = (rawOption.options || []).slice();
+ }
+
+ // For media query
+ if (rawOption.media) {
+ baseOption = baseOption || {};
+ var media = rawOption.media;
+ each$4(media, function (singleMedia) {
+ if (singleMedia && singleMedia.option) {
+ if (singleMedia.query) {
+ mediaList.push(singleMedia);
+ }
+ else if (!mediaDefault) {
+ // Use the first media default.
+ mediaDefault = singleMedia;
+ }
+ }
+ });
+ }
+
+ // For normal option
+ if (!baseOption) {
+ baseOption = rawOption;
+ }
+
+ // Set timelineOpt to baseOption in ec3,
+ // which is convenient for merge option.
+ if (!baseOption.timeline) {
+ baseOption.timeline = timelineOpt;
+ }
+
+ // Preprocess.
+ each$4([baseOption].concat(timelineOptions)
+ .concat(map(mediaList, function (media) {
+ return media.option;
+ })),
+ function (option) {
+ each$4(optionPreprocessorFuncs, function (preProcess) {
+ preProcess(option, isNew);
+ });
+ }
+ );
+
+ return {
+ baseOption: baseOption,
+ timelineOptions: timelineOptions,
+ mediaDefault: mediaDefault,
+ mediaList: mediaList
+ };
+}
+
+/**
+ * @see <http://www.w3.org/TR/css3-mediaqueries/#media1>
+ * Support: width, height, aspectRatio
+ * Can use max or min as prefix.
+ */
+function applyMediaQuery(query, ecWidth, ecHeight) {
+ var realMap = {
+ width: ecWidth,
+ height: ecHeight,
+ aspectratio: ecWidth / ecHeight // lowser case for convenientce.
+ };
+
+ var applicatable = true;
+
+ each$1(query, function (value, attr) {
+ var matched = attr.match(QUERY_REG);
+
+ if (!matched || !matched[1] || !matched[2]) {
+ return;
+ }
+
+ var operator = matched[1];
+ var realAttr = matched[2].toLowerCase();
+
+ if (!compare(realMap[realAttr], value, operator)) {
+ applicatable = false;
+ }
+ });
+
+ return applicatable;
+}
+
+function compare(real, expect, operator) {
+ if (operator === 'min') {
+ return real >= expect;
+ }
+ else if (operator === 'max') {
+ return real <= expect;
+ }
+ else { // Equals
+ return real === expect;
+ }
+}
+
+function indicesEquals(indices1, indices2) {
+ // indices is always order by asc and has only finite number.
+ return indices1.join(',') === indices2.join(',');
+}
+
+/**
+ * Consider case:
+ * `chart.setOption(opt1);`
+ * Then user do some interaction like dataZoom, dataView changing.
+ * `chart.setOption(opt2);`
+ * Then user press 'reset button' in toolbox.
+ *
+ * After doing that all of the interaction effects should be reset, the
+ * chart should be the same as the result of invoke
+ * `chart.setOption(opt1); chart.setOption(opt2);`.
+ *
+ * Although it is not able ensure that
+ * `chart.setOption(opt1); chart.setOption(opt2);` is equivalents to
+ * `chart.setOption(merge(opt1, opt2));` exactly,
+ * this might be the only simple way to implement that feature.
+ *
+ * MEMO: We've considered some other approaches:
+ * 1. Each model handle its self restoration but not uniform treatment.
+ * (Too complex in logic and error-prone)
+ * 2. Use a shadow ecModel. (Performace expensive)
+ */
+function mergeOption(oldOption, newOption) {
+ newOption = newOption || {};
+
+ each$4(newOption, function (newCptOpt, mainType) {
+ if (newCptOpt == null) {
+ return;
+ }
+
+ var oldCptOpt = oldOption[mainType];
+
+ if (!ComponentModel.hasClass(mainType)) {
+ oldOption[mainType] = merge$1(oldCptOpt, newCptOpt, true);
+ }
+ else {
+ newCptOpt = normalizeToArray(newCptOpt);
+ oldCptOpt = normalizeToArray(oldCptOpt);
+
+ var mapResult = mappingToExists(oldCptOpt, newCptOpt);
+
+ oldOption[mainType] = map$1(mapResult, function (item) {
+ return (item.option && item.exist)
+ ? merge$1(item.exist, item.option, true)
+ : (item.exist || item.option);
+ });
+ }
+ });
+}
+
+/*
+* 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.
+*/
+
+var each$5 = each$1;
+var isObject$3 = isObject$1;
+
+var POSSIBLE_STYLES = [
+ 'areaStyle', 'lineStyle', 'nodeStyle', 'linkStyle',
+ 'chordStyle', 'label', 'labelLine'
+];
+
+function compatEC2ItemStyle(opt) {
+ var itemStyleOpt = opt && opt.itemStyle;
+ if (!itemStyleOpt) {
+ return;
+ }
+ for (var i = 0, len = POSSIBLE_STYLES.length; i < len; i++) {
+ var styleName = POSSIBLE_STYLES[i];
+ var normalItemStyleOpt = itemStyleOpt.normal;
+ var emphasisItemStyleOpt = itemStyleOpt.emphasis;
+ if (normalItemStyleOpt && normalItemStyleOpt[styleName]) {
+ opt[styleName] = opt[styleName] || {};
+ if (!opt[styleName].normal) {
+ opt[styleName].normal = normalItemStyleOpt[styleName];
+ }
+ else {
+ merge(opt[styleName].normal, normalItemStyleOpt[styleName]);
+ }
+ normalItemStyleOpt[styleName] = null;
+ }
+ if (emphasisItemStyleOpt && emphasisItemStyleOpt[styleName]) {
+ opt[styleName] = opt[styleName] || {};
+ if (!opt[styleName].emphasis) {
+ opt[styleName].emphasis = emphasisItemStyleOpt[styleName];
+ }
+ else {
+ merge(opt[styleName].emphasis, emphasisItemStyleOpt[styleName]);
+ }
+ emphasisItemStyleOpt[styleName] = null;
+ }
+ }
+}
+
+function convertNormalEmphasis(opt, optType, useExtend) {
+ if (opt && opt[optType] && (opt[optType].normal || opt[optType].emphasis)) {
+ var normalOpt = opt[optType].normal;
+ var emphasisOpt = opt[optType].emphasis;
+
+ if (normalOpt) {
+ // Timeline controlStyle has other properties besides normal and emphasis
+ if (useExtend) {
+ opt[optType].normal = opt[optType].emphasis = null;
+ defaults(opt[optType], normalOpt);
+ }
+ else {
+ opt[optType] = normalOpt;
+ }
+ }
+ if (emphasisOpt) {
+ opt.emphasis = opt.emphasis || {};
+ opt.emphasis[optType] = emphasisOpt;
+ }
+ }
+}
+
+function removeEC3NormalStatus(opt) {
+ convertNormalEmphasis(opt, 'itemStyle');
+ convertNormalEmphasis(opt, 'lineStyle');
+ convertNormalEmphasis(opt, 'areaStyle');
+ convertNormalEmphasis(opt, 'label');
+ convertNormalEmphasis(opt, 'labelLine');
+ // treemap
+ convertNormalEmphasis(opt, 'upperLabel');
+ // graph
+ convertNormalEmphasis(opt, 'edgeLabel');
+}
+
+function compatTextStyle(opt, propName) {
+ // Check whether is not object (string\null\undefined ...)
+ var labelOptSingle = isObject$3(opt) && opt[propName];
+ var textStyle = isObject$3(labelOptSingle) && labelOptSingle.textStyle;
+ if (textStyle) {
+ for (var i = 0, len = TEXT_STYLE_OPTIONS.length; i < len; i++) {
+ var propName = TEXT_STYLE_OPTIONS[i];
+ if (textStyle.hasOwnProperty(propName)) {
+ labelOptSingle[propName] = textStyle[propName];
+ }
+ }
+ }
+}
+
+function compatEC3CommonStyles(opt) {
+ if (opt) {
+ removeEC3NormalStatus(opt);
+ compatTextStyle(opt, 'label');
+ opt.emphasis && compatTextStyle(opt.emphasis, 'label');
+ }
+}
+
+function processSeries(seriesOpt) {
+ if (!isObject$3(seriesOpt)) {
+ return;
+ }
+
+ compatEC2ItemStyle(seriesOpt);
+ removeEC3NormalStatus(seriesOpt);
+
+ compatTextStyle(seriesOpt, 'label');
+ // treemap
+ compatTextStyle(seriesOpt, 'upperLabel');
+ // graph
+ compatTextStyle(seriesOpt, 'edgeLabel');
+ if (seriesOpt.emphasis) {
+ compatTextStyle(seriesOpt.emphasis, 'label');
+ // treemap
+ compatTextStyle(seriesOpt.emphasis, 'upperLabel');
+ // graph
+ compatTextStyle(seriesOpt.emphasis, 'edgeLabel');
+ }
+
+ var markPoint = seriesOpt.markPoint;
+ if (markPoint) {
+ compatEC2ItemStyle(markPoint);
+ compatEC3CommonStyles(markPoint);
+ }
+
+ var markLine = seriesOpt.markLine;
+ if (markLine) {
+ compatEC2ItemStyle(markLine);
+ compatEC3CommonStyles(markLine);
+ }
+
+ var markArea = seriesOpt.markArea;
+ if (markArea) {
+ compatEC3CommonStyles(markArea);
+ }
+
+ var data = seriesOpt.data;
+
+ // Break with ec3: if `setOption` again, there may be no `type` in option,
+ // then the backward compat based on option type will not be performed.
+
+ if (seriesOpt.type === 'graph') {
+ data = data || seriesOpt.nodes;
+ var edgeData = seriesOpt.links || seriesOpt.edges;
+ if (edgeData && !isTypedArray(edgeData)) {
+ for (var i = 0; i < edgeData.length; i++) {
+ compatEC3CommonStyles(edgeData[i]);
+ }
+ }
+ each$1(seriesOpt.categories, function (opt) {
+ removeEC3NormalStatus(opt);
+ });
+ }
+
+ if (data && !isTypedArray(data)) {
+ for (var i = 0; i < data.length; i++) {
+ compatEC3CommonStyles(data[i]);
+ }
+ }
+
+ // mark point data
+ var markPoint = seriesOpt.markPoint;
+ if (markPoint && markPoint.data) {
+ var mpData = markPoint.data;
+ for (var i = 0; i < mpData.length; i++) {
+ compatEC3CommonStyles(mpData[i]);
+ }
+ }
+ // mark line data
+ var markLine = seriesOpt.markLine;
+ if (markLine && markLine.data) {
+ var mlData = markLine.data;
+ for (var i = 0; i < mlData.length; i++) {
+ if (isArray(mlData[i])) {
+ compatEC3CommonStyles(mlData[i][0]);
+ compatEC3CommonStyles(mlData[i][1]);
+ }
+ else {
+ compatEC3CommonStyles(mlData[i]);
+ }
+ }
+ }
+
+ // Series
+ if (seriesOpt.type === 'gauge') {
+ compatTextStyle(seriesOpt, 'axisLabel');
+ compatTextStyle(seriesOpt, 'title');
+ compatTextStyle(seriesOpt, 'detail');
+ }
+ else if (seriesOpt.type === 'treemap') {
+ convertNormalEmphasis(seriesOpt.breadcrumb, 'itemStyle');
+ each$1(seriesOpt.levels, function (opt) {
+ removeEC3NormalStatus(opt);
+ });
+ }
+ else if (seriesOpt.type === 'tree') {
+ removeEC3NormalStatus(seriesOpt.leaves);
+ }
+ // sunburst starts from ec4, so it does not need to compat levels.
+}
+
+function toArr(o) {
+ return isArray(o) ? o : o ? [o] : [];
+}
+
+function toObj(o) {
+ return (isArray(o) ? o[0] : o) || {};
+}
+
+var compatStyle = function (option, isTheme) {
+ each$5(toArr(option.series), function (seriesOpt) {
+ isObject$3(seriesOpt) && processSeries(seriesOpt);
+ });
+
+ var axes = ['xAxis', 'yAxis', 'radiusAxis', 'angleAxis', 'singleAxis', 'parallelAxis', 'radar'];
+ isTheme && axes.push('valueAxis', 'categoryAxis', 'logAxis', 'timeAxis');
+
+ each$5(
+ axes,
+ function (axisName) {
+ each$5(toArr(option[axisName]), function (axisOpt) {
+ if (axisOpt) {
+ compatTextStyle(axisOpt, 'axisLabel');
+ compatTextStyle(axisOpt.axisPointer, 'label');
+ }
+ });
+ }
+ );
+
+ each$5(toArr(option.parallel), function (parallelOpt) {
+ var parallelAxisDefault = parallelOpt && parallelOpt.parallelAxisDefault;
+ compatTextStyle(parallelAxisDefault, 'axisLabel');
+ compatTextStyle(parallelAxisDefault && parallelAxisDefault.axisPointer, 'label');
+ });
+
+ each$5(toArr(option.calendar), function (calendarOpt) {
+ convertNormalEmphasis(calendarOpt, 'itemStyle');
+ compatTextStyle(calendarOpt, 'dayLabel');
+ compatTextStyle(calendarOpt, 'monthLabel');
+ compatTextStyle(calendarOpt, 'yearLabel');
+ });
+
+ // radar.name.textStyle
+ each$5(toArr(option.radar), function (radarOpt) {
+ compatTextStyle(radarOpt, 'name');
+ });
+
+ each$5(toArr(option.geo), function (geoOpt) {
+ if (isObject$3(geoOpt)) {
+ compatEC3CommonStyles(geoOpt);
+ each$5(toArr(geoOpt.regions), function (regionObj) {
+ compatEC3CommonStyles(regionObj);
+ });
+ }
+ });
+
+ each$5(toArr(option.timeline), function (timelineOpt) {
+ compatEC3CommonStyles(timelineOpt);
+ convertNormalEmphasis(timelineOpt, 'label');
+ convertNormalEmphasis(timelineOpt, 'itemStyle');
+ convertNormalEmphasis(timelineOpt, 'controlStyle', true);
+
+ var data = timelineOpt.data;
+ isArray(data) && each$1(data, function (item) {
+ if (isObject$1(item)) {
+ convertNormalEmphasis(item, 'label');
+ convertNormalEmphasis(item, 'itemStyle');
+ }
+ });
+ });
+
+ each$5(toArr(option.toolbox), function (toolboxOpt) {
+ convertNormalEmphasis(toolboxOpt, 'iconStyle');
+ each$5(toolboxOpt.feature, function (featureOpt) {
+ convertNormalEmphasis(featureOpt, 'iconStyle');
+ });
+ });
+
+ compatTextStyle(toObj(option.axisPointer), 'label');
+ compatTextStyle(toObj(option.tooltip).axisPointer, 'label');
+};
+
+/*
+* 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.
+*/
+
+// Compatitable with 2.0
+
+function get(opt, path) {
+ path = path.split(',');
+ var obj = opt;
+ for (var i = 0; i < path.length; i++) {
+ obj = obj && obj[path[i]];
+ if (obj == null) {
+ break;
+ }
+ }
+ return obj;
+}
+
+function set$1(opt, path, val, overwrite) {
+ path = path.split(',');
+ var obj = opt;
+ var key;
+ for (var i = 0; i < path.length - 1; i++) {
+ key = path[i];
+ if (obj[key] == null) {
+ obj[key] = {};
+ }
+ obj = obj[key];
+ }
+ if (overwrite || obj[path[i]] == null) {
+ obj[path[i]] = val;
+ }
+}
+
+function compatLayoutProperties(option) {
+ each$1(LAYOUT_PROPERTIES, function (prop) {
+ if (prop[0] in option && !(prop[1] in option)) {
+ option[prop[1]] = option[prop[0]];
+ }
+ });
+}
+
+var LAYOUT_PROPERTIES = [
+ ['x', 'left'], ['y', 'top'], ['x2', 'right'], ['y2', 'bottom']
+];
+
+var COMPATITABLE_COMPONENTS = [
+ 'grid', 'geo', 'parallel', 'legend', 'toolbox', 'title', 'visualMap', 'dataZoom', 'timeline'
+];
+
+var backwardCompat = function (option, isTheme) {
+ compatStyle(option, isTheme);
+
+ // Make sure series array for model initialization.
+ option.series = normalizeToArray(option.series);
+
+ each$1(option.series, function (seriesOpt) {
+ if (!isObject$1(seriesOpt)) {
+ return;
+ }
+
+ var seriesType = seriesOpt.type;
+
+ if (seriesType === 'line') {
+ if (seriesOpt.clipOverflow != null) {
+ seriesOpt.clip = seriesOpt.clipOverflow;
+ }
+ }
+ else if (seriesType === 'pie' || seriesType === 'gauge') {
+ if (seriesOpt.clockWise != null) {
+ seriesOpt.clockwise = seriesOpt.clockWise;
+ }
+ }
+ else if (seriesType === 'gauge') {
+ var pointerColor = get(seriesOpt, 'pointer.color');
+ pointerColor != null
+ && set$1(seriesOpt, 'itemStyle.color', pointerColor);
+ }
+
+ compatLayoutProperties(seriesOpt);
+ });
+
+ // dataRange has changed to visualMap
+ if (option.dataRange) {
+ option.visualMap = option.dataRange;
+ }
+
+ each$1(COMPATITABLE_COMPONENTS, function (componentName) {
+ var options = option[componentName];
+ if (options) {
+ if (!isArray(options)) {
+ options = [options];
+ }
+ each$1(options, function (option) {
+ compatLayoutProperties(option);
+ });
+ }
+ });
+};
+
+/*
+* 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.
+*/
+
+// (1) [Caution]: the logic is correct based on the premises:
+// data processing stage is blocked in stream.
+// See <module:echarts/stream/Scheduler#performDataProcessorTasks>
+// (2) Only register once when import repeatly.
+// Should be executed after series filtered and before stack calculation.
+var dataStack = function (ecModel) {
+ var stackInfoMap = createHashMap();
+ ecModel.eachSeries(function (seriesModel) {
+ var stack = seriesModel.get('stack');
+ // Compatibal: when `stack` is set as '', do not stack.
+ if (stack) {
+ var stackInfoList = stackInfoMap.get(stack) || stackInfoMap.set(stack, []);
+ var data = seriesModel.getData();
+
+ var stackInfo = {
+ // Used for calculate axis extent automatically.
+ stackResultDimension: data.getCalculationInfo('stackResultDimension'),
+ stackedOverDimension: data.getCalculationInfo('stackedOverDimension'),
+ stackedDimension: data.getCalculationInfo('stackedDimension'),
+ stackedByDimension: data.getCalculationInfo('stackedByDimension'),
+ isStackedByIndex: data.getCalculationInfo('isStackedByIndex'),
+ data: data,
+ seriesModel: seriesModel
+ };
+
+ // If stacked on axis that do not support data stack.
+ if (!stackInfo.stackedDimension
+ || !(stackInfo.isStackedByIndex || stackInfo.stackedByDimension)
+ ) {
+ return;
+ }
+
+ stackInfoList.length && data.setCalculationInfo(
+ 'stackedOnSeries', stackInfoList[stackInfoList.length - 1].seriesModel
+ );
+
+ stackInfoList.push(stackInfo);
+ }
+ });
+
+ stackInfoMap.each(calculateStack);
+};
+
+function calculateStack(stackInfoList) {
+ each$1(stackInfoList, function (targetStackInfo, idxInStack) {
+ var resultVal = [];
+ var resultNaN = [NaN, NaN];
+ var dims = [targetStackInfo.stackResultDimension, targetStackInfo.stackedOverDimension];
+ var targetData = targetStackInfo.data;
+ var isStackedByIndex = targetStackInfo.isStackedByIndex;
+
+ // Should not write on raw data, because stack series model list changes
+ // depending on legend selection.
+ var newData = targetData.map(dims, function (v0, v1, dataIndex) {
+ var sum = targetData.get(targetStackInfo.stackedDimension, dataIndex);
+
+ // Consider `connectNulls` of line area, if value is NaN, stackedOver
+ // should also be NaN, to draw a appropriate belt area.
+ if (isNaN(sum)) {
+ return resultNaN;
+ }
+
+ var byValue;
+ var stackedDataRawIndex;
+
+ if (isStackedByIndex) {
+ stackedDataRawIndex = targetData.getRawIndex(dataIndex);
+ }
+ else {
+ byValue = targetData.get(targetStackInfo.stackedByDimension, dataIndex);
+ }
+
+ // If stackOver is NaN, chart view will render point on value start.
+ var stackedOver = NaN;
+
+ for (var j = idxInStack - 1; j >= 0; j--) {
+ var stackInfo = stackInfoList[j];
+
+ // Has been optimized by inverted indices on `stackedByDimension`.
+ if (!isStackedByIndex) {
+ stackedDataRawIndex = stackInfo.data.rawIndexOf(stackInfo.stackedByDimension, byValue);
+ }
+
+ if (stackedDataRawIndex >= 0) {
+ var val = stackInfo.data.getByRawIndex(stackInfo.stackResultDimension, stackedDataRawIndex);
+
+ // Considering positive stack, negative stack and empty data
+ if ((sum >= 0 && val > 0) // Positive stack
+ || (sum <= 0 && val < 0) // Negative stack
+ ) {
+ sum += val;
+ stackedOver = val;
+ break;
+ }
+ }
+ }
+
+ resultVal[0] = sum;
+ resultVal[1] = stackedOver;
+
+ return resultVal;
+ });
+
+ targetData.hostModel.setData(newData);
+ // Update for consequent calculation
+ targetStackInfo.data = newData;
+ });
+}
+
+/*
+* 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.
+*/
+
+// TODO
+// ??? refactor? check the outer usage of data provider.
+// merge with defaultDimValueGetter?
+
+/**
+ * If normal array used, mutable chunk size is supported.
+ * If typed array used, chunk size must be fixed.
+ */
+function DefaultDataProvider(source, dimSize) {
+ if (!Source.isInstance(source)) {
+ source = Source.seriesDataToSource(source);
+ }
+ this._source = source;
+
+ var data = this._data = source.data;
+ var sourceFormat = source.sourceFormat;
+
+ // Typed array. TODO IE10+?
+ if (sourceFormat === SOURCE_FORMAT_TYPED_ARRAY) {
+ if (__DEV__) {
+ if (dimSize == null) {
+ throw new Error('Typed array data must specify dimension size');
+ }
+ }
+ this._offset = 0;
+ this._dimSize = dimSize;
+ this._data = data;
+ }
+
+ var methods = providerMethods[
+ sourceFormat === SOURCE_FORMAT_ARRAY_ROWS
+ ? sourceFormat + '_' + source.seriesLayoutBy
+ : sourceFormat
+ ];
+
+ if (__DEV__) {
+ assert$1(methods, 'Invalide sourceFormat: ' + sourceFormat);
+ }
+
+ extend(this, methods);
+}
+
+var providerProto = DefaultDataProvider.prototype;
+// If data is pure without style configuration
+providerProto.pure = false;
+// If data is persistent and will not be released after use.
+providerProto.persistent = true;
+
+// ???! FIXME legacy data provider do not has method getSource
+providerProto.getSource = function () {
+ return this._source;
+};
+
+var providerMethods = {
+
+ 'arrayRows_column': {
+ pure: true,
+ count: function () {
+ return Math.max(0, this._data.length - this._source.startIndex);
+ },
+ getItem: function (idx) {
+ return this._data[idx + this._source.startIndex];
+ },
+ appendData: appendDataSimply
+ },
+
+ 'arrayRows_row': {
+ pure: true,
+ count: function () {
+ var row = this._data[0];
+ return row ? Math.max(0, row.length - this._source.startIndex) : 0;
+ },
+ getItem: function (idx) {
+ idx += this._source.startIndex;
+ var item = [];
+ var data = this._data;
+ for (var i = 0; i < data.length; i++) {
+ var row = data[i];
+ item.push(row ? row[idx] : null);
+ }
+ return item;
+ },
+ appendData: function () {
+ throw new Error('Do not support appendData when set seriesLayoutBy: "row".');
+ }
+ },
+
+ 'objectRows': {
+ pure: true,
+ count: countSimply,
+ getItem: getItemSimply,
+ appendData: appendDataSimply
+ },
+
+ 'keyedColumns': {
+ pure: true,
+ count: function () {
+ var dimName = this._source.dimensionsDefine[0].name;
+ var col = this._data[dimName];
+ return col ? col.length : 0;
+ },
+ getItem: function (idx) {
+ var item = [];
+ var dims = this._source.dimensionsDefine;
+ for (var i = 0; i < dims.length; i++) {
+ var col = this._data[dims[i].name];
+ item.push(col ? col[idx] : null);
+ }
+ return item;
+ },
+ appendData: function (newData) {
+ var data = this._data;
+ each$1(newData, function (newCol, key) {
+ var oldCol = data[key] || (data[key] = []);
+ for (var i = 0; i < (newCol || []).length; i++) {
+ oldCol.push(newCol[i]);
+ }
+ });
+ }
+ },
+
+ 'original': {
+ count: countSimply,
+ getItem: getItemSimply,
+ appendData: appendDataSimply
+ },
+
+ 'typedArray': {
+ persistent: false,
+ pure: true,
+ count: function () {
+ return this._data ? (this._data.length / this._dimSize) : 0;
+ },
+ getItem: function (idx, out) {
+ idx = idx - this._offset;
+ out = out || [];
+ var offset = this._dimSize * idx;
+ for (var i = 0; i < this._dimSize; i++) {
+ out[i] = this._data[offset + i];
+ }
+ return out;
+ },
+ appendData: function (newData) {
+ if (__DEV__) {
+ assert$1(
+ isTypedArray(newData),
+ 'Added data must be TypedArray if data in initialization is TypedArray'
+ );
+ }
+
+ this._data = newData;
+ },
+
+ // Clean self if data is already used.
+ clean: function () {
+ // PENDING
+ this._offset += this.count();
+ this._data = null;
+ }
+ }
+};
+
+function countSimply() {
+ return this._data.length;
+}
+function getItemSimply(idx) {
+ return this._data[idx];
+}
+function appendDataSimply(newData) {
+ for (var i = 0; i < newData.length; i++) {
+ this._data.push(newData[i]);
+ }
+}
+
+
+
+var rawValueGetters = {
+
+ arrayRows: getRawValueSimply,
+
+ objectRows: function (dataItem, dataIndex, dimIndex, dimName) {
+ return dimIndex != null ? dataItem[dimName] : dataItem;
+ },
+
+ keyedColumns: getRawValueSimply,
+
+ original: function (dataItem, dataIndex, dimIndex, dimName) {
+ // FIXME
+ // In some case (markpoint in geo (geo-map.html)), dataItem
+ // is {coord: [...]}
+ var value = getDataItemValue(dataItem);
+ return (dimIndex == null || !(value instanceof Array))
+ ? value
+ : value[dimIndex];
+ },
+
+ typedArray: getRawValueSimply
+};
+
+function getRawValueSimply(dataItem, dataIndex, dimIndex, dimName) {
+ return dimIndex != null ? dataItem[dimIndex] : dataItem;
+}
+
+
+var defaultDimValueGetters = {
+
+ arrayRows: getDimValueSimply,
+
+ objectRows: function (dataItem, dimName, dataIndex, dimIndex) {
+ return converDataValue(dataItem[dimName], this._dimensionInfos[dimName]);
+ },
+
+ keyedColumns: getDimValueSimply,
+
+ original: function (dataItem, dimName, dataIndex, dimIndex) {
+ // Performance sensitive, do not use modelUtil.getDataItemValue.
+ // If dataItem is an plain object with no value field, the var `value`
+ // will be assigned with the object, but it will be tread correctly
+ // in the `convertDataValue`.
+ var value = dataItem && (dataItem.value == null ? dataItem : dataItem.value);
+
+ // If any dataItem is like { value: 10 }
+ if (!this._rawData.pure && isDataItemOption(dataItem)) {
+ this.hasItemOption = true;
+ }
+ return converDataValue(
+ (value instanceof Array)
+ ? value[dimIndex]
+ // If value is a single number or something else not array.
+ : value,
+ this._dimensionInfos[dimName]
+ );
+ },
+
+ typedArray: function (dataItem, dimName, dataIndex, dimIndex) {
+ return dataItem[dimIndex];
+ }
+
+};
+
+function getDimValueSimply(dataItem, dimName, dataIndex, dimIndex) {
+ return converDataValue(dataItem[dimIndex], this._dimensionInfos[dimName]);
+}
+
+/**
+ * This helper method convert value in data.
+ * @param {string|number|Date} value
+ * @param {Object|string} [dimInfo] If string (like 'x'), dimType defaults 'number'.
+ * If "dimInfo.ordinalParseAndSave", ordinal value can be parsed.
+ */
+function converDataValue(value, dimInfo) {
+ // Performance sensitive.
+ var dimType = dimInfo && dimInfo.type;
+ if (dimType === 'ordinal') {
+ // If given value is a category string
+ var ordinalMeta = dimInfo && dimInfo.ordinalMeta;
+ return ordinalMeta
+ ? ordinalMeta.parseAndCollect(value)
+ : value;
+ }
+
+ if (dimType === 'time'
+ // spead up when using timestamp
+ && typeof value !== 'number'
+ && value != null
+ && value !== '-'
+ ) {
+ value = +parseDate(value);
+ }
+
+ // dimType defaults 'number'.
+ // If dimType is not ordinal and value is null or undefined or NaN or '-',
+ // parse to NaN.
+ return (value == null || value === '')
+ ? NaN
+ // If string (like '-'), using '+' parse to NaN
+ // If object, also parse to NaN
+ : +value;
+}
+
+// ??? FIXME can these logic be more neat: getRawValue, getRawDataItem,
+// Consider persistent.
+// Caution: why use raw value to display on label or tooltip?
+// A reason is to avoid format. For example time value we do not know
+// how to format is expected. More over, if stack is used, calculated
+// value may be 0.91000000001, which have brings trouble to display.
+// TODO: consider how to treat null/undefined/NaN when display?
+/**
+ * @param {module:echarts/data/List} data
+ * @param {number} dataIndex
+ * @param {string|number} [dim] dimName or dimIndex
+ * @return {Array.<number>|string|number} can be null/undefined.
+ */
+function retrieveRawValue(data, dataIndex, dim) {
+ if (!data) {
+ return;
+ }
+
+ // Consider data may be not persistent.
+ var dataItem = data.getRawDataItem(dataIndex);
+
+ if (dataItem == null) {
+ return;
+ }
+
+ var sourceFormat = data.getProvider().getSource().sourceFormat;
+ var dimName;
+ var dimIndex;
+
+ var dimInfo = data.getDimensionInfo(dim);
+ if (dimInfo) {
+ dimName = dimInfo.name;
+ dimIndex = dimInfo.index;
+ }
+
+ return rawValueGetters[sourceFormat](dataItem, dataIndex, dimIndex, dimName);
+}
+
+/**
+ * Compatible with some cases (in pie, map) like:
+ * data: [{name: 'xx', value: 5, selected: true}, ...]
+ * where only sourceFormat is 'original' and 'objectRows' supported.
+ *
+ * ??? TODO
+ * Supported detail options in data item when using 'arrayRows'.
+ *
+ * @param {module:echarts/data/List} data
+ * @param {number} dataIndex
+ * @param {string} attr like 'selected'
+ */
+function retrieveRawAttr(data, dataIndex, attr) {
+ if (!data) {
+ return;
+ }
+
+ var sourceFormat = data.getProvider().getSource().sourceFormat;
+
+ if (sourceFormat !== SOURCE_FORMAT_ORIGINAL
+ && sourceFormat !== SOURCE_FORMAT_OBJECT_ROWS
+ ) {
+ return;
+ }
+
+ var dataItem = data.getRawDataItem(dataIndex);
+ if (sourceFormat === SOURCE_FORMAT_ORIGINAL && !isObject$1(dataItem)) {
+ dataItem = null;
+ }
+ if (dataItem) {
+ return dataItem[attr];
+ }
+}
+
+/*
+* 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.
+*/
+
+var DIMENSION_LABEL_REG = /\{@(.+?)\}/g;
+
+// PENDING A little ugly
+var dataFormatMixin = {
+ /**
+ * Get params for formatter
+ * @param {number} dataIndex
+ * @param {string} [dataType]
+ * @return {Object}
+ */
+ getDataParams: function (dataIndex, dataType) {
+ var data = this.getData(dataType);
+ var rawValue = this.getRawValue(dataIndex, dataType);
+ var rawDataIndex = data.getRawIndex(dataIndex);
+ var name = data.getName(dataIndex);
+ var itemOpt = data.getRawDataItem(dataIndex);
+ var color = data.getItemVisual(dataIndex, 'color');
+ var borderColor = data.getItemVisual(dataIndex, 'borderColor');
+ var tooltipModel = this.ecModel.getComponent('tooltip');
+ var renderModeOption = tooltipModel && tooltipModel.get('renderMode');
+ var renderMode = getTooltipRenderMode(renderModeOption);
+ var mainType = this.mainType;
+ var isSeries = mainType === 'series';
+ var userOutput = data.userOutput;
+
+ return {
+ componentType: mainType,
+ componentSubType: this.subType,
+ componentIndex: this.componentIndex,
+ seriesType: isSeries ? this.subType : null,
+ seriesIndex: this.seriesIndex,
+ seriesId: isSeries ? this.id : null,
+ seriesName: isSeries ? this.name : null,
+ name: name,
+ dataIndex: rawDataIndex,
+ data: itemOpt,
+ dataType: dataType,
+ value: rawValue,
+ color: color,
+ borderColor: borderColor,
+ dimensionNames: userOutput ? userOutput.dimensionNames : null,
+ encode: userOutput ? userOutput.encode : null,
+ marker: getTooltipMarker({
+ color: color,
+ renderMode: renderMode
+ }),
+
+ // Param name list for mapping `a`, `b`, `c`, `d`, `e`
+ $vars: ['seriesName', 'name', 'value']
+ };
+ },
+
+ /**
+ * Format label
+ * @param {number} dataIndex
+ * @param {string} [status='normal'] 'normal' or 'emphasis'
+ * @param {string} [dataType]
+ * @param {number} [dimIndex] Only used in some chart that
+ * use formatter in different dimensions, like radar.
+ * @param {string} [labelProp='label']
+ * @return {string} If not formatter, return null/undefined
+ */
+ getFormattedLabel: function (dataIndex, status, dataType, dimIndex, labelProp) {
+ status = status || 'normal';
+ var data = this.getData(dataType);
+ var itemModel = data.getItemModel(dataIndex);
+
+ var params = this.getDataParams(dataIndex, dataType);
+ if (dimIndex != null && (params.value instanceof Array)) {
+ params.value = params.value[dimIndex];
+ }
+
+ var formatter = itemModel.get(
+ status === 'normal'
+ ? [labelProp || 'label', 'formatter']
+ : [status, labelProp || 'label', 'formatter']
+ );
+
+ if (typeof formatter === 'function') {
+ params.status = status;
+ params.dimensionIndex = dimIndex;
+ return formatter(params);
+ }
+ else if (typeof formatter === 'string') {
+ var str = formatTpl(formatter, params);
+
+ // Support 'aaa{@[3]}bbb{@product}ccc'.
+ // Do not support '}' in dim name util have to.
+ return str.replace(DIMENSION_LABEL_REG, function (origin, dim) {
+ var len = dim.length;
+ if (dim.charAt(0) === '[' && dim.charAt(len - 1) === ']') {
+ dim = +dim.slice(1, len - 1); // Also: '[]' => 0
+ }
+ return retrieveRawValue(data, dataIndex, dim);
+ });
+ }
+ },
+
+ /**
+ * Get raw value in option
+ * @param {number} idx
+ * @param {string} [dataType]
+ * @return {Array|number|string}
+ */
+ getRawValue: function (idx, dataType) {
+ return retrieveRawValue(this.getData(dataType), idx);
+ },
+
+ /**
+ * Should be implemented.
+ * @param {number} dataIndex
+ * @param {boolean} [multipleSeries=false]
+ * @param {number} [dataType]
+ * @return {string} tooltip string
+ */
+ formatTooltip: function () {
+ // Empty function
+ }
+};
+
+/*
+* 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.
+*/
+
+/**
+ * @param {Object} define
+ * @return See the return of `createTask`.
+ */
+function createTask(define) {
+ return new Task(define);
+}
+
+/**
+ * @constructor
+ * @param {Object} define
+ * @param {Function} define.reset Custom reset
+ * @param {Function} [define.plan] Returns 'reset' indicate reset immediately.
+ * @param {Function} [define.count] count is used to determin data task.
+ * @param {Function} [define.onDirty] count is used to determin data task.
+ */
+function Task(define) {
+ define = define || {};
+
+ this._reset = define.reset;
+ this._plan = define.plan;
+ this._count = define.count;
+ this._onDirty = define.onDirty;
+
+ this._dirty = true;
+
+ // Context must be specified implicitly, to
+ // avoid miss update context when model changed.
+ this.context;
+}
+
+var taskProto = Task.prototype;
+
+/**
+ * @param {Object} performArgs
+ * @param {number} [performArgs.step] Specified step.
+ * @param {number} [performArgs.skip] Skip customer perform call.
+ * @param {number} [performArgs.modBy] Sampling window size.
+ * @param {number} [performArgs.modDataCount] Sampling count.
+ */
+taskProto.perform = function (performArgs) {
+ var upTask = this._upstream;
+ var skip = performArgs && performArgs.skip;
+
+ // TODO some refactor.
+ // Pull data. Must pull data each time, because context.data
+ // may be updated by Series.setData.
+ if (this._dirty && upTask) {
+ var context = this.context;
+ context.data = context.outputData = upTask.context.outputData;
+ }
+
+ if (this.__pipeline) {
+ this.__pipeline.currentTask = this;
+ }
+
+ var planResult;
+ if (this._plan && !skip) {
+ planResult = this._plan(this.context);
+ }
+
+ // Support sharding by mod, which changes the render sequence and makes the rendered graphic
+ // elements uniformed distributed when progress, especially when moving or zooming.
+ var lastModBy = normalizeModBy(this._modBy);
+ var lastModDataCount = this._modDataCount || 0;
+ var modBy = normalizeModBy(performArgs && performArgs.modBy);
+ var modDataCount = performArgs && performArgs.modDataCount || 0;
+ if (lastModBy !== modBy || lastModDataCount !== modDataCount) {
+ planResult = 'reset';
+ }
+
+ function normalizeModBy(val) {
+ !(val >= 1) && (val = 1); // jshint ignore:line
+ return val;
+ }
+
+ var forceFirstProgress;
+ if (this._dirty || planResult === 'reset') {
+ this._dirty = false;
+ forceFirstProgress = reset(this, skip);
+ }
+
+ this._modBy = modBy;
+ this._modDataCount = modDataCount;
+
+ var step = performArgs && performArgs.step;
+
+ if (upTask) {
+
+ if (__DEV__) {
+ assert$1(upTask._outputDueEnd != null);
+ }
+ this._dueEnd = upTask._outputDueEnd;
+ }
+ // DataTask or overallTask
+ else {
+ if (__DEV__) {
+ assert$1(!this._progress || this._count);
+ }
+ this._dueEnd = this._count ? this._count(this.context) : Infinity;
+ }
+
+ // Note: Stubs, that its host overall task let it has progress, has progress.
+ // If no progress, pass index from upstream to downstream each time plan called.
+ if (this._progress) {
+ var start = this._dueIndex;
+ var end = Math.min(
+ step != null ? this._dueIndex + step : Infinity,
+ this._dueEnd
+ );
+
+ if (!skip && (forceFirstProgress || start < end)) {
+ var progress = this._progress;
+ if (isArray(progress)) {
+ for (var i = 0; i < progress.length; i++) {
+ doProgress(this, progress[i], start, end, modBy, modDataCount);
+ }
+ }
+ else {
+ doProgress(this, progress, start, end, modBy, modDataCount);
+ }
+ }
+
+ this._dueIndex = end;
+ // If no `outputDueEnd`, assume that output data and
+ // input data is the same, so use `dueIndex` as `outputDueEnd`.
+ var outputDueEnd = this._settedOutputEnd != null
+ ? this._settedOutputEnd : end;
+
+ if (__DEV__) {
+ // ??? Can not rollback.
+ assert$1(outputDueEnd >= this._outputDueEnd);
+ }
+
+ this._outputDueEnd = outputDueEnd;
+ }
+ else {
+ // (1) Some overall task has no progress.
+ // (2) Stubs, that its host overall task do not let it has progress, has no progress.
+ // This should always be performed so it can be passed to downstream.
+ this._dueIndex = this._outputDueEnd = this._settedOutputEnd != null
+ ? this._settedOutputEnd : this._dueEnd;
+ }
+
+ return this.unfinished();
+};
+
+var iterator = (function () {
+
+ var end;
+ var current;
+ var modBy;
+ var modDataCount;
+ var winCount;
+
+ var it = {
+ reset: function (s, e, sStep, sCount) {
+ current = s;
+ end = e;
+
+ modBy = sStep;
+ modDataCount = sCount;
+ winCount = Math.ceil(modDataCount / modBy);
+
+ it.next = (modBy > 1 && modDataCount > 0) ? modNext : sequentialNext;
+ }
+ };
+
+ return it;
+
+ function sequentialNext() {
+ return current < end ? current++ : null;
+ }
+
+ function modNext() {
+ var dataIndex = (current % winCount) * modBy + Math.ceil(current / winCount);
+ var result = current >= end
+ ? null
+ : dataIndex < modDataCount
+ ? dataIndex
+ // If modDataCount is smaller than data.count() (consider `appendData` case),
+ // Use normal linear rendering mode.
+ : current;
+ current++;
+ return result;
+ }
+})();
+
+taskProto.dirty = function () {
+ this._dirty = true;
+ this._onDirty && this._onDirty(this.context);
+};
+
+function doProgress(taskIns, progress, start, end, modBy, modDataCount) {
+ iterator.reset(start, end, modBy, modDataCount);
+ taskIns._callingProgress = progress;
+ taskIns._callingProgress({
+ start: start, end: end, count: end - start, next: iterator.next
+ }, taskIns.context);
+}
+
+function reset(taskIns, skip) {
+ taskIns._dueIndex = taskIns._outputDueEnd = taskIns._dueEnd = 0;
+ taskIns._settedOutputEnd = null;
+
+ var progress;
+ var forceFirstProgress;
+
+ if (!skip && taskIns._reset) {
+ progress = taskIns._reset(taskIns.context);
+ if (progress && progress.progress) {
+ forceFirstProgress = progress.forceFirstProgress;
+ progress = progress.progress;
+ }
+ // To simplify no progress checking, array must has item.
+ if (isArray(progress) && !progress.length) {
+ progress = null;
+ }
+ }
+
+ taskIns._progress = progress;
+ taskIns._modBy = taskIns._modDataCount = null;
+
+ var downstream = taskIns._downstream;
+ downstream && downstream.dirty();
+
+ return forceFirstProgress;
+}
+
+/**
+ * @return {boolean}
+ */
+taskProto.unfinished = function () {
+ return this._progress && this._dueIndex < this._dueEnd;
+};
+
+/**
+ * @param {Object} downTask The downstream task.
+ * @return {Object} The downstream task.
+ */
+taskProto.pipe = function (downTask) {
+ if (__DEV__) {
+ assert$1(downTask && !downTask._disposed && downTask !== this);
+ }
+
+ // If already downstream, do not dirty downTask.
+ if (this._downstream !== downTask || this._dirty) {
+ this._downstream = downTask;
+ downTask._upstream = this;
+ downTask.dirty();
+ }
+};
+
+taskProto.dispose = function () {
+ if (this._disposed) {
+ return;
+ }
+
+ this._upstream && (this._upstream._downstream = null);
+ this._downstream && (this._downstream._upstream = null);
+
+ this._dirty = false;
+ this._disposed = true;
+};
+
+taskProto.getUpstream = function () {
+ return this._upstream;
+};
+
+taskProto.getDownstream = function () {
+ return this._downstream;
+};
+
+taskProto.setOutputEnd = function (end) {
+ // This only happend in dataTask, dataZoom, map, currently.
+ // where dataZoom do not set end each time, but only set
+ // when reset. So we should record the setted end, in case
+ // that the stub of dataZoom perform again and earse the
+ // setted end by upstream.
+ this._outputDueEnd = this._settedOutputEnd = end;
+};
+
+
+///////////////////////////////////////////////////////////
+// For stream debug (Should be commented out after used!)
+// Usage: printTask(this, 'begin');
+// Usage: printTask(this, null, {someExtraProp});
+// function printTask(task, prefix, extra) {
+// window.ecTaskUID == null && (window.ecTaskUID = 0);
+// task.uidDebug == null && (task.uidDebug = `task_${window.ecTaskUID++}`);
+// task.agent && task.agent.uidDebug == null && (task.agent.uidDebug = `task_${window.ecTaskUID++}`);
+// var props = [];
+// if (task.__pipeline) {
+// var val = `${task.__idxInPipeline}/${task.__pipeline.tail.__idxInPipeline} ${task.agent ? '(stub)' : ''}`;
+// props.push({text: 'idx', value: val});
+// } else {
+// var stubCount = 0;
+// task.agentStubMap.each(() => stubCount++);
+// props.push({text: 'idx', value: `overall (stubs: ${stubCount})`});
+// }
+// props.push({text: 'uid', value: task.uidDebug});
+// if (task.__pipeline) {
+// props.push({text: 'pid', value: task.__pipeline.id});
+// task.agent && props.push(
+// {text: 'stubFor', value: task.agent.uidDebug}
+// );
+// }
+// props.push(
+// {text: 'dirty', value: task._dirty},
+// {text: 'dueIndex', value: task._dueIndex},
+// {text: 'dueEnd', value: task._dueEnd},
+// {text: 'outputDueEnd', value: task._outputDueEnd}
+// );
+// if (extra) {
+// Object.keys(extra).forEach(key => {
+// props.push({text: key, value: extra[key]});
+// });
+// }
+// var args = ['color: blue'];
+// var msg = `%c[${prefix || 'T'}] %c` + props.map(item => (
+// args.push('color: black', 'color: red'),
+// `${item.text}: %c${item.value}`
+// )).join('%c, ');
+// console.log.apply(console, [msg].concat(args));
+// // console.log(this);
+// }
+
+/*
+* 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.
+*/
+
+var inner$4 = makeInner();
+
+var SeriesModel = ComponentModel.extend({
+
+ type: 'series.__base__',
+
+ /**
+ * @readOnly
+ */
+ seriesIndex: 0,
+
+ // coodinateSystem will be injected in the echarts/CoordinateSystem
+ coordinateSystem: null,
+
+ /**
+ * @type {Object}
+ * @protected
+ */
+ defaultOption: null,
+
+ /**
+ * legend visual provider to the legend component
+ * @type {Object}
+ */
+ // PENDING
+ legendVisualProvider: null,
+
+ /**
+ * Access path of color for visual
+ */
+ visualColorAccessPath: 'itemStyle.color',
+
+ /**
+ * Access path of borderColor for visual
+ */
+ visualBorderColorAccessPath: 'itemStyle.borderColor',
+
+ /**
+ * Support merge layout params.
+ * Only support 'box' now (left/right/top/bottom/width/height).
+ * @type {string|Object} Object can be {ignoreSize: true}
+ * @readOnly
+ */
+ layoutMode: null,
+
+ init: function (option, parentModel, ecModel, extraOpt) {
+
+ /**
+ * @type {number}
+ * @readOnly
+ */
+ this.seriesIndex = this.componentIndex;
+
+ this.dataTask = createTask({
+ count: dataTaskCount,
+ reset: dataTaskReset
+ });
+ this.dataTask.context = {model: this};
+
+ this.mergeDefaultAndTheme(option, ecModel);
+
+ prepareSource(this);
+
+
+ var data = this.getInitialData(option, ecModel);
+ wrapData(data, this);
+ this.dataTask.context.data = data;
+
+ if (__DEV__) {
+ assert$1(data, 'getInitialData returned invalid data.');
+ }
+
+ /**
+ * @type {module:echarts/data/List|module:echarts/data/Tree|module:echarts/data/Graph}
+ * @private
+ */
+ inner$4(this).dataBeforeProcessed = data;
+
+ // If we reverse the order (make data firstly, and then make
+ // dataBeforeProcessed by cloneShallow), cloneShallow will
+ // cause data.graph.data !== data when using
+ // module:echarts/data/Graph or module:echarts/data/Tree.
+ // See module:echarts/data/helper/linkList
+
+ // Theoretically, it is unreasonable to call `seriesModel.getData()` in the model
+ // init or merge stage, because the data can be restored. So we do not `restoreData`
+ // and `setData` here, which forbids calling `seriesModel.getData()` in this stage.
+ // Call `seriesModel.getRawData()` instead.
+ // this.restoreData();
+
+ autoSeriesName(this);
+ },
+
+ /**
+ * Util for merge default and theme to option
+ * @param {Object} option
+ * @param {module:echarts/model/Global} ecModel
+ */
+ mergeDefaultAndTheme: function (option, ecModel) {
+ var layoutMode = this.layoutMode;
+ var inputPositionParams = layoutMode
+ ? getLayoutParams(option) : {};
+
+ // Backward compat: using subType on theme.
+ // But if name duplicate between series subType
+ // (for example: parallel) add component mainType,
+ // add suffix 'Series'.
+ var themeSubType = this.subType;
+ if (ComponentModel.hasClass(themeSubType)) {
+ themeSubType += 'Series';
+ }
+ merge(
+ option,
+ ecModel.getTheme().get(this.subType)
+ );
+ merge(option, this.getDefaultOption());
+
+ // Default label emphasis `show`
+ defaultEmphasis(option, 'label', ['show']);
+
+ this.fillDataTextStyle(option.data);
+
+ if (layoutMode) {
+ mergeLayoutParam(option, inputPositionParams, layoutMode);
+ }
+ },
+
+ mergeOption: function (newSeriesOption, ecModel) {
+ // this.settingTask.dirty();
+
+ newSeriesOption = merge(this.option, newSeriesOption, true);
+ this.fillDataTextStyle(newSeriesOption.data);
+
+ var layoutMode = this.layoutMode;
+ if (layoutMode) {
+ mergeLayoutParam(this.option, newSeriesOption, layoutMode);
+ }
+
+ prepareSource(this);
+
+ var data = this.getInitialData(newSeriesOption, ecModel);
+ wrapData(data, this);
+ this.dataTask.dirty();
+ this.dataTask.context.data = data;
+
+ inner$4(this).dataBeforeProcessed = data;
+
+ autoSeriesName(this);
+ },
+
+ fillDataTextStyle: function (data) {
+ // Default data label emphasis `show`
+ // FIXME Tree structure data ?
+ // FIXME Performance ?
+ if (data && !isTypedArray(data)) {
+ var props = ['show'];
+ for (var i = 0; i < data.length; i++) {
+ if (data[i] && data[i].label) {
+ defaultEmphasis(data[i], 'label', props);
+ }
+ }
+ }
+ },
+
+ /**
+ * Init a data structure from data related option in series
+ * Must be overwritten
+ */
+ getInitialData: function () {},
+
+ /**
+ * Append data to list
+ * @param {Object} params
+ * @param {Array|TypedArray} params.data
+ */
+ appendData: function (params) {
+ // FIXME ???
+ // (1) If data from dataset, forbidden append.
+ // (2) support append data of dataset.
+ var data = this.getRawData();
+ data.appendData(params.data);
+ },
+
+ /**
+ * Consider some method like `filter`, `map` need make new data,
+ * We should make sure that `seriesModel.getData()` get correct
+ * data in the stream procedure. So we fetch data from upstream
+ * each time `task.perform` called.
+ * @param {string} [dataType]
+ * @return {module:echarts/data/List}
+ */
+ getData: function (dataType) {
+ var task = getCurrentTask(this);
+ if (task) {
+ var data = task.context.data;
+ return dataType == null ? data : data.getLinkedData(dataType);
+ }
+ else {
+ // When series is not alive (that may happen when click toolbox
+ // restore or setOption with not merge mode), series data may
+ // be still need to judge animation or something when graphic
+ // elements want to know whether fade out.
+ return inner$4(this).data;
+ }
+ },
+
+ /**
+ * @param {module:echarts/data/List} data
+ */
+ setData: function (data) {
+ var task = getCurrentTask(this);
+ if (task) {
+ var context = task.context;
+ // Consider case: filter, data sample.
+ if (context.data !== data && task.modifyOutputEnd) {
+ task.setOutputEnd(data.count());
+ }
+ context.outputData = data;
+ // Caution: setData should update context.data,
+ // Because getData may be called multiply in a
+ // single stage and expect to get the data just
+ // set. (For example, AxisProxy, x y both call
+ // getData and setDate sequentially).
+ // So the context.data should be fetched from
+ // upstream each time when a stage starts to be
+ // performed.
+ if (task !== this.dataTask) {
+ context.data = data;
+ }
+ }
+ inner$4(this).data = data;
+ },
+
+ /**
+ * @see {module:echarts/data/helper/sourceHelper#getSource}
+ * @return {module:echarts/data/Source} source
+ */
+ getSource: function () {
+ return getSource(this);
+ },
+
+ /**
+ * Get data before processed
+ * @return {module:echarts/data/List}
+ */
+ getRawData: function () {
+ return inner$4(this).dataBeforeProcessed;
+ },
+
+ /**
+ * Get base axis if has coordinate system and has axis.
+ * By default use coordSys.getBaseAxis();
+ * Can be overrided for some chart.
+ * @return {type} description
+ */
+ getBaseAxis: function () {
+ var coordSys = this.coordinateSystem;
+ return coordSys && coordSys.getBaseAxis && coordSys.getBaseAxis();
+ },
+
+ // FIXME
+ /**
+ * Default tooltip formatter
+ *
+ * @param {number} dataIndex
+ * @param {boolean} [multipleSeries=false]
+ * @param {number} [dataType]
+ * @param {string} [renderMode='html'] valid values: 'html' and 'richText'.
+ * 'html' is used for rendering tooltip in extra DOM form, and the result
+ * string is used as DOM HTML content.
+ * 'richText' is used for rendering tooltip in rich text form, for those where
+ * DOM operation is not supported.
+ * @return {Object} formatted tooltip with `html` and `markers`
+ */
+ formatTooltip: function (dataIndex, multipleSeries, dataType, renderMode) {
+
+ var series = this;
+ renderMode = renderMode || 'html';
+ var newLine = renderMode === 'html' ? '<br/>' : '\n';
+ var isRichText = renderMode === 'richText';
+ var markers = {};
+ var markerId = 0;
+
+ function formatArrayValue(value) {
+ // ??? TODO refactor these logic.
+ // check: category-no-encode-has-axis-data in dataset.html
+ var vertially = reduce(value, function (vertially, val, idx) {
+ var dimItem = data.getDimensionInfo(idx);
+ return vertially |= dimItem && dimItem.tooltip !== false && dimItem.displayName != null;
+ }, 0);
+
+ var result = [];
+
+ tooltipDims.length
+ ? each$1(tooltipDims, function (dim) {
+ setEachItem(retrieveRawValue(data, dataIndex, dim), dim);
+ })
+ // By default, all dims is used on tooltip.
+ : each$1(value, setEachItem);
+
+ function setEachItem(val, dim) {
+ var dimInfo = data.getDimensionInfo(dim);
+ // If `dimInfo.tooltip` is not set, show tooltip.
+ if (!dimInfo || dimInfo.otherDims.tooltip === false) {
+ return;
+ }
+ var dimType = dimInfo.type;
+ var markName = 'sub' + series.seriesIndex + 'at' + markerId;
+ var dimHead = getTooltipMarker({
+ color: color,
+ type: 'subItem',
+ renderMode: renderMode,
+ markerId: markName
+ });
+
+ var dimHeadStr = typeof dimHead === 'string' ? dimHead : dimHead.content;
+ var valStr = (vertially
+ ? dimHeadStr + encodeHTML(dimInfo.displayName || '-') + ': '
+ : ''
+ )
+ // FIXME should not format time for raw data?
+ + encodeHTML(dimType === 'ordinal'
+ ? val + ''
+ : dimType === 'time'
+ ? (multipleSeries ? '' : formatTime('yyyy/MM/dd hh:mm:ss', val))
+ : addCommas(val)
+ );
+ valStr && result.push(valStr);
+
+ if (isRichText) {
+ markers[markName] = color;
+ ++markerId;
+ }
+ }
+
+ var newLine = vertially ? (isRichText ? '\n' : '<br/>') : '';
+ var content = newLine + result.join(newLine || ', ');
+ return {
+ renderMode: renderMode,
+ content: content,
+ style: markers
+ };
+ }
+
+ function formatSingleValue(val) {
+ // return encodeHTML(addCommas(val));
+ return {
+ renderMode: renderMode,
+ content: encodeHTML(addCommas(val)),
+ style: markers
+ };
+ }
+
+ var data = this.getData();
+ var tooltipDims = data.mapDimension('defaultedTooltip', true);
+ var tooltipDimLen = tooltipDims.length;
+ var value = this.getRawValue(dataIndex);
+ var isValueArr = isArray(value);
+
+ var color = data.getItemVisual(dataIndex, 'color');
+ if (isObject$1(color) && color.colorStops) {
+ color = (color.colorStops[0] || {}).color;
+ }
+ color = color || 'transparent';
+
+ // Complicated rule for pretty tooltip.
+ var formattedValue = (tooltipDimLen > 1 || (isValueArr && !tooltipDimLen))
+ ? formatArrayValue(value)
+ : tooltipDimLen
+ ? formatSingleValue(retrieveRawValue(data, dataIndex, tooltipDims[0]))
+ : formatSingleValue(isValueArr ? value[0] : value);
+ var content = formattedValue.content;
+
+ var markName = series.seriesIndex + 'at' + markerId;
+ var colorEl = getTooltipMarker({
+ color: color,
+ type: 'item',
+ renderMode: renderMode,
+ markerId: markName
+ });
+ markers[markName] = color;
+ ++markerId;
+
+ var name = data.getName(dataIndex);
+
+ var seriesName = this.name;
+ if (!isNameSpecified(this)) {
+ seriesName = '';
+ }
+ seriesName = seriesName
+ ? encodeHTML(seriesName) + (!multipleSeries ? newLine : ': ')
+ : '';
+
+ var colorStr = typeof colorEl === 'string' ? colorEl : colorEl.content;
+ var html = !multipleSeries
+ ? seriesName + colorStr
+ + (name
+ ? encodeHTML(name) + ': ' + content
+ : content
+ )
+ : colorStr + seriesName + content;
+
+ return {
+ html: html,
+ markers: markers
+ };
+ },
+
+ /**
+ * @return {boolean}
+ */
+ isAnimationEnabled: function () {
+ if (env$1.node) {
+ return false;
+ }
+
+ var animationEnabled = this.getShallow('animation');
+ if (animationEnabled) {
+ if (this.getData().count() > this.getShallow('animationThreshold')) {
+ animationEnabled = false;
+ }
+ }
+ return animationEnabled;
+ },
+
+ restoreData: function () {
+ this.dataTask.dirty();
+ },
+
+ getColorFromPalette: function (name, scope, requestColorNum) {
+ var ecModel = this.ecModel;
+ // PENDING
+ var color = colorPaletteMixin.getColorFromPalette.call(this, name, scope, requestColorNum);
+ if (!color) {
+ color = ecModel.getColorFromPalette(name, scope, requestColorNum);
+ }
+ return color;
+ },
+
+ /**
+ * Use `data.mapDimension(coordDim, true)` instead.
+ * @deprecated
+ */
+ coordDimToDataDim: function (coordDim) {
+ return this.getRawData().mapDimension(coordDim, true);
+ },
+
+ /**
+ * Get progressive rendering count each step
+ * @return {number}
+ */
+ getProgressive: function () {
+ return this.get('progressive');
+ },
+
+ /**
+ * Get progressive rendering count each step
+ * @return {number}
+ */
+ getProgressiveThreshold: function () {
+ return this.get('progressiveThreshold');
+ },
+
+ /**
+ * Get data indices for show tooltip content. See tooltip.
+ * @abstract
+ * @param {Array.<string>|string} dim
+ * @param {Array.<number>} value
+ * @param {module:echarts/coord/single/SingleAxis} baseAxis
+ * @return {Object} {dataIndices, nestestValue}.
+ */
+ getAxisTooltipData: null,
+
+ /**
+ * See tooltip.
+ * @abstract
+ * @param {number} dataIndex
+ * @return {Array.<number>} Point of tooltip. null/undefined can be returned.
+ */
+ getTooltipPosition: null,
+
+ /**
+ * @see {module:echarts/stream/Scheduler}
+ */
+ pipeTask: null,
+
+ /**
+ * Convinient for override in extended class.
+ * @protected
+ * @type {Function}
+ */
+ preventIncremental: null,
+
+ /**
+ * @public
+ * @readOnly
+ * @type {Object}
+ */
+ pipelineContext: null
+
+});
+
+
+mixin(SeriesModel, dataFormatMixin);
+mixin(SeriesModel, colorPaletteMixin);
+
+/**
+ * MUST be called after `prepareSource` called
+ * Here we need to make auto series, especially for auto legend. But we
+ * do not modify series.name in option to avoid side effects.
+ */
+function autoSeriesName(seriesModel) {
+ // User specified name has higher priority, otherwise it may cause
+ // series can not be queried unexpectedly.
+ var name = seriesModel.name;
+ if (!isNameSpecified(seriesModel)) {
+ seriesModel.name = getSeriesAutoName(seriesModel) || name;
+ }
+}
+
+function getSeriesAutoName(seriesModel) {
+ var data = seriesModel.getRawData();
+ var dataDims = data.mapDimension('seriesName', true);
+ var nameArr = [];
+ each$1(dataDims, function (dataDim) {
+ var dimInfo = data.getDimensionInfo(dataDim);
+ dimInfo.displayName && nameArr.push(dimInfo.displayName);
+ });
+ return nameArr.join(' ');
+}
+
+function dataTaskCount(context) {
+ return context.model.getRawData().count();
+}
+
+function dataTaskReset(context) {
+ var seriesModel = context.model;
+ seriesModel.setData(seriesModel.getRawData().cloneShallow());
+ return dataTaskProgress;
+}
+
+function dataTaskProgress(param, context) {
+ // Avoid repead cloneShallow when data just created in reset.
+ if (context.outputData && param.end > context.outputData.count()) {
+ context.model.getRawData().cloneShallow(context.outputData);
+ }
+}
+
+// TODO refactor
+function wrapData(data, seriesModel) {
+ each$1(data.CHANGABLE_METHODS, function (methodName) {
+ data.wrapMethod(methodName, curry(onDataSelfChange, seriesModel));
+ });
+}
+
+function onDataSelfChange(seriesModel) {
+ var task = getCurrentTask(seriesModel);
+ if (task) {
+ // Consider case: filter, selectRange
+ task.setOutputEnd(this.count());
+ }
+}
+
+function getCurrentTask(seriesModel) {
+ var scheduler = (seriesModel.ecModel || {}).scheduler;
+ var pipeline = scheduler && scheduler.getPipeline(seriesModel.uid);
+
+ if (pipeline) {
+ // When pipline finished, the currrentTask keep the last
+ // task (renderTask).
+ var task = pipeline.currentTask;
+ if (task) {
+ var agentStubMap = task.agentStubMap;
+ if (agentStubMap) {
+ task = agentStubMap.get(seriesModel.uid);
+ }
+ }
+ return task;
+ }
+}
+
+/*
+* 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.
+*/
+
+var Component$1 = function () {
+ /**
+ * @type {module:zrender/container/Group}
+ * @readOnly
+ */
+ this.group = new Group();
+
+ /**
+ * @type {string}
+ * @readOnly
+ */
+ this.uid = getUID('viewComponent');
+};
+
+Component$1.prototype = {
+
+ constructor: Component$1,
+
+ init: function (ecModel, api) {},
+
+ render: function (componentModel, ecModel, api, payload) {},
+
+ dispose: function () {},
+
+ /**
+ * @param {string} eventType
+ * @param {Object} query
+ * @param {module:zrender/Element} targetEl
+ * @param {Object} packedEvent
+ * @return {boolen} Pass only when return `true`.
+ */
+ filterForExposedEvent: null
+
+};
+
+var componentProto = Component$1.prototype;
+componentProto.updateView =
+ componentProto.updateLayout =
+ componentProto.updateVisual =
+ function (seriesModel, ecModel, api, payload) {
+ // Do nothing;
+ };
+// Enable Component.extend.
+enableClassExtend(Component$1);
+
+// Enable capability of registerClass, getClass, hasClass, registerSubTypeDefaulter and so on.
+enableClassManagement(Component$1, {registerWhenExtend: true});
+
+/*
+* 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.
+*/
+
+/**
+ * @return {string} If large mode changed, return string 'reset';
+ */
+var createRenderPlanner = function () {
+ var inner = makeInner();
+
+ return function (seriesModel) {
+ var fields = inner(seriesModel);
+ var pipelineContext = seriesModel.pipelineContext;
+
+ var originalLarge = fields.large;
+ var originalProgressive = fields.progressiveRender;
+
+ // FIXME: if the planner works on a filtered series, `pipelineContext` does not
+ // exists. See #11611 . Probably we need to modify this structure, see the comment
+ // on `performRawSeries` in `Schedular.js`.
+ var large = fields.large = pipelineContext && pipelineContext.large;
+ var progressive = fields.progressiveRender = pipelineContext && pipelineContext.progressiveRender;
+
+ return !!((originalLarge ^ large) || (originalProgressive ^ progressive)) && 'reset';
+ };
+};
+
+/*
+* 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.
+*/
+
+var inner$5 = makeInner();
+var renderPlanner = createRenderPlanner();
+
+function Chart() {
+
+ /**
+ * @type {module:zrender/container/Group}
+ * @readOnly
+ */
+ this.group = new Group();
+
+ /**
+ * @type {string}
+ * @readOnly
+ */
+ this.uid = getUID('viewChart');
+
+ this.renderTask = createTask({
+ plan: renderTaskPlan,
+ reset: renderTaskReset
+ });
+ this.renderTask.context = {view: this};
+}
+
+Chart.prototype = {
+
+ type: 'chart',
+
+ /**
+ * Init the chart.
+ * @param {module:echarts/model/Global} ecModel
+ * @param {module:echarts/ExtensionAPI} api
+ */
+ init: function (ecModel, api) {},
+
+ /**
+ * Render the chart.
+ * @param {module:echarts/model/Series} seriesModel
+ * @param {module:echarts/model/Global} ecModel
+ * @param {module:echarts/ExtensionAPI} api
+ * @param {Object} payload
+ */
+ render: function (seriesModel, ecModel, api, payload) {},
+
+ /**
+ * Highlight series or specified data item.
+ * @param {module:echarts/model/Series} seriesModel
+ * @param {module:echarts/model/Global} ecModel
+ * @param {module:echarts/ExtensionAPI} api
+ * @param {Object} payload
+ */
+ highlight: function (seriesModel, ecModel, api, payload) {
+ toggleHighlight(seriesModel.getData(), payload, 'emphasis');
+ },
+
+ /**
+ * Downplay series or specified data item.
+ * @param {module:echarts/model/Series} seriesModel
+ * @param {module:echarts/model/Global} ecModel
+ * @param {module:echarts/ExtensionAPI} api
+ * @param {Object} payload
+ */
+ downplay: function (seriesModel, ecModel, api, payload) {
+ toggleHighlight(seriesModel.getData(), payload, 'normal');
+ },
+
+ /**
+ * Remove self.
+ * @param {module:echarts/model/Global} ecModel
+ * @param {module:echarts/ExtensionAPI} api
+ */
+ remove: function (ecModel, api) {
+ this.group.removeAll();
+ },
+
+ /**
+ * Dispose self.
+ * @param {module:echarts/model/Global} ecModel
+ * @param {module:echarts/ExtensionAPI} api
+ */
+ dispose: function () {},
+
+ /**
+ * Rendering preparation in progressive mode.
+ * @param {module:echarts/model/Series} seriesModel
+ * @param {module:echarts/model/Global} ecModel
+ * @param {module:echarts/ExtensionAPI} api
+ * @param {Object} payload
+ */
+ incrementalPrepareRender: null,
+
+ /**
+ * Render in progressive mode.
+ * @param {Object} params See taskParams in `stream/task.js`
+ * @param {module:echarts/model/Series} seriesModel
+ * @param {module:echarts/model/Global} ecModel
+ * @param {module:echarts/ExtensionAPI} api
+ * @param {Object} payload
+ */
+ incrementalRender: null,
+
+ /**
+ * Update transform directly.
+ * @param {module:echarts/model/Series} seriesModel
+ * @param {module:echarts/model/Global} ecModel
+ * @param {module:echarts/ExtensionAPI} api
+ * @param {Object} payload
+ * @return {Object} {update: true}
+ */
+ updateTransform: null,
+
+ /**
+ * The view contains the given point.
+ * @interface
+ * @param {Array.<number>} point
+ * @return {boolean}
+ */
+ // containPoint: function () {}
+
+ /**
+ * @param {string} eventType
+ * @param {Object} query
+ * @param {module:zrender/Element} targetEl
+ * @param {Object} packedEvent
+ * @return {boolen} Pass only when return `true`.
+ */
+ filterForExposedEvent: null
+
+};
+
+var chartProto = Chart.prototype;
+chartProto.updateView =
+chartProto.updateLayout =
+chartProto.updateVisual =
+ function (seriesModel, ecModel, api, payload) {
+ this.render(seriesModel, ecModel, api, payload);
+ };
+
+/**
+ * Set state of single element
+ * @param {module:zrender/Element} el
+ * @param {string} state 'normal'|'emphasis'
+ * @param {number} highlightDigit
+ */
+function elSetState(el, state, highlightDigit) {
+ if (el) {
+ el.trigger(state, highlightDigit);
+ if (el.isGroup
+ // Simple optimize.
+ && !isHighDownDispatcher(el)
+ ) {
+ for (var i = 0, len = el.childCount(); i < len; i++) {
+ elSetState(el.childAt(i), state, highlightDigit);
+ }
+ }
+ }
+}
+
+/**
+ * @param {module:echarts/data/List} data
+ * @param {Object} payload
+ * @param {string} state 'normal'|'emphasis'
+ */
+function toggleHighlight(data, payload, state) {
+ var dataIndex = queryDataIndex(data, payload);
+
+ var highlightDigit = (payload && payload.highlightKey != null)
+ ? getHighlightDigit(payload.highlightKey)
+ : null;
+
+ if (dataIndex != null) {
+ each$1(normalizeToArray(dataIndex), function (dataIdx) {
+ elSetState(data.getItemGraphicEl(dataIdx), state, highlightDigit);
+ });
+ }
+ else {
+ data.eachItemGraphicEl(function (el) {
+ elSetState(el, state, highlightDigit);
+ });
+ }
+}
+
+// Enable Chart.extend.
+enableClassExtend(Chart, ['dispose']);
+
+// Add capability of registerClass, getClass, hasClass, registerSubTypeDefaulter and so on.
+enableClassManagement(Chart, {registerWhenExtend: true});
+
+Chart.markUpdateMethod = function (payload, methodName) {
+ inner$5(payload).updateMethod = methodName;
+};
+
+function renderTaskPlan(context) {
+ return renderPlanner(context.model);
+}
+
+function renderTaskReset(context) {
+ var seriesModel = context.model;
+ var ecModel = context.ecModel;
+ var api = context.api;
+ var payload = context.payload;
+ // ???! remove updateView updateVisual
+ var progressiveRender = seriesModel.pipelineContext.progressiveRender;
+ var view = context.view;
+
+ var updateMethod = payload && inner$5(payload).updateMethod;
+ var methodName = progressiveRender
+ ? 'incrementalPrepareRender'
+ : (updateMethod && view[updateMethod])
+ ? updateMethod
+ // `appendData` is also supported when data amount
+ // is less than progressive threshold.
+ : 'render';
+
+ if (methodName !== 'render') {
+ view[methodName](seriesModel, ecModel, api, payload);
+ }
+
+ return progressMethodMap[methodName];
+}
+
+var progressMethodMap = {
+ incrementalPrepareRender: {
+ progress: function (params, context) {
+ context.view.incrementalRender(
+ params, context.model, context.ecModel, context.api, context.payload
+ );
+ }
+ },
+ render: {
+ // Put view.render in `progress` to support appendData. But in this case
+ // view.render should not be called in reset, otherwise it will be called
+ // twise. Use `forceFirstProgress` to make sure that view.render is called
+ // in any cases.
+ forceFirstProgress: true,
+ progress: function (params, context) {
+ context.view.render(
+ context.model, context.ecModel, context.api, context.payload
+ );
+ }
+ }
+};
+
+/*
+* 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.
+*/
+
+
+var ORIGIN_METHOD = '\0__throttleOriginMethod';
+var RATE = '\0__throttleRate';
+var THROTTLE_TYPE = '\0__throttleType';
+
+/**
+ * @public
+ * @param {(Function)} fn
+ * @param {number} [delay=0] Unit: ms.
+ * @param {boolean} [debounce=false]
+ * true: If call interval less than `delay`, only the last call works.
+ * false: If call interval less than `delay, call works on fixed rate.
+ * @return {(Function)} throttled fn.
+ */
+function throttle(fn, delay, debounce) {
+
+ var currCall;
+ var lastCall = 0;
+ var lastExec = 0;
+ var timer = null;
+ var diff;
+ var scope;
+ var args;
+ var debounceNextCall;
+
+ delay = delay || 0;
+
+ function exec() {
+ lastExec = (new Date()).getTime();
+ timer = null;
+ fn.apply(scope, args || []);
+ }
+
+ var cb = function () {
+ currCall = (new Date()).getTime();
+ scope = this;
+ args = arguments;
+ var thisDelay = debounceNextCall || delay;
+ var thisDebounce = debounceNextCall || debounce;
+ debounceNextCall = null;
+ diff = currCall - (thisDebounce ? lastCall : lastExec) - thisDelay;
+
+ clearTimeout(timer);
+
+ // Here we should make sure that: the `exec` SHOULD NOT be called later
+ // than a new call of `cb`, that is, preserving the command order. Consider
+ // calculating "scale rate" when roaming as an example. When a call of `cb`
+ // happens, either the `exec` is called dierectly, or the call is delayed.
+ // But the delayed call should never be later than next call of `cb`. Under
+ // this assurance, we can simply update view state each time `dispatchAction`
+ // triggered by user roaming, but not need to add extra code to avoid the
+ // state being "rolled-back".
+ if (thisDebounce) {
+ timer = setTimeout(exec, thisDelay);
+ }
+ else {
+ if (diff >= 0) {
+ exec();
+ }
+ else {
+ timer = setTimeout(exec, -diff);
+ }
+ }
+
+ lastCall = currCall;
+ };
+
+ /**
+ * Clear throttle.
+ * @public
+ */
+ cb.clear = function () {
+ if (timer) {
+ clearTimeout(timer);
+ timer = null;
+ }
+ };
+
+ /**
+ * Enable debounce once.
+ */
+ cb.debounceNextCall = function (debounceDelay) {
+ debounceNextCall = debounceDelay;
+ };
+
+ return cb;
+}
+
+/**
+ * Create throttle method or update throttle rate.
+ *
+ * @example
+ * ComponentView.prototype.render = function () {
+ * ...
+ * throttle.createOrUpdate(
+ * this,
+ * '_dispatchAction',
+ * this.model.get('throttle'),
+ * 'fixRate'
+ * );
+ * };
+ * ComponentView.prototype.remove = function () {
+ * throttle.clear(this, '_dispatchAction');
+ * };
+ * ComponentView.prototype.dispose = function () {
+ * throttle.clear(this, '_dispatchAction');
+ * };
+ *
+ * @public
+ * @param {Object} obj
+ * @param {string} fnAttr
+ * @param {number} [rate]
+ * @param {string} [throttleType='fixRate'] 'fixRate' or 'debounce'
+ * @return {Function} throttled function.
+ */
+function createOrUpdate(obj, fnAttr, rate, throttleType) {
+ var fn = obj[fnAttr];
+
+ if (!fn) {
+ return;
+ }
+
+ var originFn = fn[ORIGIN_METHOD] || fn;
+ var lastThrottleType = fn[THROTTLE_TYPE];
+ var lastRate = fn[RATE];
+
+ if (lastRate !== rate || lastThrottleType !== throttleType) {
+ if (rate == null || !throttleType) {
+ return (obj[fnAttr] = originFn);
+ }
+
+ fn = obj[fnAttr] = throttle(
+ originFn, rate, throttleType === 'debounce'
+ );
+ fn[ORIGIN_METHOD] = originFn;
+ fn[THROTTLE_TYPE] = throttleType;
+ fn[RATE] = rate;
+ }
+
+ return fn;
+}
+
+/**
+ * Clear throttle. Example see throttle.createOrUpdate.
+ *
+ * @public
+ * @param {Object} obj
+ * @param {string} fnAttr
+ */
+function clear(obj, fnAttr) {
+ var fn = obj[fnAttr];
+ if (fn && fn[ORIGIN_METHOD]) {
+ obj[fnAttr] = fn[ORIGIN_METHOD];
+ }
+}
+
+/*
+* 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.
+*/
+
+var seriesColor = {
+ createOnAllSeries: true,
+ performRawSeries: true,
+ reset: function (seriesModel, ecModel) {
+ var data = seriesModel.getData();
+ var colorAccessPath = (seriesModel.visualColorAccessPath || 'itemStyle.color').split('.');
+ // Set in itemStyle
+ var color = seriesModel.get(colorAccessPath);
+ var colorCallback = (isFunction$1(color) && !(color instanceof Gradient))
+ ? color : null;
+ // Default color
+ if (!color || colorCallback) {
+ color = seriesModel.getColorFromPalette(
+ // TODO series count changed.
+ seriesModel.name, null, ecModel.getSeriesCount()
+ );
+ }
+
+ data.setVisual('color', color);
+
+ var borderColorAccessPath = (seriesModel.visualBorderColorAccessPath || 'itemStyle.borderColor').split('.');
+ var borderColor = seriesModel.get(borderColorAccessPath);
+ data.setVisual('borderColor', borderColor);
+
+ // Only visible series has each data be visual encoded
+ if (!ecModel.isSeriesFiltered(seriesModel)) {
+ if (colorCallback) {
+ data.each(function (idx) {
+ data.setItemVisual(
+ idx, 'color', colorCallback(seriesModel.getDataParams(idx))
+ );
+ });
+ }
+
+ // itemStyle in each data item
+ var dataEach = function (data, idx) {
+ var itemModel = data.getItemModel(idx);
+ var color = itemModel.get(colorAccessPath, true);
+ var borderColor = itemModel.get(borderColorAccessPath, true);
+ if (color != null) {
+ data.setItemVisual(idx, 'color', color);
+ }
+ if (borderColor != null) {
+ data.setItemVisual(idx, 'borderColor', borderColor);
+ }
+ };
+
+ return { dataEach: data.hasItemOption ? dataEach : null };
+ }
+ }
+};
+
+/*
+* 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.
+*/
+
+/**
+ * Language: (Simplified) Chinese.
+ */
+
+var lang = {
+ 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: ''
+ }
+ }
+ }
+};
+
+/*
+* 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.
+*/
+
+var aria = function (dom, ecModel) {
+ var ariaModel = ecModel.getModel('aria');
+ if (!ariaModel.get('show')) {
+ return;
+ }
+ else if (ariaModel.get('description')) {
+ dom.setAttribute('aria-label', ariaModel.get('description'));
+ return;
+ }
+
+ var seriesCnt = 0;
+ ecModel.eachSeries(function (seriesModel, idx) {
+ ++seriesCnt;
+ }, this);
+
+ var maxDataCnt = ariaModel.get('data.maxCount') || 10;
+ var maxSeriesCnt = ariaModel.get('series.maxCount') || 10;
+ var displaySeriesCnt = Math.min(seriesCnt, maxSeriesCnt);
+
+ var ariaLabel;
+ if (seriesCnt < 1) {
+ // No series, no aria label
+ return;
+ }
+ else {
+ var title = getTitle();
+ if (title) {
+ ariaLabel = replace(getConfig('general.withTitle'), {
+ title: title
+ });
+ }
+ else {
+ ariaLabel = getConfig('general.withoutTitle');
+ }
+
+ var seriesLabels = [];
+ var prefix = seriesCnt > 1
+ ? 'series.multiple.prefix'
+ : 'series.single.prefix';
+ ariaLabel += replace(getConfig(prefix), { seriesCount: seriesCnt });
+
+ ecModel.eachSeries(function (seriesModel, idx) {
+ if (idx < displaySeriesCnt) {
+ var seriesLabel;
+
+ var seriesName = seriesModel.get('name');
+ var seriesTpl = 'series.'
+ + (seriesCnt > 1 ? 'multiple' : 'single') + '.';
+ seriesLabel = getConfig(seriesName
+ ? seriesTpl + 'withName'
+ : seriesTpl + 'withoutName');
+
+ seriesLabel = replace(seriesLabel, {
+ seriesId: seriesModel.seriesIndex,
+ seriesName: seriesModel.get('name'),
+ seriesType: getSeriesTypeName(seriesModel.subType)
+ });
+
+ var data = seriesModel.getData();
+ window.data = data;
+ if (data.count() > maxDataCnt) {
+ // Show part of data
+ seriesLabel += replace(getConfig('data.partialData'), {
+ displayCnt: maxDataCnt
+ });
+ }
+ else {
+ seriesLabel += getConfig('data.allData');
+ }
+
+ var dataLabels = [];
+ for (var i = 0; i < data.count(); i++) {
+ if (i < maxDataCnt) {
+ var name = data.getName(i);
+ var value = retrieveRawValue(data, i);
+ dataLabels.push(
+ replace(
+ name
+ ? getConfig('data.withName')
+ : getConfig('data.withoutName'),
+ {
+ name: name,
+ value: value
+ }
+ )
+ );
+ }
+ }
+ seriesLabel += dataLabels
+ .join(getConfig('data.separator.middle'))
+ + getConfig('data.separator.end');
+
+ seriesLabels.push(seriesLabel);
+ }
+ });
+
+ ariaLabel += seriesLabels
+ .join(getConfig('series.multiple.separator.middle'))
+ + getConfig('series.multiple.separator.end');
+
+ dom.setAttribute('aria-label', ariaLabel);
+ }
+
+ function replace(str, keyValues) {
+ if (typeof str !== 'string') {
+ return str;
+ }
+
+ var result = str;
+ each$1(keyValues, function (value, key) {
+ result = result.replace(
+ new RegExp('\\{\\s*' + key + '\\s*\\}', 'g'),
+ value
+ );
+ });
+ return result;
+ }
+
+ function getConfig(path) {
+ var userConfig = ariaModel.get(path);
+ if (userConfig == null) {
+ var pathArr = path.split('.');
+ var result = lang.aria;
+ for (var i = 0; i < pathArr.length; ++i) {
+ result = result[pathArr[i]];
+ }
+ return result;
+ }
+ else {
+ return userConfig;
+ }
+ }
+
+ function getTitle() {
+ var title = ecModel.getModel('title').option;
+ if (title && title.length) {
+ title = title[0];
+ }
+ return title && title.text;
+ }
+
+ function getSeriesTypeName(type) {
+ return lang.series.typeNames[type] || '鑷畾涔夊浘';
+ }
+};
+
+/*
+* 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.
+*/
+
+var PI$1 = Math.PI;
+
+/**
+ * @param {module:echarts/ExtensionAPI} api
+ * @param {Object} [opts]
+ * @param {string} [opts.text]
+ * @param {string} [opts.color]
+ * @param {string} [opts.textColor]
+ * @return {module:zrender/Element}
+ */
+var loadingDefault = function (api, opts) {
+ opts = opts || {};
+ defaults(opts, {
+ text: 'loading',
+ textColor: '#000',
+ fontSize: '12px',
+ maskColor: 'rgba(255, 255, 255, 0.8)',
+ showSpinner: true,
+ color: '#c23531',
+ spinnerRadius: 10,
+ lineWidth: 5,
+ zlevel: 0
+ });
+ var group = new Group();
+ var mask = new Rect({
+ style: {
+ fill: opts.maskColor
+ },
+ zlevel: opts.zlevel,
+ z: 10000
+ });
+ group.add(mask);
+ var font = opts.fontSize + ' sans-serif';
+ var labelRect = new Rect({
+ style: {
+ fill: 'none',
+ text: opts.text,
+ font: font,
+ textPosition: 'right',
+ textDistance: 10,
+ textFill: opts.textColor
+ },
+ zlevel: opts.zlevel,
+ z: 10001
+ });
+ group.add(labelRect);
+ if (opts.showSpinner) {
+ var arc = new Arc({
+ shape: {
+ startAngle: -PI$1 / 2,
+ endAngle: -PI$1 / 2 + 0.1,
+ r: opts.spinnerRadius
+ },
+ style: {
+ stroke: opts.color,
+ lineCap: 'round',
+ lineWidth: opts.lineWidth
+ },
+ zlevel: opts.zlevel,
+ z: 10001
+ });
+ arc.animateShape(true)
+ .when(1000, {
+ endAngle: PI$1 * 3 / 2
+ })
+ .start('circularInOut');
+ arc.animateShape(true)
+ .when(1000, {
+ startAngle: PI$1 * 3 / 2
+ })
+ .delay(300)
+ .start('circularInOut');
+ group.add(arc);
+ }
+ // Inject resize
+ group.resize = function () {
+ var textWidth = getWidth(opts.text, font);
+ var r = opts.showSpinner ? opts.spinnerRadius : 0;
+ // cx = (containerWidth - arcDiameter - textDistance - textWidth) / 2
+ // textDistance needs to be calculated when both animation and text exist
+ var cx = (api.getWidth() - r * 2 - (opts.showSpinner && textWidth ? 10 : 0) - textWidth) / 2
+ // only show the text
+ - (opts.showSpinner ? 0 : textWidth / 2);
+ var cy = api.getHeight() / 2;
+ opts.showSpinner && arc.setShape({
+ cx: cx,
+ cy: cy
+ });
+ labelRect.setShape({
+ x: cx - r,
+ y: cy - r,
+ width: r * 2,
+ height: r * 2
+ });
+
+ mask.setShape({
+ x: 0,
+ y: 0,
+ width: api.getWidth(),
+ height: api.getHeight()
+ });
+ };
+ group.resize();
+ return group;
+};
+
+/*
+* 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.
+*/
+
+/**
+ * @module echarts/stream/Scheduler
+ */
+
+/**
+ * @constructor
+ */
+function Scheduler(ecInstance, api, dataProcessorHandlers, visualHandlers) {
+ this.ecInstance = ecInstance;
+ this.api = api;
+ this.unfinished;
+
+ // Fix current processors in case that in some rear cases that
+ // processors might be registered after echarts instance created.
+ // Register processors incrementally for a echarts instance is
+ // not supported by this stream architecture.
+ var dataProcessorHandlers = this._dataProcessorHandlers = dataProcessorHandlers.slice();
+ var visualHandlers = this._visualHandlers = visualHandlers.slice();
+ this._allHandlers = dataProcessorHandlers.concat(visualHandlers);
+
+ /**
+ * @private
+ * @type {
+ * [handlerUID: string]: {
+ * seriesTaskMap?: {
+ * [seriesUID: string]: Task
+ * },
+ * overallTask?: Task
+ * }
+ * }
+ */
+ this._stageTaskMap = createHashMap();
+}
+
+var proto = Scheduler.prototype;
+
+/**
+ * @param {module:echarts/model/Global} ecModel
+ * @param {Object} payload
+ */
+proto.restoreData = function (ecModel, payload) {
+ // TODO: Only restroe needed series and components, but not all components.
+ // Currently `restoreData` of all of the series and component will be called.
+ // But some independent components like `title`, `legend`, `graphic`, `toolbox`,
+ // `tooltip`, `axisPointer`, etc, do not need series refresh when `setOption`,
+ // and some components like coordinate system, axes, dataZoom, visualMap only
+ // need their target series refresh.
+ // (1) If we are implementing this feature some day, we should consider these cases:
+ // if a data processor depends on a component (e.g., dataZoomProcessor depends
+ // on the settings of `dataZoom`), it should be re-performed if the component
+ // is modified by `setOption`.
+ // (2) If a processor depends on sevral series, speicified by its `getTargetSeries`,
+ // it should be re-performed when the result array of `getTargetSeries` changed.
+ // We use `dependencies` to cover these issues.
+ // (3) How to update target series when coordinate system related components modified.
+
+ // TODO: simply the dirty mechanism? Check whether only the case here can set tasks dirty,
+ // and this case all of the tasks will be set as dirty.
+
+ ecModel.restoreData(payload);
+
+ // Theoretically an overall task not only depends on each of its target series, but also
+ // depends on all of the series.
+ // The overall task is not in pipeline, and `ecModel.restoreData` only set pipeline tasks
+ // dirty. If `getTargetSeries` of an overall task returns nothing, we should also ensure
+ // that the overall task is set as dirty and to be performed, otherwise it probably cause
+ // state chaos. So we have to set dirty of all of the overall tasks manually, otherwise it
+ // probably cause state chaos (consider `dataZoomProcessor`).
+ this._stageTaskMap.each(function (taskRecord) {
+ var overallTask = taskRecord.overallTask;
+ overallTask && overallTask.dirty();
+ });
+};
+
+// If seriesModel provided, incremental threshold is check by series data.
+proto.getPerformArgs = function (task, isBlock) {
+ // For overall task
+ if (!task.__pipeline) {
+ return;
+ }
+
+ var pipeline = this._pipelineMap.get(task.__pipeline.id);
+ var pCtx = pipeline.context;
+ var incremental = !isBlock
+ && pipeline.progressiveEnabled
+ && (!pCtx || pCtx.progressiveRender)
+ && task.__idxInPipeline > pipeline.blockIndex;
+
+ var step = incremental ? pipeline.step : null;
+ var modDataCount = pCtx && pCtx.modDataCount;
+ var modBy = modDataCount != null ? Math.ceil(modDataCount / step) : null;
+
+ return {step: step, modBy: modBy, modDataCount: modDataCount};
+};
+
+proto.getPipeline = function (pipelineId) {
+ return this._pipelineMap.get(pipelineId);
+};
+
+/**
+ * Current, progressive rendering starts from visual and layout.
+ * Always detect render mode in the same stage, avoiding that incorrect
+ * detection caused by data filtering.
+ * Caution:
+ * `updateStreamModes` use `seriesModel.getData()`.
+ */
+proto.updateStreamModes = function (seriesModel, view) {
+ var pipeline = this._pipelineMap.get(seriesModel.uid);
+ var data = seriesModel.getData();
+ var dataLen = data.count();
+
+ // `progressiveRender` means that can render progressively in each
+ // animation frame. Note that some types of series do not provide
+ // `view.incrementalPrepareRender` but support `chart.appendData`. We
+ // use the term `incremental` but not `progressive` to describe the
+ // case that `chart.appendData`.
+ var progressiveRender = pipeline.progressiveEnabled
+ && view.incrementalPrepareRender
+ && dataLen >= pipeline.threshold;
+
+ var large = seriesModel.get('large') && dataLen >= seriesModel.get('largeThreshold');
+
+ // TODO: modDataCount should not updated if `appendData`, otherwise cause whole repaint.
+ // see `test/candlestick-large3.html`
+ var modDataCount = seriesModel.get('progressiveChunkMode') === 'mod' ? dataLen : null;
+
+ seriesModel.pipelineContext = pipeline.context = {
+ progressiveRender: progressiveRender,
+ modDataCount: modDataCount,
+ large: large
+ };
+};
+
+proto.restorePipelines = function (ecModel) {
+ var scheduler = this;
+ var pipelineMap = scheduler._pipelineMap = createHashMap();
+
+ ecModel.eachSeries(function (seriesModel) {
+ var progressive = seriesModel.getProgressive();
+ var pipelineId = seriesModel.uid;
+
+ pipelineMap.set(pipelineId, {
+ id: pipelineId,
+ head: null,
+ tail: null,
+ threshold: seriesModel.getProgressiveThreshold(),
+ progressiveEnabled: progressive
+ && !(seriesModel.preventIncremental && seriesModel.preventIncremental()),
+ blockIndex: -1,
+ step: Math.round(progressive || 700),
+ count: 0
+ });
+
+ pipe(scheduler, seriesModel, seriesModel.dataTask);
+ });
+};
+
+proto.prepareStageTasks = function () {
+ var stageTaskMap = this._stageTaskMap;
+ var ecModel = this.ecInstance.getModel();
+ var api = this.api;
+
+ each$1(this._allHandlers, function (handler) {
+ var record = stageTaskMap.get(handler.uid) || stageTaskMap.set(handler.uid, []);
+
+ handler.reset && createSeriesStageTask(this, handler, record, ecModel, api);
+ handler.overallReset && createOverallStageTask(this, handler, record, ecModel, api);
+ }, this);
+};
+
+proto.prepareView = function (view, model, ecModel, api) {
+ var renderTask = view.renderTask;
+ var context = renderTask.context;
+
+ context.model = model;
+ context.ecModel = ecModel;
+ context.api = api;
+
+ renderTask.__block = !view.incrementalPrepareRender;
+
+ pipe(this, model, renderTask);
+};
+
+
+proto.performDataProcessorTasks = function (ecModel, payload) {
+ // If we do not use `block` here, it should be considered when to update modes.
+ performStageTasks(this, this._dataProcessorHandlers, ecModel, payload, {block: true});
+};
+
+// opt
+// opt.visualType: 'visual' or 'layout'
+// opt.setDirty
+proto.performVisualTasks = function (ecModel, payload, opt) {
+ performStageTasks(this, this._visualHandlers, ecModel, payload, opt);
+};
+
+function performStageTasks(scheduler, stageHandlers, ecModel, payload, opt) {
+ opt = opt || {};
+ var unfinished;
+
+ each$1(stageHandlers, function (stageHandler, idx) {
+ if (opt.visualType && opt.visualType !== stageHandler.visualType) {
+ return;
+ }
+
+ var stageHandlerRecord = scheduler._stageTaskMap.get(stageHandler.uid);
+ var seriesTaskMap = stageHandlerRecord.seriesTaskMap;
+ var overallTask = stageHandlerRecord.overallTask;
+
+ if (overallTask) {
+ var overallNeedDirty;
+ var agentStubMap = overallTask.agentStubMap;
+ agentStubMap.each(function (stub) {
+ if (needSetDirty(opt, stub)) {
+ stub.dirty();
+ overallNeedDirty = true;
+ }
+ });
+ overallNeedDirty && overallTask.dirty();
+ updatePayload(overallTask, payload);
+ var performArgs = scheduler.getPerformArgs(overallTask, opt.block);
+ // Execute stubs firstly, which may set the overall task dirty,
+ // then execute the overall task. And stub will call seriesModel.setData,
+ // which ensures that in the overallTask seriesModel.getData() will not
+ // return incorrect data.
+ agentStubMap.each(function (stub) {
+ stub.perform(performArgs);
+ });
+ unfinished |= overallTask.perform(performArgs);
+ }
+ else if (seriesTaskMap) {
+ seriesTaskMap.each(function (task, pipelineId) {
+ if (needSetDirty(opt, task)) {
+ task.dirty();
+ }
+ var performArgs = scheduler.getPerformArgs(task, opt.block);
+ // FIXME
+ // if intending to decalare `performRawSeries` in handlers, only
+ // stream-independent (specifically, data item independent) operations can be
+ // performed. Because is a series is filtered, most of the tasks will not
+ // be performed. A stream-dependent operation probably cause wrong biz logic.
+ // Perhaps we should not provide a separate callback for this case instead
+ // of providing the config `performRawSeries`. The stream-dependent operaions
+ // and stream-independent operations should better not be mixed.
+ performArgs.skip = !stageHandler.performRawSeries
+ && ecModel.isSeriesFiltered(task.context.model);
+ updatePayload(task, payload);
+ unfinished |= task.perform(performArgs);
+ });
+ }
+ });
+
+ function needSetDirty(opt, task) {
+ return opt.setDirty && (!opt.dirtyMap || opt.dirtyMap.get(task.__pipeline.id));
+ }
+
+ scheduler.unfinished |= unfinished;
+}
+
+proto.performSeriesTasks = function (ecModel) {
+ var unfinished;
+
+ ecModel.eachSeries(function (seriesModel) {
+ // Progress to the end for dataInit and dataRestore.
+ unfinished |= seriesModel.dataTask.perform();
+ });
+
+ this.unfinished |= unfinished;
+};
+
+proto.plan = function () {
+ // Travel pipelines, check block.
+ this._pipelineMap.each(function (pipeline) {
+ var task = pipeline.tail;
+ do {
+ if (task.__block) {
+ pipeline.blockIndex = task.__idxInPipeline;
+ break;
+ }
+ task = task.getUpstream();
+ }
+ while (task);
+ });
+};
+
+var updatePayload = proto.updatePayload = function (task, payload) {
+ payload !== 'remain' && (task.context.payload = payload);
+};
+
+function createSeriesStageTask(scheduler, stageHandler, stageHandlerRecord, ecModel, api) {
+ var seriesTaskMap = stageHandlerRecord.seriesTaskMap
+ || (stageHandlerRecord.seriesTaskMap = createHashMap());
+ var seriesType = stageHandler.seriesType;
+ var getTargetSeries = stageHandler.getTargetSeries;
+
+ // If a stageHandler should cover all series, `createOnAllSeries` should be declared mandatorily,
+ // to avoid some typo or abuse. Otherwise if an extension do not specify a `seriesType`,
+ // it works but it may cause other irrelevant charts blocked.
+ if (stageHandler.createOnAllSeries) {
+ ecModel.eachRawSeries(create);
+ }
+ else if (seriesType) {
+ ecModel.eachRawSeriesByType(seriesType, create);
+ }
+ else if (getTargetSeries) {
+ getTargetSeries(ecModel, api).each(create);
+ }
+
+ function create(seriesModel) {
+ var pipelineId = seriesModel.uid;
+
+ // Init tasks for each seriesModel only once.
+ // Reuse original task instance.
+ var task = seriesTaskMap.get(pipelineId)
+ || seriesTaskMap.set(pipelineId, createTask({
+ plan: seriesTaskPlan,
+ reset: seriesTaskReset,
+ count: seriesTaskCount
+ }));
+ task.context = {
+ model: seriesModel,
+ ecModel: ecModel,
+ api: api,
+ useClearVisual: stageHandler.isVisual && !stageHandler.isLayout,
+ plan: stageHandler.plan,
+ reset: stageHandler.reset,
+ scheduler: scheduler
+ };
+ pipe(scheduler, seriesModel, task);
+ }
+
+ // Clear unused series tasks.
+ var pipelineMap = scheduler._pipelineMap;
+ seriesTaskMap.each(function (task, pipelineId) {
+ if (!pipelineMap.get(pipelineId)) {
+ task.dispose();
+ seriesTaskMap.removeKey(pipelineId);
+ }
+ });
+}
+
+function createOverallStageTask(scheduler, stageHandler, stageHandlerRecord, ecModel, api) {
+ var overallTask = stageHandlerRecord.overallTask = stageHandlerRecord.overallTask
+ // For overall task, the function only be called on reset stage.
+ || createTask({reset: overallTaskReset});
+
+ overallTask.context = {
+ ecModel: ecModel,
+ api: api,
+ overallReset: stageHandler.overallReset,
+ scheduler: scheduler
+ };
+
+ // Reuse orignal stubs.
+ var agentStubMap = overallTask.agentStubMap = overallTask.agentStubMap || createHashMap();
+
+ var seriesType = stageHandler.seriesType;
+ var getTargetSeries = stageHandler.getTargetSeries;
+ var overallProgress = true;
+ var modifyOutputEnd = stageHandler.modifyOutputEnd;
+
+ // An overall task with seriesType detected or has `getTargetSeries`, we add
+ // stub in each pipelines, it will set the overall task dirty when the pipeline
+ // progress. Moreover, to avoid call the overall task each frame (too frequent),
+ // we set the pipeline block.
+ if (seriesType) {
+ ecModel.eachRawSeriesByType(seriesType, createStub);
+ }
+ else if (getTargetSeries) {
+ getTargetSeries(ecModel, api).each(createStub);
+ }
+ // Otherwise, (usually it is legancy case), the overall task will only be
+ // executed when upstream dirty. Otherwise the progressive rendering of all
+ // pipelines will be disabled unexpectedly. But it still needs stubs to receive
+ // dirty info from upsteam.
+ else {
+ overallProgress = false;
+ each$1(ecModel.getSeries(), createStub);
+ }
+
+ function createStub(seriesModel) {
+ var pipelineId = seriesModel.uid;
+ var stub = agentStubMap.get(pipelineId);
+ if (!stub) {
+ stub = agentStubMap.set(pipelineId, createTask(
+ {reset: stubReset, onDirty: stubOnDirty}
+ ));
+ // When the result of `getTargetSeries` changed, the overallTask
+ // should be set as dirty and re-performed.
+ overallTask.dirty();
+ }
+ stub.context = {
+ model: seriesModel,
+ overallProgress: overallProgress,
+ modifyOutputEnd: modifyOutputEnd
+ };
+ stub.agent = overallTask;
+ stub.__block = overallProgress;
+
+ pipe(scheduler, seriesModel, stub);
+ }
+
+ // Clear unused stubs.
+ var pipelineMap = scheduler._pipelineMap;
+ agentStubMap.each(function (stub, pipelineId) {
+ if (!pipelineMap.get(pipelineId)) {
+ stub.dispose();
+ // When the result of `getTargetSeries` changed, the overallTask
+ // should be set as dirty and re-performed.
+ overallTask.dirty();
+ agentStubMap.removeKey(pipelineId);
+ }
+ });
+}
+
+function overallTaskReset(context) {
+ context.overallReset(
+ context.ecModel, context.api, context.payload
+ );
+}
+
+function stubReset(context, upstreamContext) {
+ return context.overallProgress && stubProgress;
+}
+
+function stubProgress() {
+ this.agent.dirty();
+ this.getDownstream().dirty();
+}
+
+function stubOnDirty() {
+ this.agent && this.agent.dirty();
+}
+
+function seriesTaskPlan(context) {
+ return context.plan && context.plan(
+ context.model, context.ecModel, context.api, context.payload
+ );
+}
+
+function seriesTaskReset(context) {
+ if (context.useClearVisual) {
+ context.data.clearAllVisual();
+ }
+ var resetDefines = context.resetDefines = normalizeToArray(context.reset(
+ context.model, context.ecModel, context.api, context.payload
+ ));
+ return resetDefines.length > 1
+ ? map(resetDefines, function (v, idx) {
+ return makeSeriesTaskProgress(idx);
+ })
+ : singleSeriesTaskProgress;
+}
+
+var singleSeriesTaskProgress = makeSeriesTaskProgress(0);
+
+function makeSeriesTaskProgress(resetDefineIdx) {
+ return function (params, context) {
+ var data = context.data;
+ var resetDefine = context.resetDefines[resetDefineIdx];
+
+ if (resetDefine && resetDefine.dataEach) {
+ for (var i = params.start; i < params.end; i++) {
+ resetDefine.dataEach(data, i);
+ }
+ }
+ else if (resetDefine && resetDefine.progress) {
+ resetDefine.progress(params, data);
+ }
+ };
+}
+
+function seriesTaskCount(context) {
+ return context.data.count();
+}
+
+function pipe(scheduler, seriesModel, task) {
+ var pipelineId = seriesModel.uid;
+ var pipeline = scheduler._pipelineMap.get(pipelineId);
+ !pipeline.head && (pipeline.head = task);
+ pipeline.tail && pipeline.tail.pipe(task);
+ pipeline.tail = task;
+ task.__idxInPipeline = pipeline.count++;
+ task.__pipeline = pipeline;
+}
+
+Scheduler.wrapStageHandler = function (stageHandler, visualType) {
+ if (isFunction$1(stageHandler)) {
+ stageHandler = {
+ overallReset: stageHandler,
+ seriesType: detectSeriseType(stageHandler)
+ };
+ }
+
+ stageHandler.uid = getUID('stageHandler');
+ visualType && (stageHandler.visualType = visualType);
+
+ return stageHandler;
+};
+
+
+
+/**
+ * Only some legacy stage handlers (usually in echarts extensions) are pure function.
+ * To ensure that they can work normally, they should work in block mode, that is,
+ * they should not be started util the previous tasks finished. So they cause the
+ * progressive rendering disabled. We try to detect the series type, to narrow down
+ * the block range to only the series type they concern, but not all series.
+ */
+function detectSeriseType(legacyFunc) {
+ seriesType = null;
+ try {
+ // Assume there is no async when calling `eachSeriesByType`.
+ legacyFunc(ecModelMock, apiMock);
+ }
+ catch (e) {
+ }
+ return seriesType;
+}
+
+var ecModelMock = {};
+var apiMock = {};
+var seriesType;
+
+mockMethods(ecModelMock, GlobalModel);
+mockMethods(apiMock, ExtensionAPI);
+ecModelMock.eachSeriesByType = ecModelMock.eachRawSeriesByType = function (type) {
+ seriesType = type;
+};
+ecModelMock.eachComponent = function (cond) {
+ if (cond.mainType === 'series' && cond.subType) {
+ seriesType = cond.subType;
+ }
+};
+
+function mockMethods(target, Clz) {
+ /* eslint-disable */
+ for (var name in Clz.prototype) {
+ // Do not use hasOwnProperty
+ target[name] = noop;
+ }
+ /* eslint-enable */
+}
+
+/*
+* 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.
+*/
+
+var colorAll = [
+ '#37A2DA', '#32C5E9', '#67E0E3', '#9FE6B8', '#FFDB5C', '#ff9f7f',
+ '#fb7293', '#E062AE', '#E690D1', '#e7bcf3', '#9d96f5', '#8378EA', '#96BFFF'
+];
+
+var lightTheme = {
+
+ color: colorAll,
+
+ colorLayer: [
+ ['#37A2DA', '#ffd85c', '#fd7b5f'],
+ ['#37A2DA', '#67E0E3', '#FFDB5C', '#ff9f7f', '#E062AE', '#9d96f5'],
+ ['#37A2DA', '#32C5E9', '#9FE6B8', '#FFDB5C', '#ff9f7f', '#fb7293', '#e7bcf3', '#8378EA', '#96BFFF'],
+ colorAll
+ ]
+};
+
+/*
+* 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.
+*/
+
+var contrastColor = '#eee';
+var axisCommon = function () {
+ return {
+ axisLine: {
+ lineStyle: {
+ color: contrastColor
+ }
+ },
+ axisTick: {
+ lineStyle: {
+ color: contrastColor
+ }
+ },
+ axisLabel: {
+ textStyle: {
+ color: contrastColor
+ }
+ },
+ splitLine: {
+ lineStyle: {
+ type: 'dashed',
+ color: '#aaa'
+ }
+ },
+ splitArea: {
+ areaStyle: {
+ color: contrastColor
+ }
+ }
+ };
+};
+
+var colorPalette = [
+ '#dd6b66', '#759aa0', '#e69d87', '#8dc1a9', '#ea7e53',
+ '#eedd78', '#73a373', '#73b9bc', '#7289ab', '#91ca8c', '#f49f42'
+];
+var theme = {
+ color: colorPalette,
+ backgroundColor: '#333',
+ tooltip: {
+ axisPointer: {
+ lineStyle: {
+ color: contrastColor
+ },
+ crossStyle: {
+ color: contrastColor
+ },
+ label: {
+ color: '#000'
+ }
+ }
+ },
+ legend: {
+ textStyle: {
+ color: contrastColor
+ }
+ },
+ textStyle: {
+ color: contrastColor
+ },
+ title: {
+ textStyle: {
+ color: contrastColor
+ }
+ },
+ toolbox: {
+ iconStyle: {
+ normal: {
+ borderColor: contrastColor
+ }
+ }
+ },
+ dataZoom: {
+ textStyle: {
+ color: contrastColor
+ }
+ },
+ visualMap: {
+ textStyle: {
+ color: contrastColor
+ }
+ },
+ timeline: {
+ lineStyle: {
+ color: contrastColor
+ },
+ itemStyle: {
+ normal: {
+ color: colorPalette[1]
+ }
+ },
+ label: {
+ normal: {
+ textStyle: {
+ color: contrastColor
+ }
+ }
+ },
+ controlStyle: {
+ normal: {
+ color: contrastColor,
+ borderColor: contrastColor
+ }
+ }
+ },
+ timeAxis: axisCommon(),
+ logAxis: axisCommon(),
+ valueAxis: axisCommon(),
+ categoryAxis: axisCommon(),
+
+ line: {
+ symbol: 'circle'
+ },
+ graph: {
+ color: colorPalette
+ },
+ gauge: {
+ title: {
+ textStyle: {
+ color: contrastColor
+ }
+ }
+ },
+ candlestick: {
+ itemStyle: {
+ normal: {
+ color: '#FD1050',
+ color0: '#0CF49B',
+ borderColor: '#FD1050',
+ borderColor0: '#0CF49B'
+ }
+ }
+ }
+};
+theme.categoryAxis.splitLine.show = false;
+
+/*
+* 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.
+*/
+
+/**
+ * This module is imported by echarts directly.
+ *
+ * Notice:
+ * Always keep this file exists for backward compatibility.
+ * Because before 4.1.0, dataset is an optional component,
+ * some users may import this module manually.
+ */
+
+ComponentModel.extend({
+
+ type: 'dataset',
+
+ /**
+ * @protected
+ */
+ defaultOption: {
+
+ // 'row', 'column'
+ seriesLayoutBy: SERIES_LAYOUT_BY_COLUMN,
+
+ // null/'auto': auto detect header, see "module:echarts/data/helper/sourceHelper"
+ sourceHeader: null,
+
+ dimensions: null,
+
+ source: null
+ },
+
+ optionUpdated: function () {
+ detectSourceFormat(this);
+ }
+
+});
+
+Component$1.extend({
+
+ type: 'dataset'
+
+});
+
+/**
+ * 妞渾褰㈢姸
+ * @module zrender/graphic/shape/Ellipse
+ */
+
+var Ellipse = Path.extend({
+
+ type: 'ellipse',
+
+ shape: {
+ cx: 0, cy: 0,
+ rx: 0, ry: 0
+ },
+
+ buildPath: function (ctx, shape) {
+ var k = 0.5522848;
+ var x = shape.cx;
+ var y = shape.cy;
+ var a = shape.rx;
+ var b = shape.ry;
+ var ox = a * k; // 姘村钩鎺у埗鐐瑰亸绉婚噺
+ var oy = b * k; // 鍨傜洿鎺у埗鐐瑰亸绉婚噺
+ // 浠庢き鍦嗙殑宸︾鐐瑰紑濮嬮『鏃堕拡缁樺埗鍥涙潯涓夋璐濆灏旀洸绾�
+ ctx.moveTo(x - a, y);
+ ctx.bezierCurveTo(x - a, y - oy, x - ox, y - b, x, y - b);
+ ctx.bezierCurveTo(x + ox, y - b, x + a, y - oy, x + a, y);
+ ctx.bezierCurveTo(x + a, y + oy, x + ox, y + b, x, y + b);
+ ctx.bezierCurveTo(x - ox, y + b, x - a, y + oy, x - a, y);
+ ctx.closePath();
+ }
+});
+
+// import RadialGradient from '../graphic/RadialGradient';
+// import Pattern from '../graphic/Pattern';
+// import * as vector from '../core/vector';
+// Most of the values can be separated by comma and/or white space.
+var DILIMITER_REG = /[\s,]+/;
+
+/**
+ * For big svg string, this method might be time consuming.
+ *
+ * @param {string} svg xml string
+ * @return {Object} xml root.
+ */
+function parseXML(svg) {
+ if (isString(svg)) {
+ var parser = new DOMParser();
+ svg = parser.parseFromString(svg, 'text/xml');
+ }
+
+ // Document node. If using $.get, doc node may be input.
+ if (svg.nodeType === 9) {
+ svg = svg.firstChild;
+ }
+ // nodeName of <!DOCTYPE svg> is also 'svg'.
+ while (svg.nodeName.toLowerCase() !== 'svg' || svg.nodeType !== 1) {
+ svg = svg.nextSibling;
+ }
+
+ return svg;
+}
+
+function SVGParser() {
+ this._defs = {};
+ this._root = null;
+
+ this._isDefine = false;
+ this._isText = false;
+}
+
+SVGParser.prototype.parse = function (xml, opt) {
+ opt = opt || {};
+
+ var svg = parseXML(xml);
+
+ if (!svg) {
+ throw new Error('Illegal svg');
+ }
+
+ var root = new Group();
+ this._root = root;
+ // parse view port
+ var viewBox = svg.getAttribute('viewBox') || '';
+
+ // If width/height not specified, means "100%" of `opt.width/height`.
+ // TODO: Other percent value not supported yet.
+ var width = parseFloat(svg.getAttribute('width') || opt.width);
+ var height = parseFloat(svg.getAttribute('height') || opt.height);
+ // If width/height not specified, set as null for output.
+ isNaN(width) && (width = null);
+ isNaN(height) && (height = null);
+
+ // Apply inline style on svg element.
+ parseAttributes(svg, root, null, true);
+
+ var child = svg.firstChild;
+ while (child) {
+ this._parseNode(child, root);
+ child = child.nextSibling;
+ }
+
+ var viewBoxRect;
+ var viewBoxTransform;
+
+ if (viewBox) {
+ var viewBoxArr = trim(viewBox).split(DILIMITER_REG);
+ // Some invalid case like viewBox: 'none'.
+ if (viewBoxArr.length >= 4) {
+ viewBoxRect = {
+ x: parseFloat(viewBoxArr[0] || 0),
+ y: parseFloat(viewBoxArr[1] || 0),
+ width: parseFloat(viewBoxArr[2]),
+ height: parseFloat(viewBoxArr[3])
+ };
+ }
+ }
+
+ if (viewBoxRect && width != null && height != null) {
+ viewBoxTransform = makeViewBoxTransform(viewBoxRect, width, height);
+
+ if (!opt.ignoreViewBox) {
+ // If set transform on the output group, it probably bring trouble when
+ // some users only intend to show the clipped content inside the viewBox,
+ // but not intend to transform the output group. So we keep the output
+ // group no transform. If the user intend to use the viewBox as a
+ // camera, just set `opt.ignoreViewBox` as `true` and set transfrom
+ // manually according to the viewBox info in the output of this method.
+ var elRoot = root;
+ root = new Group();
+ root.add(elRoot);
+ elRoot.scale = viewBoxTransform.scale.slice();
+ elRoot.position = viewBoxTransform.position.slice();
+ }
+ }
+
+ // Some shapes might be overflow the viewport, which should be
+ // clipped despite whether the viewBox is used, as the SVG does.
+ if (!opt.ignoreRootClip && width != null && height != null) {
+ root.setClipPath(new Rect({
+ shape: {x: 0, y: 0, width: width, height: height}
+ }));
+ }
+
+ // Set width/height on group just for output the viewport size.
+ return {
+ root: root,
+ width: width,
+ height: height,
+ viewBoxRect: viewBoxRect,
+ viewBoxTransform: viewBoxTransform
+ };
+};
+
+SVGParser.prototype._parseNode = function (xmlNode, parentGroup) {
+
+ var nodeName = xmlNode.nodeName.toLowerCase();
+
+ // TODO
+ // support <style>...</style> in svg, where nodeName is 'style',
+ // CSS classes is defined globally wherever the style tags are declared.
+
+ if (nodeName === 'defs') {
+ // define flag
+ this._isDefine = true;
+ }
+ else if (nodeName === 'text') {
+ this._isText = true;
+ }
+
+ var el;
+ if (this._isDefine) {
+ var parser = defineParsers[nodeName];
+ if (parser) {
+ var def = parser.call(this, xmlNode);
+ var id = xmlNode.getAttribute('id');
+ if (id) {
+ this._defs[id] = def;
+ }
+ }
+ }
+ else {
+ var parser = nodeParsers[nodeName];
+ if (parser) {
+ el = parser.call(this, xmlNode, parentGroup);
+ parentGroup.add(el);
+ }
+ }
+
+ var child = xmlNode.firstChild;
+ while (child) {
+ if (child.nodeType === 1) {
+ this._parseNode(child, el);
+ }
+ // Is text
+ if (child.nodeType === 3 && this._isText) {
+ this._parseText(child, el);
+ }
+ child = child.nextSibling;
+ }
+
+ // Quit define
+ if (nodeName === 'defs') {
+ this._isDefine = false;
+ }
+ else if (nodeName === 'text') {
+ this._isText = false;
+ }
+};
+
+SVGParser.prototype._parseText = function (xmlNode, parentGroup) {
+ if (xmlNode.nodeType === 1) {
+ var dx = xmlNode.getAttribute('dx') || 0;
+ var dy = xmlNode.getAttribute('dy') || 0;
+ this._textX += parseFloat(dx);
+ this._textY += parseFloat(dy);
+ }
+
+ var text = new Text({
+ style: {
+ text: xmlNode.textContent,
+ transformText: true
+ },
+ position: [this._textX || 0, this._textY || 0]
+ });
+
+ inheritStyle(parentGroup, text);
+ parseAttributes(xmlNode, text, this._defs);
+
+ var fontSize = text.style.fontSize;
+ if (fontSize && fontSize < 9) {
+ // PENDING
+ text.style.fontSize = 9;
+ text.scale = text.scale || [1, 1];
+ text.scale[0] *= fontSize / 9;
+ text.scale[1] *= fontSize / 9;
+ }
+
+ var rect = text.getBoundingRect();
+ this._textX += rect.width;
+
+ parentGroup.add(text);
+
+ return text;
+};
+
+var nodeParsers = {
+ 'g': function (xmlNode, parentGroup) {
+ var g = new Group();
+ inheritStyle(parentGroup, g);
+ parseAttributes(xmlNode, g, this._defs);
+
+ return g;
+ },
+ 'rect': function (xmlNode, parentGroup) {
+ var rect = new Rect();
+ inheritStyle(parentGroup, rect);
+ parseAttributes(xmlNode, rect, this._defs);
+
+ rect.setShape({
+ x: parseFloat(xmlNode.getAttribute('x') || 0),
+ y: parseFloat(xmlNode.getAttribute('y') || 0),
+ width: parseFloat(xmlNode.getAttribute('width') || 0),
+ height: parseFloat(xmlNode.getAttribute('height') || 0)
+ });
+
+ // console.log(xmlNode.getAttribute('transform'));
+ // console.log(rect.transform);
+
+ return rect;
+ },
+ 'circle': function (xmlNode, parentGroup) {
+ var circle = new Circle();
+ inheritStyle(parentGroup, circle);
+ parseAttributes(xmlNode, circle, this._defs);
+
+ circle.setShape({
+ cx: parseFloat(xmlNode.getAttribute('cx') || 0),
+ cy: parseFloat(xmlNode.getAttribute('cy') || 0),
+ r: parseFloat(xmlNode.getAttribute('r') || 0)
+ });
+
+ return circle;
+ },
+ 'line': function (xmlNode, parentGroup) {
+ var line = new Line();
+ inheritStyle(parentGroup, line);
+ parseAttributes(xmlNode, line, this._defs);
+
+ line.setShape({
+ x1: parseFloat(xmlNode.getAttribute('x1') || 0),
+ y1: parseFloat(xmlNode.getAttribute('y1') || 0),
+ x2: parseFloat(xmlNode.getAttribute('x2') || 0),
+ y2: parseFloat(xmlNode.getAttribute('y2') || 0)
+ });
+
+ return line;
+ },
+ 'ellipse': function (xmlNode, parentGroup) {
+ var ellipse = new Ellipse();
+ inheritStyle(parentGroup, ellipse);
+ parseAttributes(xmlNode, ellipse, this._defs);
+
+ ellipse.setShape({
+ cx: parseFloat(xmlNode.getAttribute('cx') || 0),
+ cy: parseFloat(xmlNode.getAttribute('cy') || 0),
+ rx: parseFloat(xmlNode.getAttribute('rx') || 0),
+ ry: parseFloat(xmlNode.getAttribute('ry') || 0)
+ });
+ return ellipse;
+ },
+ 'polygon': function (xmlNode, parentGroup) {
+ var points = xmlNode.getAttribute('points');
+ if (points) {
+ points = parsePoints(points);
+ }
+ var polygon = new Polygon({
+ shape: {
+ points: points || []
+ }
+ });
+
+ inheritStyle(parentGroup, polygon);
+ parseAttributes(xmlNode, polygon, this._defs);
+
+ return polygon;
+ },
+ 'polyline': function (xmlNode, parentGroup) {
+ var path = new Path();
+ inheritStyle(parentGroup, path);
+ parseAttributes(xmlNode, path, this._defs);
+
+ var points = xmlNode.getAttribute('points');
+ if (points) {
+ points = parsePoints(points);
+ }
+ var polyline = new Polyline({
+ shape: {
+ points: points || []
+ }
+ });
+
+ return polyline;
+ },
+ 'image': function (xmlNode, parentGroup) {
+ var img = new ZImage();
+ inheritStyle(parentGroup, img);
+ parseAttributes(xmlNode, img, this._defs);
+
+ img.setStyle({
+ image: xmlNode.getAttribute('xlink:href'),
+ x: xmlNode.getAttribute('x'),
+ y: xmlNode.getAttribute('y'),
+ width: xmlNode.getAttribute('width'),
+ height: xmlNode.getAttribute('height')
+ });
+
+ return img;
+ },
+ 'text': function (xmlNode, parentGroup) {
+ var x = xmlNode.getAttribute('x') || 0;
+ var y = xmlNode.getAttribute('y') || 0;
+ var dx = xmlNode.getAttribute('dx') || 0;
+ var dy = xmlNode.getAttribute('dy') || 0;
+
+ this._textX = parseFloat(x) + parseFloat(dx);
+ this._textY = parseFloat(y) + parseFloat(dy);
+
+ var g = new Group();
+ inheritStyle(parentGroup, g);
+ parseAttributes(xmlNode, g, this._defs);
+
+ return g;
+ },
+ 'tspan': function (xmlNode, parentGroup) {
+ var x = xmlNode.getAttribute('x');
+ var y = xmlNode.getAttribute('y');
+ if (x != null) {
+ // new offset x
+ this._textX = parseFloat(x);
+ }
+ if (y != null) {
+ // new offset y
+ this._textY = parseFloat(y);
+ }
+ var dx = xmlNode.getAttribute('dx') || 0;
+ var dy = xmlNode.getAttribute('dy') || 0;
+
+ var g = new Group();
+
+ inheritStyle(parentGroup, g);
+ parseAttributes(xmlNode, g, this._defs);
+
+
+ this._textX += dx;
+ this._textY += dy;
+
+ return g;
+ },
+ 'path': function (xmlNode, parentGroup) {
+ // TODO svg fill rule
+ // https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/fill-rule
+ // path.style.globalCompositeOperation = 'xor';
+ var d = xmlNode.getAttribute('d') || '';
+
+ // Performance sensitive.
+
+ var path = createFromString(d);
+
+ inheritStyle(parentGroup, path);
+ parseAttributes(xmlNode, path, this._defs);
+
+ return path;
+ }
+};
+
+var defineParsers = {
+
+ 'lineargradient': function (xmlNode) {
+ var x1 = parseInt(xmlNode.getAttribute('x1') || 0, 10);
+ var y1 = parseInt(xmlNode.getAttribute('y1') || 0, 10);
+ var x2 = parseInt(xmlNode.getAttribute('x2') || 10, 10);
+ var y2 = parseInt(xmlNode.getAttribute('y2') || 0, 10);
+
+ var gradient = new LinearGradient(x1, y1, x2, y2);
+
+ _parseGradientColorStops(xmlNode, gradient);
+
+ return gradient;
+ },
+
+ 'radialgradient': function (xmlNode) {
+
+ }
+};
+
+function _parseGradientColorStops(xmlNode, gradient) {
+
+ var stop = xmlNode.firstChild;
+
+ while (stop) {
+ if (stop.nodeType === 1) {
+ var offset = stop.getAttribute('offset');
+ if (offset.indexOf('%') > 0) { // percentage
+ offset = parseInt(offset, 10) / 100;
+ }
+ else if (offset) { // number from 0 to 1
+ offset = parseFloat(offset);
+ }
+ else {
+ offset = 0;
+ }
+
+ var stopColor = stop.getAttribute('stop-color') || '#000000';
+
+ gradient.addColorStop(offset, stopColor);
+ }
+ stop = stop.nextSibling;
+ }
+}
+
+function inheritStyle(parent, child) {
+ if (parent && parent.__inheritedStyle) {
+ if (!child.__inheritedStyle) {
+ child.__inheritedStyle = {};
+ }
+ defaults(child.__inheritedStyle, parent.__inheritedStyle);
+ }
+}
+
+function parsePoints(pointsString) {
+ var list = trim(pointsString).split(DILIMITER_REG);
+ var points = [];
+
+ for (var i = 0; i < list.length; i += 2) {
+ var x = parseFloat(list[i]);
+ var y = parseFloat(list[i + 1]);
+ points.push([x, y]);
+ }
+ return points;
+}
+
+var attributesMap = {
+ '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-align': 'textAlign',
+ 'alignment-baseline': 'textBaseline'
+};
+
+function parseAttributes(xmlNode, el, defs, onlyInlineStyle) {
+ var zrStyle = el.__inheritedStyle || {};
+ var isTextEl = el.type === 'text';
+
+ // TODO Shadow
+ if (xmlNode.nodeType === 1) {
+ parseTransformAttribute(xmlNode, el);
+
+ extend(zrStyle, parseStyleAttribute(xmlNode));
+
+ if (!onlyInlineStyle) {
+ for (var svgAttrName in attributesMap) {
+ if (attributesMap.hasOwnProperty(svgAttrName)) {
+ var attrValue = xmlNode.getAttribute(svgAttrName);
+ if (attrValue != null) {
+ zrStyle[attributesMap[svgAttrName]] = attrValue;
+ }
+ }
+ }
+ }
+ }
+
+ var elFillProp = isTextEl ? 'textFill' : 'fill';
+ var elStrokeProp = isTextEl ? 'textStroke' : 'stroke';
+
+ el.style = el.style || new Style();
+ var elStyle = el.style;
+
+ zrStyle.fill != null && elStyle.set(elFillProp, getPaint(zrStyle.fill, defs));
+ zrStyle.stroke != null && elStyle.set(elStrokeProp, getPaint(zrStyle.stroke, defs));
+
+ each$1([
+ 'lineWidth', 'opacity', 'fillOpacity', 'strokeOpacity', 'miterLimit', 'fontSize'
+ ], function (propName) {
+ var elPropName = (propName === 'lineWidth' && isTextEl) ? 'textStrokeWidth' : propName;
+ zrStyle[propName] != null && elStyle.set(elPropName, parseFloat(zrStyle[propName]));
+ });
+
+ if (!zrStyle.textBaseline || zrStyle.textBaseline === 'auto') {
+ zrStyle.textBaseline = 'alphabetic';
+ }
+ if (zrStyle.textBaseline === 'alphabetic') {
+ zrStyle.textBaseline = 'bottom';
+ }
+ if (zrStyle.textAlign === 'start') {
+ zrStyle.textAlign = 'left';
+ }
+ if (zrStyle.textAlign === 'end') {
+ zrStyle.textAlign = 'right';
+ }
+
+ each$1(['lineDashOffset', 'lineCap', 'lineJoin',
+ 'fontWeight', 'fontFamily', 'fontStyle', 'textAlign', 'textBaseline'
+ ], function (propName) {
+ zrStyle[propName] != null && elStyle.set(propName, zrStyle[propName]);
+ });
+
+ if (zrStyle.lineDash) {
+ el.style.lineDash = trim(zrStyle.lineDash).split(DILIMITER_REG);
+ }
+
+ if (elStyle[elStrokeProp] && elStyle[elStrokeProp] !== 'none') {
+ // enable stroke
+ el[elStrokeProp] = true;
+ }
+
+ el.__inheritedStyle = zrStyle;
+}
+
+
+var urlRegex = /url\(\s*#(.*?)\)/;
+function getPaint(str, defs) {
+ // if (str === 'none') {
+ // return;
+ // }
+ var urlMatch = defs && str && str.match(urlRegex);
+ if (urlMatch) {
+ var url = trim(urlMatch[1]);
+ var def = defs[url];
+ return def;
+ }
+ return str;
+}
+
+var transformRegex = /(translate|scale|rotate|skewX|skewY|matrix)\(([\-\s0-9\.e,]*)\)/g;
+
+function parseTransformAttribute(xmlNode, node) {
+ var transform = xmlNode.getAttribute('transform');
+ if (transform) {
+ transform = transform.replace(/,/g, ' ');
+ var m = null;
+ var transformOps = [];
+ transform.replace(transformRegex, function (str, type, value) {
+ transformOps.push(type, value);
+ });
+ for (var i = transformOps.length - 1; i > 0; i -= 2) {
+ var value = transformOps[i];
+ var type = transformOps[i - 1];
+ m = m || create$1();
+ switch (type) {
+ case 'translate':
+ value = trim(value).split(DILIMITER_REG);
+ translate(m, m, [parseFloat(value[0]), parseFloat(value[1] || 0)]);
+ break;
+ case 'scale':
+ value = trim(value).split(DILIMITER_REG);
+ scale$1(m, m, [parseFloat(value[0]), parseFloat(value[1] || value[0])]);
+ break;
+ case 'rotate':
+ value = trim(value).split(DILIMITER_REG);
+ rotate(m, m, parseFloat(value[0]));
+ break;
+ case 'skew':
+ value = trim(value).split(DILIMITER_REG);
+ console.warn('Skew transform is not supported yet');
+ break;
+ case 'matrix':
+ var value = trim(value).split(DILIMITER_REG);
+ m[0] = parseFloat(value[0]);
+ m[1] = parseFloat(value[1]);
+ m[2] = parseFloat(value[2]);
+ m[3] = parseFloat(value[3]);
+ m[4] = parseFloat(value[4]);
+ m[5] = parseFloat(value[5]);
+ break;
+ }
+ }
+ node.setLocalTransform(m);
+ }
+}
+
+// Value may contain space.
+var styleRegex = /([^\s:;]+)\s*:\s*([^:;]+)/g;
+function parseStyleAttribute(xmlNode) {
+ var style = xmlNode.getAttribute('style');
+ var result = {};
+
+ if (!style) {
+ return result;
+ }
+
+ var styleList = {};
+ styleRegex.lastIndex = 0;
+ var styleRegResult;
+ while ((styleRegResult = styleRegex.exec(style)) != null) {
+ styleList[styleRegResult[1]] = styleRegResult[2];
+ }
+
+ for (var svgAttrName in attributesMap) {
+ if (attributesMap.hasOwnProperty(svgAttrName) && styleList[svgAttrName] != null) {
+ result[attributesMap[svgAttrName]] = styleList[svgAttrName];
+ }
+ }
+
+ return result;
+}
+
+/**
+ * @param {Array.<number>} viewBoxRect
+ * @param {number} width
+ * @param {number} height
+ * @return {Object} {scale, position}
+ */
+function makeViewBoxTransform(viewBoxRect, width, height) {
+ var scaleX = width / viewBoxRect.width;
+ var scaleY = height / viewBoxRect.height;
+ var scale = Math.min(scaleX, scaleY);
+ // preserveAspectRatio 'xMidYMid'
+ var viewBoxScale = [scale, scale];
+ var viewBoxPosition = [
+ -(viewBoxRect.x + viewBoxRect.width / 2) * scale + width / 2,
+ -(viewBoxRect.y + viewBoxRect.height / 2) * scale + height / 2
+ ];
+
+ return {
+ scale: viewBoxScale,
+ position: viewBoxPosition
+ };
+}
+
+/**
+ * @param {string|XMLElement} xml
+ * @param {Object} [opt]
+ * @param {number} [opt.width] Default width if svg width not specified or is a percent value.
+ * @param {number} [opt.height] Default height if svg height not specified or is a percent value.
+ * @param {boolean} [opt.ignoreViewBox]
+ * @param {boolean} [opt.ignoreRootClip]
+ * @return {Object} result:
+ * {
+ * root: Group, The root of the the result tree of zrender shapes,
+ * width: number, the viewport width of the SVG,
+ * height: number, the viewport height of the SVG,
+ * viewBoxRect: {x, y, width, height}, the declared viewBox rect of the SVG, if exists,
+ * viewBoxTransform: the {scale, position} calculated by viewBox and viewport, is exists.
+ * }
+ */
+function parseSVG(xml, opt) {
+ var parser = new SVGParser();
+ return parser.parse(xml, opt);
+}
+
+/*
+* 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.
+*/
+
+var storage = createHashMap();
+
+// For minimize the code size of common echarts package,
+// do not put too much logic in this module.
+
+var mapDataStorage = {
+
+ // The format of record: see `echarts.registerMap`.
+ // Compatible with previous `echarts.registerMap`.
+ registerMap: function (mapName, rawGeoJson, rawSpecialAreas) {
+
+ var records;
+
+ if (isArray(rawGeoJson)) {
+ records = rawGeoJson;
+ }
+ else if (rawGeoJson.svg) {
+ records = [{
+ type: 'svg',
+ source: rawGeoJson.svg,
+ specialAreas: rawGeoJson.specialAreas
+ }];
+ }
+ else {
+ // Backward compatibility.
+ if (rawGeoJson.geoJson && !rawGeoJson.features) {
+ rawSpecialAreas = rawGeoJson.specialAreas;
+ rawGeoJson = rawGeoJson.geoJson;
+ }
+ records = [{
+ type: 'geoJSON',
+ source: rawGeoJson,
+ specialAreas: rawSpecialAreas
+ }];
+ }
+
+ each$1(records, function (record) {
+ var type = record.type;
+ type === 'geoJson' && (type = record.type = 'geoJSON');
+
+ var parse = parsers[type];
+
+ if (__DEV__) {
+ assert$1(parse, 'Illegal map type: ' + type);
+ }
+
+ parse(record);
+ });
+
+ return storage.set(mapName, records);
+ },
+
+ retrieveMap: function (mapName) {
+ return storage.get(mapName);
+ }
+
+};
+
+var parsers = {
+
+ geoJSON: function (record) {
+ var source = record.source;
+ record.geoJSON = !isString(source)
+ ? source
+ : (typeof JSON !== 'undefined' && JSON.parse)
+ ? JSON.parse(source)
+ : (new Function('return (' + source + ');'))();
+ },
+
+ // Only perform parse to XML object here, which might be time
+ // consiming for large SVG.
+ // Although convert XML to zrender element is also time consiming,
+ // if we do it here, the clone of zrender elements has to be
+ // required. So we do it once for each geo instance, util real
+ // performance issues call for optimizing it.
+ svg: function (record) {
+ record.svgXML = parseXML(record.source);
+ }
+
+};
+
+/*
+* 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.
+*/
+var assert = assert$1;
+var each = each$1;
+var isFunction = isFunction$1;
+var isObject = isObject$1;
+var parseClassType = ComponentModel.parseClassType;
+
+var version = '4.8.0';
+
+var dependencies = {
+ zrender: '4.3.1'
+};
+
+var TEST_FRAME_REMAIN_TIME = 1;
+
+var PRIORITY_PROCESSOR_FILTER = 1000;
+var PRIORITY_PROCESSOR_SERIES_FILTER = 800;
+var PRIORITY_PROCESSOR_DATASTACK = 900;
+var PRIORITY_PROCESSOR_STATISTIC = 5000;
+
+var PRIORITY_VISUAL_LAYOUT = 1000;
+var PRIORITY_VISUAL_PROGRESSIVE_LAYOUT = 1100;
+var PRIORITY_VISUAL_GLOBAL = 2000;
+var PRIORITY_VISUAL_CHART = 3000;
+var PRIORITY_VISUAL_POST_CHART_LAYOUT = 3500;
+var PRIORITY_VISUAL_COMPONENT = 4000;
+// FIXME
+// necessary?
+var PRIORITY_VISUAL_BRUSH = 5000;
+
+var PRIORITY = {
+ PROCESSOR: {
+ FILTER: PRIORITY_PROCESSOR_FILTER,
+ SERIES_FILTER: PRIORITY_PROCESSOR_SERIES_FILTER,
+ STATISTIC: PRIORITY_PROCESSOR_STATISTIC
+ },
+ VISUAL: {
+ LAYOUT: PRIORITY_VISUAL_LAYOUT,
+ PROGRESSIVE_LAYOUT: PRIORITY_VISUAL_PROGRESSIVE_LAYOUT,
+ GLOBAL: PRIORITY_VISUAL_GLOBAL,
+ CHART: PRIORITY_VISUAL_CHART,
+ POST_CHART_LAYOUT: PRIORITY_VISUAL_POST_CHART_LAYOUT,
+ COMPONENT: PRIORITY_VISUAL_COMPONENT,
+ BRUSH: PRIORITY_VISUAL_BRUSH
+ }
+};
+
+// Main process have three entries: `setOption`, `dispatchAction` and `resize`,
+// where they must not be invoked nestedly, except the only case: invoke
+// dispatchAction with updateMethod "none" in main process.
+// This flag is used to carry out this rule.
+// All events will be triggered out side main process (i.e. when !this[IN_MAIN_PROCESS]).
+var IN_MAIN_PROCESS = '__flagInMainProcess';
+var OPTION_UPDATED = '__optionUpdated';
+var ACTION_REG = /^[a-zA-Z0-9_]+$/;
+
+
+function createRegisterEventWithLowercaseName(method, ignoreDisposed) {
+ return function (eventName, handler, context) {
+ if (!ignoreDisposed && this._disposed) {
+ disposedWarning(this.id);
+ return;
+ }
+
+ // Event name is all lowercase
+ eventName = eventName && eventName.toLowerCase();
+ Eventful.prototype[method].call(this, eventName, handler, context);
+ };
+}
+
+/**
+ * @module echarts~MessageCenter
+ */
+function MessageCenter() {
+ Eventful.call(this);
+}
+MessageCenter.prototype.on = createRegisterEventWithLowercaseName('on', true);
+MessageCenter.prototype.off = createRegisterEventWithLowercaseName('off', true);
+MessageCenter.prototype.one = createRegisterEventWithLowercaseName('one', true);
+mixin(MessageCenter, Eventful);
+
+/**
+ * @module echarts~ECharts
+ */
+function ECharts(dom, theme$$1, opts) {
+ opts = opts || {};
+
+ // Get theme by name
+ if (typeof theme$$1 === 'string') {
+ theme$$1 = themeStorage[theme$$1];
+ }
+
+ /**
+ * @type {string}
+ */
+ this.id;
+
+ /**
+ * Group id
+ * @type {string}
+ */
+ this.group;
+
+ /**
+ * @type {HTMLElement}
+ * @private
+ */
+ this._dom = dom;
+
+ var defaultRenderer = 'canvas';
+ if (__DEV__) {
+ defaultRenderer = (
+ typeof window === 'undefined' ? global : window
+ ).__ECHARTS__DEFAULT__RENDERER__ || defaultRenderer;
+ }
+
+ /**
+ * @type {module:zrender/ZRender}
+ * @private
+ */
+ var zr = this._zr = init$1(dom, {
+ renderer: opts.renderer || defaultRenderer,
+ devicePixelRatio: opts.devicePixelRatio,
+ width: opts.width,
+ height: opts.height
+ });
+
+ /**
+ * Expect 60 fps.
+ * @type {Function}
+ * @private
+ */
+ this._throttledZrFlush = throttle(bind(zr.flush, zr), 17);
+
+ var theme$$1 = clone(theme$$1);
+ theme$$1 && backwardCompat(theme$$1, true);
+ /**
+ * @type {Object}
+ * @private
+ */
+ this._theme = theme$$1;
+
+ /**
+ * @type {Array.<module:echarts/view/Chart>}
+ * @private
+ */
+ this._chartsViews = [];
+
+ /**
+ * @type {Object.<string, module:echarts/view/Chart>}
+ * @private
+ */
+ this._chartsMap = {};
+
+ /**
+ * @type {Array.<module:echarts/view/Component>}
+ * @private
+ */
+ this._componentsViews = [];
+
+ /**
+ * @type {Object.<string, module:echarts/view/Component>}
+ * @private
+ */
+ this._componentsMap = {};
+
+ /**
+ * @type {module:echarts/CoordinateSystem}
+ * @private
+ */
+ this._coordSysMgr = new CoordinateSystemManager();
+
+ /**
+ * @type {module:echarts/ExtensionAPI}
+ * @private
+ */
+ var api = this._api = createExtensionAPI(this);
+
+ // Sort on demand
+ function prioritySortFunc(a, b) {
+ return a.__prio - b.__prio;
+ }
+ sort(visualFuncs, prioritySortFunc);
+ sort(dataProcessorFuncs, prioritySortFunc);
+
+ /**
+ * @type {module:echarts/stream/Scheduler}
+ */
+ this._scheduler = new Scheduler(this, api, dataProcessorFuncs, visualFuncs);
+
+ Eventful.call(this, this._ecEventProcessor = new EventProcessor());
+
+ /**
+ * @type {module:echarts~MessageCenter}
+ * @private
+ */
+ this._messageCenter = new MessageCenter();
+
+ // Init mouse events
+ this._initEvents();
+
+ // In case some people write `window.onresize = chart.resize`
+ this.resize = bind(this.resize, this);
+
+ // Can't dispatch action during rendering procedure
+ this._pendingActions = [];
+
+ zr.animation.on('frame', this._onframe, this);
+
+ bindRenderedEvent(zr, this);
+
+ // ECharts instance can be used as value.
+ setAsPrimitive(this);
+}
+
+var echartsProto = ECharts.prototype;
+
+echartsProto._onframe = function () {
+ if (this._disposed) {
+ return;
+ }
+
+ var scheduler = this._scheduler;
+
+ // Lazy update
+ if (this[OPTION_UPDATED]) {
+ var silent = this[OPTION_UPDATED].silent;
+
+ this[IN_MAIN_PROCESS] = true;
+
+ prepare(this);
+ updateMethods.update.call(this);
+
+ this[IN_MAIN_PROCESS] = false;
+
+ this[OPTION_UPDATED] = false;
+
+ flushPendingActions.call(this, silent);
+
+ triggerUpdatedEvent.call(this, silent);
+ }
+ // Avoid do both lazy update and progress in one frame.
+ else if (scheduler.unfinished) {
+ // Stream progress.
+ var remainTime = TEST_FRAME_REMAIN_TIME;
+ var ecModel = this._model;
+ var api = this._api;
+ scheduler.unfinished = false;
+ do {
+ var startTime = +new Date();
+
+ scheduler.performSeriesTasks(ecModel);
+
+ // Currently dataProcessorFuncs do not check threshold.
+ scheduler.performDataProcessorTasks(ecModel);
+
+ updateStreamModes(this, ecModel);
+
+ // Do not update coordinate system here. Because that coord system update in
+ // each frame is not a good user experience. So we follow the rule that
+ // the extent of the coordinate system is determin in the first frame (the
+ // frame is executed immedietely after task reset.
+ // this._coordSysMgr.update(ecModel, api);
+
+ // console.log('--- ec frame visual ---', remainTime);
+ scheduler.performVisualTasks(ecModel);
+
+ renderSeries(this, this._model, api, 'remain');
+
+ remainTime -= (+new Date() - startTime);
+ }
+ while (remainTime > 0 && scheduler.unfinished);
+
+ // Call flush explicitly for trigger finished event.
+ if (!scheduler.unfinished) {
+ this._zr.flush();
+ }
+ // Else, zr flushing be ensue within the same frame,
+ // because zr flushing is after onframe event.
+ }
+};
+
+/**
+ * @return {HTMLElement}
+ */
+echartsProto.getDom = function () {
+ return this._dom;
+};
+
+/**
+ * @return {module:zrender~ZRender}
+ */
+echartsProto.getZr = function () {
+ return this._zr;
+};
+
+/**
+ * Usage:
+ * chart.setOption(option, notMerge, lazyUpdate);
+ * chart.setOption(option, {
+ * notMerge: ...,
+ * lazyUpdate: ...,
+ * silent: ...
+ * });
+ *
+ * @param {Object} option
+ * @param {Object|boolean} [opts] opts or notMerge.
+ * @param {boolean} [opts.notMerge=false]
+ * @param {boolean} [opts.lazyUpdate=false] Useful when setOption frequently.
+ */
+echartsProto.setOption = function (option, notMerge, lazyUpdate) {
+ if (__DEV__) {
+ assert(!this[IN_MAIN_PROCESS], '`setOption` should not be called during main process.');
+ }
+ if (this._disposed) {
+ disposedWarning(this.id);
+ return;
+ }
+
+ var silent;
+ if (isObject(notMerge)) {
+ lazyUpdate = notMerge.lazyUpdate;
+ silent = notMerge.silent;
+ notMerge = notMerge.notMerge;
+ }
+
+ this[IN_MAIN_PROCESS] = true;
+
+ if (!this._model || notMerge) {
+ var optionManager = new OptionManager(this._api);
+ var theme$$1 = this._theme;
+ var ecModel = this._model = new GlobalModel();
+ ecModel.scheduler = this._scheduler;
+ ecModel.init(null, null, theme$$1, optionManager);
+ }
+
+ this._model.setOption(option, optionPreprocessorFuncs);
+
+ if (lazyUpdate) {
+ this[OPTION_UPDATED] = {silent: silent};
+ this[IN_MAIN_PROCESS] = false;
+ }
+ else {
+ prepare(this);
+
+ updateMethods.update.call(this);
+
+ // Ensure zr refresh sychronously, and then pixel in canvas can be
+ // fetched after `setOption`.
+ this._zr.flush();
+
+ this[OPTION_UPDATED] = false;
+ this[IN_MAIN_PROCESS] = false;
+
+ flushPendingActions.call(this, silent);
+ triggerUpdatedEvent.call(this, silent);
+ }
+};
+
+/**
+ * @DEPRECATED
+ */
+echartsProto.setTheme = function () {
+ console.error('ECharts#setTheme() is DEPRECATED in ECharts 3.0');
+};
+
+/**
+ * @return {module:echarts/model/Global}
+ */
+echartsProto.getModel = function () {
+ return this._model;
+};
+
+/**
+ * @return {Object}
+ */
+echartsProto.getOption = function () {
+ return this._model && this._model.getOption();
+};
+
+/**
+ * @return {number}
+ */
+echartsProto.getWidth = function () {
+ return this._zr.getWidth();
+};
+
+/**
+ * @return {number}
+ */
+echartsProto.getHeight = function () {
+ return this._zr.getHeight();
+};
+
+/**
+ * @return {number}
+ */
+echartsProto.getDevicePixelRatio = function () {
+ return this._zr.painter.dpr || window.devicePixelRatio || 1;
+};
+
+/**
+ * Get canvas which has all thing rendered
+ * @param {Object} opts
+ * @param {string} [opts.backgroundColor]
+ * @return {string}
+ */
+echartsProto.getRenderedCanvas = function (opts) {
+ if (!env$1.canvasSupported) {
+ return;
+ }
+ opts = opts || {};
+ opts.pixelRatio = opts.pixelRatio || 1;
+ opts.backgroundColor = opts.backgroundColor
+ || this._model.get('backgroundColor');
+ var zr = this._zr;
+ // var list = zr.storage.getDisplayList();
+ // Stop animations
+ // Never works before in init animation, so remove it.
+ // zrUtil.each(list, function (el) {
+ // el.stopAnimation(true);
+ // });
+ return zr.painter.getRenderedCanvas(opts);
+};
+
+/**
+ * Get svg data url
+ * @return {string}
+ */
+echartsProto.getSvgDataURL = function () {
+ if (!env$1.svgSupported) {
+ return;
+ }
+
+ var zr = this._zr;
+ var list = zr.storage.getDisplayList();
+ // Stop animations
+ each$1(list, function (el) {
+ el.stopAnimation(true);
+ });
+
+ return zr.painter.toDataURL();
+};
+
+/**
+ * @return {string}
+ * @param {Object} opts
+ * @param {string} [opts.type='png']
+ * @param {string} [opts.pixelRatio=1]
+ * @param {string} [opts.backgroundColor]
+ * @param {string} [opts.excludeComponents]
+ */
+echartsProto.getDataURL = function (opts) {
+ if (this._disposed) {
+ disposedWarning(this.id);
+ return;
+ }
+
+ opts = opts || {};
+ var excludeComponents = opts.excludeComponents;
+ var ecModel = this._model;
+ var excludesComponentViews = [];
+ var self = this;
+
+ each(excludeComponents, function (componentType) {
+ ecModel.eachComponent({
+ mainType: componentType
+ }, function (component) {
+ var view = self._componentsMap[component.__viewId];
+ if (!view.group.ignore) {
+ excludesComponentViews.push(view);
+ view.group.ignore = true;
+ }
+ });
+ });
+
+ var url = this._zr.painter.getType() === 'svg'
+ ? this.getSvgDataURL()
+ : this.getRenderedCanvas(opts).toDataURL(
+ 'image/' + (opts && opts.type || 'png')
+ );
+
+ each(excludesComponentViews, function (view) {
+ view.group.ignore = false;
+ });
+
+ return url;
+};
+
+
+/**
+ * @return {string}
+ * @param {Object} opts
+ * @param {string} [opts.type='png']
+ * @param {string} [opts.pixelRatio=1]
+ * @param {string} [opts.backgroundColor]
+ */
+echartsProto.getConnectedDataURL = function (opts) {
+ if (this._disposed) {
+ disposedWarning(this.id);
+ return;
+ }
+
+ if (!env$1.canvasSupported) {
+ return;
+ }
+ var isSvg = opts.type === 'svg';
+ var groupId = this.group;
+ var mathMin = Math.min;
+ var mathMax = Math.max;
+ var MAX_NUMBER = Infinity;
+ if (connectedGroups[groupId]) {
+ var left = MAX_NUMBER;
+ var top = MAX_NUMBER;
+ var right = -MAX_NUMBER;
+ var bottom = -MAX_NUMBER;
+ var canvasList = [];
+ var dpr = (opts && opts.pixelRatio) || 1;
+
+ each$1(instances, function (chart, id) {
+ if (chart.group === groupId) {
+ var canvas = isSvg
+ ? chart.getZr().painter.getSvgDom().innerHTML
+ : chart.getRenderedCanvas(clone(opts));
+ var boundingRect = chart.getDom().getBoundingClientRect();
+ left = mathMin(boundingRect.left, left);
+ top = mathMin(boundingRect.top, top);
+ right = mathMax(boundingRect.right, right);
+ bottom = mathMax(boundingRect.bottom, bottom);
+ canvasList.push({
+ dom: canvas,
+ left: boundingRect.left,
+ top: boundingRect.top
+ });
+ }
+ });
+
+ left *= dpr;
+ top *= dpr;
+ right *= dpr;
+ bottom *= dpr;
+ var width = right - left;
+ var height = bottom - top;
+ var targetCanvas = createCanvas();
+ var zr = init$1(targetCanvas, {
+ renderer: isSvg ? 'svg' : 'canvas'
+ });
+ zr.resize({
+ width: width,
+ height: height
+ });
+
+ if (isSvg) {
+ var content = '';
+ each(canvasList, function (item) {
+ var x = item.left - left;
+ var y = item.top - top;
+ content += '<g transform="translate(' + x + ','
+ + y + ')">' + item.dom + '</g>';
+ });
+ zr.painter.getSvgRoot().innerHTML = content;
+
+ if (opts.connectedBackgroundColor) {
+ zr.painter.setBackgroundColor(opts.connectedBackgroundColor);
+ }
+
+ zr.refreshImmediately();
+ return zr.painter.toDataURL();
+ }
+ else {
+ // Background between the charts
+ if (opts.connectedBackgroundColor) {
+ zr.add(new Rect({
+ shape: {
+ x: 0,
+ y: 0,
+ width: width,
+ height: height
+ },
+ style: {
+ fill: opts.connectedBackgroundColor
+ }
+ }));
+ }
+
+ each(canvasList, function (item) {
+ var img = new ZImage({
+ style: {
+ x: item.left * dpr - left,
+ y: item.top * dpr - top,
+ image: item.dom
+ }
+ });
+ zr.add(img);
+ });
+
+ zr.refreshImmediately();
+ return targetCanvas.toDataURL('image/' + (opts && opts.type || 'png'));
+ }
+ }
+ else {
+ return this.getDataURL(opts);
+ }
+};
+
+/**
+ * Convert from logical coordinate system to pixel coordinate system.
+ * See CoordinateSystem#convertToPixel.
+ * @param {string|Object} finder
+ * If string, e.g., 'geo', means {geoIndex: 0}.
+ * If Object, could contain some of these properties below:
+ * {
+ * seriesIndex / seriesId / seriesName,
+ * geoIndex / geoId, geoName,
+ * bmapIndex / bmapId / bmapName,
+ * xAxisIndex / xAxisId / xAxisName,
+ * yAxisIndex / yAxisId / yAxisName,
+ * gridIndex / gridId / gridName,
+ * ... (can be extended)
+ * }
+ * @param {Array|number} value
+ * @return {Array|number} result
+ */
+echartsProto.convertToPixel = curry(doConvertPixel, 'convertToPixel');
+
+/**
+ * Convert from pixel coordinate system to logical coordinate system.
+ * See CoordinateSystem#convertFromPixel.
+ * @param {string|Object} finder
+ * If string, e.g., 'geo', means {geoIndex: 0}.
+ * If Object, could contain some of these properties below:
+ * {
+ * seriesIndex / seriesId / seriesName,
+ * geoIndex / geoId / geoName,
+ * bmapIndex / bmapId / bmapName,
+ * xAxisIndex / xAxisId / xAxisName,
+ * yAxisIndex / yAxisId / yAxisName
+ * gridIndex / gridId / gridName,
+ * ... (can be extended)
+ * }
+ * @param {Array|number} value
+ * @return {Array|number} result
+ */
+echartsProto.convertFromPixel = curry(doConvertPixel, 'convertFromPixel');
+
+function doConvertPixel(methodName, finder, value) {
+ if (this._disposed) {
+ disposedWarning(this.id);
+ return;
+ }
+
+ var ecModel = this._model;
+ var coordSysList = this._coordSysMgr.getCoordinateSystems();
+ var result;
+
+ finder = parseFinder(ecModel, finder);
+
+ for (var i = 0; i < coordSysList.length; i++) {
+ var coordSys = coordSysList[i];
+ if (coordSys[methodName]
+ && (result = coordSys[methodName](ecModel, finder, value)) != null
+ ) {
+ return result;
+ }
+ }
+
+ if (__DEV__) {
+ console.warn(
+ 'No coordinate system that supports ' + methodName + ' found by the given finder.'
+ );
+ }
+}
+
+/**
+ * Is the specified coordinate systems or components contain the given pixel point.
+ * @param {string|Object} finder
+ * If string, e.g., 'geo', means {geoIndex: 0}.
+ * If Object, could contain some of these properties below:
+ * {
+ * seriesIndex / seriesId / seriesName,
+ * geoIndex / geoId / geoName,
+ * bmapIndex / bmapId / bmapName,
+ * xAxisIndex / xAxisId / xAxisName,
+ * yAxisIndex / yAxisId / yAxisName,
+ * gridIndex / gridId / gridName,
+ * ... (can be extended)
+ * }
+ * @param {Array|number} value
+ * @return {boolean} result
+ */
+echartsProto.containPixel = function (finder, value) {
+ if (this._disposed) {
+ disposedWarning(this.id);
+ return;
+ }
+
+ var ecModel = this._model;
+ var result;
+
+ finder = parseFinder(ecModel, finder);
+
+ each$1(finder, function (models, key) {
+ key.indexOf('Models') >= 0 && each$1(models, function (model) {
+ var coordSys = model.coordinateSystem;
+ if (coordSys && coordSys.containPoint) {
+ result |= !!coordSys.containPoint(value);
+ }
+ else if (key === 'seriesModels') {
+ var view = this._chartsMap[model.__viewId];
+ if (view && view.containPoint) {
+ result |= view.containPoint(value, model);
+ }
+ else {
+ if (__DEV__) {
+ console.warn(key + ': ' + (view
+ ? 'The found component do not support containPoint.'
+ : 'No view mapping to the found component.'
+ ));
+ }
+ }
+ }
+ else {
+ if (__DEV__) {
+ console.warn(key + ': containPoint is not supported');
+ }
+ }
+ }, this);
+ }, this);
+
+ return !!result;
+};
+
+/**
+ * Get visual from series or data.
+ * @param {string|Object} finder
+ * If string, e.g., 'series', means {seriesIndex: 0}.
+ * If Object, could contain some of these properties below:
+ * {
+ * seriesIndex / seriesId / seriesName,
+ * dataIndex / dataIndexInside
+ * }
+ * If dataIndex is not specified, series visual will be fetched,
+ * but not data item visual.
+ * If all of seriesIndex, seriesId, seriesName are not specified,
+ * visual will be fetched from first series.
+ * @param {string} visualType 'color', 'symbol', 'symbolSize'
+ */
+echartsProto.getVisual = function (finder, visualType) {
+ var ecModel = this._model;
+
+ finder = parseFinder(ecModel, finder, {defaultMainType: 'series'});
+
+ var seriesModel = finder.seriesModel;
+
+ if (__DEV__) {
+ if (!seriesModel) {
+ console.warn('There is no specified seires model');
+ }
+ }
+
+ var data = seriesModel.getData();
+
+ var dataIndexInside = finder.hasOwnProperty('dataIndexInside')
+ ? finder.dataIndexInside
+ : finder.hasOwnProperty('dataIndex')
+ ? data.indexOfRawIndex(finder.dataIndex)
+ : null;
+
+ return dataIndexInside != null
+ ? data.getItemVisual(dataIndexInside, visualType)
+ : data.getVisual(visualType);
+};
+
+/**
+ * Get view of corresponding component model
+ * @param {module:echarts/model/Component} componentModel
+ * @return {module:echarts/view/Component}
+ */
+echartsProto.getViewOfComponentModel = function (componentModel) {
+ return this._componentsMap[componentModel.__viewId];
+};
+
+/**
+ * Get view of corresponding series model
+ * @param {module:echarts/model/Series} seriesModel
+ * @return {module:echarts/view/Chart}
+ */
+echartsProto.getViewOfSeriesModel = function (seriesModel) {
+ return this._chartsMap[seriesModel.__viewId];
+};
+
+var updateMethods = {
+
+ prepareAndUpdate: function (payload) {
+ prepare(this);
+ updateMethods.update.call(this, payload);
+ },
+
+ /**
+ * @param {Object} payload
+ * @private
+ */
+ update: function (payload) {
+ // console.profile && console.profile('update');
+
+ var ecModel = this._model;
+ var api = this._api;
+ var zr = this._zr;
+ var coordSysMgr = this._coordSysMgr;
+ var scheduler = this._scheduler;
+
+ // update before setOption
+ if (!ecModel) {
+ return;
+ }
+
+ scheduler.restoreData(ecModel, payload);
+
+ scheduler.performSeriesTasks(ecModel);
+
+ // TODO
+ // Save total ecModel here for undo/redo (after restoring data and before processing data).
+ // Undo (restoration of total ecModel) can be carried out in 'action' or outside API call.
+
+ // Create new coordinate system each update
+ // In LineView may save the old coordinate system and use it to get the orignal point
+ coordSysMgr.create(ecModel, api);
+
+ scheduler.performDataProcessorTasks(ecModel, payload);
+
+ // Current stream render is not supported in data process. So we can update
+ // stream modes after data processing, where the filtered data is used to
+ // deteming whether use progressive rendering.
+ updateStreamModes(this, ecModel);
+
+ // We update stream modes before coordinate system updated, then the modes info
+ // can be fetched when coord sys updating (consider the barGrid extent fix). But
+ // the drawback is the full coord info can not be fetched. Fortunately this full
+ // coord is not requied in stream mode updater currently.
+ coordSysMgr.update(ecModel, api);
+
+ clearColorPalette(ecModel);
+ scheduler.performVisualTasks(ecModel, payload);
+
+ render(this, ecModel, api, payload);
+
+ // Set background
+ var backgroundColor = ecModel.get('backgroundColor') || 'transparent';
+
+ // In IE8
+ if (!env$1.canvasSupported) {
+ var colorArr = parse(backgroundColor);
+ backgroundColor = stringify(colorArr, 'rgb');
+ if (colorArr[3] === 0) {
+ backgroundColor = 'transparent';
+ }
+ }
+ else {
+ zr.setBackgroundColor(backgroundColor);
+ }
+
+ performPostUpdateFuncs(ecModel, api);
+
+ // console.profile && console.profileEnd('update');
+ },
+
+ /**
+ * @param {Object} payload
+ * @private
+ */
+ updateTransform: function (payload) {
+ var ecModel = this._model;
+ var ecIns = this;
+ var api = this._api;
+
+ // update before setOption
+ if (!ecModel) {
+ return;
+ }
+
+ // ChartView.markUpdateMethod(payload, 'updateTransform');
+
+ var componentDirtyList = [];
+ ecModel.eachComponent(function (componentType, componentModel) {
+ var componentView = ecIns.getViewOfComponentModel(componentModel);
+ if (componentView && componentView.__alive) {
+ if (componentView.updateTransform) {
+ var result = componentView.updateTransform(componentModel, ecModel, api, payload);
+ result && result.update && componentDirtyList.push(componentView);
+ }
+ else {
+ componentDirtyList.push(componentView);
+ }
+ }
+ });
+
+ var seriesDirtyMap = createHashMap();
+ ecModel.eachSeries(function (seriesModel) {
+ var chartView = ecIns._chartsMap[seriesModel.__viewId];
+ if (chartView.updateTransform) {
+ var result = chartView.updateTransform(seriesModel, ecModel, api, payload);
+ result && result.update && seriesDirtyMap.set(seriesModel.uid, 1);
+ }
+ else {
+ seriesDirtyMap.set(seriesModel.uid, 1);
+ }
+ });
+
+ clearColorPalette(ecModel);
+ // Keep pipe to the exist pipeline because it depends on the render task of the full pipeline.
+ // this._scheduler.performVisualTasks(ecModel, payload, 'layout', true);
+ this._scheduler.performVisualTasks(
+ ecModel, payload, {setDirty: true, dirtyMap: seriesDirtyMap}
+ );
+
+ // Currently, not call render of components. Geo render cost a lot.
+ // renderComponents(ecIns, ecModel, api, payload, componentDirtyList);
+ renderSeries(ecIns, ecModel, api, payload, seriesDirtyMap);
+
+ performPostUpdateFuncs(ecModel, this._api);
+ },
+
+ /**
+ * @param {Object} payload
+ * @private
+ */
+ updateView: function (payload) {
+ var ecModel = this._model;
+
+ // update before setOption
+ if (!ecModel) {
+ return;
+ }
+
+ Chart.markUpdateMethod(payload, 'updateView');
+
+ clearColorPalette(ecModel);
+
+ // Keep pipe to the exist pipeline because it depends on the render task of the full pipeline.
+ this._scheduler.performVisualTasks(ecModel, payload, {setDirty: true});
+
+ render(this, this._model, this._api, payload);
+
+ performPostUpdateFuncs(ecModel, this._api);
+ },
+
+ /**
+ * @param {Object} payload
+ * @private
+ */
+ updateVisual: function (payload) {
+ updateMethods.update.call(this, payload);
+
+ // var ecModel = this._model;
+
+ // // update before setOption
+ // if (!ecModel) {
+ // return;
+ // }
+
+ // ChartView.markUpdateMethod(payload, 'updateVisual');
+
+ // clearColorPalette(ecModel);
+
+ // // Keep pipe to the exist pipeline because it depends on the render task of the full pipeline.
+ // this._scheduler.performVisualTasks(ecModel, payload, {visualType: 'visual', setDirty: true});
+
+ // render(this, this._model, this._api, payload);
+
+ // performPostUpdateFuncs(ecModel, this._api);
+ },
+
+ /**
+ * @param {Object} payload
+ * @private
+ */
+ updateLayout: function (payload) {
+ updateMethods.update.call(this, payload);
+
+ // var ecModel = this._model;
+
+ // // update before setOption
+ // if (!ecModel) {
+ // return;
+ // }
+
+ // ChartView.markUpdateMethod(payload, 'updateLayout');
+
+ // // Keep pipe to the exist pipeline because it depends on the render task of the full pipeline.
+ // // this._scheduler.performVisualTasks(ecModel, payload, 'layout', true);
+ // this._scheduler.performVisualTasks(ecModel, payload, {setDirty: true});
+
+ // render(this, this._model, this._api, payload);
+
+ // performPostUpdateFuncs(ecModel, this._api);
+ }
+};
+
+function prepare(ecIns) {
+ var ecModel = ecIns._model;
+ var scheduler = ecIns._scheduler;
+
+ scheduler.restorePipelines(ecModel);
+
+ scheduler.prepareStageTasks();
+
+ prepareView(ecIns, 'component', ecModel, scheduler);
+
+ prepareView(ecIns, 'chart', ecModel, scheduler);
+
+ scheduler.plan();
+}
+
+/**
+ * @private
+ */
+function updateDirectly(ecIns, method, payload, mainType, subType) {
+ var ecModel = ecIns._model;
+
+ // broadcast
+ if (!mainType) {
+ // FIXME
+ // Chart will not be update directly here, except set dirty.
+ // But there is no such scenario now.
+ each(ecIns._componentsViews.concat(ecIns._chartsViews), callView);
+ return;
+ }
+
+ var query = {};
+ query[mainType + 'Id'] = payload[mainType + 'Id'];
+ query[mainType + 'Index'] = payload[mainType + 'Index'];
+ query[mainType + 'Name'] = payload[mainType + 'Name'];
+
+ var condition = {mainType: mainType, query: query};
+ subType && (condition.subType = subType); // subType may be '' by parseClassType;
+
+ var excludeSeriesId = payload.excludeSeriesId;
+ if (excludeSeriesId != null) {
+ excludeSeriesId = createHashMap(normalizeToArray(excludeSeriesId));
+ }
+
+ // If dispatchAction before setOption, do nothing.
+ ecModel && ecModel.eachComponent(condition, function (model) {
+ if (!excludeSeriesId || excludeSeriesId.get(model.id) == null) {
+ callView(ecIns[
+ mainType === 'series' ? '_chartsMap' : '_componentsMap'
+ ][model.__viewId]);
+ }
+ }, ecIns);
+
+ function callView(view) {
+ view && view.__alive && view[method] && view[method](
+ view.__model, ecModel, ecIns._api, payload
+ );
+ }
+}
+
+/**
+ * Resize the chart
+ * @param {Object} opts
+ * @param {number} [opts.width] Can be 'auto' (the same as null/undefined)
+ * @param {number} [opts.height] Can be 'auto' (the same as null/undefined)
+ * @param {boolean} [opts.silent=false]
+ */
+echartsProto.resize = function (opts) {
+ if (__DEV__) {
+ assert(!this[IN_MAIN_PROCESS], '`resize` should not be called during main process.');
+ }
+ if (this._disposed) {
+ disposedWarning(this.id);
+ return;
+ }
+
+ this._zr.resize(opts);
+
+ var ecModel = this._model;
+
+ // Resize loading effect
+ this._loadingFX && this._loadingFX.resize();
+
+ if (!ecModel) {
+ return;
+ }
+
+ var optionChanged = ecModel.resetOption('media');
+
+ var silent = opts && opts.silent;
+
+ this[IN_MAIN_PROCESS] = true;
+
+ optionChanged && prepare(this);
+ updateMethods.update.call(this);
+
+ this[IN_MAIN_PROCESS] = false;
+
+ flushPendingActions.call(this, silent);
+
+ triggerUpdatedEvent.call(this, silent);
+};
+
+function updateStreamModes(ecIns, ecModel) {
+ var chartsMap = ecIns._chartsMap;
+ var scheduler = ecIns._scheduler;
+ ecModel.eachSeries(function (seriesModel) {
+ scheduler.updateStreamModes(seriesModel, chartsMap[seriesModel.__viewId]);
+ });
+}
+
+/**
+ * Show loading effect
+ * @param {string} [name='default']
+ * @param {Object} [cfg]
+ */
+echartsProto.showLoading = function (name, cfg) {
+ if (this._disposed) {
+ disposedWarning(this.id);
+ return;
+ }
+
+ if (isObject(name)) {
+ cfg = name;
+ name = '';
+ }
+ name = name || 'default';
+
+ this.hideLoading();
+ if (!loadingEffects[name]) {
+ if (__DEV__) {
+ console.warn('Loading effects ' + name + ' not exists.');
+ }
+ return;
+ }
+ var el = loadingEffects[name](this._api, cfg);
+ var zr = this._zr;
+ this._loadingFX = el;
+
+ zr.add(el);
+};
+
+/**
+ * Hide loading effect
+ */
+echartsProto.hideLoading = function () {
+ if (this._disposed) {
+ disposedWarning(this.id);
+ return;
+ }
+
+ this._loadingFX && this._zr.remove(this._loadingFX);
+ this._loadingFX = null;
+};
+
+/**
+ * @param {Object} eventObj
+ * @return {Object}
+ */
+echartsProto.makeActionFromEvent = function (eventObj) {
+ var payload = extend({}, eventObj);
+ payload.type = eventActionMap[eventObj.type];
+ return payload;
+};
+
+/**
+ * @pubilc
+ * @param {Object} payload
+ * @param {string} [payload.type] Action type
+ * @param {Object|boolean} [opt] If pass boolean, means opt.silent
+ * @param {boolean} [opt.silent=false] Whether trigger events.
+ * @param {boolean} [opt.flush=undefined]
+ * true: Flush immediately, and then pixel in canvas can be fetched
+ * immediately. Caution: it might affect performance.
+ * false: Not flush.
+ * undefined: Auto decide whether perform flush.
+ */
+echartsProto.dispatchAction = function (payload, opt) {
+ if (this._disposed) {
+ disposedWarning(this.id);
+ return;
+ }
+
+ if (!isObject(opt)) {
+ opt = {silent: !!opt};
+ }
+
+ if (!actions[payload.type]) {
+ return;
+ }
+
+ // Avoid dispatch action before setOption. Especially in `connect`.
+ if (!this._model) {
+ return;
+ }
+
+ // May dispatchAction in rendering procedure
+ if (this[IN_MAIN_PROCESS]) {
+ this._pendingActions.push(payload);
+ return;
+ }
+
+ doDispatchAction.call(this, payload, opt.silent);
+
+ if (opt.flush) {
+ this._zr.flush(true);
+ }
+ else if (opt.flush !== false && env$1.browser.weChat) {
+ // In WeChat embeded browser, `requestAnimationFrame` and `setInterval`
+ // hang when sliding page (on touch event), which cause that zr does not
+ // refresh util user interaction finished, which is not expected.
+ // But `dispatchAction` may be called too frequently when pan on touch
+ // screen, which impacts performance if do not throttle them.
+ this._throttledZrFlush();
+ }
+
+ flushPendingActions.call(this, opt.silent);
+
+ triggerUpdatedEvent.call(this, opt.silent);
+};
+
+function doDispatchAction(payload, silent) {
+ var payloadType = payload.type;
+ var escapeConnect = payload.escapeConnect;
+ var actionWrap = actions[payloadType];
+ var actionInfo = actionWrap.actionInfo;
+
+ var cptType = (actionInfo.update || 'update').split(':');
+ var updateMethod = cptType.pop();
+ cptType = cptType[0] != null && parseClassType(cptType[0]);
+
+ this[IN_MAIN_PROCESS] = true;
+
+ var payloads = [payload];
+ var batched = false;
+ // Batch action
+ if (payload.batch) {
+ batched = true;
+ payloads = map(payload.batch, function (item) {
+ item = defaults(extend({}, item), payload);
+ item.batch = null;
+ return item;
+ });
+ }
+
+ var eventObjBatch = [];
+ var eventObj;
+ var isHighDown = payloadType === 'highlight' || payloadType === 'downplay';
+
+ each(payloads, function (batchItem) {
+ // Action can specify the event by return it.
+ eventObj = actionWrap.action(batchItem, this._model, this._api);
+ // Emit event outside
+ eventObj = eventObj || extend({}, batchItem);
+ // Convert type to eventType
+ eventObj.type = actionInfo.event || eventObj.type;
+ eventObjBatch.push(eventObj);
+
+ // light update does not perform data process, layout and visual.
+ if (isHighDown) {
+ // method, payload, mainType, subType
+ updateDirectly(this, updateMethod, batchItem, 'series');
+ }
+ else if (cptType) {
+ updateDirectly(this, updateMethod, batchItem, cptType.main, cptType.sub);
+ }
+ }, this);
+
+ if (updateMethod !== 'none' && !isHighDown && !cptType) {
+ // Still dirty
+ if (this[OPTION_UPDATED]) {
+ // FIXME Pass payload ?
+ prepare(this);
+ updateMethods.update.call(this, payload);
+ this[OPTION_UPDATED] = false;
+ }
+ else {
+ updateMethods[updateMethod].call(this, payload);
+ }
+ }
+
+ // Follow the rule of action batch
+ if (batched) {
+ eventObj = {
+ type: actionInfo.event || payloadType,
+ escapeConnect: escapeConnect,
+ batch: eventObjBatch
+ };
+ }
+ else {
+ eventObj = eventObjBatch[0];
+ }
+
+ this[IN_MAIN_PROCESS] = false;
+
+ !silent && this._messageCenter.trigger(eventObj.type, eventObj);
+}
+
+function flushPendingActions(silent) {
+ var pendingActions = this._pendingActions;
+ while (pendingActions.length) {
+ var payload = pendingActions.shift();
+ doDispatchAction.call(this, payload, silent);
+ }
+}
+
+function triggerUpdatedEvent(silent) {
+ !silent && this.trigger('updated');
+}
+
+/**
+ * Event `rendered` is triggered when zr
+ * rendered. It is useful for realtime
+ * snapshot (reflect animation).
+ *
+ * Event `finished` is triggered when:
+ * (1) zrender rendering finished.
+ * (2) initial animation finished.
+ * (3) progressive rendering finished.
+ * (4) no pending action.
+ * (5) no delayed setOption needs to be processed.
+ */
+function bindRenderedEvent(zr, ecIns) {
+ zr.on('rendered', function () {
+
+ ecIns.trigger('rendered');
+
+ // The `finished` event should not be triggered repeatly,
+ // so it should only be triggered when rendering indeed happend
+ // in zrender. (Consider the case that dipatchAction is keep
+ // triggering when mouse move).
+ if (
+ // Although zr is dirty if initial animation is not finished
+ // and this checking is called on frame, we also check
+ // animation finished for robustness.
+ zr.animation.isFinished()
+ && !ecIns[OPTION_UPDATED]
+ && !ecIns._scheduler.unfinished
+ && !ecIns._pendingActions.length
+ ) {
+ ecIns.trigger('finished');
+ }
+ });
+}
+
+/**
+ * @param {Object} params
+ * @param {number} params.seriesIndex
+ * @param {Array|TypedArray} params.data
+ */
+echartsProto.appendData = function (params) {
+ if (this._disposed) {
+ disposedWarning(this.id);
+ return;
+ }
+
+ var seriesIndex = params.seriesIndex;
+ var ecModel = this.getModel();
+ var seriesModel = ecModel.getSeriesByIndex(seriesIndex);
+
+ if (__DEV__) {
+ assert(params.data && seriesModel);
+ }
+
+ seriesModel.appendData(params);
+
+ // Note: `appendData` does not support that update extent of coordinate
+ // system, util some scenario require that. In the expected usage of
+ // `appendData`, the initial extent of coordinate system should better
+ // be fixed by axis `min`/`max` setting or initial data, otherwise if
+ // the extent changed while `appendData`, the location of the painted
+ // graphic elements have to be changed, which make the usage of
+ // `appendData` meaningless.
+
+ this._scheduler.unfinished = true;
+};
+
+/**
+ * Register event
+ * @method
+ */
+echartsProto.on = createRegisterEventWithLowercaseName('on', false);
+echartsProto.off = createRegisterEventWithLowercaseName('off', false);
+echartsProto.one = createRegisterEventWithLowercaseName('one', false);
+
+/**
+ * Prepare view instances of charts and components
+ * @param {module:echarts/model/Global} ecModel
+ * @private
+ */
+function prepareView(ecIns, type, ecModel, scheduler) {
+ var isComponent = type === 'component';
+ var viewList = isComponent ? ecIns._componentsViews : ecIns._chartsViews;
+ var viewMap = isComponent ? ecIns._componentsMap : ecIns._chartsMap;
+ var zr = ecIns._zr;
+ var api = ecIns._api;
+
+ for (var i = 0; i < viewList.length; i++) {
+ viewList[i].__alive = false;
+ }
+
+ isComponent
+ ? ecModel.eachComponent(function (componentType, model) {
+ componentType !== 'series' && doPrepare(model);
+ })
+ : ecModel.eachSeries(doPrepare);
+
+ function doPrepare(model) {
+ // Consider: id same and type changed.
+ var viewId = '_ec_' + model.id + '_' + model.type;
+ var view = viewMap[viewId];
+ if (!view) {
+ var classType = parseClassType(model.type);
+ var Clazz = isComponent
+ ? Component$1.getClass(classType.main, classType.sub)
+ : Chart.getClass(classType.sub);
+
+ if (__DEV__) {
+ assert(Clazz, classType.sub + ' does not exist.');
+ }
+
+ view = new Clazz();
+ view.init(ecModel, api);
+ viewMap[viewId] = view;
+ viewList.push(view);
+ zr.add(view.group);
+ }
+
+ model.__viewId = view.__id = viewId;
+ view.__alive = true;
+ view.__model = model;
+ view.group.__ecComponentInfo = {
+ mainType: model.mainType,
+ index: model.componentIndex
+ };
+ !isComponent && scheduler.prepareView(view, model, ecModel, api);
+ }
+
+ for (var i = 0; i < viewList.length;) {
+ var view = viewList[i];
+ if (!view.__alive) {
+ !isComponent && view.renderTask.dispose();
+ zr.remove(view.group);
+ view.dispose(ecModel, api);
+ viewList.splice(i, 1);
+ delete viewMap[view.__id];
+ view.__id = view.group.__ecComponentInfo = null;
+ }
+ else {
+ i++;
+ }
+ }
+}
+
+// /**
+// * Encode visual infomation from data after data processing
+// *
+// * @param {module:echarts/model/Global} ecModel
+// * @param {object} layout
+// * @param {boolean} [layoutFilter] `true`: only layout,
+// * `false`: only not layout,
+// * `null`/`undefined`: all.
+// * @param {string} taskBaseTag
+// * @private
+// */
+// function startVisualEncoding(ecIns, ecModel, api, payload, layoutFilter) {
+// each(visualFuncs, function (visual, index) {
+// var isLayout = visual.isLayout;
+// if (layoutFilter == null
+// || (layoutFilter === false && !isLayout)
+// || (layoutFilter === true && isLayout)
+// ) {
+// visual.func(ecModel, api, payload);
+// }
+// });
+// }
+
+function clearColorPalette(ecModel) {
+ ecModel.clearColorPalette();
+ ecModel.eachSeries(function (seriesModel) {
+ seriesModel.clearColorPalette();
+ });
+}
+
+function render(ecIns, ecModel, api, payload) {
+
+ renderComponents(ecIns, ecModel, api, payload);
+
+ each(ecIns._chartsViews, function (chart) {
+ chart.__alive = false;
+ });
+
+ renderSeries(ecIns, ecModel, api, payload);
+
+ // Remove groups of unrendered charts
+ each(ecIns._chartsViews, function (chart) {
+ if (!chart.__alive) {
+ chart.remove(ecModel, api);
+ }
+ });
+}
+
+function renderComponents(ecIns, ecModel, api, payload, dirtyList) {
+ each(dirtyList || ecIns._componentsViews, function (componentView) {
+ var componentModel = componentView.__model;
+ componentView.render(componentModel, ecModel, api, payload);
+
+ updateZ(componentModel, componentView);
+ });
+}
+
+/**
+ * Render each chart and component
+ * @private
+ */
+function renderSeries(ecIns, ecModel, api, payload, dirtyMap) {
+ // Render all charts
+ var scheduler = ecIns._scheduler;
+ var unfinished;
+ ecModel.eachSeries(function (seriesModel) {
+ var chartView = ecIns._chartsMap[seriesModel.__viewId];
+ chartView.__alive = true;
+
+ var renderTask = chartView.renderTask;
+ scheduler.updatePayload(renderTask, payload);
+
+ if (dirtyMap && dirtyMap.get(seriesModel.uid)) {
+ renderTask.dirty();
+ }
+
+ unfinished |= renderTask.perform(scheduler.getPerformArgs(renderTask));
+
+ chartView.group.silent = !!seriesModel.get('silent');
+
+ updateZ(seriesModel, chartView);
+
+ updateBlend(seriesModel, chartView);
+ });
+ scheduler.unfinished |= unfinished;
+
+ // If use hover layer
+ updateHoverLayerStatus(ecIns, ecModel);
+
+ // Add aria
+ aria(ecIns._zr.dom, ecModel);
+}
+
+function performPostUpdateFuncs(ecModel, api) {
+ each(postUpdateFuncs, function (func) {
+ func(ecModel, api);
+ });
+}
+
+
+var MOUSE_EVENT_NAMES = [
+ 'click', 'dblclick', 'mouseover', 'mouseout', 'mousemove',
+ 'mousedown', 'mouseup', 'globalout', 'contextmenu'
+];
+
+/**
+ * @private
+ */
+echartsProto._initEvents = function () {
+ each(MOUSE_EVENT_NAMES, function (eveName) {
+ var handler = function (e) {
+ var ecModel = this.getModel();
+ var el = e.target;
+ var params;
+ var isGlobalOut = eveName === 'globalout';
+
+ // no e.target when 'globalout'.
+ if (isGlobalOut) {
+ params = {};
+ }
+ else if (el && el.dataIndex != null) {
+ var dataModel = el.dataModel || ecModel.getSeriesByIndex(el.seriesIndex);
+ params = dataModel && dataModel.getDataParams(el.dataIndex, el.dataType, el) || {};
+ }
+ // If element has custom eventData of components
+ else if (el && el.eventData) {
+ params = extend({}, el.eventData);
+ }
+
+ // Contract: if params prepared in mouse event,
+ // these properties must be specified:
+ // {
+ // componentType: string (component main type)
+ // componentIndex: number
+ // }
+ // Otherwise event query can not work.
+
+ if (params) {
+ var componentType = params.componentType;
+ var componentIndex = params.componentIndex;
+ // Special handling for historic reason: when trigger by
+ // markLine/markPoint/markArea, the componentType is
+ // 'markLine'/'markPoint'/'markArea', but we should better
+ // enable them to be queried by seriesIndex, since their
+ // option is set in each series.
+ if (componentType === 'markLine'
+ || componentType === 'markPoint'
+ || componentType === 'markArea'
+ ) {
+ componentType = 'series';
+ componentIndex = params.seriesIndex;
+ }
+ var model = componentType && componentIndex != null
+ && ecModel.getComponent(componentType, componentIndex);
+ var view = model && this[
+ model.mainType === 'series' ? '_chartsMap' : '_componentsMap'
+ ][model.__viewId];
+
+ if (__DEV__) {
+ // `event.componentType` and `event[componentTpype + 'Index']` must not
+ // be missed, otherwise there is no way to distinguish source component.
+ // See `dataFormat.getDataParams`.
+ if (!isGlobalOut && !(model && view)) {
+ console.warn('model or view can not be found by params');
+ }
+ }
+
+ params.event = e;
+ params.type = eveName;
+
+ this._ecEventProcessor.eventInfo = {
+ targetEl: el,
+ packedEvent: params,
+ model: model,
+ view: view
+ };
+
+ this.trigger(eveName, params);
+ }
+ };
+ // Consider that some component (like tooltip, brush, ...)
+ // register zr event handler, but user event handler might
+ // do anything, such as call `setOption` or `dispatchAction`,
+ // which probably update any of the content and probably
+ // cause problem if it is called previous other inner handlers.
+ handler.zrEventfulCallAtLast = true;
+ this._zr.on(eveName, handler, this);
+ }, this);
+
+ each(eventActionMap, function (actionType, eventType) {
+ this._messageCenter.on(eventType, function (event) {
+ this.trigger(eventType, event);
+ }, this);
+ }, this);
+};
+
+/**
+ * @return {boolean}
+ */
+echartsProto.isDisposed = function () {
+ return this._disposed;
+};
+
+/**
+ * Clear
+ */
+echartsProto.clear = function () {
+ if (this._disposed) {
+ disposedWarning(this.id);
+ return;
+ }
+ this.setOption({ series: [] }, true);
+};
+
+/**
+ * Dispose instance
+ */
+echartsProto.dispose = function () {
+ if (this._disposed) {
+ disposedWarning(this.id);
+ return;
+ }
+ this._disposed = true;
+
+ setAttribute(this.getDom(), DOM_ATTRIBUTE_KEY, '');
+
+ var api = this._api;
+ var ecModel = this._model;
+
+ each(this._componentsViews, function (component) {
+ component.dispose(ecModel, api);
+ });
+ each(this._chartsViews, function (chart) {
+ chart.dispose(ecModel, api);
+ });
+
+ // Dispose after all views disposed
+ this._zr.dispose();
+
+ delete instances[this.id];
+};
+
+mixin(ECharts, Eventful);
+
+function disposedWarning(id) {
+ if (__DEV__) {
+ console.warn('Instance ' + id + ' has been disposed');
+ }
+}
+
+function updateHoverLayerStatus(ecIns, ecModel) {
+ var zr = ecIns._zr;
+ var storage = zr.storage;
+ var elCount = 0;
+
+ storage.traverse(function (el) {
+ elCount++;
+ });
+
+ if (elCount > ecModel.get('hoverLayerThreshold') && !env$1.node) {
+ ecModel.eachSeries(function (seriesModel) {
+ if (seriesModel.preventUsingHoverLayer) {
+ return;
+ }
+ var chartView = ecIns._chartsMap[seriesModel.__viewId];
+ if (chartView.__alive) {
+ chartView.group.traverse(function (el) {
+ // Don't switch back.
+ el.useHoverLayer = true;
+ });
+ }
+ });
+ }
+}
+
+/**
+ * Update chart progressive and blend.
+ * @param {module:echarts/model/Series|module:echarts/model/Component} model
+ * @param {module:echarts/view/Component|module:echarts/view/Chart} view
+ */
+function updateBlend(seriesModel, chartView) {
+ var blendMode = seriesModel.get('blendMode') || null;
+ if (__DEV__) {
+ if (!env$1.canvasSupported && blendMode && blendMode !== 'source-over') {
+ console.warn('Only canvas support blendMode');
+ }
+ }
+ chartView.group.traverse(function (el) {
+ // FIXME marker and other components
+ if (!el.isGroup) {
+ // Only set if blendMode is changed. In case element is incremental and don't wan't to rerender.
+ if (el.style.blend !== blendMode) {
+ el.setStyle('blend', blendMode);
+ }
+ }
+ if (el.eachPendingDisplayable) {
+ el.eachPendingDisplayable(function (displayable) {
+ displayable.setStyle('blend', blendMode);
+ });
+ }
+ });
+}
+
+/**
+ * @param {module:echarts/model/Series|module:echarts/model/Component} model
+ * @param {module:echarts/view/Component|module:echarts/view/Chart} view
+ */
+function updateZ(model, view) {
+ var z = model.get('z');
+ var zlevel = model.get('zlevel');
+ // Set z and zlevel
+ view.group.traverse(function (el) {
+ if (el.type !== 'group') {
+ z != null && (el.z = z);
+ zlevel != null && (el.zlevel = zlevel);
+ }
+ });
+}
+
+function createExtensionAPI(ecInstance) {
+ var coordSysMgr = ecInstance._coordSysMgr;
+ return extend(new ExtensionAPI(ecInstance), {
+ // Inject methods
+ getCoordinateSystems: bind(
+ coordSysMgr.getCoordinateSystems, coordSysMgr
+ ),
+ getComponentByElement: function (el) {
+ while (el) {
+ var modelInfo = el.__ecComponentInfo;
+ if (modelInfo != null) {
+ return ecInstance._model.getComponent(modelInfo.mainType, modelInfo.index);
+ }
+ el = el.parent;
+ }
+ }
+ });
+}
+
+
+/**
+ * @class
+ * Usage of query:
+ * `chart.on('click', query, handler);`
+ * The `query` can be:
+ * + The component type query string, only `mainType` or `mainType.subType`,
+ * like: 'xAxis', 'series', 'xAxis.category' or 'series.line'.
+ * + The component query object, like:
+ * `{seriesIndex: 2}`, `{seriesName: 'xx'}`, `{seriesId: 'some'}`,
+ * `{xAxisIndex: 2}`, `{xAxisName: 'xx'}`, `{xAxisId: 'some'}`.
+ * + The data query object, like:
+ * `{dataIndex: 123}`, `{dataType: 'link'}`, `{name: 'some'}`.
+ * + The other query object (cmponent customized query), like:
+ * `{element: 'some'}` (only available in custom series).
+ *
+ * Caveat: If a prop in the `query` object is `null/undefined`, it is the
+ * same as there is no such prop in the `query` object.
+ */
+function EventProcessor() {
+ // These info required: targetEl, packedEvent, model, view
+ this.eventInfo;
+}
+EventProcessor.prototype = {
+ constructor: EventProcessor,
+
+ normalizeQuery: function (query) {
+ var cptQuery = {};
+ var dataQuery = {};
+ var otherQuery = {};
+
+ // `query` is `mainType` or `mainType.subType` of component.
+ if (isString(query)) {
+ var condCptType = parseClassType(query);
+ // `.main` and `.sub` may be ''.
+ cptQuery.mainType = condCptType.main || null;
+ cptQuery.subType = condCptType.sub || null;
+ }
+ // `query` is an object, convert to {mainType, index, name, id}.
+ else {
+ // `xxxIndex`, `xxxName`, `xxxId`, `name`, `dataIndex`, `dataType` is reserved,
+ // can not be used in `compomentModel.filterForExposedEvent`.
+ var suffixes = ['Index', 'Name', 'Id'];
+ var dataKeys = {name: 1, dataIndex: 1, dataType: 1};
+ each$1(query, function (val, key) {
+ var reserved = false;
+ for (var i = 0; i < suffixes.length; i++) {
+ var propSuffix = suffixes[i];
+ var suffixPos = key.lastIndexOf(propSuffix);
+ if (suffixPos > 0 && suffixPos === key.length - propSuffix.length) {
+ var mainType = key.slice(0, suffixPos);
+ // Consider `dataIndex`.
+ if (mainType !== 'data') {
+ cptQuery.mainType = mainType;
+ cptQuery[propSuffix.toLowerCase()] = val;
+ reserved = true;
+ }
+ }
+ }
+ if (dataKeys.hasOwnProperty(key)) {
+ dataQuery[key] = val;
+ reserved = true;
+ }
+ if (!reserved) {
+ otherQuery[key] = val;
+ }
+ });
+ }
+
+ return {
+ cptQuery: cptQuery,
+ dataQuery: dataQuery,
+ otherQuery: otherQuery
+ };
+ },
+
+ filter: function (eventType, query, args) {
+ // They should be assigned before each trigger call.
+ var eventInfo = this.eventInfo;
+
+ if (!eventInfo) {
+ return true;
+ }
+
+ var targetEl = eventInfo.targetEl;
+ var packedEvent = eventInfo.packedEvent;
+ var model = eventInfo.model;
+ var view = eventInfo.view;
+
+ // For event like 'globalout'.
+ if (!model || !view) {
+ return true;
+ }
+
+ var cptQuery = query.cptQuery;
+ var dataQuery = query.dataQuery;
+
+ return check(cptQuery, model, 'mainType')
+ && check(cptQuery, model, 'subType')
+ && check(cptQuery, model, 'index', 'componentIndex')
+ && check(cptQuery, model, 'name')
+ && check(cptQuery, model, 'id')
+ && check(dataQuery, packedEvent, 'name')
+ && check(dataQuery, packedEvent, 'dataIndex')
+ && check(dataQuery, packedEvent, 'dataType')
+ && (!view.filterForExposedEvent || view.filterForExposedEvent(
+ eventType, query.otherQuery, targetEl, packedEvent
+ ));
+
+ function check(query, host, prop, propOnHost) {
+ return query[prop] == null || host[propOnHost || prop] === query[prop];
+ }
+ },
+
+ afterTrigger: function () {
+ // Make sure the eventInfo wont be used in next trigger.
+ this.eventInfo = null;
+ }
+};
+
+
+/**
+ * @type {Object} key: actionType.
+ * @inner
+ */
+var actions = {};
+
+/**
+ * Map eventType to actionType
+ * @type {Object}
+ */
+var eventActionMap = {};
+
+/**
+ * Data processor functions of each stage
+ * @type {Array.<Object.<string, Function>>}
+ * @inner
+ */
+var dataProcessorFuncs = [];
+
+/**
+ * @type {Array.<Function>}
+ * @inner
+ */
+var optionPreprocessorFuncs = [];
+
+/**
+ * @type {Array.<Function>}
+ * @inner
+ */
+var postUpdateFuncs = [];
+
+/**
+ * Visual encoding functions of each stage
+ * @type {Array.<Object.<string, Function>>}
+ */
+var visualFuncs = [];
+
+/**
+ * Theme storage
+ * @type {Object.<key, Object>}
+ */
+var themeStorage = {};
+/**
+ * Loading effects
+ */
+var loadingEffects = {};
+
+var instances = {};
+var connectedGroups = {};
+
+var idBase = new Date() - 0;
+var groupIdBase = new Date() - 0;
+var DOM_ATTRIBUTE_KEY = '_echarts_instance_';
+
+function enableConnect(chart) {
+ var STATUS_PENDING = 0;
+ var STATUS_UPDATING = 1;
+ var STATUS_UPDATED = 2;
+ var STATUS_KEY = '__connectUpdateStatus';
+
+ function updateConnectedChartsStatus(charts, status) {
+ for (var i = 0; i < charts.length; i++) {
+ var otherChart = charts[i];
+ otherChart[STATUS_KEY] = status;
+ }
+ }
+
+ each(eventActionMap, function (actionType, eventType) {
+ chart._messageCenter.on(eventType, function (event) {
+ if (connectedGroups[chart.group] && chart[STATUS_KEY] !== STATUS_PENDING) {
+ if (event && event.escapeConnect) {
+ return;
+ }
+
+ var action = chart.makeActionFromEvent(event);
+ var otherCharts = [];
+
+ each(instances, function (otherChart) {
+ if (otherChart !== chart && otherChart.group === chart.group) {
+ otherCharts.push(otherChart);
+ }
+ });
+
+ updateConnectedChartsStatus(otherCharts, STATUS_PENDING);
+ each(otherCharts, function (otherChart) {
+ if (otherChart[STATUS_KEY] !== STATUS_UPDATING) {
+ otherChart.dispatchAction(action);
+ }
+ });
+ updateConnectedChartsStatus(otherCharts, STATUS_UPDATED);
+ }
+ });
+ });
+}
+
+/**
+ * @param {HTMLElement} dom
+ * @param {Object} [theme]
+ * @param {Object} opts
+ * @param {number} [opts.devicePixelRatio] Use window.devicePixelRatio by default
+ * @param {string} [opts.renderer] Can choose 'canvas' or 'svg' to render the chart.
+ * @param {number} [opts.width] Use clientWidth of the input `dom` by default.
+ * Can be 'auto' (the same as null/undefined)
+ * @param {number} [opts.height] Use clientHeight of the input `dom` by default.
+ * Can be 'auto' (the same as null/undefined)
+ */
+function init(dom, theme$$1, opts) {
+ if (__DEV__) {
+ // Check version
+ if ((version$1.replace('.', '') - 0) < (dependencies.zrender.replace('.', '') - 0)) {
+ throw new Error(
+ 'zrender/src ' + version$1
+ + ' is too old for ECharts ' + version
+ + '. Current version need ZRender '
+ + dependencies.zrender + '+'
+ );
+ }
+
+ if (!dom) {
+ throw new Error('Initialize failed: invalid dom.');
+ }
+ }
+
+ var existInstance = getInstanceByDom(dom);
+ if (existInstance) {
+ if (__DEV__) {
+ console.warn('There is a chart instance already initialized on the dom.');
+ }
+ return existInstance;
+ }
+
+ if (__DEV__) {
+ if (isDom(dom)
+ && dom.nodeName.toUpperCase() !== 'CANVAS'
+ && (
+ (!dom.clientWidth && (!opts || opts.width == null))
+ || (!dom.clientHeight && (!opts || opts.height == null))
+ )
+ ) {
+ console.warn('Can\'t get DOM width or height. Please check '
+ + 'dom.clientWidth and dom.clientHeight. They should not be 0.'
+ + 'For example, you may need to call this in the callback '
+ + 'of window.onload.');
+ }
+ }
+
+ var chart = new ECharts(dom, theme$$1, opts);
+ chart.id = 'ec_' + idBase++;
+ instances[chart.id] = chart;
+
+ setAttribute(dom, DOM_ATTRIBUTE_KEY, chart.id);
+
+ enableConnect(chart);
+
+ return chart;
+}
+
+/**
+ * @return {string|Array.<module:echarts~ECharts>} groupId
+ */
+function connect(groupId) {
+ // Is array of charts
+ if (isArray(groupId)) {
+ var charts = groupId;
+ groupId = null;
+ // If any chart has group
+ each(charts, function (chart) {
+ if (chart.group != null) {
+ groupId = chart.group;
+ }
+ });
+ groupId = groupId || ('g_' + groupIdBase++);
+ each(charts, function (chart) {
+ chart.group = groupId;
+ });
+ }
+ connectedGroups[groupId] = true;
+ return groupId;
+}
+
+/**
+ * @DEPRECATED
+ * @return {string} groupId
+ */
+function disConnect(groupId) {
+ connectedGroups[groupId] = false;
+}
+
+/**
+ * @return {string} groupId
+ */
+var disconnect = disConnect;
+
+/**
+ * Dispose a chart instance
+ * @param {module:echarts~ECharts|HTMLDomElement|string} chart
+ */
+function dispose(chart) {
+ if (typeof chart === 'string') {
+ chart = instances[chart];
+ }
+ else if (!(chart instanceof ECharts)) {
+ // Try to treat as dom
+ chart = getInstanceByDom(chart);
+ }
+ if ((chart instanceof ECharts) && !chart.isDisposed()) {
+ chart.dispose();
+ }
+}
+
+/**
+ * @param {HTMLElement} dom
+ * @return {echarts~ECharts}
+ */
+function getInstanceByDom(dom) {
+ return instances[getAttribute(dom, DOM_ATTRIBUTE_KEY)];
+}
+
+/**
+ * @param {string} key
+ * @return {echarts~ECharts}
+ */
+function getInstanceById(key) {
+ return instances[key];
+}
+
+/**
+ * Register theme
+ */
+function registerTheme(name, theme$$1) {
+ themeStorage[name] = theme$$1;
+}
+
+/**
+ * Register option preprocessor
+ * @param {Function} preprocessorFunc
+ */
+function registerPreprocessor(preprocessorFunc) {
+ optionPreprocessorFuncs.push(preprocessorFunc);
+}
+
+/**
+ * @param {number} [priority=1000]
+ * @param {Object|Function} processor
+ */
+function registerProcessor(priority, processor) {
+ normalizeRegister(dataProcessorFuncs, priority, processor, PRIORITY_PROCESSOR_FILTER);
+}
+
+/**
+ * Register postUpdater
+ * @param {Function} postUpdateFunc
+ */
+function registerPostUpdate(postUpdateFunc) {
+ postUpdateFuncs.push(postUpdateFunc);
+}
+
+/**
+ * Usage:
+ * registerAction('someAction', 'someEvent', function () { ... });
+ * registerAction('someAction', function () { ... });
+ * registerAction(
+ * {type: 'someAction', event: 'someEvent', update: 'updateView'},
+ * function () { ... }
+ * );
+ *
+ * @param {(string|Object)} actionInfo
+ * @param {string} actionInfo.type
+ * @param {string} [actionInfo.event]
+ * @param {string} [actionInfo.update]
+ * @param {string} [eventName]
+ * @param {Function} action
+ */
+function registerAction(actionInfo, eventName, action) {
+ if (typeof eventName === 'function') {
+ action = eventName;
+ eventName = '';
+ }
+ var actionType = isObject(actionInfo)
+ ? actionInfo.type
+ : ([actionInfo, actionInfo = {
+ event: eventName
+ }][0]);
+
+ // Event name is all lowercase
+ actionInfo.event = (actionInfo.event || actionType).toLowerCase();
+ eventName = actionInfo.event;
+
+ // Validate action type and event name.
+ assert(ACTION_REG.test(actionType) && ACTION_REG.test(eventName));
+
+ if (!actions[actionType]) {
+ actions[actionType] = {action: action, actionInfo: actionInfo};
+ }
+ eventActionMap[eventName] = actionType;
+}
+
+/**
+ * @param {string} type
+ * @param {*} CoordinateSystem
+ */
+function registerCoordinateSystem(type, CoordinateSystem$$1) {
+ CoordinateSystemManager.register(type, CoordinateSystem$$1);
+}
+
+/**
+ * Get dimensions of specified coordinate system.
+ * @param {string} type
+ * @return {Array.<string|Object>}
+ */
+function getCoordinateSystemDimensions(type) {
+ var coordSysCreator = CoordinateSystemManager.get(type);
+ if (coordSysCreator) {
+ return coordSysCreator.getDimensionsInfo
+ ? coordSysCreator.getDimensionsInfo()
+ : coordSysCreator.dimensions.slice();
+ }
+}
+
+/**
+ * Layout is a special stage of visual encoding
+ * Most visual encoding like color are common for different chart
+ * But each chart has it's own layout algorithm
+ *
+ * @param {number} [priority=1000]
+ * @param {Function} layoutTask
+ */
+function registerLayout(priority, layoutTask) {
+ normalizeRegister(visualFuncs, priority, layoutTask, PRIORITY_VISUAL_LAYOUT, 'layout');
+}
+
+/**
+ * @param {number} [priority=3000]
+ * @param {module:echarts/stream/Task} visualTask
+ */
+function registerVisual(priority, visualTask) {
+ normalizeRegister(visualFuncs, priority, visualTask, PRIORITY_VISUAL_CHART, 'visual');
+}
+
+/**
+ * @param {Object|Function} fn: {seriesType, createOnAllSeries, performRawSeries, reset}
+ */
+function normalizeRegister(targetList, priority, fn, defaultPriority, visualType) {
+ if (isFunction(priority) || isObject(priority)) {
+ fn = priority;
+ priority = defaultPriority;
+ }
+
+ if (__DEV__) {
+ if (isNaN(priority) || priority == null) {
+ throw new Error('Illegal priority');
+ }
+ // Check duplicate
+ each(targetList, function (wrap) {
+ assert(wrap.__raw !== fn);
+ });
+ }
+
+ var stageHandler = Scheduler.wrapStageHandler(fn, visualType);
+
+ stageHandler.__prio = priority;
+ stageHandler.__raw = fn;
+ targetList.push(stageHandler);
+
+ return stageHandler;
+}
+
+/**
+ * @param {string} name
+ */
+function registerLoading(name, loadingFx) {
+ loadingEffects[name] = loadingFx;
+}
+
+/**
+ * @param {Object} opts
+ * @param {string} [superClass]
+ */
+function extendComponentModel(opts/*, superClass*/) {
+ // var Clazz = ComponentModel;
+ // if (superClass) {
+ // var classType = parseClassType(superClass);
+ // Clazz = ComponentModel.getClass(classType.main, classType.sub, true);
+ // }
+ return ComponentModel.extend(opts);
+}
+
+/**
+ * @param {Object} opts
+ * @param {string} [superClass]
+ */
+function extendComponentView(opts/*, superClass*/) {
+ // var Clazz = ComponentView;
+ // if (superClass) {
+ // var classType = parseClassType(superClass);
+ // Clazz = ComponentView.getClass(classType.main, classType.sub, true);
+ // }
+ return Component$1.extend(opts);
+}
+
+/**
+ * @param {Object} opts
+ * @param {string} [superClass]
+ */
+function extendSeriesModel(opts/*, superClass*/) {
+ // var Clazz = SeriesModel;
+ // if (superClass) {
+ // superClass = 'series.' + superClass.replace('series.', '');
+ // var classType = parseClassType(superClass);
+ // Clazz = ComponentModel.getClass(classType.main, classType.sub, true);
+ // }
+ return SeriesModel.extend(opts);
+}
+
+/**
+ * @param {Object} opts
+ * @param {string} [superClass]
+ */
+function extendChartView(opts/*, superClass*/) {
+ // var Clazz = ChartView;
+ // if (superClass) {
+ // superClass = superClass.replace('series.', '');
+ // var classType = parseClassType(superClass);
+ // Clazz = ChartView.getClass(classType.main, true);
+ // }
+ return Chart.extend(opts);
+}
+
+/**
+ * ZRender need a canvas context to do measureText.
+ * But in node environment canvas may be created by node-canvas.
+ * So we need to specify how to create a canvas instead of using document.createElement('canvas')
+ *
+ * Be careful of using it in the browser.
+ *
+ * @param {Function} creator
+ * @example
+ * var Canvas = require('canvas');
+ * var echarts = require('echarts');
+ * echarts.setCanvasCreator(function () {
+ * // Small size is enough.
+ * return new Canvas(32, 32);
+ * });
+ */
+function setCanvasCreator(creator) {
+ $override('createCanvas', creator);
+}
+
+/**
+ * @param {string} mapName
+ * @param {Array.<Object>|Object|string} geoJson
+ * @param {Object} [specialAreas]
+ *
+ * @example GeoJSON
+ * $.get('USA.json', function (geoJson) {
+ * echarts.registerMap('USA', geoJson);
+ * // Or
+ * echarts.registerMap('USA', {
+ * geoJson: geoJson,
+ * specialAreas: {}
+ * })
+ * });
+ *
+ * $.get('airport.svg', function (svg) {
+ * echarts.registerMap('airport', {
+ * svg: svg
+ * }
+ * });
+ *
+ * echarts.registerMap('eu', [
+ * {svg: eu-topographic.svg},
+ * {geoJSON: eu.json}
+ * ])
+ */
+function registerMap(mapName, geoJson, specialAreas) {
+ mapDataStorage.registerMap(mapName, geoJson, specialAreas);
+}
+
+/**
+ * @param {string} mapName
+ * @return {Object}
+ */
+function getMap(mapName) {
+ // For backward compatibility, only return the first one.
+ var records = mapDataStorage.retrieveMap(mapName);
+ return records && records[0] && {
+ geoJson: records[0].geoJSON,
+ specialAreas: records[0].specialAreas
+ };
+}
+
+registerVisual(PRIORITY_VISUAL_GLOBAL, seriesColor);
+registerPreprocessor(backwardCompat);
+registerProcessor(PRIORITY_PROCESSOR_DATASTACK, dataStack);
+registerLoading('default', loadingDefault);
+
+// Default actions
+
+registerAction({
+ type: 'highlight',
+ event: 'highlight',
+ update: 'highlight'
+}, noop);
+
+registerAction({
+ type: 'downplay',
+ event: 'downplay',
+ update: 'downplay'
+}, noop);
+
+// Default theme
+registerTheme('light', lightTheme);
+registerTheme('dark', theme);
+
+// For backward compatibility, where the namespace `dataTool` will
+// be mounted on `echarts` is the extension `dataTool` is imported.
+var dataTool = {};
+
+/*
+* 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 defaultKeyGetter(item) {
+ return item;
+}
+
+/**
+ * @param {Array} oldArr
+ * @param {Array} newArr
+ * @param {Function} oldKeyGetter
+ * @param {Function} newKeyGetter
+ * @param {Object} [context] Can be visited by this.context in callback.
+ */
+function DataDiffer(oldArr, newArr, oldKeyGetter, newKeyGetter, context) {
+ this._old = oldArr;
+ this._new = newArr;
+
+ this._oldKeyGetter = oldKeyGetter || defaultKeyGetter;
+ this._newKeyGetter = newKeyGetter || defaultKeyGetter;
+
+ this.context = context;
+}
+
+DataDiffer.prototype = {
+
+ constructor: DataDiffer,
+
+ /**
+ * Callback function when add a data
+ */
+ add: function (func) {
+ this._add = func;
+ return this;
+ },
+
+ /**
+ * Callback function when update a data
+ */
+ update: function (func) {
+ this._update = func;
+ return this;
+ },
+
+ /**
+ * Callback function when remove a data
+ */
+ remove: function (func) {
+ this._remove = func;
+ return this;
+ },
+
+ execute: function () {
+ var oldArr = this._old;
+ var newArr = this._new;
+
+ var oldDataIndexMap = {};
+ var newDataIndexMap = {};
+ var oldDataKeyArr = [];
+ var newDataKeyArr = [];
+ var i;
+
+ initIndexMap(oldArr, oldDataIndexMap, oldDataKeyArr, '_oldKeyGetter', this);
+ initIndexMap(newArr, newDataIndexMap, newDataKeyArr, '_newKeyGetter', this);
+
+ for (i = 0; i < oldArr.length; i++) {
+ var key = oldDataKeyArr[i];
+ var idx = newDataIndexMap[key];
+
+ // idx can never be empty array here. see 'set null' logic below.
+ if (idx != null) {
+ // Consider there is duplicate key (for example, use dataItem.name as key).
+ // We should make sure every item in newArr and oldArr can be visited.
+ var len = idx.length;
+ if (len) {
+ len === 1 && (newDataIndexMap[key] = null);
+ idx = idx.shift();
+ }
+ else {
+ newDataIndexMap[key] = null;
+ }
+ this._update && this._update(idx, i);
+ }
+ else {
+ this._remove && this._remove(i);
+ }
+ }
+
+ for (var i = 0; i < newDataKeyArr.length; i++) {
+ var key = newDataKeyArr[i];
+ if (newDataIndexMap.hasOwnProperty(key)) {
+ var idx = newDataIndexMap[key];
+ if (idx == null) {
+ continue;
+ }
+ // idx can never be empty array here. see 'set null' logic above.
+ if (!idx.length) {
+ this._add && this._add(idx);
+ }
+ else {
+ for (var j = 0, len = idx.length; j < len; j++) {
+ this._add && this._add(idx[j]);
+ }
+ }
+ }
+ }
+ }
+};
+
+function initIndexMap(arr, map, keyArr, keyGetterName, dataDiffer) {
+ for (var i = 0; i < arr.length; i++) {
+ // Add prefix to avoid conflict with Object.prototype.
+ var key = '_ec_' + dataDiffer[keyGetterName](arr[i], i);
+ var existence = map[key];
+ if (existence == null) {
+ keyArr.push(key);
+ map[key] = i;
+ }
+ else {
+ if (!existence.length) {
+ map[key] = existence = [existence];
+ }
+ existence.push(i);
+ }
+ }
+}
+
+/*
+* 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.
+*/
+
+var OTHER_DIMENSIONS = createHashMap([
+ 'tooltip', 'label', 'itemName', 'itemId', 'seriesName'
+]);
+
+function summarizeDimensions(data) {
+ var summary = {};
+ var encode = summary.encode = {};
+ var notExtraCoordDimMap = createHashMap();
+ var defaultedLabel = [];
+ var defaultedTooltip = [];
+
+ // See the comment of `List.js#userOutput`.
+ var userOutput = summary.userOutput = {
+ dimensionNames: data.dimensions.slice(),
+ encode: {}
+ };
+
+ each$1(data.dimensions, function (dimName) {
+ var dimItem = data.getDimensionInfo(dimName);
+
+ var coordDim = dimItem.coordDim;
+ if (coordDim) {
+ if (__DEV__) {
+ assert$1(OTHER_DIMENSIONS.get(coordDim) == null);
+ }
+
+ var coordDimIndex = dimItem.coordDimIndex;
+ getOrCreateEncodeArr(encode, coordDim)[coordDimIndex] = dimName;
+
+ if (!dimItem.isExtraCoord) {
+ notExtraCoordDimMap.set(coordDim, 1);
+
+ // Use the last coord dim (and label friendly) as default label,
+ // because when dataset is used, it is hard to guess which dimension
+ // can be value dimension. If both show x, y on label is not look good,
+ // and conventionally y axis is focused more.
+ if (mayLabelDimType(dimItem.type)) {
+ defaultedLabel[0] = dimName;
+ }
+
+ // User output encode do not contain generated coords.
+ // And it only has index. User can use index to retrieve value from the raw item array.
+ getOrCreateEncodeArr(userOutput.encode, coordDim)[coordDimIndex] = dimItem.index;
+ }
+ if (dimItem.defaultTooltip) {
+ defaultedTooltip.push(dimName);
+ }
+ }
+
+ OTHER_DIMENSIONS.each(function (v, otherDim) {
+ var encodeArr = getOrCreateEncodeArr(encode, otherDim);
+
+ var dimIndex = dimItem.otherDims[otherDim];
+ if (dimIndex != null && dimIndex !== false) {
+ encodeArr[dimIndex] = dimItem.name;
+ }
+ });
+ });
+
+ var dataDimsOnCoord = [];
+ var encodeFirstDimNotExtra = {};
+
+ notExtraCoordDimMap.each(function (v, coordDim) {
+ var dimArr = encode[coordDim];
+ // ??? FIXME extra coord should not be set in dataDimsOnCoord.
+ // But should fix the case that radar axes: simplify the logic
+ // of `completeDimension`, remove `extraPrefix`.
+ encodeFirstDimNotExtra[coordDim] = dimArr[0];
+ // Not necessary to remove duplicate, because a data
+ // dim canot on more than one coordDim.
+ dataDimsOnCoord = dataDimsOnCoord.concat(dimArr);
+ });
+
+ summary.dataDimsOnCoord = dataDimsOnCoord;
+ summary.encodeFirstDimNotExtra = encodeFirstDimNotExtra;
+
+ var encodeLabel = encode.label;
+ // FIXME `encode.label` is not recommanded, because formatter can not be set
+ // in this way. Use label.formatter instead. May be remove this approach someday.
+ if (encodeLabel && encodeLabel.length) {
+ defaultedLabel = encodeLabel.slice();
+ }
+
+ var encodeTooltip = encode.tooltip;
+ if (encodeTooltip && encodeTooltip.length) {
+ defaultedTooltip = encodeTooltip.slice();
+ }
+ else if (!defaultedTooltip.length) {
+ defaultedTooltip = defaultedLabel.slice();
+ }
+
+ encode.defaultedLabel = defaultedLabel;
+ encode.defaultedTooltip = defaultedTooltip;
+
+ return summary;
+}
+
+function getOrCreateEncodeArr(encode, dim) {
+ if (!encode.hasOwnProperty(dim)) {
+ encode[dim] = [];
+ }
+ return encode[dim];
+}
+
+function getDimensionTypeByAxis(axisType) {
+ return axisType === 'category'
+ ? 'ordinal'
+ : axisType === 'time'
+ ? 'time'
+ : 'float';
+}
+
+function mayLabelDimType(dimType) {
+ // In most cases, ordinal and time do not suitable for label.
+ // Ordinal info can be displayed on axis. Time is too long.
+ return !(dimType === 'ordinal' || dimType === 'time');
+}
+
+// function findTheLastDimMayLabel(data) {
+// // Get last value dim
+// var dimensions = data.dimensions.slice();
+// var valueType;
+// var valueDim;
+// while (dimensions.length && (
+// valueDim = dimensions.pop(),
+// valueType = data.getDimensionInfo(valueDim).type,
+// valueType === 'ordinal' || valueType === 'time'
+// )) {} // jshint ignore:line
+// return valueDim;
+// }
+
+/*
+* 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.
+*/
+
+/**
+ * @class
+ * @param {Object|DataDimensionInfo} [opt] All of the fields will be shallow copied.
+ */
+function DataDimensionInfo(opt) {
+ if (opt != null) {
+ extend(this, opt);
+ }
+
+ /**
+ * Dimension name.
+ * Mandatory.
+ * @type {string}
+ */
+ // this.name;
+
+ /**
+ * The origin name in dimsDef, see source helper.
+ * If displayName given, the tooltip will displayed vertically.
+ * Optional.
+ * @type {string}
+ */
+ // this.displayName;
+
+ /**
+ * Which coordSys dimension this dimension mapped to.
+ * A `coordDim` can be a "coordSysDim" that the coordSys required
+ * (for example, an item in `coordSysDims` of `model/referHelper#CoordSysInfo`),
+ * or an generated "extra coord name" if does not mapped to any "coordSysDim"
+ * (That is determined by whether `isExtraCoord` is `true`).
+ * Mandatory.
+ * @type {string}
+ */
+ // this.coordDim;
+
+ /**
+ * The index of this dimension in `series.encode[coordDim]`.
+ * Mandatory.
+ * @type {number}
+ */
+ // this.coordDimIndex;
+
+ /**
+ * Dimension type. The enumerable values are the key of
+ * `dataCtors` of `data/List`.
+ * Optional.
+ * @type {string}
+ */
+ // this.type;
+
+ /**
+ * This index of this dimension info in `data/List#_dimensionInfos`.
+ * Mandatory after added to `data/List`.
+ * @type {number}
+ */
+ // this.index;
+
+ /**
+ * The format of `otherDims` is:
+ * ```js
+ * {
+ * tooltip: number optional,
+ * label: number optional,
+ * itemName: number optional,
+ * seriesName: number optional,
+ * }
+ * ```
+ *
+ * A `series.encode` can specified these fields:
+ * ```js
+ * encode: {
+ * // "3, 1, 5" is the index of data dimension.
+ * tooltip: [3, 1, 5],
+ * label: [0, 3],
+ * ...
+ * }
+ * ```
+ * `otherDims` is the parse result of the `series.encode` above, like:
+ * ```js
+ * // Suppose the index of this data dimension is `3`.
+ * this.otherDims = {
+ * // `3` is at the index `0` of the `encode.tooltip`
+ * tooltip: 0,
+ * // `3` is at the index `1` of the `encode.tooltip`
+ * label: 1
+ * };
+ * ```
+ *
+ * This prop should never be `null`/`undefined` after initialized.
+ * @type {Object}
+ */
+ this.otherDims = {};
+
+ /**
+ * Be `true` if this dimension is not mapped to any "coordSysDim" that the
+ * "coordSys" required.
+ * Mandatory.
+ * @type {boolean}
+ */
+ // this.isExtraCoord;
+
+ /**
+ * @type {module:data/OrdinalMeta}
+ */
+ // this.ordinalMeta;
+
+ /**
+ * Whether to create inverted indices.
+ * @type {boolean}
+ */
+ // this.createInvertedIndices;
+}
+
+/*
+* 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.
+*/
+
+/* global Float64Array, Int32Array, Uint32Array, Uint16Array */
+
+/**
+ * List for data storage
+ * @module echarts/data/List
+ */
+
+var isObject$4 = isObject$1;
+
+var UNDEFINED = 'undefined';
+var INDEX_NOT_FOUND = -1;
+
+// Use prefix to avoid index to be the same as otherIdList[idx],
+// which will cause weird udpate animation.
+var ID_PREFIX = 'e\0\0';
+
+var dataCtors = {
+ 'float': typeof Float64Array === UNDEFINED
+ ? Array : Float64Array,
+ 'int': typeof Int32Array === UNDEFINED
+ ? Array : Int32Array,
+ // Ordinal data type can be string or int
+ 'ordinal': Array,
+ 'number': Array,
+ 'time': Array
+};
+
+// Caution: MUST not use `new CtorUint32Array(arr, 0, len)`, because the Ctor of array is
+// different from the Ctor of typed array.
+var CtorUint32Array = typeof Uint32Array === UNDEFINED ? Array : Uint32Array;
+var CtorInt32Array = typeof Int32Array === UNDEFINED ? Array : Int32Array;
+var CtorUint16Array = typeof Uint16Array === UNDEFINED ? Array : Uint16Array;
+
+function getIndicesCtor(list) {
+ // The possible max value in this._indicies is always this._rawCount despite of filtering.
+ return list._rawCount > 65535 ? CtorUint32Array : CtorUint16Array;
+}
+
+function cloneChunk(originalChunk) {
+ var Ctor = originalChunk.constructor;
+ // Only shallow clone is enough when Array.
+ return Ctor === Array ? originalChunk.slice() : new Ctor(originalChunk);
+}
+
+var TRANSFERABLE_PROPERTIES = [
+ 'hasItemOption', '_nameList', '_idList', '_invertedIndicesMap',
+ '_rawData', '_chunkSize', '_chunkCount', '_dimValueGetter',
+ '_count', '_rawCount', '_nameDimIdx', '_idDimIdx'
+];
+var CLONE_PROPERTIES = [
+ '_extent', '_approximateExtent', '_rawExtent'
+];
+
+function transferProperties(target, source) {
+ each$1(TRANSFERABLE_PROPERTIES.concat(source.__wrappedMethods || []), function (propName) {
+ if (source.hasOwnProperty(propName)) {
+ target[propName] = source[propName];
+ }
+ });
+
+ target.__wrappedMethods = source.__wrappedMethods;
+
+ each$1(CLONE_PROPERTIES, function (propName) {
+ target[propName] = clone(source[propName]);
+ });
+
+ target._calculationInfo = extend(source._calculationInfo);
+}
+
+
+
+
+
+/**
+ * @constructor
+ * @alias module:echarts/data/List
+ *
+ * @param {Array.<string|Object|module:data/DataDimensionInfo>} dimensions
+ * For example, ['someDimName', {name: 'someDimName', type: 'someDimType'}, ...].
+ * Dimensions should be concrete names like x, y, z, lng, lat, angle, radius
+ * @param {module:echarts/model/Model} hostModel
+ */
+var List = function (dimensions, hostModel) {
+
+ dimensions = dimensions || ['x', 'y'];
+
+ var dimensionInfos = {};
+ var dimensionNames = [];
+ var invertedIndicesMap = {};
+
+ for (var i = 0; i < dimensions.length; i++) {
+ // Use the original dimensions[i], where other flag props may exists.
+ var dimensionInfo = dimensions[i];
+
+ if (isString(dimensionInfo)) {
+ dimensionInfo = new DataDimensionInfo({name: dimensionInfo});
+ }
+ else if (!(dimensionInfo instanceof DataDimensionInfo)) {
+ dimensionInfo = new DataDimensionInfo(dimensionInfo);
+ }
+
+ var dimensionName = dimensionInfo.name;
+ dimensionInfo.type = dimensionInfo.type || 'float';
+ if (!dimensionInfo.coordDim) {
+ dimensionInfo.coordDim = dimensionName;
+ dimensionInfo.coordDimIndex = 0;
+ }
+
+ dimensionInfo.otherDims = dimensionInfo.otherDims || {};
+ dimensionNames.push(dimensionName);
+ dimensionInfos[dimensionName] = dimensionInfo;
+
+ dimensionInfo.index = i;
+
+ if (dimensionInfo.createInvertedIndices) {
+ invertedIndicesMap[dimensionName] = [];
+ }
+ }
+
+ /**
+ * @readOnly
+ * @type {Array.<string>}
+ */
+ this.dimensions = dimensionNames;
+
+ /**
+ * Infomation of each data dimension, like data type.
+ * @type {Object}
+ */
+ this._dimensionInfos = dimensionInfos;
+
+ /**
+ * @type {module:echarts/model/Model}
+ */
+ this.hostModel = hostModel;
+
+ /**
+ * @type {module:echarts/model/Model}
+ */
+ this.dataType;
+
+ /**
+ * Indices stores the indices of data subset after filtered.
+ * This data subset will be used in chart.
+ * @type {Array.<number>}
+ * @readOnly
+ */
+ this._indices = null;
+
+ this._count = 0;
+ this._rawCount = 0;
+
+ /**
+ * Data storage
+ * @type {Object.<key, Array.<TypedArray|Array>>}
+ * @private
+ */
+ this._storage = {};
+
+ /**
+ * @type {Array.<string>}
+ */
+ this._nameList = [];
+ /**
+ * @type {Array.<string>}
+ */
+ this._idList = [];
+
+ /**
+ * Models of data option is stored sparse for optimizing memory cost
+ * @type {Array.<module:echarts/model/Model>}
+ * @private
+ */
+ this._optionModels = [];
+
+ /**
+ * Global visual properties after visual coding
+ * @type {Object}
+ * @private
+ */
+ this._visual = {};
+
+ /**
+ * Globel layout properties.
+ * @type {Object}
+ * @private
+ */
+ this._layout = {};
+
+ /**
+ * Item visual properties after visual coding
+ * @type {Array.<Object>}
+ * @private
+ */
+ this._itemVisuals = [];
+
+ /**
+ * Key: visual type, Value: boolean
+ * @type {Object}
+ * @readOnly
+ */
+ this.hasItemVisual = {};
+
+ /**
+ * Item layout properties after layout
+ * @type {Array.<Object>}
+ * @private
+ */
+ this._itemLayouts = [];
+
+ /**
+ * Graphic elemnents
+ * @type {Array.<module:zrender/Element>}
+ * @private
+ */
+ this._graphicEls = [];
+
+ /**
+ * Max size of each chunk.
+ * @type {number}
+ * @private
+ */
+ this._chunkSize = 1e5;
+
+ /**
+ * @type {number}
+ * @private
+ */
+ this._chunkCount = 0;
+
+ /**
+ * @type {Array.<Array|Object>}
+ * @private
+ */
+ this._rawData;
+
+ /**
+ * Raw extent will not be cloned, but only transfered.
+ * It will not be calculated util needed.
+ * key: dim,
+ * value: {end: number, extent: Array.<number>}
+ * @type {Object}
+ * @private
+ */
+ this._rawExtent = {};
+
+ /**
+ * @type {Object}
+ * @private
+ */
+ this._extent = {};
+
+ /**
+ * key: dim
+ * value: extent
+ * @type {Object}
+ * @private
+ */
+ this._approximateExtent = {};
+
+ /**
+ * Cache summary info for fast visit. See "dimensionHelper".
+ * @type {Object}
+ * @private
+ */
+ this._dimensionsSummary = summarizeDimensions(this);
+
+ /**
+ * @type {Object.<Array|TypedArray>}
+ * @private
+ */
+ this._invertedIndicesMap = invertedIndicesMap;
+
+ /**
+ * @type {Object}
+ * @private
+ */
+ this._calculationInfo = {};
+
+ /**
+ * User output info of this data.
+ * DO NOT use it in other places!
+ *
+ * When preparing user params for user callbacks, we have
+ * to clone these inner data structures to prevent users
+ * from modifying them to effect built-in logic. And for
+ * performance consideration we make this `userOutput` to
+ * avoid clone them too many times.
+ *
+ * @type {Object}
+ * @readOnly
+ */
+ this.userOutput = this._dimensionsSummary.userOutput;
+};
+
+var listProto = List.prototype;
+
+listProto.type = 'list';
+
+/**
+ * If each data item has it's own option
+ * @type {boolean}
+ */
+listProto.hasItemOption = true;
+
+/**
+ * The meanings of the input parameter `dim`:
+ *
+ * + If dim is a number (e.g., `1`), it means the index of the dimension.
+ * For example, `getDimension(0)` will return 'x' or 'lng' or 'radius'.
+ * + If dim is a number-like string (e.g., `"1"`):
+ * + If there is the same concrete dim name defined in `this.dimensions`, it means that concrete name.
+ * + If not, it will be converted to a number, which means the index of the dimension.
+ * (why? because of the backward compatbility. We have been tolerating number-like string in
+ * dimension setting, although now it seems that it is not a good idea.)
+ * For example, `visualMap[i].dimension: "1"` is the same meaning as `visualMap[i].dimension: 1`,
+ * if no dimension name is defined as `"1"`.
+ * + If dim is a not-number-like string, it means the concrete dim name.
+ * For example, it can be be default name `"x"`, `"y"`, `"z"`, `"lng"`, `"lat"`, `"angle"`, `"radius"`,
+ * or customized in `dimensions` property of option like `"age"`.
+ *
+ * Get dimension name
+ * @param {string|number} dim See above.
+ * @return {string} Concrete dim name.
+ */
+listProto.getDimension = function (dim) {
+ if (typeof dim === 'number'
+ // If being a number-like string but not being defined a dimension name.
+ || (!isNaN(dim) && !this._dimensionInfos.hasOwnProperty(dim))
+ ) {
+ dim = this.dimensions[dim];
+ }
+ return dim;
+};
+
+/**
+ * Get type and calculation info of particular dimension
+ * @param {string|number} dim
+ * Dimension can be concrete names like x, y, z, lng, lat, angle, radius
+ * Or a ordinal number. For example getDimensionInfo(0) will return 'x' or 'lng' or 'radius'
+ */
+listProto.getDimensionInfo = function (dim) {
+ // Do not clone, because there may be categories in dimInfo.
+ return this._dimensionInfos[this.getDimension(dim)];
+};
+
+/**
+ * @return {Array.<string>} concrete dimension name list on coord.
+ */
+listProto.getDimensionsOnCoord = function () {
+ return this._dimensionsSummary.dataDimsOnCoord.slice();
+};
+
+/**
+ * @param {string} coordDim
+ * @param {number} [idx] A coordDim may map to more than one data dim.
+ * If idx is `true`, return a array of all mapped dims.
+ * If idx is not specified, return the first dim not extra.
+ * @return {string|Array.<string>} concrete data dim.
+ * If idx is number, and not found, return null/undefined.
+ * If idx is `true`, and not found, return empty array (always return array).
+ */
+listProto.mapDimension = function (coordDim, idx) {
+ var dimensionsSummary = this._dimensionsSummary;
+
+ if (idx == null) {
+ return dimensionsSummary.encodeFirstDimNotExtra[coordDim];
+ }
+
+ var dims = dimensionsSummary.encode[coordDim];
+ return idx === true
+ // always return array if idx is `true`
+ ? (dims || []).slice()
+ : (dims && dims[idx]);
+};
+
+/**
+ * Initialize from data
+ * @param {Array.<Object|number|Array>} data source or data or data provider.
+ * @param {Array.<string>} [nameLIst] The name of a datum is used on data diff and
+ * defualt label/tooltip.
+ * A name can be specified in encode.itemName,
+ * or dataItem.name (only for series option data),
+ * or provided in nameList from outside.
+ * @param {Function} [dimValueGetter] (dataItem, dimName, dataIndex, dimIndex) => number
+ */
+listProto.initData = function (data, nameList, dimValueGetter) {
+
+ var notProvider = Source.isInstance(data) || isArrayLike(data);
+ if (notProvider) {
+ data = new DefaultDataProvider(data, this.dimensions.length);
+ }
+
+ if (__DEV__) {
+ if (!notProvider && (typeof data.getItem !== 'function' || typeof data.count !== 'function')) {
+ throw new Error('Inavlid data provider.');
+ }
+ }
+
+ this._rawData = data;
+
+ // Clear
+ this._storage = {};
+ this._indices = null;
+
+ this._nameList = nameList || [];
+
+ this._idList = [];
+
+ this._nameRepeatCount = {};
+
+ if (!dimValueGetter) {
+ this.hasItemOption = false;
+ }
+
+ /**
+ * @readOnly
+ */
+ this.defaultDimValueGetter = defaultDimValueGetters[
+ this._rawData.getSource().sourceFormat
+ ];
+ // Default dim value getter
+ this._dimValueGetter = dimValueGetter = dimValueGetter
+ || this.defaultDimValueGetter;
+ this._dimValueGetterArrayRows = defaultDimValueGetters.arrayRows;
+
+ // Reset raw extent.
+ this._rawExtent = {};
+
+ this._initDataFromProvider(0, data.count());
+
+ // If data has no item option.
+ if (data.pure) {
+ this.hasItemOption = false;
+ }
+};
+
+listProto.getProvider = function () {
+ return this._rawData;
+};
+
+/**
+ * Caution: Can be only called on raw data (before `this._indices` created).
+ */
+listProto.appendData = function (data) {
+ if (__DEV__) {
+ assert$1(!this._indices, 'appendData can only be called on raw data.');
+ }
+
+ var rawData = this._rawData;
+ var start = this.count();
+ rawData.appendData(data);
+ var end = rawData.count();
+ if (!rawData.persistent) {
+ end += start;
+ }
+ this._initDataFromProvider(start, end);
+};
+
+/**
+ * Caution: Can be only called on raw data (before `this._indices` created).
+ * This method does not modify `rawData` (`dataProvider`), but only
+ * add values to storage.
+ *
+ * The final count will be increased by `Math.max(values.length, names.length)`.
+ *
+ * @param {Array.<Array.<*>>} values That is the SourceType: 'arrayRows', like
+ * [
+ * [12, 33, 44],
+ * [NaN, 43, 1],
+ * ['-', 'asdf', 0]
+ * ]
+ * Each item is exaclty cooresponding to a dimension.
+ * @param {Array.<string>} [names]
+ */
+listProto.appendValues = function (values, names) {
+ var chunkSize = this._chunkSize;
+ var storage = this._storage;
+ var dimensions = this.dimensions;
+ var dimLen = dimensions.length;
+ var rawExtent = this._rawExtent;
+
+ var start = this.count();
+ var end = start + Math.max(values.length, names ? names.length : 0);
+ var originalChunkCount = this._chunkCount;
+
+ for (var i = 0; i < dimLen; i++) {
+ var dim = dimensions[i];
+ if (!rawExtent[dim]) {
+ rawExtent[dim] = getInitialExtent();
+ }
+ if (!storage[dim]) {
+ storage[dim] = [];
+ }
+ prepareChunks(storage, this._dimensionInfos[dim], chunkSize, originalChunkCount, end);
+ this._chunkCount = storage[dim].length;
+ }
+
+ var emptyDataItem = new Array(dimLen);
+ for (var idx = start; idx < end; idx++) {
+ var sourceIdx = idx - start;
+ var chunkIndex = Math.floor(idx / chunkSize);
+ var chunkOffset = idx % chunkSize;
+
+ // Store the data by dimensions
+ for (var k = 0; k < dimLen; k++) {
+ var dim = dimensions[k];
+ var val = this._dimValueGetterArrayRows(
+ values[sourceIdx] || emptyDataItem, dim, sourceIdx, k
+ );
+ storage[dim][chunkIndex][chunkOffset] = val;
+
+ var dimRawExtent = rawExtent[dim];
+ val < dimRawExtent[0] && (dimRawExtent[0] = val);
+ val > dimRawExtent[1] && (dimRawExtent[1] = val);
+ }
+
+ if (names) {
+ this._nameList[idx] = names[sourceIdx];
+ }
+ }
+
+ this._rawCount = this._count = end;
+
+ // Reset data extent
+ this._extent = {};
+
+ prepareInvertedIndex(this);
+};
+
+listProto._initDataFromProvider = function (start, end) {
+ // Optimize.
+ if (start >= end) {
+ return;
+ }
+
+ var chunkSize = this._chunkSize;
+ var rawData = this._rawData;
+ var storage = this._storage;
+ var dimensions = this.dimensions;
+ var dimLen = dimensions.length;
+ var dimensionInfoMap = this._dimensionInfos;
+ var nameList = this._nameList;
+ var idList = this._idList;
+ var rawExtent = this._rawExtent;
+ var nameRepeatCount = this._nameRepeatCount = {};
+ var nameDimIdx;
+
+ var originalChunkCount = this._chunkCount;
+ for (var i = 0; i < dimLen; i++) {
+ var dim = dimensions[i];
+ if (!rawExtent[dim]) {
+ rawExtent[dim] = getInitialExtent();
+ }
+
+ var dimInfo = dimensionInfoMap[dim];
+ if (dimInfo.otherDims.itemName === 0) {
+ nameDimIdx = this._nameDimIdx = i;
+ }
+ if (dimInfo.otherDims.itemId === 0) {
+ this._idDimIdx = i;
+ }
+
+ if (!storage[dim]) {
+ storage[dim] = [];
+ }
+
+ prepareChunks(storage, dimInfo, chunkSize, originalChunkCount, end);
+
+ this._chunkCount = storage[dim].length;
+ }
+
+ var dataItem = new Array(dimLen);
+ for (var idx = start; idx < end; idx++) {
+ // NOTICE: Try not to write things into dataItem
+ dataItem = rawData.getItem(idx, dataItem);
+ // Each data item is value
+ // [1, 2]
+ // 2
+ // Bar chart, line chart which uses category axis
+ // only gives the 'y' value. 'x' value is the indices of category
+ // Use a tempValue to normalize the value to be a (x, y) value
+ var chunkIndex = Math.floor(idx / chunkSize);
+ var chunkOffset = idx % chunkSize;
+
+ // Store the data by dimensions
+ for (var k = 0; k < dimLen; k++) {
+ var dim = dimensions[k];
+ var dimStorage = storage[dim][chunkIndex];
+ // PENDING NULL is empty or zero
+ var val = this._dimValueGetter(dataItem, dim, idx, k);
+ dimStorage[chunkOffset] = val;
+
+ var dimRawExtent = rawExtent[dim];
+ val < dimRawExtent[0] && (dimRawExtent[0] = val);
+ val > dimRawExtent[1] && (dimRawExtent[1] = val);
+ }
+
+ // ??? FIXME not check by pure but sourceFormat?
+ // TODO refactor these logic.
+ if (!rawData.pure) {
+ var name = nameList[idx];
+
+ if (dataItem && name == null) {
+ // If dataItem is {name: ...}, it has highest priority.
+ // That is appropriate for many common cases.
+ if (dataItem.name != null) {
+ // There is no other place to persistent dataItem.name,
+ // so save it to nameList.
+ nameList[idx] = name = dataItem.name;
+ }
+ else if (nameDimIdx != null) {
+ var nameDim = dimensions[nameDimIdx];
+ var nameDimChunk = storage[nameDim][chunkIndex];
+ if (nameDimChunk) {
+ name = nameDimChunk[chunkOffset];
+ var ordinalMeta = dimensionInfoMap[nameDim].ordinalMeta;
+ if (ordinalMeta && ordinalMeta.categories.length) {
+ name = ordinalMeta.categories[name];
+ }
+ }
+ }
+ }
+
+ // Try using the id in option
+ // id or name is used on dynamical data, mapping old and new items.
+ var id = dataItem == null ? null : dataItem.id;
+
+ if (id == null && name != null) {
+ // Use name as id and add counter to avoid same name
+ nameRepeatCount[name] = nameRepeatCount[name] || 0;
+ id = name;
+ if (nameRepeatCount[name] > 0) {
+ id += '__ec__' + nameRepeatCount[name];
+ }
+ nameRepeatCount[name]++;
+ }
+ id != null && (idList[idx] = id);
+ }
+ }
+
+ if (!rawData.persistent && rawData.clean) {
+ // Clean unused data if data source is typed array.
+ rawData.clean();
+ }
+
+ this._rawCount = this._count = end;
+
+ // Reset data extent
+ this._extent = {};
+
+ prepareInvertedIndex(this);
+};
+
+function prepareChunks(storage, dimInfo, chunkSize, chunkCount, end) {
+ var DataCtor = dataCtors[dimInfo.type];
+ var lastChunkIndex = chunkCount - 1;
+ var dim = dimInfo.name;
+ var resizeChunkArray = storage[dim][lastChunkIndex];
+ if (resizeChunkArray && resizeChunkArray.length < chunkSize) {
+ var newStore = new DataCtor(Math.min(end - lastChunkIndex * chunkSize, chunkSize));
+ // The cost of the copy is probably inconsiderable
+ // within the initial chunkSize.
+ for (var j = 0; j < resizeChunkArray.length; j++) {
+ newStore[j] = resizeChunkArray[j];
+ }
+ storage[dim][lastChunkIndex] = newStore;
+ }
+
+ // Create new chunks.
+ for (var k = chunkCount * chunkSize; k < end; k += chunkSize) {
+ storage[dim].push(new DataCtor(Math.min(end - k, chunkSize)));
+ }
+}
+
+function prepareInvertedIndex(list) {
+ var invertedIndicesMap = list._invertedIndicesMap;
+ each$1(invertedIndicesMap, function (invertedIndices, dim) {
+ var dimInfo = list._dimensionInfos[dim];
+
+ // Currently, only dimensions that has ordinalMeta can create inverted indices.
+ var ordinalMeta = dimInfo.ordinalMeta;
+ if (ordinalMeta) {
+ invertedIndices = invertedIndicesMap[dim] = new CtorInt32Array(
+ ordinalMeta.categories.length
+ );
+ // The default value of TypedArray is 0. To avoid miss
+ // mapping to 0, we should set it as INDEX_NOT_FOUND.
+ for (var i = 0; i < invertedIndices.length; i++) {
+ invertedIndices[i] = INDEX_NOT_FOUND;
+ }
+ for (var i = 0; i < list._count; i++) {
+ // Only support the case that all values are distinct.
+ invertedIndices[list.get(dim, i)] = i;
+ }
+ }
+ });
+}
+
+function getRawValueFromStore(list, dimIndex, rawIndex) {
+ var val;
+ if (dimIndex != null) {
+ var chunkSize = list._chunkSize;
+ var chunkIndex = Math.floor(rawIndex / chunkSize);
+ var chunkOffset = rawIndex % chunkSize;
+ var dim = list.dimensions[dimIndex];
+ var chunk = list._storage[dim][chunkIndex];
+ if (chunk) {
+ val = chunk[chunkOffset];
+ var ordinalMeta = list._dimensionInfos[dim].ordinalMeta;
+ if (ordinalMeta && ordinalMeta.categories.length) {
+ val = ordinalMeta.categories[val];
+ }
+ }
+ }
+ return val;
+}
+
+/**
+ * @return {number}
+ */
+listProto.count = function () {
+ return this._count;
+};
+
+listProto.getIndices = function () {
+ var newIndices;
+
+ var indices = this._indices;
+ if (indices) {
+ var Ctor = indices.constructor;
+ var thisCount = this._count;
+ // `new Array(a, b, c)` is different from `new Uint32Array(a, b, c)`.
+ if (Ctor === Array) {
+ newIndices = new Ctor(thisCount);
+ for (var i = 0; i < thisCount; i++) {
+ newIndices[i] = indices[i];
+ }
+ }
+ else {
+ newIndices = new Ctor(indices.buffer, 0, thisCount);
+ }
+ }
+ else {
+ var Ctor = getIndicesCtor(this);
+ var newIndices = new Ctor(this.count());
+ for (var i = 0; i < newIndices.length; i++) {
+ newIndices[i] = i;
+ }
+ }
+
+ return newIndices;
+};
+
+/**
+ * Get value. Return NaN if idx is out of range.
+ * @param {string} dim Dim must be concrete name.
+ * @param {number} idx
+ * @param {boolean} stack
+ * @return {number}
+ */
+listProto.get = function (dim, idx /*, stack */) {
+ if (!(idx >= 0 && idx < this._count)) {
+ return NaN;
+ }
+ var storage = this._storage;
+ if (!storage[dim]) {
+ // TODO Warn ?
+ return NaN;
+ }
+
+ idx = this.getRawIndex(idx);
+
+ var chunkIndex = Math.floor(idx / this._chunkSize);
+ var chunkOffset = idx % this._chunkSize;
+
+ var chunkStore = storage[dim][chunkIndex];
+ var value = chunkStore[chunkOffset];
+ // FIXME ordinal data type is not stackable
+ // if (stack) {
+ // var dimensionInfo = this._dimensionInfos[dim];
+ // if (dimensionInfo && dimensionInfo.stackable) {
+ // var stackedOn = this.stackedOn;
+ // while (stackedOn) {
+ // // Get no stacked data of stacked on
+ // var stackedValue = stackedOn.get(dim, idx);
+ // // Considering positive stack, negative stack and empty data
+ // if ((value >= 0 && stackedValue > 0) // Positive stack
+ // || (value <= 0 && stackedValue < 0) // Negative stack
+ // ) {
+ // value += stackedValue;
+ // }
+ // stackedOn = stackedOn.stackedOn;
+ // }
+ // }
+ // }
+
+ return value;
+};
+
+/**
+ * @param {string} dim concrete dim
+ * @param {number} rawIndex
+ * @return {number|string}
+ */
+listProto.getByRawIndex = function (dim, rawIdx) {
+ if (!(rawIdx >= 0 && rawIdx < this._rawCount)) {
+ return NaN;
+ }
+ var dimStore = this._storage[dim];
+ if (!dimStore) {
+ // TODO Warn ?
+ return NaN;
+ }
+
+ var chunkIndex = Math.floor(rawIdx / this._chunkSize);
+ var chunkOffset = rawIdx % this._chunkSize;
+ var chunkStore = dimStore[chunkIndex];
+ return chunkStore[chunkOffset];
+};
+
+/**
+ * FIXME Use `get` on chrome maybe slow(in filterSelf and selectRange).
+ * Hack a much simpler _getFast
+ * @private
+ */
+listProto._getFast = function (dim, rawIdx) {
+ var chunkIndex = Math.floor(rawIdx / this._chunkSize);
+ var chunkOffset = rawIdx % this._chunkSize;
+ var chunkStore = this._storage[dim][chunkIndex];
+ return chunkStore[chunkOffset];
+};
+
+/**
+ * Get value for multi dimensions.
+ * @param {Array.<string>} [dimensions] If ignored, using all dimensions.
+ * @param {number} idx
+ * @return {number}
+ */
+listProto.getValues = function (dimensions, idx /*, stack */) {
+ var values = [];
+
+ if (!isArray(dimensions)) {
+ // stack = idx;
+ idx = dimensions;
+ dimensions = this.dimensions;
+ }
+
+ for (var i = 0, len = dimensions.length; i < len; i++) {
+ values.push(this.get(dimensions[i], idx /*, stack */));
+ }
+
+ return values;
+};
+
+/**
+ * If value is NaN. Inlcuding '-'
+ * Only check the coord dimensions.
+ * @param {string} dim
+ * @param {number} idx
+ * @return {number}
+ */
+listProto.hasValue = function (idx) {
+ var dataDimsOnCoord = this._dimensionsSummary.dataDimsOnCoord;
+ for (var i = 0, len = dataDimsOnCoord.length; i < len; i++) {
+ // Ordinal type originally can be string or number.
+ // But when an ordinal type is used on coord, it can
+ // not be string but only number. So we can also use isNaN.
+ if (isNaN(this.get(dataDimsOnCoord[i], idx))) {
+ return false;
+ }
+ }
+ return true;
+};
+
+/**
+ * Get extent of data in one dimension
+ * @param {string} dim
+ * @param {boolean} stack
+ */
+listProto.getDataExtent = function (dim /*, stack */) {
+ // Make sure use concrete dim as cache name.
+ dim = this.getDimension(dim);
+ var dimData = this._storage[dim];
+ var initialExtent = getInitialExtent();
+
+ // stack = !!((stack || false) && this.getCalculationInfo(dim));
+
+ if (!dimData) {
+ return initialExtent;
+ }
+
+ // Make more strict checkings to ensure hitting cache.
+ var currEnd = this.count();
+ // var cacheName = [dim, !!stack].join('_');
+ // var cacheName = dim;
+
+ // Consider the most cases when using data zoom, `getDataExtent`
+ // happened before filtering. We cache raw extent, which is not
+ // necessary to be cleared and recalculated when restore data.
+ var useRaw = !this._indices; // && !stack;
+ var dimExtent;
+
+ if (useRaw) {
+ return this._rawExtent[dim].slice();
+ }
+ dimExtent = this._extent[dim];
+ if (dimExtent) {
+ return dimExtent.slice();
+ }
+ dimExtent = initialExtent;
+
+ var min = dimExtent[0];
+ var max = dimExtent[1];
+
+ for (var i = 0; i < currEnd; i++) {
+ // var value = stack ? this.get(dim, i, true) : this._getFast(dim, this.getRawIndex(i));
+ var value = this._getFast(dim, this.getRawIndex(i));
+ value < min && (min = value);
+ value > max && (max = value);
+ }
+
+ dimExtent = [min, max];
+
+ this._extent[dim] = dimExtent;
+
+ return dimExtent;
+};
+
+/**
+ * Optimize for the scenario that data is filtered by a given extent.
+ * Consider that if data amount is more than hundreds of thousand,
+ * extent calculation will cost more than 10ms and the cache will
+ * be erased because of the filtering.
+ */
+listProto.getApproximateExtent = function (dim /*, stack */) {
+ dim = this.getDimension(dim);
+ return this._approximateExtent[dim] || this.getDataExtent(dim /*, stack */);
+};
+
+listProto.setApproximateExtent = function (extent, dim /*, stack */) {
+ dim = this.getDimension(dim);
+ this._approximateExtent[dim] = extent.slice();
+};
+
+/**
+ * @param {string} key
+ * @return {*}
+ */
+listProto.getCalculationInfo = function (key) {
+ return this._calculationInfo[key];
+};
+
+/**
+ * @param {string|Object} key or k-v object
+ * @param {*} [value]
+ */
+listProto.setCalculationInfo = function (key, value) {
+ isObject$4(key)
+ ? extend(this._calculationInfo, key)
+ : (this._calculationInfo[key] = value);
+};
+
+/**
+ * Get sum of data in one dimension
+ * @param {string} dim
+ */
+listProto.getSum = function (dim /*, stack */) {
+ var dimData = this._storage[dim];
+ var sum = 0;
+ if (dimData) {
+ for (var i = 0, len = this.count(); i < len; i++) {
+ var value = this.get(dim, i /*, stack */);
+ if (!isNaN(value)) {
+ sum += value;
+ }
+ }
+ }
+ return sum;
+};
+
+/**
+ * Get median of data in one dimension
+ * @param {string} dim
+ */
+listProto.getMedian = function (dim /*, stack */) {
+ var dimDataArray = [];
+ // map all data of one dimension
+ this.each(dim, function (val, idx) {
+ if (!isNaN(val)) {
+ dimDataArray.push(val);
+ }
+ });
+
+ // TODO
+ // Use quick select?
+
+ // immutability & sort
+ var sortedDimDataArray = [].concat(dimDataArray).sort(function (a, b) {
+ return a - b;
+ });
+ var len = this.count();
+ // calculate median
+ return len === 0
+ ? 0
+ : len % 2 === 1
+ ? sortedDimDataArray[(len - 1) / 2]
+ : (sortedDimDataArray[len / 2] + sortedDimDataArray[len / 2 - 1]) / 2;
+};
+
+// /**
+// * Retreive the index with given value
+// * @param {string} dim Concrete dimension.
+// * @param {number} value
+// * @return {number}
+// */
+// Currently incorrect: should return dataIndex but not rawIndex.
+// Do not fix it until this method is to be used somewhere.
+// FIXME Precision of float value
+// listProto.indexOf = function (dim, value) {
+// var storage = this._storage;
+// var dimData = storage[dim];
+// var chunkSize = this._chunkSize;
+// if (dimData) {
+// for (var i = 0, len = this.count(); i < len; i++) {
+// var chunkIndex = Math.floor(i / chunkSize);
+// var chunkOffset = i % chunkSize;
+// if (dimData[chunkIndex][chunkOffset] === value) {
+// return i;
+// }
+// }
+// }
+// return -1;
+// };
+
+/**
+ * Only support the dimension which inverted index created.
+ * Do not support other cases until required.
+ * @param {string} concrete dim
+ * @param {number|string} value
+ * @return {number} rawIndex
+ */
+listProto.rawIndexOf = function (dim, value) {
+ var invertedIndices = dim && this._invertedIndicesMap[dim];
+ if (__DEV__) {
+ if (!invertedIndices) {
+ throw new Error('Do not supported yet');
+ }
+ }
+ var rawIndex = invertedIndices[value];
+ if (rawIndex == null || isNaN(rawIndex)) {
+ return INDEX_NOT_FOUND;
+ }
+ return rawIndex;
+};
+
+/**
+ * Retreive the index with given name
+ * @param {number} idx
+ * @param {number} name
+ * @return {number}
+ */
+listProto.indexOfName = function (name) {
+ for (var i = 0, len = this.count(); i < len; i++) {
+ if (this.getName(i) === name) {
+ return i;
+ }
+ }
+
+ return -1;
+};
+
+/**
+ * Retreive the index with given raw data index
+ * @param {number} idx
+ * @param {number} name
+ * @return {number}
+ */
+listProto.indexOfRawIndex = function (rawIndex) {
+ if (rawIndex >= this._rawCount || rawIndex < 0) {
+ return -1;
+ }
+
+ if (!this._indices) {
+ return rawIndex;
+ }
+
+ // Indices are ascending
+ var indices = this._indices;
+
+ // If rawIndex === dataIndex
+ var rawDataIndex = indices[rawIndex];
+ if (rawDataIndex != null && rawDataIndex < this._count && rawDataIndex === rawIndex) {
+ return rawIndex;
+ }
+
+ var left = 0;
+ var right = this._count - 1;
+ while (left <= right) {
+ var mid = (left + right) / 2 | 0;
+ if (indices[mid] < rawIndex) {
+ left = mid + 1;
+ }
+ else if (indices[mid] > rawIndex) {
+ right = mid - 1;
+ }
+ else {
+ return mid;
+ }
+ }
+ return -1;
+};
+
+/**
+ * Retreive the index of nearest value
+ * @param {string} dim
+ * @param {number} value
+ * @param {number} [maxDistance=Infinity]
+ * @return {Array.<number>} If and only if multiple indices has
+ * the same value, they are put to the result.
+ */
+listProto.indicesOfNearest = function (dim, value, maxDistance) {
+ var storage = this._storage;
+ var dimData = storage[dim];
+ var nearestIndices = [];
+
+ if (!dimData) {
+ return nearestIndices;
+ }
+
+ if (maxDistance == null) {
+ maxDistance = Infinity;
+ }
+
+ var minDist = Infinity;
+ var minDiff = -1;
+ var nearestIndicesLen = 0;
+
+ // Check the test case of `test/ut/spec/data/List.js`.
+ for (var i = 0, len = this.count(); i < len; i++) {
+ var diff = value - this.get(dim, i);
+ var dist = Math.abs(diff);
+ if (dist <= maxDistance) {
+ // When the `value` is at the middle of `this.get(dim, i)` and `this.get(dim, i+1)`,
+ // we'd better not push both of them to `nearestIndices`, otherwise it is easy to
+ // get more than one item in `nearestIndices` (more specifically, in `tooltip`).
+ // So we chose the one that `diff >= 0` in this csae.
+ // But if `this.get(dim, i)` and `this.get(dim, j)` get the same value, both of them
+ // should be push to `nearestIndices`.
+ if (dist < minDist
+ || (dist === minDist && diff >= 0 && minDiff < 0)
+ ) {
+ minDist = dist;
+ minDiff = diff;
+ nearestIndicesLen = 0;
+ }
+ if (diff === minDiff) {
+ nearestIndices[nearestIndicesLen++] = i;
+ }
+ }
+ }
+ nearestIndices.length = nearestIndicesLen;
+
+ return nearestIndices;
+};
+
+/**
+ * Get raw data index
+ * @param {number} idx
+ * @return {number}
+ */
+listProto.getRawIndex = getRawIndexWithoutIndices;
+
+function getRawIndexWithoutIndices(idx) {
+ return idx;
+}
+
+function getRawIndexWithIndices(idx) {
+ if (idx < this._count && idx >= 0) {
+ return this._indices[idx];
+ }
+ return -1;
+}
+
+/**
+ * Get raw data item
+ * @param {number} idx
+ * @return {number}
+ */
+listProto.getRawDataItem = function (idx) {
+ if (!this._rawData.persistent) {
+ var val = [];
+ for (var i = 0; i < this.dimensions.length; i++) {
+ var dim = this.dimensions[i];
+ val.push(this.get(dim, idx));
+ }
+ return val;
+ }
+ else {
+ return this._rawData.getItem(this.getRawIndex(idx));
+ }
+};
+
+/**
+ * @param {number} idx
+ * @param {boolean} [notDefaultIdx=false]
+ * @return {string}
+ */
+listProto.getName = function (idx) {
+ var rawIndex = this.getRawIndex(idx);
+ return this._nameList[rawIndex]
+ || getRawValueFromStore(this, this._nameDimIdx, rawIndex)
+ || '';
+};
+
+/**
+ * @param {number} idx
+ * @param {boolean} [notDefaultIdx=false]
+ * @return {string}
+ */
+listProto.getId = function (idx) {
+ return getId(this, this.getRawIndex(idx));
+};
+
+function getId(list, rawIndex) {
+ var id = list._idList[rawIndex];
+ if (id == null) {
+ id = getRawValueFromStore(list, list._idDimIdx, rawIndex);
+ }
+ if (id == null) {
+ // FIXME Check the usage in graph, should not use prefix.
+ id = ID_PREFIX + rawIndex;
+ }
+ return id;
+}
+
+function normalizeDimensions(dimensions) {
+ if (!isArray(dimensions)) {
+ dimensions = [dimensions];
+ }
+ return dimensions;
+}
+
+function validateDimensions(list, dims) {
+ for (var i = 0; i < dims.length; i++) {
+ // stroage may be empty when no data, so use
+ // dimensionInfos to check.
+ if (!list._dimensionInfos[dims[i]]) {
+ console.error('Unkown dimension ' + dims[i]);
+ }
+ }
+}
+
+/**
+ * Data iteration
+ * @param {string|Array.<string>}
+ * @param {Function} cb
+ * @param {*} [context=this]
+ *
+ * @example
+ * list.each('x', function (x, idx) {});
+ * list.each(['x', 'y'], function (x, y, idx) {});
+ * list.each(function (idx) {})
+ */
+listProto.each = function (dims, cb, context, contextCompat) {
+ 'use strict';
+
+ if (!this._count) {
+ return;
+ }
+
+ if (typeof dims === 'function') {
+ contextCompat = context;
+ context = cb;
+ cb = dims;
+ dims = [];
+ }
+
+ // contextCompat just for compat echarts3
+ context = context || contextCompat || this;
+
+ dims = map(normalizeDimensions(dims), this.getDimension, this);
+
+ if (__DEV__) {
+ validateDimensions(this, dims);
+ }
+
+ var dimSize = dims.length;
+
+ for (var i = 0; i < this.count(); i++) {
+ // Simple optimization
+ switch (dimSize) {
+ case 0:
+ cb.call(context, i);
+ break;
+ case 1:
+ cb.call(context, this.get(dims[0], i), i);
+ break;
+ case 2:
+ cb.call(context, this.get(dims[0], i), this.get(dims[1], i), i);
+ break;
+ default:
+ var k = 0;
+ var value = [];
+ for (; k < dimSize; k++) {
+ value[k] = this.get(dims[k], i);
+ }
+ // Index
+ value[k] = i;
+ cb.apply(context, value);
+ }
+ }
+};
+
+/**
+ * Data filter
+ * @param {string|Array.<string>}
+ * @param {Function} cb
+ * @param {*} [context=this]
+ */
+listProto.filterSelf = function (dimensions, cb, context, contextCompat) {
+ 'use strict';
+
+ if (!this._count) {
+ return;
+ }
+
+ if (typeof dimensions === 'function') {
+ contextCompat = context;
+ context = cb;
+ cb = dimensions;
+ dimensions = [];
+ }
+
+ // contextCompat just for compat echarts3
+ context = context || contextCompat || this;
+
+ dimensions = map(
+ normalizeDimensions(dimensions), this.getDimension, this
+ );
+
+ if (__DEV__) {
+ validateDimensions(this, dimensions);
+ }
+
+
+ var count = this.count();
+ var Ctor = getIndicesCtor(this);
+ var newIndices = new Ctor(count);
+ var value = [];
+ var dimSize = dimensions.length;
+
+ var offset = 0;
+ var dim0 = dimensions[0];
+
+ for (var i = 0; i < count; i++) {
+ var keep;
+ var rawIdx = this.getRawIndex(i);
+ // Simple optimization
+ if (dimSize === 0) {
+ keep = cb.call(context, i);
+ }
+ else if (dimSize === 1) {
+ var val = this._getFast(dim0, rawIdx);
+ keep = cb.call(context, val, i);
+ }
+ else {
+ for (var k = 0; k < dimSize; k++) {
+ value[k] = this._getFast(dim0, rawIdx);
+ }
+ value[k] = i;
+ keep = cb.apply(context, value);
+ }
+ if (keep) {
+ newIndices[offset++] = rawIdx;
+ }
+ }
+
+ // Set indices after filtered.
+ if (offset < count) {
+ this._indices = newIndices;
+ }
+ this._count = offset;
+ // Reset data extent
+ this._extent = {};
+
+ this.getRawIndex = this._indices ? getRawIndexWithIndices : getRawIndexWithoutIndices;
+
+ return this;
+};
+
+/**
+ * Select data in range. (For optimization of filter)
+ * (Manually inline code, support 5 million data filtering in data zoom.)
+ */
+listProto.selectRange = function (range) {
+ 'use strict';
+
+ if (!this._count) {
+ return;
+ }
+
+ var dimensions = [];
+ for (var dim in range) {
+ if (range.hasOwnProperty(dim)) {
+ dimensions.push(dim);
+ }
+ }
+
+ if (__DEV__) {
+ validateDimensions(this, dimensions);
+ }
+
+ var dimSize = dimensions.length;
+ if (!dimSize) {
+ return;
+ }
+
+ var originalCount = this.count();
+ var Ctor = getIndicesCtor(this);
+ var newIndices = new Ctor(originalCount);
+
+ var offset = 0;
+ var dim0 = dimensions[0];
+
+ var min = range[dim0][0];
+ var max = range[dim0][1];
+
+ var quickFinished = false;
+ if (!this._indices) {
+ // Extreme optimization for common case. About 2x faster in chrome.
+ var idx = 0;
+ if (dimSize === 1) {
+ var dimStorage = this._storage[dimensions[0]];
+ for (var k = 0; k < this._chunkCount; k++) {
+ var chunkStorage = dimStorage[k];
+ var len = Math.min(this._count - k * this._chunkSize, this._chunkSize);
+ for (var i = 0; i < len; i++) {
+ var val = chunkStorage[i];
+ // NaN will not be filtered. Consider the case, in line chart, empty
+ // value indicates the line should be broken. But for the case like
+ // scatter plot, a data item with empty value will not be rendered,
+ // but the axis extent may be effected if some other dim of the data
+ // item has value. Fortunately it is not a significant negative effect.
+ if (
+ (val >= min && val <= max) || isNaN(val)
+ ) {
+ newIndices[offset++] = idx;
+ }
+ idx++;
+ }
+ }
+ quickFinished = true;
+ }
+ else if (dimSize === 2) {
+ var dimStorage = this._storage[dim0];
+ var dimStorage2 = this._storage[dimensions[1]];
+ var min2 = range[dimensions[1]][0];
+ var max2 = range[dimensions[1]][1];
+ for (var k = 0; k < this._chunkCount; k++) {
+ var chunkStorage = dimStorage[k];
+ var chunkStorage2 = dimStorage2[k];
+ var len = Math.min(this._count - k * this._chunkSize, this._chunkSize);
+ for (var i = 0; i < len; i++) {
+ var val = chunkStorage[i];
+ var val2 = chunkStorage2[i];
+ // Do not filter NaN, see comment above.
+ if ((
+ (val >= min && val <= max) || isNaN(val)
+ )
+ && (
+ (val2 >= min2 && val2 <= max2) || isNaN(val2)
+ )
+ ) {
+ newIndices[offset++] = idx;
+ }
+ idx++;
+ }
+ }
+ quickFinished = true;
+ }
+ }
+ if (!quickFinished) {
+ if (dimSize === 1) {
+ for (var i = 0; i < originalCount; i++) {
+ var rawIndex = this.getRawIndex(i);
+ var val = this._getFast(dim0, rawIndex);
+ // Do not filter NaN, see comment above.
+ if (
+ (val >= min && val <= max) || isNaN(val)
+ ) {
+ newIndices[offset++] = rawIndex;
+ }
+ }
+ }
+ else {
+ for (var i = 0; i < originalCount; i++) {
+ var keep = true;
+ var rawIndex = this.getRawIndex(i);
+ for (var k = 0; k < dimSize; k++) {
+ var dimk = dimensions[k];
+ var val = this._getFast(dim, rawIndex);
+ // Do not filter NaN, see comment above.
+ if (val < range[dimk][0] || val > range[dimk][1]) {
+ keep = false;
+ }
+ }
+ if (keep) {
+ newIndices[offset++] = this.getRawIndex(i);
+ }
+ }
+ }
+ }
+
+ // Set indices after filtered.
+ if (offset < originalCount) {
+ this._indices = newIndices;
+ }
+ this._count = offset;
+ // Reset data extent
+ this._extent = {};
+
+ this.getRawIndex = this._indices ? getRawIndexWithIndices : getRawIndexWithoutIndices;
+
+ return this;
+};
+
+/**
+ * Data mapping to a plain array
+ * @param {string|Array.<string>} [dimensions]
+ * @param {Function} cb
+ * @param {*} [context=this]
+ * @return {Array}
+ */
+listProto.mapArray = function (dimensions, cb, context, contextCompat) {
+ 'use strict';
+
+ if (typeof dimensions === 'function') {
+ contextCompat = context;
+ context = cb;
+ cb = dimensions;
+ dimensions = [];
+ }
+
+ // contextCompat just for compat echarts3
+ context = context || contextCompat || this;
+
+ var result = [];
+ this.each(dimensions, function () {
+ result.push(cb && cb.apply(this, arguments));
+ }, context);
+ return result;
+};
+
+// Data in excludeDimensions is copied, otherwise transfered.
+function cloneListForMapAndSample(original, excludeDimensions) {
+ var allDimensions = original.dimensions;
+ var list = new List(
+ map(allDimensions, original.getDimensionInfo, original),
+ original.hostModel
+ );
+ // FIXME If needs stackedOn, value may already been stacked
+ transferProperties(list, original);
+
+ var storage = list._storage = {};
+ var originalStorage = original._storage;
+
+ // Init storage
+ for (var i = 0; i < allDimensions.length; i++) {
+ var dim = allDimensions[i];
+ if (originalStorage[dim]) {
+ // Notice that we do not reset invertedIndicesMap here, becuase
+ // there is no scenario of mapping or sampling ordinal dimension.
+ if (indexOf(excludeDimensions, dim) >= 0) {
+ storage[dim] = cloneDimStore(originalStorage[dim]);
+ list._rawExtent[dim] = getInitialExtent();
+ list._extent[dim] = null;
+ }
+ else {
+ // Direct reference for other dimensions
+ storage[dim] = originalStorage[dim];
+ }
+ }
+ }
+ return list;
+}
+
+function cloneDimStore(originalDimStore) {
+ var newDimStore = new Array(originalDimStore.length);
+ for (var j = 0; j < originalDimStore.length; j++) {
+ newDimStore[j] = cloneChunk(originalDimStore[j]);
+ }
+ return newDimStore;
+}
+
+function getInitialExtent() {
+ return [Infinity, -Infinity];
+}
+
+/**
+ * Data mapping to a new List with given dimensions
+ * @param {string|Array.<string>} dimensions
+ * @param {Function} cb
+ * @param {*} [context=this]
+ * @return {Array}
+ */
+listProto.map = function (dimensions, cb, context, contextCompat) {
+ 'use strict';
+
+ // contextCompat just for compat echarts3
+ context = context || contextCompat || this;
+
+ dimensions = map(
+ normalizeDimensions(dimensions), this.getDimension, this
+ );
+
+ if (__DEV__) {
+ validateDimensions(this, dimensions);
+ }
+
+ var list = cloneListForMapAndSample(this, dimensions);
+
+ // Following properties are all immutable.
+ // So we can reference to the same value
+ list._indices = this._indices;
+ list.getRawIndex = list._indices ? getRawIndexWithIndices : getRawIndexWithoutIndices;
+
+ var storage = list._storage;
+
+ var tmpRetValue = [];
+ var chunkSize = this._chunkSize;
+ var dimSize = dimensions.length;
+ var dataCount = this.count();
+ var values = [];
+ var rawExtent = list._rawExtent;
+
+ for (var dataIndex = 0; dataIndex < dataCount; dataIndex++) {
+ for (var dimIndex = 0; dimIndex < dimSize; dimIndex++) {
+ values[dimIndex] = this.get(dimensions[dimIndex], dataIndex /*, stack */);
+ }
+ values[dimSize] = dataIndex;
+
+ var retValue = cb && cb.apply(context, values);
+ if (retValue != null) {
+ // a number or string (in oridinal dimension)?
+ if (typeof retValue !== 'object') {
+ tmpRetValue[0] = retValue;
+ retValue = tmpRetValue;
+ }
+
+ var rawIndex = this.getRawIndex(dataIndex);
+ var chunkIndex = Math.floor(rawIndex / chunkSize);
+ var chunkOffset = rawIndex % chunkSize;
+
+ for (var i = 0; i < retValue.length; i++) {
+ var dim = dimensions[i];
+ var val = retValue[i];
+ var rawExtentOnDim = rawExtent[dim];
+
+ var dimStore = storage[dim];
+ if (dimStore) {
+ dimStore[chunkIndex][chunkOffset] = val;
+ }
+
+ if (val < rawExtentOnDim[0]) {
+ rawExtentOnDim[0] = val;
+ }
+ if (val > rawExtentOnDim[1]) {
+ rawExtentOnDim[1] = val;
+ }
+ }
+ }
+ }
+
+ return list;
+};
+
+/**
+ * Large data down sampling on given dimension
+ * @param {string} dimension
+ * @param {number} rate
+ * @param {Function} sampleValue
+ * @param {Function} sampleIndex Sample index for name and id
+ */
+listProto.downSample = function (dimension, rate, sampleValue, sampleIndex) {
+ var list = cloneListForMapAndSample(this, [dimension]);
+ var targetStorage = list._storage;
+
+ var frameValues = [];
+ var frameSize = Math.floor(1 / rate);
+
+ var dimStore = targetStorage[dimension];
+ var len = this.count();
+ var chunkSize = this._chunkSize;
+ var rawExtentOnDim = list._rawExtent[dimension];
+
+ var newIndices = new (getIndicesCtor(this))(len);
+
+ var offset = 0;
+ for (var i = 0; i < len; i += frameSize) {
+ // Last frame
+ if (frameSize > len - i) {
+ frameSize = len - i;
+ frameValues.length = frameSize;
+ }
+ for (var k = 0; k < frameSize; k++) {
+ var dataIdx = this.getRawIndex(i + k);
+ var originalChunkIndex = Math.floor(dataIdx / chunkSize);
+ var originalChunkOffset = dataIdx % chunkSize;
+ frameValues[k] = dimStore[originalChunkIndex][originalChunkOffset];
+ }
+ var value = sampleValue(frameValues);
+ var sampleFrameIdx = this.getRawIndex(
+ Math.min(i + sampleIndex(frameValues, value) || 0, len - 1)
+ );
+ var sampleChunkIndex = Math.floor(sampleFrameIdx / chunkSize);
+ var sampleChunkOffset = sampleFrameIdx % chunkSize;
+ // Only write value on the filtered data
+ dimStore[sampleChunkIndex][sampleChunkOffset] = value;
+
+ if (value < rawExtentOnDim[0]) {
+ rawExtentOnDim[0] = value;
+ }
+ if (value > rawExtentOnDim[1]) {
+ rawExtentOnDim[1] = value;
+ }
+
+ newIndices[offset++] = sampleFrameIdx;
+ }
+
+ list._count = offset;
+ list._indices = newIndices;
+
+ list.getRawIndex = getRawIndexWithIndices;
+
+ return list;
+};
+
+/**
+ * Get model of one data item.
+ *
+ * @param {number} idx
+ */
+// FIXME Model proxy ?
+listProto.getItemModel = function (idx) {
+ var hostModel = this.hostModel;
+ return new Model(this.getRawDataItem(idx), hostModel, hostModel && hostModel.ecModel);
+};
+
+/**
+ * Create a data differ
+ * @param {module:echarts/data/List} otherList
+ * @return {module:echarts/data/DataDiffer}
+ */
+listProto.diff = function (otherList) {
+ var thisList = this;
+
+ return new DataDiffer(
+ otherList ? otherList.getIndices() : [],
+ this.getIndices(),
+ function (idx) {
+ return getId(otherList, idx);
+ },
+ function (idx) {
+ return getId(thisList, idx);
+ }
+ );
+};
+/**
+ * Get visual property.
+ * @param {string} key
+ */
+listProto.getVisual = function (key) {
+ var visual = this._visual;
+ return visual && visual[key];
+};
+
+/**
+ * Set visual property
+ * @param {string|Object} key
+ * @param {*} [value]
+ *
+ * @example
+ * setVisual('color', color);
+ * setVisual({
+ * 'color': color
+ * });
+ */
+listProto.setVisual = function (key, val) {
+ if (isObject$4(key)) {
+ for (var name in key) {
+ if (key.hasOwnProperty(name)) {
+ this.setVisual(name, key[name]);
+ }
+ }
+ return;
+ }
+ this._visual = this._visual || {};
+ this._visual[key] = val;
+};
+
+/**
+ * Set layout property.
+ * @param {string|Object} key
+ * @param {*} [val]
+ */
+listProto.setLayout = function (key, val) {
+ if (isObject$4(key)) {
+ for (var name in key) {
+ if (key.hasOwnProperty(name)) {
+ this.setLayout(name, key[name]);
+ }
+ }
+ return;
+ }
+ this._layout[key] = val;
+};
+
+/**
+ * Get layout property.
+ * @param {string} key.
+ * @return {*}
+ */
+listProto.getLayout = function (key) {
+ return this._layout[key];
+};
+
+/**
+ * Get layout of single data item
+ * @param {number} idx
+ */
+listProto.getItemLayout = function (idx) {
+ return this._itemLayouts[idx];
+};
+
+/**
+ * Set layout of single data item
+ * @param {number} idx
+ * @param {Object} layout
+ * @param {boolean=} [merge=false]
+ */
+listProto.setItemLayout = function (idx, layout, merge$$1) {
+ this._itemLayouts[idx] = merge$$1
+ ? extend(this._itemLayouts[idx] || {}, layout)
+ : layout;
+};
+
+/**
+ * Clear all layout of single data item
+ */
+listProto.clearItemLayouts = function () {
+ this._itemLayouts.length = 0;
+};
+
+/**
+ * Get visual property of single data item
+ * @param {number} idx
+ * @param {string} key
+ * @param {boolean} [ignoreParent=false]
+ */
+listProto.getItemVisual = function (idx, key, ignoreParent) {
+ var itemVisual = this._itemVisuals[idx];
+ var val = itemVisual && itemVisual[key];
+ if (val == null && !ignoreParent) {
+ // Use global visual property
+ return this.getVisual(key);
+ }
+ return val;
+};
+
+/**
+ * Set visual property of single data item
+ *
+ * @param {number} idx
+ * @param {string|Object} key
+ * @param {*} [value]
+ *
+ * @example
+ * setItemVisual(0, 'color', color);
+ * setItemVisual(0, {
+ * 'color': color
+ * });
+ */
+listProto.setItemVisual = function (idx, key, value) {
+ var itemVisual = this._itemVisuals[idx] || {};
+ var hasItemVisual = this.hasItemVisual;
+ this._itemVisuals[idx] = itemVisual;
+
+ if (isObject$4(key)) {
+ for (var name in key) {
+ if (key.hasOwnProperty(name)) {
+ itemVisual[name] = key[name];
+ hasItemVisual[name] = true;
+ }
+ }
+ return;
+ }
+ itemVisual[key] = value;
+ hasItemVisual[key] = true;
+};
+
+/**
+ * Clear itemVisuals and list visual.
+ */
+listProto.clearAllVisual = function () {
+ this._visual = {};
+ this._itemVisuals = [];
+ this.hasItemVisual = {};
+};
+
+var setItemDataAndSeriesIndex = function (child) {
+ child.seriesIndex = this.seriesIndex;
+ child.dataIndex = this.dataIndex;
+ child.dataType = this.dataType;
+};
+/**
+ * Set graphic element relative to data. It can be set as null
+ * @param {number} idx
+ * @param {module:zrender/Element} [el]
+ */
+listProto.setItemGraphicEl = function (idx, el) {
+ var hostModel = this.hostModel;
+
+ if (el) {
+ // Add data index and series index for indexing the data by element
+ // Useful in tooltip
+ el.dataIndex = idx;
+ el.dataType = this.dataType;
+ el.seriesIndex = hostModel && hostModel.seriesIndex;
+ if (el.type === 'group') {
+ el.traverse(setItemDataAndSeriesIndex, el);
+ }
+ }
+
+ this._graphicEls[idx] = el;
+};
+
+/**
+ * @param {number} idx
+ * @return {module:zrender/Element}
+ */
+listProto.getItemGraphicEl = function (idx) {
+ return this._graphicEls[idx];
+};
+
+/**
+ * @param {Function} cb
+ * @param {*} context
+ */
+listProto.eachItemGraphicEl = function (cb, context) {
+ each$1(this._graphicEls, function (el, idx) {
+ if (el) {
+ cb && cb.call(context, el, idx);
+ }
+ });
+};
+
+/**
+ * Shallow clone a new list except visual and layout properties, and graph elements.
+ * New list only change the indices.
+ */
+listProto.cloneShallow = function (list) {
+ if (!list) {
+ var dimensionInfoList = map(this.dimensions, this.getDimensionInfo, this);
+ list = new List(dimensionInfoList, this.hostModel);
+ }
+
+ // FIXME
+ list._storage = this._storage;
+
+ transferProperties(list, this);
+
+ // Clone will not change the data extent and indices
+ if (this._indices) {
+ var Ctor = this._indices.constructor;
+ list._indices = new Ctor(this._indices);
+ }
+ else {
+ list._indices = null;
+ }
+ list.getRawIndex = list._indices ? getRawIndexWithIndices : getRawIndexWithoutIndices;
+
+ return list;
+};
+
+/**
+ * Wrap some method to add more feature
+ * @param {string} methodName
+ * @param {Function} injectFunction
+ */
+listProto.wrapMethod = function (methodName, injectFunction) {
+ var originalMethod = this[methodName];
+ if (typeof originalMethod !== 'function') {
+ return;
+ }
+ this.__wrappedMethods = this.__wrappedMethods || [];
+ this.__wrappedMethods.push(methodName);
+ this[methodName] = function () {
+ var res = originalMethod.apply(this, arguments);
+ return injectFunction.apply(this, [res].concat(slice(arguments)));
+ };
+};
+
+// Methods that create a new list based on this list should be listed here.
+// Notice that those method should `RETURN` the new list.
+listProto.TRANSFERABLE_METHODS = ['cloneShallow', 'downSample', 'map'];
+// Methods that change indices of this list should be listed here.
+listProto.CHANGABLE_METHODS = ['filterSelf', 'selectRange'];
+
+/*
+* 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.
+*/
+
+/**
+ * @deprecated
+ * Use `echarts/data/helper/createDimensions` instead.
+ */
+
+/**
+ * @see {module:echarts/test/ut/spec/data/completeDimensions}
+ *
+ * This method builds the relationship between:
+ * + "what the coord sys or series requires (see `sysDims`)",
+ * + "what the user defines (in `encode` and `dimensions`, see `opt.dimsDef` and `opt.encodeDef`)"
+ * + "what the data source provids (see `source`)".
+ *
+ * Some guess strategy will be adapted if user does not define something.
+ * If no 'value' dimension specified, the first no-named dimension will be
+ * named as 'value'.
+ *
+ * @param {Array.<string>} sysDims Necessary dimensions, like ['x', 'y'], which
+ * provides not only dim template, but also default order.
+ * properties: 'name', 'type', 'displayName'.
+ * `name` of each item provides default coord name.
+ * [{dimsDef: [string|Object, ...]}, ...] dimsDef of sysDim item provides default dim name, and
+ * provide dims count that the sysDim required.
+ * [{ordinalMeta}] can be specified.
+ * @param {module:echarts/data/Source|Array|Object} source or data (for compatibal with pervious)
+ * @param {Object} [opt]
+ * @param {Array.<Object|string>} [opt.dimsDef] option.series.dimensions User defined dimensions
+ * For example: ['asdf', {name, type}, ...].
+ * @param {Object|HashMap} [opt.encodeDef] option.series.encode {x: 2, y: [3, 1], tooltip: [1, 2], label: 3}
+ * @param {Function} [opt.encodeDefaulter] Called if no `opt.encodeDef` exists.
+ * If not specified, auto find the next available data dim.
+ * param source {module:data/Source}
+ * param dimCount {number}
+ * return {Object} encode Never be `null/undefined`.
+ * @param {string} [opt.generateCoord] Generate coord dim with the given name.
+ * If not specified, extra dim names will be:
+ * 'value', 'value0', 'value1', ...
+ * @param {number} [opt.generateCoordCount] By default, the generated dim name is `generateCoord`.
+ * If `generateCoordCount` specified, the generated dim names will be:
+ * `generateCoord` + 0, `generateCoord` + 1, ...
+ * can be Infinity, indicate that use all of the remain columns.
+ * @param {number} [opt.dimCount] If not specified, guess by the first data item.
+ * @return {Array.<module:data/DataDimensionInfo>}
+ */
+function completeDimensions(sysDims, source, opt) {
+ if (!Source.isInstance(source)) {
+ source = Source.seriesDataToSource(source);
+ }
+
+ opt = opt || {};
+ sysDims = (sysDims || []).slice();
+ var dimsDef = (opt.dimsDef || []).slice();
+ var dataDimNameMap = createHashMap();
+ var coordDimNameMap = createHashMap();
+ // var valueCandidate;
+ var result = [];
+
+ var dimCount = getDimCount(source, sysDims, dimsDef, opt.dimCount);
+
+ // Apply user defined dims (`name` and `type`) and init result.
+ for (var i = 0; i < dimCount; i++) {
+ var dimDefItem = dimsDef[i] = extend(
+ {}, isObject$1(dimsDef[i]) ? dimsDef[i] : {name: dimsDef[i]}
+ );
+ var userDimName = dimDefItem.name;
+ var resultItem = result[i] = new DataDimensionInfo();
+ // Name will be applied later for avoiding duplication.
+ if (userDimName != null && dataDimNameMap.get(userDimName) == null) {
+ // Only if `series.dimensions` is defined in option
+ // displayName, will be set, and dimension will be diplayed vertically in
+ // tooltip by default.
+ resultItem.name = resultItem.displayName = userDimName;
+ dataDimNameMap.set(userDimName, i);
+ }
+ dimDefItem.type != null && (resultItem.type = dimDefItem.type);
+ dimDefItem.displayName != null && (resultItem.displayName = dimDefItem.displayName);
+ }
+
+ var encodeDef = opt.encodeDef;
+ if (!encodeDef && opt.encodeDefaulter) {
+ encodeDef = opt.encodeDefaulter(source, dimCount);
+ }
+ encodeDef = createHashMap(encodeDef);
+
+ // Set `coordDim` and `coordDimIndex` by `encodeDef` and normalize `encodeDef`.
+ encodeDef.each(function (dataDims, coordDim) {
+ dataDims = normalizeToArray(dataDims).slice();
+
+ // Note: It is allowed that `dataDims.length` is `0`, e.g., options is
+ // `{encode: {x: -1, y: 1}}`. Should not filter anything in
+ // this case.
+ if (dataDims.length === 1 && !isString(dataDims[0]) && dataDims[0] < 0) {
+ encodeDef.set(coordDim, false);
+ return;
+ }
+
+ var validDataDims = encodeDef.set(coordDim, []);
+ each$1(dataDims, function (resultDimIdx, idx) {
+ // The input resultDimIdx can be dim name or index.
+ isString(resultDimIdx) && (resultDimIdx = dataDimNameMap.get(resultDimIdx));
+ if (resultDimIdx != null && resultDimIdx < dimCount) {
+ validDataDims[idx] = resultDimIdx;
+ applyDim(result[resultDimIdx], coordDim, idx);
+ }
+ });
+ });
+
+ // Apply templetes and default order from `sysDims`.
+ var availDimIdx = 0;
+ each$1(sysDims, function (sysDimItem, sysDimIndex) {
+ var coordDim;
+ var sysDimItem;
+ var sysDimItemDimsDef;
+ var sysDimItemOtherDims;
+ if (isString(sysDimItem)) {
+ coordDim = sysDimItem;
+ sysDimItem = {};
+ }
+ else {
+ coordDim = sysDimItem.name;
+ var ordinalMeta = sysDimItem.ordinalMeta;
+ sysDimItem.ordinalMeta = null;
+ sysDimItem = clone(sysDimItem);
+ sysDimItem.ordinalMeta = ordinalMeta;
+ // `coordDimIndex` should not be set directly.
+ sysDimItemDimsDef = sysDimItem.dimsDef;
+ sysDimItemOtherDims = sysDimItem.otherDims;
+ sysDimItem.name = sysDimItem.coordDim = sysDimItem.coordDimIndex =
+ sysDimItem.dimsDef = sysDimItem.otherDims = null;
+ }
+
+ var dataDims = encodeDef.get(coordDim);
+
+ // negative resultDimIdx means no need to mapping.
+ if (dataDims === false) {
+ return;
+ }
+
+ var dataDims = normalizeToArray(dataDims);
+
+ // dimensions provides default dim sequences.
+ if (!dataDims.length) {
+ for (var i = 0; i < (sysDimItemDimsDef && sysDimItemDimsDef.length || 1); i++) {
+ while (availDimIdx < result.length && result[availDimIdx].coordDim != null) {
+ availDimIdx++;
+ }
+ availDimIdx < result.length && dataDims.push(availDimIdx++);
+ }
+ }
+
+ // Apply templates.
+ each$1(dataDims, function (resultDimIdx, coordDimIndex) {
+ var resultItem = result[resultDimIdx];
+ applyDim(defaults(resultItem, sysDimItem), coordDim, coordDimIndex);
+ if (resultItem.name == null && sysDimItemDimsDef) {
+ var sysDimItemDimsDefItem = sysDimItemDimsDef[coordDimIndex];
+ !isObject$1(sysDimItemDimsDefItem) && (sysDimItemDimsDefItem = {name: sysDimItemDimsDefItem});
+ resultItem.name = resultItem.displayName = sysDimItemDimsDefItem.name;
+ resultItem.defaultTooltip = sysDimItemDimsDefItem.defaultTooltip;
+ }
+ // FIXME refactor, currently only used in case: {otherDims: {tooltip: false}}
+ sysDimItemOtherDims && defaults(resultItem.otherDims, sysDimItemOtherDims);
+ });
+ });
+
+ function applyDim(resultItem, coordDim, coordDimIndex) {
+ if (OTHER_DIMENSIONS.get(coordDim) != null) {
+ resultItem.otherDims[coordDim] = coordDimIndex;
+ }
+ else {
+ resultItem.coordDim = coordDim;
+ resultItem.coordDimIndex = coordDimIndex;
+ coordDimNameMap.set(coordDim, true);
+ }
+ }
+
+ // Make sure the first extra dim is 'value'.
+ var generateCoord = opt.generateCoord;
+ var generateCoordCount = opt.generateCoordCount;
+ var fromZero = generateCoordCount != null;
+ generateCoordCount = generateCoord ? (generateCoordCount || 1) : 0;
+ var extra = generateCoord || 'value';
+
+ // Set dim `name` and other `coordDim` and other props.
+ for (var resultDimIdx = 0; resultDimIdx < dimCount; resultDimIdx++) {
+ var resultItem = result[resultDimIdx] = result[resultDimIdx] || new DataDimensionInfo();
+ var coordDim = resultItem.coordDim;
+
+ if (coordDim == null) {
+ resultItem.coordDim = genName(
+ extra, coordDimNameMap, fromZero
+ );
+ resultItem.coordDimIndex = 0;
+ if (!generateCoord || generateCoordCount <= 0) {
+ resultItem.isExtraCoord = true;
+ }
+ generateCoordCount--;
+ }
+
+ resultItem.name == null && (resultItem.name = genName(
+ resultItem.coordDim,
+ dataDimNameMap
+ ));
+
+ if (resultItem.type == null
+ && (
+ guessOrdinal(source, resultDimIdx, resultItem.name) === BE_ORDINAL.Must
+ // Consider the case:
+ // {
+ // dataset: {source: [
+ // ['2001', 123],
+ // ['2002', 456],
+ // ...
+ // ['The others', 987],
+ // ]},
+ // series: {type: 'pie'}
+ // }
+ // The first colum should better be treated as a "ordinal" although it
+ // might not able to be detected as an "ordinal" by `guessOrdinal`.
+ || (resultItem.isExtraCoord
+ && (resultItem.otherDims.itemName != null
+ || resultItem.otherDims.seriesName != null
+ )
+ )
+ )
+ ) {
+ resultItem.type = 'ordinal';
+ }
+ }
+
+ return result;
+}
+
+// ??? TODO
+// Originally detect dimCount by data[0]. Should we
+// optimize it to only by sysDims and dimensions and encode.
+// So only necessary dims will be initialized.
+// But
+// (1) custom series should be considered. where other dims
+// may be visited.
+// (2) sometimes user need to calcualte bubble size or use visualMap
+// on other dimensions besides coordSys needed.
+// So, dims that is not used by system, should be shared in storage?
+function getDimCount(source, sysDims, dimsDef, optDimCount) {
+ // Note that the result dimCount should not small than columns count
+ // of data, otherwise `dataDimNameMap` checking will be incorrect.
+ var dimCount = Math.max(
+ source.dimensionsDetectCount || 1,
+ sysDims.length,
+ dimsDef.length,
+ optDimCount || 0
+ );
+ each$1(sysDims, function (sysDimItem) {
+ var sysDimItemDimsDef = sysDimItem.dimsDef;
+ sysDimItemDimsDef && (dimCount = Math.max(dimCount, sysDimItemDimsDef.length));
+ });
+ return dimCount;
+}
+
+function genName(name, map$$1, fromZero) {
+ if (fromZero || map$$1.get(name) != null) {
+ var i = 0;
+ while (map$$1.get(name + i) != null) {
+ i++;
+ }
+ name += i;
+ }
+ map$$1.set(name, true);
+ return name;
+}
+
+/*
+* 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.
+*/
+
+/**
+ * Substitute `completeDimensions`.
+ * `completeDimensions` is to be deprecated.
+ */
+/**
+ * @param {module:echarts/data/Source|module:echarts/data/List} source or data.
+ * @param {Object|Array} [opt]
+ * @param {Array.<string|Object>} [opt.coordDimensions=[]]
+ * @param {number} [opt.dimensionsCount]
+ * @param {string} [opt.generateCoord]
+ * @param {string} [opt.generateCoordCount]
+ * @param {Array.<string|Object>} [opt.dimensionsDefine=source.dimensionsDefine] Overwrite source define.
+ * @param {Object|HashMap} [opt.encodeDefine=source.encodeDefine] Overwrite source define.
+ * @param {Function} [opt.encodeDefaulter] Make default encode if user not specified.
+ * @return {Array.<Object>} dimensionsInfo
+ */
+var createDimensions = function (source, opt) {
+ opt = opt || {};
+ return completeDimensions(opt.coordDimensions || [], source, {
+ dimsDef: opt.dimensionsDefine || source.dimensionsDefine,
+ encodeDef: opt.encodeDefine || source.encodeDefine,
+ dimCount: opt.dimensionsCount,
+ encodeDefaulter: opt.encodeDefaulter,
+ generateCoord: opt.generateCoord,
+ generateCoordCount: opt.generateCoordCount
+ });
+};
+
+/*
+* 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.
+*/
+
+/**
+ * Helper for model references.
+ * There are many manners to refer axis/coordSys.
+ */
+
+// TODO
+// merge relevant logic to this file?
+// check: "modelHelper" of tooltip and "BrushTargetManager".
+
+/**
+ * @class
+ * For example:
+ * {
+ * coordSysName: 'cartesian2d',
+ * coordSysDims: ['x', 'y', ...],
+ * axisMap: HashMap({
+ * x: xAxisModel,
+ * y: yAxisModel
+ * }),
+ * categoryAxisMap: HashMap({
+ * x: xAxisModel,
+ * y: undefined
+ * }),
+ * // The index of the first category axis in `coordSysDims`.
+ * // `null/undefined` means no category axis exists.
+ * firstCategoryDimIndex: 1,
+ * // To replace user specified encode.
+ * }
+ */
+function CoordSysInfo(coordSysName) {
+ /**
+ * @type {string}
+ */
+ this.coordSysName = coordSysName;
+ /**
+ * @type {Array.<string>}
+ */
+ this.coordSysDims = [];
+ /**
+ * @type {module:zrender/core/util#HashMap}
+ */
+ this.axisMap = createHashMap();
+ /**
+ * @type {module:zrender/core/util#HashMap}
+ */
+ this.categoryAxisMap = createHashMap();
+ /**
+ * @type {number}
+ */
+ this.firstCategoryDimIndex = null;
+}
+
+/**
+ * @return {module:model/referHelper#CoordSysInfo}
+ */
+function getCoordSysInfoBySeries(seriesModel) {
+ var coordSysName = seriesModel.get('coordinateSystem');
+ var result = new CoordSysInfo(coordSysName);
+ var fetch = fetchers[coordSysName];
+ if (fetch) {
+ fetch(seriesModel, result, result.axisMap, result.categoryAxisMap);
+ return result;
+ }
+}
+
+var fetchers = {
+
+ cartesian2d: function (seriesModel, result, axisMap, categoryAxisMap) {
+ var xAxisModel = seriesModel.getReferringComponents('xAxis')[0];
+ var yAxisModel = seriesModel.getReferringComponents('yAxis')[0];
+
+ if (__DEV__) {
+ if (!xAxisModel) {
+ throw new Error('xAxis "' + retrieve(
+ seriesModel.get('xAxisIndex'),
+ seriesModel.get('xAxisId'),
+ 0
+ ) + '" not found');
+ }
+ if (!yAxisModel) {
+ throw new Error('yAxis "' + retrieve(
+ seriesModel.get('xAxisIndex'),
+ seriesModel.get('yAxisId'),
+ 0
+ ) + '" not found');
+ }
+ }
+
+ result.coordSysDims = ['x', 'y'];
+ axisMap.set('x', xAxisModel);
+ axisMap.set('y', yAxisModel);
+
+ if (isCategory(xAxisModel)) {
+ categoryAxisMap.set('x', xAxisModel);
+ result.firstCategoryDimIndex = 0;
+ }
+ if (isCategory(yAxisModel)) {
+ categoryAxisMap.set('y', yAxisModel);
+ result.firstCategoryDimIndex == null & (result.firstCategoryDimIndex = 1);
+ }
+ },
+
+ singleAxis: function (seriesModel, result, axisMap, categoryAxisMap) {
+ var singleAxisModel = seriesModel.getReferringComponents('singleAxis')[0];
+
+ if (__DEV__) {
+ if (!singleAxisModel) {
+ throw new Error('singleAxis should be specified.');
+ }
+ }
+
+ result.coordSysDims = ['single'];
+ axisMap.set('single', singleAxisModel);
+
+ if (isCategory(singleAxisModel)) {
+ categoryAxisMap.set('single', singleAxisModel);
+ result.firstCategoryDimIndex = 0;
+ }
+ },
+
+ polar: function (seriesModel, result, axisMap, categoryAxisMap) {
+ var polarModel = seriesModel.getReferringComponents('polar')[0];
+ var radiusAxisModel = polarModel.findAxisModel('radiusAxis');
+ var angleAxisModel = polarModel.findAxisModel('angleAxis');
+
+ if (__DEV__) {
+ if (!angleAxisModel) {
+ throw new Error('angleAxis option not found');
+ }
+ if (!radiusAxisModel) {
+ throw new Error('radiusAxis option not found');
+ }
+ }
+
+ result.coordSysDims = ['radius', 'angle'];
+ axisMap.set('radius', radiusAxisModel);
+ axisMap.set('angle', angleAxisModel);
+
+ if (isCategory(radiusAxisModel)) {
+ categoryAxisMap.set('radius', radiusAxisModel);
+ result.firstCategoryDimIndex = 0;
+ }
+ if (isCategory(angleAxisModel)) {
+ categoryAxisMap.set('angle', angleAxisModel);
+ result.firstCategoryDimIndex == null && (result.firstCategoryDimIndex = 1);
+ }
+ },
+
+ geo: function (seriesModel, result, axisMap, categoryAxisMap) {
+ result.coordSysDims = ['lng', 'lat'];
+ },
+
+ parallel: function (seriesModel, result, axisMap, categoryAxisMap) {
+ var ecModel = seriesModel.ecModel;
+ var parallelModel = ecModel.getComponent(
+ 'parallel', seriesModel.get('parallelIndex')
+ );
+ var coordSysDims = result.coordSysDims = parallelModel.dimensions.slice();
+
+ each$1(parallelModel.parallelAxisIndex, function (axisIndex, index) {
+ var axisModel = ecModel.getComponent('parallelAxis', axisIndex);
+ var axisDim = coordSysDims[index];
+ axisMap.set(axisDim, axisModel);
+
+ if (isCategory(axisModel) && result.firstCategoryDimIndex == null) {
+ categoryAxisMap.set(axisDim, axisModel);
+ result.firstCategoryDimIndex = index;
+ }
+ });
+ }
+};
+
+function isCategory(axisModel) {
+ return axisModel.get('type') === 'category';
+}
+
+/*
+* 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.
+*/
+
+/**
+ * Note that it is too complicated to support 3d stack by value
+ * (have to create two-dimension inverted index), so in 3d case
+ * we just support that stacked by index.
+ *
+ * @param {module:echarts/model/Series} seriesModel
+ * @param {Array.<string|Object>} dimensionInfoList The same as the input of <module:echarts/data/List>.
+ * The input dimensionInfoList will be modified.
+ * @param {Object} [opt]
+ * @param {boolean} [opt.stackedCoordDimension=''] Specify a coord dimension if needed.
+ * @param {boolean} [opt.byIndex=false]
+ * @return {Object} calculationInfo
+ * {
+ * stackedDimension: string
+ * stackedByDimension: string
+ * isStackedByIndex: boolean
+ * stackedOverDimension: string
+ * stackResultDimension: string
+ * }
+ */
+function enableDataStack(seriesModel, dimensionInfoList, opt) {
+ opt = opt || {};
+ var byIndex = opt.byIndex;
+ var stackedCoordDimension = opt.stackedCoordDimension;
+
+ // Compatibal: when `stack` is set as '', do not stack.
+ var mayStack = !!(seriesModel && seriesModel.get('stack'));
+ var stackedByDimInfo;
+ var stackedDimInfo;
+ var stackResultDimension;
+ var stackedOverDimension;
+
+ each$1(dimensionInfoList, function (dimensionInfo, index) {
+ if (isString(dimensionInfo)) {
+ dimensionInfoList[index] = dimensionInfo = {name: dimensionInfo};
+ }
+
+ if (mayStack && !dimensionInfo.isExtraCoord) {
+ // Find the first ordinal dimension as the stackedByDimInfo.
+ if (!byIndex && !stackedByDimInfo && dimensionInfo.ordinalMeta) {
+ stackedByDimInfo = dimensionInfo;
+ }
+ // Find the first stackable dimension as the stackedDimInfo.
+ if (!stackedDimInfo
+ && dimensionInfo.type !== 'ordinal'
+ && dimensionInfo.type !== 'time'
+ && (!stackedCoordDimension || stackedCoordDimension === dimensionInfo.coordDim)
+ ) {
+ stackedDimInfo = dimensionInfo;
+ }
+ }
+ });
+
+ if (stackedDimInfo && !byIndex && !stackedByDimInfo) {
+ // Compatible with previous design, value axis (time axis) only stack by index.
+ // It may make sense if the user provides elaborately constructed data.
+ byIndex = true;
+ }
+
+ // Add stack dimension, they can be both calculated by coordinate system in `unionExtent`.
+ // That put stack logic in List is for using conveniently in echarts extensions, but it
+ // might not be a good way.
+ if (stackedDimInfo) {
+ // Use a weird name that not duplicated with other names.
+ stackResultDimension = '__\0ecstackresult';
+ stackedOverDimension = '__\0ecstackedover';
+
+ // Create inverted index to fast query index by value.
+ if (stackedByDimInfo) {
+ stackedByDimInfo.createInvertedIndices = true;
+ }
+
+ var stackedDimCoordDim = stackedDimInfo.coordDim;
+ var stackedDimType = stackedDimInfo.type;
+ var stackedDimCoordIndex = 0;
+
+ each$1(dimensionInfoList, function (dimensionInfo) {
+ if (dimensionInfo.coordDim === stackedDimCoordDim) {
+ stackedDimCoordIndex++;
+ }
+ });
+
+ dimensionInfoList.push({
+ name: stackResultDimension,
+ coordDim: stackedDimCoordDim,
+ coordDimIndex: stackedDimCoordIndex,
+ type: stackedDimType,
+ isExtraCoord: true,
+ isCalculationCoord: true
+ });
+
+ stackedDimCoordIndex++;
+
+ dimensionInfoList.push({
+ name: stackedOverDimension,
+ // This dimension contains stack base (generally, 0), so do not set it as
+ // `stackedDimCoordDim` to avoid extent calculation, consider log scale.
+ coordDim: stackedOverDimension,
+ coordDimIndex: stackedDimCoordIndex,
+ type: stackedDimType,
+ isExtraCoord: true,
+ isCalculationCoord: true
+ });
+ }
+
+ return {
+ stackedDimension: stackedDimInfo && stackedDimInfo.name,
+ stackedByDimension: stackedByDimInfo && stackedByDimInfo.name,
+ isStackedByIndex: byIndex,
+ stackedOverDimension: stackedOverDimension,
+ stackResultDimension: stackResultDimension
+ };
+}
+
+/**
+ * @param {module:echarts/data/List} data
+ * @param {string} stackedDim
+ */
+function isDimensionStacked(data, stackedDim /*, stackedByDim*/) {
+ // Each single series only maps to one pair of axis. So we do not need to
+ // check stackByDim, whatever stacked by a dimension or stacked by index.
+ return !!stackedDim && stackedDim === data.getCalculationInfo('stackedDimension');
+ // && (
+ // stackedByDim != null
+ // ? stackedByDim === data.getCalculationInfo('stackedByDimension')
+ // : data.getCalculationInfo('isStackedByIndex')
+ // );
+}
+
+/**
+ * @param {module:echarts/data/List} data
+ * @param {string} targetDim
+ * @param {string} [stackedByDim] If not input this parameter, check whether
+ * stacked by index.
+ * @return {string} dimension
+ */
+function getStackedDimension(data, targetDim) {
+ return isDimensionStacked(data, targetDim)
+ ? data.getCalculationInfo('stackResultDimension')
+ : targetDim;
+}
+
+/*
+* 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.
+*/
+
+/**
+ * @param {module:echarts/data/Source|Array} source Or raw data.
+ * @param {module:echarts/model/Series} seriesModel
+ * @param {Object} [opt]
+ * @param {string} [opt.generateCoord]
+ * @param {boolean} [opt.useEncodeDefaulter]
+ */
+function createListFromArray(source, seriesModel, opt) {
+ opt = opt || {};
+
+ if (!Source.isInstance(source)) {
+ source = Source.seriesDataToSource(source);
+ }
+
+ var coordSysName = seriesModel.get('coordinateSystem');
+ var registeredCoordSys = CoordinateSystemManager.get(coordSysName);
+
+ var coordSysInfo = getCoordSysInfoBySeries(seriesModel);
+
+ var coordSysDimDefs;
+
+ if (coordSysInfo) {
+ coordSysDimDefs = map(coordSysInfo.coordSysDims, function (dim) {
+ var dimInfo = {name: dim};
+ var axisModel = coordSysInfo.axisMap.get(dim);
+ if (axisModel) {
+ var axisType = axisModel.get('type');
+ dimInfo.type = getDimensionTypeByAxis(axisType);
+ // dimInfo.stackable = isStackable(axisType);
+ }
+ return dimInfo;
+ });
+ }
+
+ if (!coordSysDimDefs) {
+ // Get dimensions from registered coordinate system
+ coordSysDimDefs = (registeredCoordSys && (
+ registeredCoordSys.getDimensionsInfo
+ ? registeredCoordSys.getDimensionsInfo()
+ : registeredCoordSys.dimensions.slice()
+ )) || ['x', 'y'];
+ }
+
+ var dimInfoList = createDimensions(source, {
+ coordDimensions: coordSysDimDefs,
+ generateCoord: opt.generateCoord,
+ encodeDefaulter: opt.useEncodeDefaulter
+ ? curry(makeSeriesEncodeForAxisCoordSys, coordSysDimDefs, seriesModel)
+ : null
+ });
+
+ var firstCategoryDimIndex;
+ var hasNameEncode;
+ coordSysInfo && each$1(dimInfoList, function (dimInfo, dimIndex) {
+ var coordDim = dimInfo.coordDim;
+ var categoryAxisModel = coordSysInfo.categoryAxisMap.get(coordDim);
+ if (categoryAxisModel) {
+ if (firstCategoryDimIndex == null) {
+ firstCategoryDimIndex = dimIndex;
+ }
+ dimInfo.ordinalMeta = categoryAxisModel.getOrdinalMeta();
+ }
+ if (dimInfo.otherDims.itemName != null) {
+ hasNameEncode = true;
+ }
+ });
+ if (!hasNameEncode && firstCategoryDimIndex != null) {
+ dimInfoList[firstCategoryDimIndex].otherDims.itemName = 0;
+ }
+
+ var stackCalculationInfo = enableDataStack(seriesModel, dimInfoList);
+
+ var list = new List(dimInfoList, seriesModel);
+
+ list.setCalculationInfo(stackCalculationInfo);
+
+ var dimValueGetter = (firstCategoryDimIndex != null && isNeedCompleteOrdinalData(source))
+ ? function (itemOpt, dimName, dataIndex, dimIndex) {
+ // Use dataIndex as ordinal value in categoryAxis
+ return dimIndex === firstCategoryDimIndex
+ ? dataIndex
+ : this.defaultDimValueGetter(itemOpt, dimName, dataIndex, dimIndex);
+ }
+ : null;
+
+ list.hasItemOption = false;
+ list.initData(source, null, dimValueGetter);
+
+ return list;
+}
+
+function isNeedCompleteOrdinalData(source) {
+ if (source.sourceFormat === SOURCE_FORMAT_ORIGINAL) {
+ var sampleItem = firstDataNotNull(source.data || []);
+ return sampleItem != null
+ && !isArray(getDataItemValue(sampleItem));
+ }
+}
+
+function firstDataNotNull(data) {
+ var i = 0;
+ while (i < data.length && data[i] == null) {
+ i++;
+ }
+ return data[i];
+}
+
+/*
+* 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.
+*/
+
+/**
+ * // Scale class management
+ * @module echarts/scale/Scale
+ */
+
+/**
+ * @param {Object} [setting]
+ */
+function Scale(setting) {
+ this._setting = setting || {};
+
+ /**
+ * Extent
+ * @type {Array.<number>}
+ * @protected
+ */
+ this._extent = [Infinity, -Infinity];
+
+ /**
+ * Step is calculated in adjustExtent
+ * @type {Array.<number>}
+ * @protected
+ */
+ this._interval = 0;
+
+ this.init && this.init.apply(this, arguments);
+}
+
+/**
+ * Parse input val to valid inner number.
+ * @param {*} val
+ * @return {number}
+ */
+Scale.prototype.parse = function (val) {
+ // Notice: This would be a trap here, If the implementation
+ // of this method depends on extent, and this method is used
+ // before extent set (like in dataZoom), it would be wrong.
+ // Nevertheless, parse does not depend on extent generally.
+ return val;
+};
+
+Scale.prototype.getSetting = function (name) {
+ return this._setting[name];
+};
+
+Scale.prototype.contain = function (val) {
+ var extent = this._extent;
+ return val >= extent[0] && val <= extent[1];
+};
+
+/**
+ * Normalize value to linear [0, 1], return 0.5 if extent span is 0
+ * @param {number} val
+ * @return {number}
+ */
+Scale.prototype.normalize = function (val) {
+ var extent = this._extent;
+ if (extent[1] === extent[0]) {
+ return 0.5;
+ }
+ return (val - extent[0]) / (extent[1] - extent[0]);
+};
+
+/**
+ * Scale normalized value
+ * @param {number} val
+ * @return {number}
+ */
+Scale.prototype.scale = function (val) {
+ var extent = this._extent;
+ return val * (extent[1] - extent[0]) + extent[0];
+};
+
+/**
+ * Set extent from data
+ * @param {Array.<number>} other
+ */
+Scale.prototype.unionExtent = function (other) {
+ var extent = this._extent;
+ other[0] < extent[0] && (extent[0] = other[0]);
+ other[1] > extent[1] && (extent[1] = other[1]);
+ // not setExtent because in log axis it may transformed to power
+ // this.setExtent(extent[0], extent[1]);
+};
+
+/**
+ * Set extent from data
+ * @param {module:echarts/data/List} data
+ * @param {string} dim
+ */
+Scale.prototype.unionExtentFromData = function (data, dim) {
+ this.unionExtent(data.getApproximateExtent(dim));
+};
+
+/**
+ * Get extent
+ * @return {Array.<number>}
+ */
+Scale.prototype.getExtent = function () {
+ return this._extent.slice();
+};
+
+/**
+ * Set extent
+ * @param {number} start
+ * @param {number} end
+ */
+Scale.prototype.setExtent = function (start, end) {
+ var thisExtent = this._extent;
+ if (!isNaN(start)) {
+ thisExtent[0] = start;
+ }
+ if (!isNaN(end)) {
+ thisExtent[1] = end;
+ }
+};
+
+/**
+ * When axis extent depends on data and no data exists,
+ * axis ticks should not be drawn, which is named 'blank'.
+ */
+Scale.prototype.isBlank = function () {
+ return this._isBlank;
+},
+
+/**
+ * When axis extent depends on data and no data exists,
+ * axis ticks should not be drawn, which is named 'blank'.
+ */
+Scale.prototype.setBlank = function (isBlank) {
+ this._isBlank = isBlank;
+};
+
+/**
+ * @abstract
+ * @param {*} tick
+ * @return {string} label of the tick.
+ */
+Scale.prototype.getLabel = null;
+
+
+enableClassExtend(Scale);
+enableClassManagement(Scale, {
+ registerWhenExtend: true
+});
+
+/*
+* 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.
+*/
+
+/**
+ * @constructor
+ * @param {Object} [opt]
+ * @param {Object} [opt.categories=[]]
+ * @param {Object} [opt.needCollect=false]
+ * @param {Object} [opt.deduplication=false]
+ */
+function OrdinalMeta(opt) {
+
+ /**
+ * @readOnly
+ * @type {Array.<string>}
+ */
+ this.categories = opt.categories || [];
+
+ /**
+ * @private
+ * @type {boolean}
+ */
+ this._needCollect = opt.needCollect;
+
+ /**
+ * @private
+ * @type {boolean}
+ */
+ this._deduplication = opt.deduplication;
+
+ /**
+ * @private
+ * @type {boolean}
+ */
+ this._map;
+}
+
+/**
+ * @param {module:echarts/model/Model} axisModel
+ * @return {module:echarts/data/OrdinalMeta}
+ */
+OrdinalMeta.createByAxisModel = function (axisModel) {
+ var option = axisModel.option;
+ var data = option.data;
+ var categories = data && map(data, getName);
+
+ return new OrdinalMeta({
+ categories: categories,
+ needCollect: !categories,
+ // deduplication is default in axis.
+ deduplication: option.dedplication !== false
+ });
+};
+
+var proto$1 = OrdinalMeta.prototype;
+
+/**
+ * @param {string} category
+ * @return {number} ordinal
+ */
+proto$1.getOrdinal = function (category) {
+ return getOrCreateMap(this).get(category);
+};
+
+/**
+ * @param {*} category
+ * @return {number} The ordinal. If not found, return NaN.
+ */
+proto$1.parseAndCollect = function (category) {
+ var index;
+ var needCollect = this._needCollect;
+
+ // The value of category dim can be the index of the given category set.
+ // This feature is only supported when !needCollect, because we should
+ // consider a common case: a value is 2017, which is a number but is
+ // expected to be tread as a category. This case usually happen in dataset,
+ // where it happent to be no need of the index feature.
+ if (typeof category !== 'string' && !needCollect) {
+ return category;
+ }
+
+ // Optimize for the scenario:
+ // category is ['2012-01-01', '2012-01-02', ...], where the input
+ // data has been ensured not duplicate and is large data.
+ // Notice, if a dataset dimension provide categroies, usually echarts
+ // should remove duplication except user tell echarts dont do that
+ // (set axis.deduplication = false), because echarts do not know whether
+ // the values in the category dimension has duplication (consider the
+ // parallel-aqi example)
+ if (needCollect && !this._deduplication) {
+ index = this.categories.length;
+ this.categories[index] = category;
+ return index;
+ }
+
+ var map$$1 = getOrCreateMap(this);
+ index = map$$1.get(category);
+
+ if (index == null) {
+ if (needCollect) {
+ index = this.categories.length;
+ this.categories[index] = category;
+ map$$1.set(category, index);
+ }
+ else {
+ index = NaN;
+ }
+ }
+
+ return index;
+};
+
+// Consider big data, do not create map until needed.
+function getOrCreateMap(ordinalMeta) {
+ return ordinalMeta._map || (
+ ordinalMeta._map = createHashMap(ordinalMeta.categories)
+ );
+}
+
+function getName(obj) {
+ if (isObject$1(obj) && obj.value != null) {
+ return obj.value;
+ }
+ else {
+ return obj + '';
+ }
+}
+
+/*
+* 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.
+*/
+
+/**
+ * Linear continuous scale
+ * @module echarts/coord/scale/Ordinal
+ *
+ * http://en.wikipedia.org/wiki/Level_of_measurement
+ */
+
+// FIXME only one data
+
+var scaleProto = Scale.prototype;
+
+var OrdinalScale = Scale.extend({
+
+ type: 'ordinal',
+
+ /**
+ * @param {module:echarts/data/OrdianlMeta|Array.<string>} ordinalMeta
+ */
+ init: function (ordinalMeta, extent) {
+ // Caution: Should not use instanceof, consider ec-extensions using
+ // import approach to get OrdinalMeta class.
+ if (!ordinalMeta || isArray(ordinalMeta)) {
+ ordinalMeta = new OrdinalMeta({categories: ordinalMeta});
+ }
+ this._ordinalMeta = ordinalMeta;
+ this._extent = extent || [0, ordinalMeta.categories.length - 1];
+ },
+
+ parse: function (val) {
+ return typeof val === 'string'
+ ? this._ordinalMeta.getOrdinal(val)
+ // val might be float.
+ : Math.round(val);
+ },
+
+ contain: function (rank) {
+ rank = this.parse(rank);
+ return scaleProto.contain.call(this, rank)
+ && this._ordinalMeta.categories[rank] != null;
+ },
+
+ /**
+ * Normalize given rank or name to linear [0, 1]
+ * @param {number|string} [val]
+ * @return {number}
+ */
+ normalize: function (val) {
+ return scaleProto.normalize.call(this, this.parse(val));
+ },
+
+ scale: function (val) {
+ return Math.round(scaleProto.scale.call(this, val));
+ },
+
+ /**
+ * @return {Array}
+ */
+ getTicks: function () {
+ var ticks = [];
+ var extent = this._extent;
+ var rank = extent[0];
+
+ while (rank <= extent[1]) {
+ ticks.push(rank);
+ rank++;
+ }
+
+ return ticks;
+ },
+
+ /**
+ * Get item on rank n
+ * @param {number} n
+ * @return {string}
+ */
+ getLabel: function (n) {
+ if (!this.isBlank()) {
+ // Note that if no data, ordinalMeta.categories is an empty array.
+ return this._ordinalMeta.categories[n];
+ }
+ },
+
+ /**
+ * @return {number}
+ */
+ count: function () {
+ return this._extent[1] - this._extent[0] + 1;
+ },
+
+ /**
+ * @override
+ */
+ unionExtentFromData: function (data, dim) {
+ this.unionExtent(data.getApproximateExtent(dim));
+ },
+
+ getOrdinalMeta: function () {
+ return this._ordinalMeta;
+ },
+
+ niceTicks: noop,
+ niceExtent: noop
+});
+
+/**
+ * @return {module:echarts/scale/Time}
+ */
+OrdinalScale.create = function () {
+ return new OrdinalScale();
+};
+
+/*
+* 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.
+*/
+
+/**
+ * For testable.
+ */
+
+var roundNumber$1 = round$1;
+
+/**
+ * @param {Array.<number>} extent Both extent[0] and extent[1] should be valid number.
+ * Should be extent[0] < extent[1].
+ * @param {number} splitNumber splitNumber should be >= 1.
+ * @param {number} [minInterval]
+ * @param {number} [maxInterval]
+ * @return {Object} {interval, intervalPrecision, niceTickExtent}
+ */
+function intervalScaleNiceTicks(extent, splitNumber, minInterval, maxInterval) {
+ var result = {};
+ var span = extent[1] - extent[0];
+
+ var interval = result.interval = nice(span / splitNumber, true);
+ if (minInterval != null && interval < minInterval) {
+ interval = result.interval = minInterval;
+ }
+ if (maxInterval != null && interval > maxInterval) {
+ interval = result.interval = maxInterval;
+ }
+ // Tow more digital for tick.
+ var precision = result.intervalPrecision = getIntervalPrecision(interval);
+ // Niced extent inside original extent
+ var niceTickExtent = result.niceTickExtent = [
+ roundNumber$1(Math.ceil(extent[0] / interval) * interval, precision),
+ roundNumber$1(Math.floor(extent[1] / interval) * interval, precision)
+ ];
+
+ fixExtent(niceTickExtent, extent);
+
+ return result;
+}
+
+/**
+ * @param {number} interval
+ * @return {number} interval precision
+ */
+function getIntervalPrecision(interval) {
+ // Tow more digital for tick.
+ return getPrecisionSafe(interval) + 2;
+}
+
+function clamp(niceTickExtent, idx, extent) {
+ niceTickExtent[idx] = Math.max(Math.min(niceTickExtent[idx], extent[1]), extent[0]);
+}
+
+// In some cases (e.g., splitNumber is 1), niceTickExtent may be out of extent.
+function fixExtent(niceTickExtent, extent) {
+ !isFinite(niceTickExtent[0]) && (niceTickExtent[0] = extent[0]);
+ !isFinite(niceTickExtent[1]) && (niceTickExtent[1] = extent[1]);
+ clamp(niceTickExtent, 0, extent);
+ clamp(niceTickExtent, 1, extent);
+ if (niceTickExtent[0] > niceTickExtent[1]) {
+ niceTickExtent[0] = niceTickExtent[1];
+ }
+}
+
+/*
+* 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.
+*/
+
+/**
+ * Interval scale
+ * @module echarts/scale/Interval
+ */
+
+
+var roundNumber = round$1;
+
+/**
+ * @alias module:echarts/coord/scale/Interval
+ * @constructor
+ */
+var IntervalScale = Scale.extend({
+
+ type: 'interval',
+
+ _interval: 0,
+
+ _intervalPrecision: 2,
+
+ setExtent: function (start, end) {
+ var thisExtent = this._extent;
+ //start,end may be a Number like '25',so...
+ if (!isNaN(start)) {
+ thisExtent[0] = parseFloat(start);
+ }
+ if (!isNaN(end)) {
+ thisExtent[1] = parseFloat(end);
+ }
+ },
+
+ unionExtent: function (other) {
+ var extent = this._extent;
+ other[0] < extent[0] && (extent[0] = other[0]);
+ other[1] > extent[1] && (extent[1] = other[1]);
+
+ // unionExtent may called by it's sub classes
+ IntervalScale.prototype.setExtent.call(this, extent[0], extent[1]);
+ },
+ /**
+ * Get interval
+ */
+ getInterval: function () {
+ return this._interval;
+ },
+
+ /**
+ * Set interval
+ */
+ setInterval: function (interval) {
+ this._interval = interval;
+ // Dropped auto calculated niceExtent and use user setted extent
+ // We assume user wan't to set both interval, min, max to get a better result
+ this._niceExtent = this._extent.slice();
+
+ this._intervalPrecision = getIntervalPrecision(interval);
+ },
+
+ /**
+ * @param {boolean} [expandToNicedExtent=false] If expand the ticks to niced extent.
+ * @return {Array.<number>}
+ */
+ getTicks: function (expandToNicedExtent) {
+ var interval = this._interval;
+ var extent = this._extent;
+ var niceTickExtent = this._niceExtent;
+ var intervalPrecision = this._intervalPrecision;
+
+ var ticks = [];
+ // If interval is 0, return [];
+ if (!interval) {
+ return ticks;
+ }
+
+ // Consider this case: using dataZoom toolbox, zoom and zoom.
+ var safeLimit = 10000;
+
+ if (extent[0] < niceTickExtent[0]) {
+ if (expandToNicedExtent) {
+ ticks.push(roundNumber(niceTickExtent[0] - interval, intervalPrecision));
+ }
+ else {
+ ticks.push(extent[0]);
+ }
+ }
+ var tick = niceTickExtent[0];
+
+ while (tick <= niceTickExtent[1]) {
+ ticks.push(tick);
+ // Avoid rounding error
+ tick = roundNumber(tick + interval, intervalPrecision);
+ if (tick === ticks[ticks.length - 1]) {
+ // Consider out of safe float point, e.g.,
+ // -3711126.9907707 + 2e-10 === -3711126.9907707
+ break;
+ }
+ if (ticks.length > safeLimit) {
+ return [];
+ }
+ }
+ // Consider this case: the last item of ticks is smaller
+ // than niceTickExtent[1] and niceTickExtent[1] === extent[1].
+ var lastNiceTick = ticks.length ? ticks[ticks.length - 1] : niceTickExtent[1];
+ if (extent[1] > lastNiceTick) {
+ if (expandToNicedExtent) {
+ ticks.push(roundNumber(lastNiceTick + interval, intervalPrecision));
+ }
+ else {
+ ticks.push(extent[1]);
+ }
+ }
+
+ return ticks;
+ },
+
+ /**
+ * @param {number} [splitNumber=5]
+ * @return {Array.<Array.<number>>}
+ */
+ getMinorTicks: function (splitNumber) {
+ var ticks = this.getTicks(true);
+ var minorTicks = [];
+ var extent = this.getExtent();
+
+ for (var i = 1; i < ticks.length; i++) {
+ var nextTick = ticks[i];
+ var prevTick = ticks[i - 1];
+ var count = 0;
+ var minorTicksGroup = [];
+ var interval = nextTick - prevTick;
+ var minorInterval = interval / splitNumber;
+
+ while (count < splitNumber - 1) {
+ var minorTick = round$1(prevTick + (count + 1) * minorInterval);
+
+ // For the first and last interval. The count may be less than splitNumber.
+ if (minorTick > extent[0] && minorTick < extent[1]) {
+ minorTicksGroup.push(minorTick);
+ }
+ count++;
+ }
+ minorTicks.push(minorTicksGroup);
+ }
+
+ return minorTicks;
+ },
+
+ /**
+ * @param {number} data
+ * @param {Object} [opt]
+ * @param {number|string} [opt.precision] If 'auto', use nice presision.
+ * @param {boolean} [opt.pad] returns 1.50 but not 1.5 if precision is 2.
+ * @return {string}
+ */
+ getLabel: function (data, opt) {
+ if (data == null) {
+ return '';
+ }
+
+ var precision = opt && opt.precision;
+
+ if (precision == null) {
+ precision = getPrecisionSafe(data) || 0;
+ }
+ else if (precision === 'auto') {
+ // Should be more precise then tick.
+ precision = this._intervalPrecision;
+ }
+
+ // (1) If `precision` is set, 12.005 should be display as '12.00500'.
+ // (2) Use roundNumber (toFixed) to avoid scientific notation like '3.5e-7'.
+ data = roundNumber(data, precision, true);
+
+ return addCommas(data);
+ },
+
+ /**
+ * Update interval and extent of intervals for nice ticks
+ *
+ * @param {number} [splitNumber = 5] Desired number of ticks
+ * @param {number} [minInterval]
+ * @param {number} [maxInterval]
+ */
+ niceTicks: function (splitNumber, minInterval, maxInterval) {
+ splitNumber = splitNumber || 5;
+ var extent = this._extent;
+ var span = extent[1] - extent[0];
+ if (!isFinite(span)) {
+ return;
+ }
+ // User may set axis min 0 and data are all negative
+ // FIXME If it needs to reverse ?
+ if (span < 0) {
+ span = -span;
+ extent.reverse();
+ }
+
+ var result = intervalScaleNiceTicks(
+ extent, splitNumber, minInterval, maxInterval
+ );
+
+ this._intervalPrecision = result.intervalPrecision;
+ this._interval = result.interval;
+ this._niceExtent = result.niceTickExtent;
+ },
+
+ /**
+ * Nice extent.
+ * @param {Object} opt
+ * @param {number} [opt.splitNumber = 5] Given approx tick number
+ * @param {boolean} [opt.fixMin=false]
+ * @param {boolean} [opt.fixMax=false]
+ * @param {boolean} [opt.minInterval]
+ * @param {boolean} [opt.maxInterval]
+ */
+ niceExtent: function (opt) {
+ var extent = this._extent;
+ // If extent start and end are same, expand them
+ if (extent[0] === extent[1]) {
+ if (extent[0] !== 0) {
+ // Expand extent
+ var expandSize = extent[0];
+ // In the fowllowing case
+ // Axis has been fixed max 100
+ // Plus data are all 100 and axis extent are [100, 100].
+ // Extend to the both side will cause expanded max is larger than fixed max.
+ // So only expand to the smaller side.
+ if (!opt.fixMax) {
+ extent[1] += expandSize / 2;
+ extent[0] -= expandSize / 2;
+ }
+ else {
+ extent[0] -= expandSize / 2;
+ }
+ }
+ else {
+ extent[1] = 1;
+ }
+ }
+ var span = extent[1] - extent[0];
+ // If there are no data and extent are [Infinity, -Infinity]
+ if (!isFinite(span)) {
+ extent[0] = 0;
+ extent[1] = 1;
+ }
+
+ this.niceTicks(opt.splitNumber, opt.minInterval, opt.maxInterval);
+
+ // var extent = this._extent;
+ var interval = this._interval;
+
+ if (!opt.fixMin) {
+ extent[0] = roundNumber(Math.floor(extent[0] / interval) * interval);
+ }
+ if (!opt.fixMax) {
+ extent[1] = roundNumber(Math.ceil(extent[1] / interval) * interval);
+ }
+ }
+});
+
+/**
+ * @return {module:echarts/scale/Time}
+ */
+IntervalScale.create = function () {
+ return new IntervalScale();
+};
+
+/*
+* 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.
+*/
+
+/* global Float32Array */
+
+var STACK_PREFIX = '__ec_stack_';
+var LARGE_BAR_MIN_WIDTH = 0.5;
+
+var LargeArr = typeof Float32Array !== 'undefined' ? Float32Array : Array;
+
+function getSeriesStackId(seriesModel) {
+ return seriesModel.get('stack') || STACK_PREFIX + seriesModel.seriesIndex;
+}
+
+function getAxisKey(axis) {
+ return axis.dim + axis.index;
+}
+
+/**
+ * @param {Object} opt
+ * @param {module:echarts/coord/Axis} opt.axis Only support category axis currently.
+ * @param {number} opt.count Positive interger.
+ * @param {number} [opt.barWidth]
+ * @param {number} [opt.barMaxWidth]
+ * @param {number} [opt.barMinWidth]
+ * @param {number} [opt.barGap]
+ * @param {number} [opt.barCategoryGap]
+ * @return {Object} {width, offset, offsetCenter} If axis.type is not 'category', return undefined.
+ */
+function getLayoutOnAxis(opt) {
+ var params = [];
+ var baseAxis = opt.axis;
+ var axisKey = 'axis0';
+
+ if (baseAxis.type !== 'category') {
+ return;
+ }
+ var bandWidth = baseAxis.getBandWidth();
+
+ for (var i = 0; i < opt.count || 0; i++) {
+ params.push(defaults({
+ bandWidth: bandWidth,
+ axisKey: axisKey,
+ stackId: STACK_PREFIX + i
+ }, opt));
+ }
+ var widthAndOffsets = doCalBarWidthAndOffset(params);
+
+ var result = [];
+ for (var i = 0; i < opt.count; i++) {
+ var item = widthAndOffsets[axisKey][STACK_PREFIX + i];
+ item.offsetCenter = item.offset + item.width / 2;
+ result.push(item);
+ }
+
+ return result;
+}
+
+function prepareLayoutBarSeries(seriesType, ecModel) {
+ var seriesModels = [];
+ ecModel.eachSeriesByType(seriesType, function (seriesModel) {
+ // Check series coordinate, do layout for cartesian2d only
+ if (isOnCartesian(seriesModel) && !isInLargeMode(seriesModel)) {
+ seriesModels.push(seriesModel);
+ }
+ });
+ return seriesModels;
+}
+
+
+/**
+ * Map from (baseAxis.dim + '_' + baseAxis.index) to min gap of two adjacent
+ * values.
+ * This works for time axes, value axes, and log axes.
+ * For a single time axis, return value is in the form like
+ * {'x_0': [1000000]}.
+ * The value of 1000000 is in milliseconds.
+ */
+function getValueAxesMinGaps(barSeries) {
+ /**
+ * Map from axis.index to values.
+ * For a single time axis, axisValues is in the form like
+ * {'x_0': [1495555200000, 1495641600000, 1495728000000]}.
+ * Items in axisValues[x], e.g. 1495555200000, are time values of all
+ * series.
+ */
+ var axisValues = {};
+ each$1(barSeries, function (seriesModel) {
+ var cartesian = seriesModel.coordinateSystem;
+ var baseAxis = cartesian.getBaseAxis();
+ if (baseAxis.type !== 'time' && baseAxis.type !== 'value') {
+ return;
+ }
+
+ var data = seriesModel.getData();
+ var key = baseAxis.dim + '_' + baseAxis.index;
+ var dim = data.mapDimension(baseAxis.dim);
+ for (var i = 0, cnt = data.count(); i < cnt; ++i) {
+ var value = data.get(dim, i);
+ if (!axisValues[key]) {
+ // No previous data for the axis
+ axisValues[key] = [value];
+ }
+ else {
+ // No value in previous series
+ axisValues[key].push(value);
+ }
+ // Ignore duplicated time values in the same axis
+ }
+ });
+
+ var axisMinGaps = [];
+ for (var key in axisValues) {
+ if (axisValues.hasOwnProperty(key)) {
+ var valuesInAxis = axisValues[key];
+ if (valuesInAxis) {
+ // Sort axis values into ascending order to calculate gaps
+ valuesInAxis.sort(function (a, b) {
+ return a - b;
+ });
+
+ var min = null;
+ for (var j = 1; j < valuesInAxis.length; ++j) {
+ var delta = valuesInAxis[j] - valuesInAxis[j - 1];
+ if (delta > 0) {
+ // Ignore 0 delta because they are of the same axis value
+ min = min === null ? delta : Math.min(min, delta);
+ }
+ }
+ // Set to null if only have one data
+ axisMinGaps[key] = min;
+ }
+ }
+ }
+ return axisMinGaps;
+}
+
+function makeColumnLayout(barSeries) {
+ var axisMinGaps = getValueAxesMinGaps(barSeries);
+
+ var seriesInfoList = [];
+ each$1(barSeries, function (seriesModel) {
+ var cartesian = seriesModel.coordinateSystem;
+ var baseAxis = cartesian.getBaseAxis();
+ var axisExtent = baseAxis.getExtent();
+
+ var bandWidth;
+ if (baseAxis.type === 'category') {
+ bandWidth = baseAxis.getBandWidth();
+ }
+ else if (baseAxis.type === 'value' || baseAxis.type === 'time') {
+ var key = baseAxis.dim + '_' + baseAxis.index;
+ var minGap = axisMinGaps[key];
+ var extentSpan = Math.abs(axisExtent[1] - axisExtent[0]);
+ var scale = baseAxis.scale.getExtent();
+ var scaleSpan = Math.abs(scale[1] - scale[0]);
+ bandWidth = minGap
+ ? extentSpan / scaleSpan * minGap
+ : extentSpan; // When there is only one data value
+ }
+ else {
+ var data = seriesModel.getData();
+ bandWidth = Math.abs(axisExtent[1] - axisExtent[0]) / data.count();
+ }
+
+ var barWidth = parsePercent$1(
+ seriesModel.get('barWidth'), bandWidth
+ );
+ var barMaxWidth = parsePercent$1(
+ seriesModel.get('barMaxWidth'), bandWidth
+ );
+ var barMinWidth = parsePercent$1(
+ // barMinWidth by default is 1 in cartesian. Because in value axis,
+ // the auto-calculated bar width might be less than 1.
+ seriesModel.get('barMinWidth') || 1, bandWidth
+ );
+ var barGap = seriesModel.get('barGap');
+ var barCategoryGap = seriesModel.get('barCategoryGap');
+
+ seriesInfoList.push({
+ bandWidth: bandWidth,
+ barWidth: barWidth,
+ barMaxWidth: barMaxWidth,
+ barMinWidth: barMinWidth,
+ barGap: barGap,
+ barCategoryGap: barCategoryGap,
+ axisKey: getAxisKey(baseAxis),
+ stackId: getSeriesStackId(seriesModel)
+ });
+ });
+
+ return doCalBarWidthAndOffset(seriesInfoList);
+}
+
+function doCalBarWidthAndOffset(seriesInfoList) {
+ // Columns info on each category axis. Key is cartesian name
+ var columnsMap = {};
+
+ each$1(seriesInfoList, function (seriesInfo, idx) {
+ var axisKey = seriesInfo.axisKey;
+ var bandWidth = seriesInfo.bandWidth;
+ var columnsOnAxis = columnsMap[axisKey] || {
+ bandWidth: bandWidth,
+ remainedWidth: bandWidth,
+ autoWidthCount: 0,
+ categoryGap: '20%',
+ gap: '30%',
+ stacks: {}
+ };
+ var stacks = columnsOnAxis.stacks;
+ columnsMap[axisKey] = columnsOnAxis;
+
+ var stackId = seriesInfo.stackId;
+
+ if (!stacks[stackId]) {
+ columnsOnAxis.autoWidthCount++;
+ }
+ stacks[stackId] = stacks[stackId] || {
+ width: 0,
+ maxWidth: 0
+ };
+
+ // Caution: In a single coordinate system, these barGrid attributes
+ // will be shared by series. Consider that they have default values,
+ // only the attributes set on the last series will work.
+ // Do not change this fact unless there will be a break change.
+
+ var barWidth = seriesInfo.barWidth;
+ if (barWidth && !stacks[stackId].width) {
+ // See #6312, do not restrict width.
+ stacks[stackId].width = barWidth;
+ barWidth = Math.min(columnsOnAxis.remainedWidth, barWidth);
+ columnsOnAxis.remainedWidth -= barWidth;
+ }
+
+ var barMaxWidth = seriesInfo.barMaxWidth;
+ barMaxWidth && (stacks[stackId].maxWidth = barMaxWidth);
+ var barMinWidth = seriesInfo.barMinWidth;
+ barMinWidth && (stacks[stackId].minWidth = barMinWidth);
+ var barGap = seriesInfo.barGap;
+ (barGap != null) && (columnsOnAxis.gap = barGap);
+ var barCategoryGap = seriesInfo.barCategoryGap;
+ (barCategoryGap != null) && (columnsOnAxis.categoryGap = barCategoryGap);
+ });
+
+ var result = {};
+
+ each$1(columnsMap, function (columnsOnAxis, coordSysName) {
+
+ result[coordSysName] = {};
+
+ var stacks = columnsOnAxis.stacks;
+ var bandWidth = columnsOnAxis.bandWidth;
+ var categoryGap = parsePercent$1(columnsOnAxis.categoryGap, bandWidth);
+ var barGapPercent = parsePercent$1(columnsOnAxis.gap, 1);
+
+ var remainedWidth = columnsOnAxis.remainedWidth;
+ var autoWidthCount = columnsOnAxis.autoWidthCount;
+ var autoWidth = (remainedWidth - categoryGap)
+ / (autoWidthCount + (autoWidthCount - 1) * barGapPercent);
+ autoWidth = Math.max(autoWidth, 0);
+
+ // Find if any auto calculated bar exceeded maxBarWidth
+ each$1(stacks, function (column) {
+ var maxWidth = column.maxWidth;
+ var minWidth = column.minWidth;
+
+ if (!column.width) {
+ var finalWidth = autoWidth;
+ if (maxWidth && maxWidth < finalWidth) {
+ finalWidth = Math.min(maxWidth, remainedWidth);
+ }
+ // `minWidth` has higher priority. `minWidth` decide that wheter the
+ // bar is able to be visible. So `minWidth` should not be restricted
+ // by `maxWidth` or `remainedWidth` (which is from `bandWidth`). In
+ // the extreme cases for `value` axis, bars are allowed to overlap
+ // with each other if `minWidth` specified.
+ if (minWidth && minWidth > finalWidth) {
+ finalWidth = minWidth;
+ }
+ if (finalWidth !== autoWidth) {
+ column.width = finalWidth;
+ remainedWidth -= finalWidth + barGapPercent * finalWidth;
+ autoWidthCount--;
+ }
+ }
+ else {
+ // `barMinWidth/barMaxWidth` has higher priority than `barWidth`, as
+ // CSS does. Becuase barWidth can be a percent value, where
+ // `barMaxWidth` can be used to restrict the final width.
+ var finalWidth = column.width;
+ if (maxWidth) {
+ finalWidth = Math.min(finalWidth, maxWidth);
+ }
+ // `minWidth` has higher priority, as described above
+ if (minWidth) {
+ finalWidth = Math.max(finalWidth, minWidth);
+ }
+ column.width = finalWidth;
+ remainedWidth -= finalWidth + barGapPercent * finalWidth;
+ autoWidthCount--;
+ }
+ });
+
+ // Recalculate width again
+ autoWidth = (remainedWidth - categoryGap)
+ / (autoWidthCount + (autoWidthCount - 1) * barGapPercent);
+
+ autoWidth = Math.max(autoWidth, 0);
+
+
+ var widthSum = 0;
+ var lastColumn;
+ each$1(stacks, function (column, idx) {
+ if (!column.width) {
+ column.width = autoWidth;
+ }
+ lastColumn = column;
+ widthSum += column.width * (1 + barGapPercent);
+ });
+ if (lastColumn) {
+ widthSum -= lastColumn.width * barGapPercent;
+ }
+
+ var offset = -widthSum / 2;
+ each$1(stacks, function (column, stackId) {
+ result[coordSysName][stackId] = result[coordSysName][stackId] || {
+ bandWidth: bandWidth,
+ offset: offset,
+ width: column.width
+ };
+
+ offset += column.width * (1 + barGapPercent);
+ });
+ });
+
+ return result;
+}
+
+/**
+ * @param {Object} barWidthAndOffset The result of makeColumnLayout
+ * @param {module:echarts/coord/Axis} axis
+ * @param {module:echarts/model/Series} [seriesModel] If not provided, return all.
+ * @return {Object} {stackId: {offset, width}} or {offset, width} if seriesModel provided.
+ */
+function retrieveColumnLayout(barWidthAndOffset, axis, seriesModel) {
+ if (barWidthAndOffset && axis) {
+ var result = barWidthAndOffset[getAxisKey(axis)];
+ if (result != null && seriesModel != null) {
+ result = result[getSeriesStackId(seriesModel)];
+ }
+ return result;
+ }
+}
+
+/**
+ * @param {string} seriesType
+ * @param {module:echarts/model/Global} ecModel
+ */
+function layout(seriesType, ecModel) {
+
+ var seriesModels = prepareLayoutBarSeries(seriesType, ecModel);
+ var barWidthAndOffset = makeColumnLayout(seriesModels);
+
+ var lastStackCoords = {};
+ each$1(seriesModels, function (seriesModel) {
+
+ var data = seriesModel.getData();
+ var cartesian = seriesModel.coordinateSystem;
+ var baseAxis = cartesian.getBaseAxis();
+
+ var stackId = getSeriesStackId(seriesModel);
+ var columnLayoutInfo = barWidthAndOffset[getAxisKey(baseAxis)][stackId];
+ var columnOffset = columnLayoutInfo.offset;
+ var columnWidth = columnLayoutInfo.width;
+ var valueAxis = cartesian.getOtherAxis(baseAxis);
+
+ var barMinHeight = seriesModel.get('barMinHeight') || 0;
+
+ lastStackCoords[stackId] = lastStackCoords[stackId] || [];
+ data.setLayout({
+ bandWidth: columnLayoutInfo.bandWidth,
+ offset: columnOffset,
+ size: columnWidth
+ });
+
+ var valueDim = data.mapDimension(valueAxis.dim);
+ var baseDim = data.mapDimension(baseAxis.dim);
+ var stacked = isDimensionStacked(data, valueDim /*, baseDim*/);
+ var isValueAxisH = valueAxis.isHorizontal();
+
+ var valueAxisStart = getValueAxisStart(baseAxis, valueAxis, stacked);
+
+ for (var idx = 0, len = data.count(); idx < len; idx++) {
+ var value = data.get(valueDim, idx);
+ var baseValue = data.get(baseDim, idx);
+
+ var sign = value >= 0 ? 'p' : 'n';
+ var baseCoord = valueAxisStart;
+
+ // Because of the barMinHeight, we can not use the value in
+ // stackResultDimension directly.
+ if (stacked) {
+ // Only ordinal axis can be stacked.
+ if (!lastStackCoords[stackId][baseValue]) {
+ lastStackCoords[stackId][baseValue] = {
+ p: valueAxisStart, // Positive stack
+ n: valueAxisStart // Negative stack
+ };
+ }
+ // Should also consider #4243
+ baseCoord = lastStackCoords[stackId][baseValue][sign];
+ }
+
+ var x;
+ var y;
+ var width;
+ var height;
+
+ if (isValueAxisH) {
+ var coord = cartesian.dataToPoint([value, baseValue]);
+ x = baseCoord;
+ y = coord[1] + columnOffset;
+ width = coord[0] - valueAxisStart;
+ height = columnWidth;
+
+ if (Math.abs(width) < barMinHeight) {
+ width = (width < 0 ? -1 : 1) * barMinHeight;
+ }
+ // Ignore stack from NaN value
+ if (!isNaN(width)) {
+ stacked && (lastStackCoords[stackId][baseValue][sign] += width);
+ }
+ }
+ else {
+ var coord = cartesian.dataToPoint([baseValue, value]);
+ x = coord[0] + columnOffset;
+ y = baseCoord;
+ width = columnWidth;
+ height = coord[1] - valueAxisStart;
+
+ if (Math.abs(height) < barMinHeight) {
+ // Include zero to has a positive bar
+ height = (height <= 0 ? -1 : 1) * barMinHeight;
+ }
+ // Ignore stack from NaN value
+ if (!isNaN(height)) {
+ stacked && (lastStackCoords[stackId][baseValue][sign] += height);
+ }
+ }
+
+ data.setItemLayout(idx, {
+ x: x,
+ y: y,
+ width: width,
+ height: height
+ });
+ }
+
+ }, this);
+}
+
+// TODO: Do not support stack in large mode yet.
+var largeLayout = {
+
+ seriesType: 'bar',
+
+ plan: createRenderPlanner(),
+
+ reset: function (seriesModel) {
+ if (!isOnCartesian(seriesModel) || !isInLargeMode(seriesModel)) {
+ return;
+ }
+
+ var data = seriesModel.getData();
+ var cartesian = seriesModel.coordinateSystem;
+ var coordLayout = cartesian.grid.getRect();
+ var baseAxis = cartesian.getBaseAxis();
+ var valueAxis = cartesian.getOtherAxis(baseAxis);
+ var valueDim = data.mapDimension(valueAxis.dim);
+ var baseDim = data.mapDimension(baseAxis.dim);
+ var valueAxisHorizontal = valueAxis.isHorizontal();
+ var valueDimIdx = valueAxisHorizontal ? 0 : 1;
+
+ var barWidth = retrieveColumnLayout(
+ makeColumnLayout([seriesModel]), baseAxis, seriesModel
+ ).width;
+ if (!(barWidth > LARGE_BAR_MIN_WIDTH)) { // jshint ignore:line
+ barWidth = LARGE_BAR_MIN_WIDTH;
+ }
+
+ return {progress: progress};
+
+ function progress(params, data) {
+ var count = params.count;
+ var largePoints = new LargeArr(count * 2);
+ var largeBackgroundPoints = new LargeArr(count * 2);
+ var largeDataIndices = new LargeArr(count);
+ var dataIndex;
+ var coord = [];
+ var valuePair = [];
+ var pointsOffset = 0;
+ var idxOffset = 0;
+
+ while ((dataIndex = params.next()) != null) {
+ valuePair[valueDimIdx] = data.get(valueDim, dataIndex);
+ valuePair[1 - valueDimIdx] = data.get(baseDim, dataIndex);
+
+ coord = cartesian.dataToPoint(valuePair, null, coord);
+ // Data index might not be in order, depends on `progressiveChunkMode`.
+ largeBackgroundPoints[pointsOffset] = valueAxisHorizontal
+ ? coordLayout.x + coordLayout.width : coord[0];
+ largePoints[pointsOffset++] = coord[0];
+ largeBackgroundPoints[pointsOffset] = valueAxisHorizontal
+ ? coord[1] : coordLayout.y + coordLayout.height;
+ largePoints[pointsOffset++] = coord[1];
+ largeDataIndices[idxOffset++] = dataIndex;
+ }
+
+ data.setLayout({
+ largePoints: largePoints,
+ largeDataIndices: largeDataIndices,
+ largeBackgroundPoints: largeBackgroundPoints,
+ barWidth: barWidth,
+ valueAxisStart: getValueAxisStart(baseAxis, valueAxis, false),
+ backgroundStart: valueAxisHorizontal ? coordLayout.x : coordLayout.y,
+ valueAxisHorizontal: valueAxisHorizontal
+ });
+ }
+ }
+};
+
+function isOnCartesian(seriesModel) {
+ return seriesModel.coordinateSystem && seriesModel.coordinateSystem.type === 'cartesian2d';
+}
+
+function isInLargeMode(seriesModel) {
+ return seriesModel.pipelineContext && seriesModel.pipelineContext.large;
+}
+
+// See cases in `test/bar-start.html` and `#7412`, `#8747`.
+function getValueAxisStart(baseAxis, valueAxis, stacked) {
+ return valueAxis.toGlobalCoord(valueAxis.dataToCoord(valueAxis.type === 'log' ? 1 : 0));
+}
+
+/*
+* 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.
+*/
+
+/*
+* A third-party license is embeded for some of the code in this file:
+* The "scaleLevels" was originally copied from "d3.js" with some
+* modifications made for this project.
+* (See more details in the comment on the definition of "scaleLevels" below.)
+* The use of the source code of this file is also subject to the terms
+* and consitions of the license of "d3.js" (BSD-3Clause, see
+* </licenses/LICENSE-d3>).
+*/
+
+
+// [About UTC and local time zone]:
+// In most cases, `number.parseDate` will treat input data string as local time
+// (except time zone is specified in time string). And `format.formateTime` returns
+// local time by default. option.useUTC is false by default. This design have
+// concidered these common case:
+// (1) Time that is persistent in server is in UTC, but it is needed to be diplayed
+// in local time by default.
+// (2) By default, the input data string (e.g., '2011-01-02') should be displayed
+// as its original time, without any time difference.
+
+var intervalScaleProto = IntervalScale.prototype;
+
+var mathCeil = Math.ceil;
+var mathFloor = Math.floor;
+var ONE_SECOND = 1000;
+var ONE_MINUTE = ONE_SECOND * 60;
+var ONE_HOUR = ONE_MINUTE * 60;
+var ONE_DAY = ONE_HOUR * 24;
+
+// FIXME 鍏敤锛�
+var bisect = function (a, x, lo, hi) {
+ while (lo < hi) {
+ var mid = lo + hi >>> 1;
+ if (a[mid][1] < x) {
+ lo = mid + 1;
+ }
+ else {
+ hi = mid;
+ }
+ }
+ return lo;
+};
+
+/**
+ * @alias module:echarts/coord/scale/Time
+ * @constructor
+ */
+var TimeScale = IntervalScale.extend({
+ type: 'time',
+
+ /**
+ * @override
+ */
+ getLabel: function (val) {
+ var stepLvl = this._stepLvl;
+
+ var date = new Date(val);
+
+ return formatTime(stepLvl[0], date, this.getSetting('useUTC'));
+ },
+
+ /**
+ * @override
+ */
+ niceExtent: function (opt) {
+ var extent = this._extent;
+ // If extent start and end are same, expand them
+ if (extent[0] === extent[1]) {
+ // Expand extent
+ extent[0] -= ONE_DAY;
+ extent[1] += ONE_DAY;
+ }
+ // If there are no data and extent are [Infinity, -Infinity]
+ if (extent[1] === -Infinity && extent[0] === Infinity) {
+ var d = new Date();
+ extent[1] = +new Date(d.getFullYear(), d.getMonth(), d.getDate());
+ extent[0] = extent[1] - ONE_DAY;
+ }
+
+ this.niceTicks(opt.splitNumber, opt.minInterval, opt.maxInterval);
+
+ // var extent = this._extent;
+ var interval = this._interval;
+
+ if (!opt.fixMin) {
+ extent[0] = round$1(mathFloor(extent[0] / interval) * interval);
+ }
+ if (!opt.fixMax) {
+ extent[1] = round$1(mathCeil(extent[1] / interval) * interval);
+ }
+ },
+
+ /**
+ * @override
+ */
+ niceTicks: function (approxTickNum, minInterval, maxInterval) {
+ approxTickNum = approxTickNum || 10;
+
+ var extent = this._extent;
+ var span = extent[1] - extent[0];
+ var approxInterval = span / approxTickNum;
+
+ if (minInterval != null && approxInterval < minInterval) {
+ approxInterval = minInterval;
+ }
+ if (maxInterval != null && approxInterval > maxInterval) {
+ approxInterval = maxInterval;
+ }
+
+ var scaleLevelsLen = scaleLevels.length;
+ var idx = bisect(scaleLevels, approxInterval, 0, scaleLevelsLen);
+
+ var level = scaleLevels[Math.min(idx, scaleLevelsLen - 1)];
+ var interval = level[1];
+ // Same with interval scale if span is much larger than 1 year
+ if (level[0] === 'year') {
+ var yearSpan = span / interval;
+
+ // From "Nice Numbers for Graph Labels" of Graphic Gems
+ // var niceYearSpan = numberUtil.nice(yearSpan, false);
+ var yearStep = nice(yearSpan / approxTickNum, true);
+
+ interval *= yearStep;
+ }
+
+ var timezoneOffset = this.getSetting('useUTC')
+ ? 0 : (new Date(+extent[0] || +extent[1])).getTimezoneOffset() * 60 * 1000;
+ var niceExtent = [
+ Math.round(mathCeil((extent[0] - timezoneOffset) / interval) * interval + timezoneOffset),
+ Math.round(mathFloor((extent[1] - timezoneOffset) / interval) * interval + timezoneOffset)
+ ];
+
+ fixExtent(niceExtent, extent);
+
+ this._stepLvl = level;
+ // Interval will be used in getTicks
+ this._interval = interval;
+ this._niceExtent = niceExtent;
+ },
+
+ parse: function (val) {
+ // val might be float.
+ return +parseDate(val);
+ }
+});
+
+each$1(['contain', 'normalize'], function (methodName) {
+ TimeScale.prototype[methodName] = function (val) {
+ return intervalScaleProto[methodName].call(this, this.parse(val));
+ };
+});
+
+/**
+ * This implementation was originally copied from "d3.js"
+ * <https://github.com/d3/d3/blob/b516d77fb8566b576088e73410437494717ada26/src/time/scale.js>
+ * with some modifications made for this program.
+ * See the license statement at the head of this file.
+ */
+var scaleLevels = [
+ // Format interval
+ ['hh:mm:ss', ONE_SECOND], // 1s
+ ['hh:mm:ss', ONE_SECOND * 5], // 5s
+ ['hh:mm:ss', ONE_SECOND * 10], // 10s
+ ['hh:mm:ss', ONE_SECOND * 15], // 15s
+ ['hh:mm:ss', ONE_SECOND * 30], // 30s
+ ['hh:mm\nMM-dd', ONE_MINUTE], // 1m
+ ['hh:mm\nMM-dd', ONE_MINUTE * 5], // 5m
+ ['hh:mm\nMM-dd', ONE_MINUTE * 10], // 10m
+ ['hh:mm\nMM-dd', ONE_MINUTE * 15], // 15m
+ ['hh:mm\nMM-dd', ONE_MINUTE * 30], // 30m
+ ['hh:mm\nMM-dd', ONE_HOUR], // 1h
+ ['hh:mm\nMM-dd', ONE_HOUR * 2], // 2h
+ ['hh:mm\nMM-dd', ONE_HOUR * 6], // 6h
+ ['hh:mm\nMM-dd', ONE_HOUR * 12], // 12h
+ ['MM-dd\nyyyy', ONE_DAY], // 1d
+ ['MM-dd\nyyyy', ONE_DAY * 2], // 2d
+ ['MM-dd\nyyyy', ONE_DAY * 3], // 3d
+ ['MM-dd\nyyyy', ONE_DAY * 4], // 4d
+ ['MM-dd\nyyyy', ONE_DAY * 5], // 5d
+ ['MM-dd\nyyyy', ONE_DAY * 6], // 6d
+ ['week', ONE_DAY * 7], // 7d
+ ['MM-dd\nyyyy', ONE_DAY * 10], // 10d
+ ['week', ONE_DAY * 14], // 2w
+ ['week', ONE_DAY * 21], // 3w
+ ['month', ONE_DAY * 31], // 1M
+ ['week', ONE_DAY * 42], // 6w
+ ['month', ONE_DAY * 62], // 2M
+ ['week', ONE_DAY * 70], // 10w
+ ['quarter', ONE_DAY * 95], // 3M
+ ['month', ONE_DAY * 31 * 4], // 4M
+ ['month', ONE_DAY * 31 * 5], // 5M
+ ['half-year', ONE_DAY * 380 / 2], // 6M
+ ['month', ONE_DAY * 31 * 8], // 8M
+ ['month', ONE_DAY * 31 * 10], // 10M
+ ['year', ONE_DAY * 380] // 1Y
+];
+
+/**
+ * @param {module:echarts/model/Model}
+ * @return {module:echarts/scale/Time}
+ */
+TimeScale.create = function (model) {
+ return new TimeScale({useUTC: model.ecModel.get('useUTC')});
+};
+
+/*
+* 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.
+*/
+
+/**
+ * Log scale
+ * @module echarts/scale/Log
+ */
+
+// Use some method of IntervalScale
+var scaleProto$1 = Scale.prototype;
+var intervalScaleProto$1 = IntervalScale.prototype;
+
+var getPrecisionSafe$1 = getPrecisionSafe;
+var roundingErrorFix = round$1;
+
+var mathFloor$1 = Math.floor;
+var mathCeil$1 = Math.ceil;
+var mathPow$1 = Math.pow;
+
+var mathLog = Math.log;
+
+var LogScale = Scale.extend({
+
+ type: 'log',
+
+ base: 10,
+
+ $constructor: function () {
+ Scale.apply(this, arguments);
+ this._originalScale = new IntervalScale();
+ },
+
+ /**
+ * @param {boolean} [expandToNicedExtent=false] If expand the ticks to niced extent.
+ * @return {Array.<number>}
+ */
+ getTicks: function (expandToNicedExtent) {
+ var originalScale = this._originalScale;
+ var extent = this._extent;
+ var originalExtent = originalScale.getExtent();
+
+ return map(intervalScaleProto$1.getTicks.call(this, expandToNicedExtent), function (val) {
+ var powVal = round$1(mathPow$1(this.base, val));
+
+ // Fix #4158
+ powVal = (val === extent[0] && originalScale.__fixMin)
+ ? fixRoundingError(powVal, originalExtent[0])
+ : powVal;
+ powVal = (val === extent[1] && originalScale.__fixMax)
+ ? fixRoundingError(powVal, originalExtent[1])
+ : powVal;
+
+ return powVal;
+ }, this);
+ },
+
+ /**
+ * @param {number} splitNumber
+ * @return {Array.<Array.<number>>}
+ */
+ getMinorTicks: intervalScaleProto$1.getMinorTicks,
+
+ /**
+ * @param {number} val
+ * @return {string}
+ */
+ getLabel: intervalScaleProto$1.getLabel,
+
+ /**
+ * @param {number} val
+ * @return {number}
+ */
+ scale: function (val) {
+ val = scaleProto$1.scale.call(this, val);
+ return mathPow$1(this.base, val);
+ },
+
+ /**
+ * @param {number} start
+ * @param {number} end
+ */
+ setExtent: function (start, end) {
+ var base = this.base;
+ start = mathLog(start) / mathLog(base);
+ end = mathLog(end) / mathLog(base);
+ intervalScaleProto$1.setExtent.call(this, start, end);
+ },
+
+ /**
+ * @return {number} end
+ */
+ getExtent: function () {
+ var base = this.base;
+ var extent = scaleProto$1.getExtent.call(this);
+ extent[0] = mathPow$1(base, extent[0]);
+ extent[1] = mathPow$1(base, extent[1]);
+
+ // Fix #4158
+ var originalScale = this._originalScale;
+ var originalExtent = originalScale.getExtent();
+ originalScale.__fixMin && (extent[0] = fixRoundingError(extent[0], originalExtent[0]));
+ originalScale.__fixMax && (extent[1] = fixRoundingError(extent[1], originalExtent[1]));
+
+ return extent;
+ },
+
+ /**
+ * @param {Array.<number>} extent
+ */
+ unionExtent: function (extent) {
+ this._originalScale.unionExtent(extent);
+
+ var base = this.base;
+ extent[0] = mathLog(extent[0]) / mathLog(base);
+ extent[1] = mathLog(extent[1]) / mathLog(base);
+ scaleProto$1.unionExtent.call(this, extent);
+ },
+
+ /**
+ * @override
+ */
+ unionExtentFromData: function (data, dim) {
+ // TODO
+ // filter value that <= 0
+ this.unionExtent(data.getApproximateExtent(dim));
+ },
+
+ /**
+ * Update interval and extent of intervals for nice ticks
+ * @param {number} [approxTickNum = 10] Given approx tick number
+ */
+ niceTicks: function (approxTickNum) {
+ approxTickNum = approxTickNum || 10;
+ var extent = this._extent;
+ var span = extent[1] - extent[0];
+ if (span === Infinity || span <= 0) {
+ return;
+ }
+
+ var interval = quantity(span);
+ var err = approxTickNum / span * interval;
+
+ // Filter ticks to get closer to the desired count.
+ if (err <= 0.5) {
+ interval *= 10;
+ }
+
+ // Interval should be integer
+ while (!isNaN(interval) && Math.abs(interval) < 1 && Math.abs(interval) > 0) {
+ interval *= 10;
+ }
+
+ var niceExtent = [
+ round$1(mathCeil$1(extent[0] / interval) * interval),
+ round$1(mathFloor$1(extent[1] / interval) * interval)
+ ];
+
+ this._interval = interval;
+ this._niceExtent = niceExtent;
+ },
+
+ /**
+ * Nice extent.
+ * @override
+ */
+ niceExtent: function (opt) {
+ intervalScaleProto$1.niceExtent.call(this, opt);
+
+ var originalScale = this._originalScale;
+ originalScale.__fixMin = opt.fixMin;
+ originalScale.__fixMax = opt.fixMax;
+ }
+
+});
+
+each$1(['contain', 'normalize'], function (methodName) {
+ LogScale.prototype[methodName] = function (val) {
+ val = mathLog(val) / mathLog(this.base);
+ return scaleProto$1[methodName].call(this, val);
+ };
+});
+
+LogScale.create = function () {
+ return new LogScale();
+};
+
+function fixRoundingError(val, originalVal) {
+ return roundingErrorFix(val, getPrecisionSafe$1(originalVal));
+}
+
+/*
+* 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.
+*/
+
+/**
+ * Get axis scale extent before niced.
+ * Item of returned array can only be number (including Infinity and NaN).
+ */
+function getScaleExtent(scale, model) {
+ var scaleType = scale.type;
+
+ var min = model.getMin();
+ var max = model.getMax();
+ var originalExtent = scale.getExtent();
+
+ var axisDataLen;
+ var boundaryGap;
+ var span;
+ if (scaleType === 'ordinal') {
+ axisDataLen = model.getCategories().length;
+ }
+ else {
+ boundaryGap = model.get('boundaryGap');
+ if (!isArray(boundaryGap)) {
+ boundaryGap = [boundaryGap || 0, boundaryGap || 0];
+ }
+ if (typeof boundaryGap[0] === 'boolean') {
+ if (__DEV__) {
+ console.warn('Boolean type for boundaryGap is only '
+ + 'allowed for ordinal axis. Please use string in '
+ + 'percentage instead, e.g., "20%". Currently, '
+ + 'boundaryGap is set to be 0.');
+ }
+ boundaryGap = [0, 0];
+ }
+ boundaryGap[0] = parsePercent$1(boundaryGap[0], 1);
+ boundaryGap[1] = parsePercent$1(boundaryGap[1], 1);
+ span = (originalExtent[1] - originalExtent[0])
+ || Math.abs(originalExtent[0]);
+ }
+
+ // Notice: When min/max is not set (that is, when there are null/undefined,
+ // which is the most common case), these cases should be ensured:
+ // (1) For 'ordinal', show all axis.data.
+ // (2) For others:
+ // + `boundaryGap` is applied (if min/max set, boundaryGap is
+ // disabled).
+ // + If `needCrossZero`, min/max should be zero, otherwise, min/max should
+ // be the result that originalExtent enlarged by boundaryGap.
+ // (3) If no data, it should be ensured that `scale.setBlank` is set.
+
+ // FIXME
+ // (1) When min/max is 'dataMin' or 'dataMax', should boundaryGap be able to used?
+ // (2) When `needCrossZero` and all data is positive/negative, should it be ensured
+ // that the results processed by boundaryGap are positive/negative?
+
+ if (min === 'dataMin') {
+ min = originalExtent[0];
+ }
+ else if (typeof min === 'function') {
+ min = min({
+ min: originalExtent[0],
+ max: originalExtent[1]
+ });
+ }
+
+ if (max === 'dataMax') {
+ max = originalExtent[1];
+ }
+ else if (typeof max === 'function') {
+ max = max({
+ min: originalExtent[0],
+ max: originalExtent[1]
+ });
+ }
+
+ var fixMin = min != null;
+ var fixMax = max != null;
+
+ if (min == null) {
+ min = scaleType === 'ordinal'
+ ? (axisDataLen ? 0 : NaN)
+ : originalExtent[0] - boundaryGap[0] * span;
+ }
+ if (max == null) {
+ max = scaleType === 'ordinal'
+ ? (axisDataLen ? axisDataLen - 1 : NaN)
+ : originalExtent[1] + boundaryGap[1] * span;
+ }
+
+ (min == null || !isFinite(min)) && (min = NaN);
+ (max == null || !isFinite(max)) && (max = NaN);
+
+ scale.setBlank(
+ eqNaN(min)
+ || eqNaN(max)
+ || (scaleType === 'ordinal' && !scale.getOrdinalMeta().categories.length)
+ );
+
+ // Evaluate if axis needs cross zero
+ if (model.getNeedCrossZero()) {
+ // Axis is over zero and min is not set
+ if (min > 0 && max > 0 && !fixMin) {
+ min = 0;
+ }
+ // Axis is under zero and max is not set
+ if (min < 0 && max < 0 && !fixMax) {
+ max = 0;
+ }
+ }
+
+ // If bars are placed on a base axis of type time or interval account for axis boundary overflow and current axis
+ // is base axis
+ // FIXME
+ // (1) Consider support value axis, where below zero and axis `onZero` should be handled properly.
+ // (2) Refactor the logic with `barGrid`. Is it not need to `makeBarWidthAndOffsetInfo` twice with different extent?
+ // Should not depend on series type `bar`?
+ // (3) Fix that might overlap when using dataZoom.
+ // (4) Consider other chart types using `barGrid`?
+ // See #6728, #4862, `test/bar-overflow-time-plot.html`
+ var ecModel = model.ecModel;
+ if (ecModel && (scaleType === 'time' /*|| scaleType === 'interval' */)) {
+ var barSeriesModels = prepareLayoutBarSeries('bar', ecModel);
+ var isBaseAxisAndHasBarSeries;
+
+ each$1(barSeriesModels, function (seriesModel) {
+ isBaseAxisAndHasBarSeries |= seriesModel.getBaseAxis() === model.axis;
+ });
+
+ if (isBaseAxisAndHasBarSeries) {
+ // Calculate placement of bars on axis
+ var barWidthAndOffset = makeColumnLayout(barSeriesModels);
+
+ // Adjust axis min and max to account for overflow
+ var adjustedScale = adjustScaleForOverflow(min, max, model, barWidthAndOffset);
+ min = adjustedScale.min;
+ max = adjustedScale.max;
+ }
+ }
+
+ return {
+ extent: [min, max],
+ // "fix" means "fixed", the value should not be
+ // changed in the subsequent steps.
+ fixMin: fixMin,
+ fixMax: fixMax
+ };
+}
+
+function adjustScaleForOverflow(min, max, model, barWidthAndOffset) {
+
+ // Get Axis Length
+ var axisExtent = model.axis.getExtent();
+ var axisLength = axisExtent[1] - axisExtent[0];
+
+ // Get bars on current base axis and calculate min and max overflow
+ var barsOnCurrentAxis = retrieveColumnLayout(barWidthAndOffset, model.axis);
+ if (barsOnCurrentAxis === undefined) {
+ return {min: min, max: max};
+ }
+
+ var minOverflow = Infinity;
+ each$1(barsOnCurrentAxis, function (item) {
+ minOverflow = Math.min(item.offset, minOverflow);
+ });
+ var maxOverflow = -Infinity;
+ each$1(barsOnCurrentAxis, function (item) {
+ maxOverflow = Math.max(item.offset + item.width, maxOverflow);
+ });
+ minOverflow = Math.abs(minOverflow);
+ maxOverflow = Math.abs(maxOverflow);
+ var totalOverFlow = minOverflow + maxOverflow;
+
+ // Calulate required buffer based on old range and overflow
+ var oldRange = max - min;
+ var oldRangePercentOfNew = (1 - (minOverflow + maxOverflow) / axisLength);
+ var overflowBuffer = ((oldRange / oldRangePercentOfNew) - oldRange);
+
+ max += overflowBuffer * (maxOverflow / totalOverFlow);
+ min -= overflowBuffer * (minOverflow / totalOverFlow);
+
+ return {min: min, max: max};
+}
+
+function niceScaleExtent(scale, model) {
+ var extentInfo = getScaleExtent(scale, model);
+ var extent = extentInfo.extent;
+
+ var splitNumber = model.get('splitNumber');
+
+ if (scale.type === 'log') {
+ scale.base = model.get('logBase');
+ }
+
+ var scaleType = scale.type;
+ scale.setExtent(extent[0], extent[1]);
+ scale.niceExtent({
+ splitNumber: splitNumber,
+ fixMin: extentInfo.fixMin,
+ fixMax: extentInfo.fixMax,
+ minInterval: (scaleType === 'interval' || scaleType === 'time')
+ ? model.get('minInterval') : null,
+ maxInterval: (scaleType === 'interval' || scaleType === 'time')
+ ? model.get('maxInterval') : null
+ });
+
+ // If some one specified the min, max. And the default calculated interval
+ // is not good enough. He can specify the interval. It is often appeared
+ // in angle axis with angle 0 - 360. Interval calculated in interval scale is hard
+ // to be 60.
+ // FIXME
+ var interval = model.get('interval');
+ if (interval != null) {
+ scale.setInterval && scale.setInterval(interval);
+ }
+}
+
+/**
+ * @param {module:echarts/model/Model} model
+ * @param {string} [axisType] Default retrieve from model.type
+ * @return {module:echarts/scale/*}
+ */
+function createScaleByModel(model, axisType) {
+ axisType = axisType || model.get('type');
+ if (axisType) {
+ switch (axisType) {
+ // Buildin scale
+ case 'category':
+ return new OrdinalScale(
+ model.getOrdinalMeta
+ ? model.getOrdinalMeta()
+ : model.getCategories(),
+ [Infinity, -Infinity]
+ );
+ case 'value':
+ return new IntervalScale();
+ // Extended scale, like time and log
+ default:
+ return (Scale.getClass(axisType) || IntervalScale).create(model);
+ }
+ }
+}
+
+/**
+ * Check if the axis corss 0
+ */
+function ifAxisCrossZero(axis) {
+ var dataExtent = axis.scale.getExtent();
+ var min = dataExtent[0];
+ var max = dataExtent[1];
+ return !((min > 0 && max > 0) || (min < 0 && max < 0));
+}
+
+/**
+ * @param {module:echarts/coord/Axis} axis
+ * @return {Function} Label formatter function.
+ * param: {number} tickValue,
+ * param: {number} idx, the index in all ticks.
+ * If category axis, this param is not requied.
+ * return: {string} label string.
+ */
+function makeLabelFormatter(axis) {
+ var labelFormatter = axis.getLabelModel().get('formatter');
+ var categoryTickStart = axis.type === 'category' ? axis.scale.getExtent()[0] : null;
+
+ if (typeof labelFormatter === 'string') {
+ labelFormatter = (function (tpl) {
+ return function (val) {
+ // For category axis, get raw value; for numeric axis,
+ // get foramtted label like '1,333,444'.
+ val = axis.scale.getLabel(val);
+ return tpl.replace('{value}', val != null ? val : '');
+ };
+ })(labelFormatter);
+ // Consider empty array
+ return labelFormatter;
+ }
+ else if (typeof labelFormatter === 'function') {
+ return function (tickValue, idx) {
+ // The original intention of `idx` is "the index of the tick in all ticks".
+ // But the previous implementation of category axis do not consider the
+ // `axisLabel.interval`, which cause that, for example, the `interval` is
+ // `1`, then the ticks "name5", "name7", "name9" are displayed, where the
+ // corresponding `idx` are `0`, `2`, `4`, but not `0`, `1`, `2`. So we keep
+ // the definition here for back compatibility.
+ if (categoryTickStart != null) {
+ idx = tickValue - categoryTickStart;
+ }
+ return labelFormatter(getAxisRawValue(axis, tickValue), idx);
+ };
+ }
+ else {
+ return function (tick) {
+ return axis.scale.getLabel(tick);
+ };
+ }
+}
+
+function getAxisRawValue(axis, value) {
+ // In category axis with data zoom, tick is not the original
+ // index of axis.data. So tick should not be exposed to user
+ // in category axis.
+ return axis.type === 'category' ? axis.scale.getLabel(value) : value;
+}
+
+/**
+ * @param {module:echarts/coord/Axis} axis
+ * @return {module:zrender/core/BoundingRect} Be null/undefined if no labels.
+ */
+function estimateLabelUnionRect(axis) {
+ var axisModel = axis.model;
+ var scale = axis.scale;
+
+ if (!axisModel.get('axisLabel.show') || scale.isBlank()) {
+ return;
+ }
+
+ var isCategory = axis.type === 'category';
+
+ var realNumberScaleTicks;
+ var tickCount;
+ var categoryScaleExtent = scale.getExtent();
+
+ // Optimize for large category data, avoid call `getTicks()`.
+ if (isCategory) {
+ tickCount = scale.count();
+ }
+ else {
+ realNumberScaleTicks = scale.getTicks();
+ tickCount = realNumberScaleTicks.length;
+ }
+
+ var axisLabelModel = axis.getLabelModel();
+ var labelFormatter = makeLabelFormatter(axis);
+
+ var rect;
+ var step = 1;
+ // Simple optimization for large amount of labels
+ if (tickCount > 40) {
+ step = Math.ceil(tickCount / 40);
+ }
+ for (var i = 0; i < tickCount; i += step) {
+ var tickValue = realNumberScaleTicks ? realNumberScaleTicks[i] : categoryScaleExtent[0] + i;
+ var label = labelFormatter(tickValue);
+ var unrotatedSingleRect = axisLabelModel.getTextRect(label);
+ var singleRect = rotateTextRect(unrotatedSingleRect, axisLabelModel.get('rotate') || 0);
+
+ rect ? rect.union(singleRect) : (rect = singleRect);
+ }
+
+ return rect;
+}
+
+function rotateTextRect(textRect, rotate) {
+ var rotateRadians = rotate * Math.PI / 180;
+ var boundingBox = textRect.plain();
+ var beforeWidth = boundingBox.width;
+ var beforeHeight = boundingBox.height;
+ var afterWidth = beforeWidth * Math.cos(rotateRadians) + beforeHeight * Math.sin(rotateRadians);
+ var afterHeight = beforeWidth * Math.sin(rotateRadians) + beforeHeight * Math.cos(rotateRadians);
+ var rotatedRect = new BoundingRect(boundingBox.x, boundingBox.y, afterWidth, afterHeight);
+
+ return rotatedRect;
+}
+
+/**
+ * @param {module:echarts/src/model/Model} model axisLabelModel or axisTickModel
+ * @return {number|String} Can be null|'auto'|number|function
+ */
+function getOptionCategoryInterval(model) {
+ var interval = model.get('interval');
+ return interval == null ? 'auto' : interval;
+}
+
+/**
+ * Set `categoryInterval` as 0 implicitly indicates that
+ * show all labels reguardless of overlap.
+ * @param {Object} axis axisModel.axis
+ * @return {boolean}
+ */
+function shouldShowAllLabels(axis) {
+ return axis.type === 'category'
+ && getOptionCategoryInterval(axis.getLabelModel()) === 0;
+}
+
+/*
+* 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.
+*/
+
+// import * as axisHelper from './axisHelper';
+
+var axisModelCommonMixin = {
+
+ /**
+ * @param {boolean} origin
+ * @return {number|string} min value or 'dataMin' or null/undefined (means auto) or NaN
+ */
+ getMin: function (origin) {
+ var option = this.option;
+ var min = (!origin && option.rangeStart != null)
+ ? option.rangeStart : option.min;
+
+ if (this.axis
+ && min != null
+ && min !== 'dataMin'
+ && typeof min !== 'function'
+ && !eqNaN(min)
+ ) {
+ min = this.axis.scale.parse(min);
+ }
+ return min;
+ },
+
+ /**
+ * @param {boolean} origin
+ * @return {number|string} max value or 'dataMax' or null/undefined (means auto) or NaN
+ */
+ getMax: function (origin) {
+ var option = this.option;
+ var max = (!origin && option.rangeEnd != null)
+ ? option.rangeEnd : option.max;
+
+ if (this.axis
+ && max != null
+ && max !== 'dataMax'
+ && typeof max !== 'function'
+ && !eqNaN(max)
+ ) {
+ max = this.axis.scale.parse(max);
+ }
+ return max;
+ },
+
+ /**
+ * @return {boolean}
+ */
+ getNeedCrossZero: function () {
+ var option = this.option;
+ return (option.rangeStart != null || option.rangeEnd != null)
+ ? false : !option.scale;
+ },
+
+ /**
+ * Should be implemented by each axis model if necessary.
+ * @return {module:echarts/model/Component} coordinate system model
+ */
+ getCoordSysModel: noop,
+
+ /**
+ * @param {number} rangeStart Can only be finite number or null/undefined or NaN.
+ * @param {number} rangeEnd Can only be finite number or null/undefined or NaN.
+ */
+ setRange: function (rangeStart, rangeEnd) {
+ this.option.rangeStart = rangeStart;
+ this.option.rangeEnd = rangeEnd;
+ },
+
+ /**
+ * Reset range
+ */
+ resetRange: function () {
+ // rangeStart and rangeEnd is readonly.
+ this.option.rangeStart = this.option.rangeEnd = null;
+ }
+};
+
+/*
+* 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.
+*/
+
+// Symbol factory
+
+/**
+ * Triangle shape
+ * @inner
+ */
+var Triangle = extendShape({
+ type: 'triangle',
+ shape: {
+ cx: 0,
+ cy: 0,
+ width: 0,
+ height: 0
+ },
+ buildPath: function (path, shape) {
+ var cx = shape.cx;
+ var cy = shape.cy;
+ var width = shape.width / 2;
+ var height = shape.height / 2;
+ path.moveTo(cx, cy - height);
+ path.lineTo(cx + width, cy + height);
+ path.lineTo(cx - width, cy + height);
+ path.closePath();
+ }
+});
+
+/**
+ * Diamond shape
+ * @inner
+ */
+var Diamond = extendShape({
+ type: 'diamond',
+ shape: {
+ cx: 0,
+ cy: 0,
+ width: 0,
+ height: 0
+ },
+ buildPath: function (path, shape) {
+ var cx = shape.cx;
+ var cy = shape.cy;
+ var width = shape.width / 2;
+ var height = shape.height / 2;
+ path.moveTo(cx, cy - height);
+ path.lineTo(cx + width, cy);
+ path.lineTo(cx, cy + height);
+ path.lineTo(cx - width, cy);
+ path.closePath();
+ }
+});
+
+/**
+ * Pin shape
+ * @inner
+ */
+var Pin = extendShape({
+ type: 'pin',
+ shape: {
+ // x, y on the cusp
+ x: 0,
+ y: 0,
+ width: 0,
+ height: 0
+ },
+
+ buildPath: function (path, shape) {
+ var x = shape.x;
+ var y = shape.y;
+ var w = shape.width / 5 * 3;
+ // Height must be larger than width
+ var h = Math.max(w, shape.height);
+ var r = w / 2;
+
+ // Dist on y with tangent point and circle center
+ var dy = r * r / (h - r);
+ var cy = y - h + r + dy;
+ var angle = Math.asin(dy / r);
+ // Dist on x with tangent point and circle center
+ var dx = Math.cos(angle) * r;
+
+ var tanX = Math.sin(angle);
+ var tanY = Math.cos(angle);
+
+ var cpLen = r * 0.6;
+ var cpLen2 = r * 0.7;
+
+ path.moveTo(x - dx, cy + dy);
+
+ path.arc(
+ x, cy, r,
+ Math.PI - angle,
+ Math.PI * 2 + angle
+ );
+ path.bezierCurveTo(
+ x + dx - tanX * cpLen, cy + dy + tanY * cpLen,
+ x, y - cpLen2,
+ x, y
+ );
+ path.bezierCurveTo(
+ x, y - cpLen2,
+ x - dx + tanX * cpLen, cy + dy + tanY * cpLen,
+ x - dx, cy + dy
+ );
+ path.closePath();
+ }
+});
+
+/**
+ * Arrow shape
+ * @inner
+ */
+var Arrow = extendShape({
+
+ type: 'arrow',
+
+ shape: {
+ x: 0,
+ y: 0,
+ width: 0,
+ height: 0
+ },
+
+ buildPath: function (ctx, shape) {
+ var height = shape.height;
+ var width = shape.width;
+ var x = shape.x;
+ var y = shape.y;
+ var dx = width / 3 * 2;
+ ctx.moveTo(x, y);
+ ctx.lineTo(x + dx, y + height);
+ ctx.lineTo(x, y + height / 4 * 3);
+ ctx.lineTo(x - dx, y + height);
+ ctx.lineTo(x, y);
+ ctx.closePath();
+ }
+});
+
+/**
+ * Map of path contructors
+ * @type {Object.<string, module:zrender/graphic/Path>}
+ */
+var symbolCtors = {
+
+ line: Line,
+
+ rect: Rect,
+
+ roundRect: Rect,
+
+ square: Rect,
+
+ circle: Circle,
+
+ diamond: Diamond,
+
+ pin: Pin,
+
+ arrow: Arrow,
+
+ triangle: Triangle
+};
+
+var symbolShapeMakers = {
+
+ line: function (x, y, w, h, shape) {
+ // FIXME
+ shape.x1 = x;
+ shape.y1 = y + h / 2;
+ shape.x2 = x + w;
+ shape.y2 = y + h / 2;
+ },
+
+ rect: function (x, y, w, h, shape) {
+ shape.x = x;
+ shape.y = y;
+ shape.width = w;
+ shape.height = h;
+ },
+
+ roundRect: function (x, y, w, h, shape) {
+ shape.x = x;
+ shape.y = y;
+ shape.width = w;
+ shape.height = h;
+ shape.r = Math.min(w, h) / 4;
+ },
+
+ square: function (x, y, w, h, shape) {
+ var size = Math.min(w, h);
+ shape.x = x;
+ shape.y = y;
+ shape.width = size;
+ shape.height = size;
+ },
+
+ circle: function (x, y, w, h, shape) {
+ // Put circle in the center of square
+ shape.cx = x + w / 2;
+ shape.cy = y + h / 2;
+ shape.r = Math.min(w, h) / 2;
+ },
+
+ diamond: function (x, y, w, h, shape) {
+ shape.cx = x + w / 2;
+ shape.cy = y + h / 2;
+ shape.width = w;
+ shape.height = h;
+ },
+
+ pin: function (x, y, w, h, shape) {
+ shape.x = x + w / 2;
+ shape.y = y + h / 2;
+ shape.width = w;
+ shape.height = h;
+ },
+
+ arrow: function (x, y, w, h, shape) {
+ shape.x = x + w / 2;
+ shape.y = y + h / 2;
+ shape.width = w;
+ shape.height = h;
+ },
+
+ triangle: function (x, y, w, h, shape) {
+ shape.cx = x + w / 2;
+ shape.cy = y + h / 2;
+ shape.width = w;
+ shape.height = h;
+ }
+};
+
+var symbolBuildProxies = {};
+each$1(symbolCtors, function (Ctor, name) {
+ symbolBuildProxies[name] = new Ctor();
+});
+
+var SymbolClz = extendShape({
+
+ type: 'symbol',
+
+ shape: {
+ symbolType: '',
+ x: 0,
+ y: 0,
+ width: 0,
+ height: 0
+ },
+
+ calculateTextPosition: function (out, style, rect) {
+ var res = calculateTextPosition(out, style, rect);
+ var shape = this.shape;
+ if (shape && shape.symbolType === 'pin' && style.textPosition === 'inside') {
+ res.y = rect.y + rect.height * 0.4;
+ }
+ return res;
+ },
+
+ buildPath: function (ctx, shape, inBundle) {
+ var symbolType = shape.symbolType;
+ if (symbolType !== 'none') {
+ var proxySymbol = symbolBuildProxies[symbolType];
+ if (!proxySymbol) {
+ // Default rect
+ symbolType = 'rect';
+ proxySymbol = symbolBuildProxies[symbolType];
+ }
+ symbolShapeMakers[symbolType](
+ shape.x, shape.y, shape.width, shape.height, proxySymbol.shape
+ );
+ proxySymbol.buildPath(ctx, proxySymbol.shape, inBundle);
+ }
+ }
+});
+
+// Provide setColor helper method to avoid determine if set the fill or stroke outside
+function symbolPathSetColor(color, innerColor) {
+ if (this.type !== 'image') {
+ var symbolStyle = this.style;
+ var symbolShape = this.shape;
+ if (symbolShape && symbolShape.symbolType === 'line') {
+ symbolStyle.stroke = color;
+ }
+ else if (this.__isEmptyBrush) {
+ symbolStyle.stroke = color;
+ symbolStyle.fill = innerColor || '#fff';
+ }
+ else {
+ // FIXME 鍒ゆ柇鍥惧舰榛樿鏄～鍏呰繕鏄弿杈癸紝浣跨敤 onlyStroke ?
+ symbolStyle.fill && (symbolStyle.fill = color);
+ symbolStyle.stroke && (symbolStyle.stroke = color);
+ }
+ this.dirty(false);
+ }
+}
+
+/**
+ * Create a symbol element with given symbol configuration: shape, x, y, width, height, color
+ * @param {string} symbolType
+ * @param {number} x
+ * @param {number} y
+ * @param {number} w
+ * @param {number} h
+ * @param {string} color
+ * @param {boolean} [keepAspect=false] whether to keep the ratio of w/h,
+ * for path and image only.
+ */
+function createSymbol(symbolType, x, y, w, h, color, keepAspect) {
+ // TODO Support image object, DynamicImage.
+
+ var isEmpty = symbolType.indexOf('empty') === 0;
+ if (isEmpty) {
+ symbolType = symbolType.substr(5, 1).toLowerCase() + symbolType.substr(6);
+ }
+ var symbolPath;
+
+ if (symbolType.indexOf('image://') === 0) {
+ symbolPath = makeImage(
+ symbolType.slice(8),
+ new BoundingRect(x, y, w, h),
+ keepAspect ? 'center' : 'cover'
+ );
+ }
+ else if (symbolType.indexOf('path://') === 0) {
+ symbolPath = makePath(
+ symbolType.slice(7),
+ {},
+ new BoundingRect(x, y, w, h),
+ keepAspect ? 'center' : 'cover'
+ );
+ }
+ else {
+ symbolPath = new SymbolClz({
+ shape: {
+ symbolType: symbolType,
+ x: x,
+ y: y,
+ width: w,
+ height: h
+ }
+ });
+ }
+
+ symbolPath.__isEmptyBrush = isEmpty;
+
+ symbolPath.setColor = symbolPathSetColor;
+
+ symbolPath.setColor(color);
+
+ return symbolPath;
+}
+
+/*
+* 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.
+*/
+
+// import createGraphFromNodeEdge from './chart/helper/createGraphFromNodeEdge';
+/**
+ * Create a muti dimension List structure from seriesModel.
+ * @param {module:echarts/model/Model} seriesModel
+ * @return {module:echarts/data/List} list
+ */
+function createList(seriesModel) {
+ return createListFromArray(seriesModel.getSource(), seriesModel);
+}
+
+var dataStack$1 = {
+ isDimensionStacked: isDimensionStacked,
+ enableDataStack: enableDataStack,
+ getStackedDimension: getStackedDimension
+};
+
+/**
+ * Create scale
+ * @param {Array.<number>} dataExtent
+ * @param {Object|module:echarts/Model} option
+ */
+function createScale(dataExtent, option) {
+ var axisModel = option;
+ if (!Model.isInstance(option)) {
+ axisModel = new Model(option);
+ mixin(axisModel, axisModelCommonMixin);
+ }
+
+ var scale = createScaleByModel(axisModel);
+ scale.setExtent(dataExtent[0], dataExtent[1]);
+
+ niceScaleExtent(scale, axisModel);
+ return scale;
+}
+
+/**
+ * Mixin common methods to axis model,
+ *
+ * Inlcude methods
+ * `getFormattedLabels() => Array.<string>`
+ * `getCategories() => Array.<string>`
+ * `getMin(origin: boolean) => number`
+ * `getMax(origin: boolean) => number`
+ * `getNeedCrossZero() => boolean`
+ * `setRange(start: number, end: number)`
+ * `resetRange()`
+ */
+function mixinAxisModelCommonMethods(Model$$1) {
+ mixin(Model$$1, axisModelCommonMixin);
+}
+
+var helper = (Object.freeze || Object)({
+ createList: createList,
+ getLayoutRect: getLayoutRect,
+ dataStack: dataStack$1,
+ createScale: createScale,
+ mixinAxisModelCommonMethods: mixinAxisModelCommonMethods,
+ completeDimensions: completeDimensions,
+ createDimensions: createDimensions,
+ createSymbol: createSymbol
+});
+
+var EPSILON$3 = 1e-8;
+
+function isAroundEqual$1(a, b) {
+ return Math.abs(a - b) < EPSILON$3;
+}
+
+function contain$1(points, x, y) {
+ var w = 0;
+ var p = points[0];
+
+ if (!p) {
+ return false;
+ }
+
+ for (var i = 1; i < points.length; i++) {
+ var p2 = points[i];
+ w += windingLine(p[0], p[1], p2[0], p2[1], x, y);
+ p = p2;
+ }
+
+ // Close polygon
+ var p0 = points[0];
+ if (!isAroundEqual$1(p[0], p0[0]) || !isAroundEqual$1(p[1], p0[1])) {
+ w += windingLine(p[0], p[1], p0[0], p0[1], x, y);
+ }
+
+ return w !== 0;
+}
+
+/*
+* 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.
+*/
+
+/**
+ * @module echarts/coord/geo/Region
+ */
+
+/**
+ * @param {string|Region} name
+ * @param {Array} geometries
+ * @param {Array.<number>} cp
+ */
+function Region(name, geometries, cp) {
+
+ /**
+ * @type {string}
+ * @readOnly
+ */
+ this.name = name;
+
+ /**
+ * @type {Array.<Array>}
+ * @readOnly
+ */
+ this.geometries = geometries;
+
+ if (!cp) {
+ var rect = this.getBoundingRect();
+ cp = [
+ rect.x + rect.width / 2,
+ rect.y + rect.height / 2
+ ];
+ }
+ else {
+ cp = [cp[0], cp[1]];
+ }
+ /**
+ * @type {Array.<number>}
+ */
+ this.center = cp;
+}
+
+Region.prototype = {
+
+ constructor: Region,
+
+ properties: null,
+
+ /**
+ * @return {module:zrender/core/BoundingRect}
+ */
+ getBoundingRect: function () {
+ var rect = this._rect;
+ if (rect) {
+ return rect;
+ }
+
+ var MAX_NUMBER = Number.MAX_VALUE;
+ var min$$1 = [MAX_NUMBER, MAX_NUMBER];
+ var max$$1 = [-MAX_NUMBER, -MAX_NUMBER];
+ var min2 = [];
+ var max2 = [];
+ var geometries = this.geometries;
+ for (var i = 0; i < geometries.length; i++) {
+ // Only support polygon
+ if (geometries[i].type !== 'polygon') {
+ continue;
+ }
+ // Doesn't consider hole
+ var exterior = geometries[i].exterior;
+ fromPoints(exterior, min2, max2);
+ min(min$$1, min$$1, min2);
+ max(max$$1, max$$1, max2);
+ }
+ // No data
+ if (i === 0) {
+ min$$1[0] = min$$1[1] = max$$1[0] = max$$1[1] = 0;
+ }
+
+ return (this._rect = new BoundingRect(
+ min$$1[0], min$$1[1], max$$1[0] - min$$1[0], max$$1[1] - min$$1[1]
+ ));
+ },
+
+ /**
+ * @param {<Array.<number>} coord
+ * @return {boolean}
+ */
+ contain: function (coord) {
+ var rect = this.getBoundingRect();
+ var geometries = this.geometries;
+ if (!rect.contain(coord[0], coord[1])) {
+ return false;
+ }
+ loopGeo: for (var i = 0, len$$1 = geometries.length; i < len$$1; i++) {
+ // Only support polygon.
+ if (geometries[i].type !== 'polygon') {
+ continue;
+ }
+ var exterior = geometries[i].exterior;
+ var interiors = geometries[i].interiors;
+ if (contain$1(exterior, coord[0], coord[1])) {
+ // Not in the region if point is in the hole.
+ for (var k = 0; k < (interiors ? interiors.length : 0); k++) {
+ if (contain$1(interiors[k])) {
+ continue loopGeo;
+ }
+ }
+ return true;
+ }
+ }
+ return false;
+ },
+
+ transformTo: function (x, y, width, height) {
+ var rect = this.getBoundingRect();
+ var aspect = rect.width / rect.height;
+ if (!width) {
+ width = aspect * height;
+ }
+ else if (!height) {
+ height = width / aspect;
+ }
+ var target = new BoundingRect(x, y, width, height);
+ var transform = rect.calculateTransform(target);
+ var geometries = this.geometries;
+ for (var i = 0; i < geometries.length; i++) {
+ // Only support polygon.
+ if (geometries[i].type !== 'polygon') {
+ continue;
+ }
+ var exterior = geometries[i].exterior;
+ var interiors = geometries[i].interiors;
+ for (var p = 0; p < exterior.length; p++) {
+ applyTransform(exterior[p], exterior[p], transform);
+ }
+ for (var h = 0; h < (interiors ? interiors.length : 0); h++) {
+ for (var p = 0; p < interiors[h].length; p++) {
+ applyTransform(interiors[h][p], interiors[h][p], transform);
+ }
+ }
+ }
+ rect = this._rect;
+ rect.copy(target);
+ // Update center
+ this.center = [
+ rect.x + rect.width / 2,
+ rect.y + rect.height / 2
+ ];
+ },
+
+ cloneShallow: function (name) {
+ name == null && (name = this.name);
+ var newRegion = new Region(name, this.geometries, this.center);
+ newRegion._rect = this._rect;
+ newRegion.transformTo = null; // Simply avoid to be called.
+ return newRegion;
+ }
+};
+
+/*
+* 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.
+*/
+
+/**
+ * Parse and decode geo json
+ * @module echarts/coord/geo/parseGeoJson
+ */
+
+function decode(json) {
+ if (!json.UTF8Encoding) {
+ return json;
+ }
+ var encodeScale = json.UTF8Scale;
+ if (encodeScale == null) {
+ encodeScale = 1024;
+ }
+
+ var features = json.features;
+
+ for (var f = 0; f < features.length; f++) {
+ var feature = features[f];
+ var geometry = feature.geometry;
+ var coordinates = geometry.coordinates;
+ var encodeOffsets = geometry.encodeOffsets;
+
+ for (var c = 0; c < coordinates.length; c++) {
+ var coordinate = coordinates[c];
+
+ if (geometry.type === 'Polygon') {
+ coordinates[c] = decodePolygon(
+ coordinate,
+ encodeOffsets[c],
+ encodeScale
+ );
+ }
+ else if (geometry.type === 'MultiPolygon') {
+ for (var c2 = 0; c2 < coordinate.length; c2++) {
+ var polygon = coordinate[c2];
+ coordinate[c2] = decodePolygon(
+ polygon,
+ encodeOffsets[c][c2],
+ encodeScale
+ );
+ }
+ }
+ }
+ }
+ // Has been decoded
+ json.UTF8Encoding = false;
+ return json;
+}
+
+function decodePolygon(coordinate, encodeOffsets, encodeScale) {
+ var result = [];
+ var prevX = encodeOffsets[0];
+ var prevY = encodeOffsets[1];
+
+ for (var i = 0; i < coordinate.length; i += 2) {
+ var x = coordinate.charCodeAt(i) - 64;
+ var y = coordinate.charCodeAt(i + 1) - 64;
+ // ZigZag decoding
+ x = (x >> 1) ^ (-(x & 1));
+ y = (y >> 1) ^ (-(y & 1));
+ // Delta deocding
+ x += prevX;
+ y += prevY;
+
+ prevX = x;
+ prevY = y;
+ // Dequantize
+ result.push([x / encodeScale, y / encodeScale]);
+ }
+
+ return result;
+}
+
+/**
+ * @alias module:echarts/coord/geo/parseGeoJson
+ * @param {Object} geoJson
+ * @param {string} nameProperty
+ * @return {module:zrender/container/Group}
+ */
+var parseGeoJson$1 = function (geoJson, nameProperty) {
+
+ decode(geoJson);
+
+ return map(filter(geoJson.features, function (featureObj) {
+ // Output of mapshaper may have geometry null
+ return featureObj.geometry
+ && featureObj.properties
+ && featureObj.geometry.coordinates.length > 0;
+ }), function (featureObj) {
+ var properties = featureObj.properties;
+ var geo = featureObj.geometry;
+
+ var coordinates = geo.coordinates;
+
+ var geometries = [];
+ if (geo.type === 'Polygon') {
+ geometries.push({
+ type: 'polygon',
+ // According to the GeoJSON specification.
+ // First must be exterior, and the rest are all interior(holes).
+ exterior: coordinates[0],
+ interiors: coordinates.slice(1)
+ });
+ }
+ if (geo.type === 'MultiPolygon') {
+ each$1(coordinates, function (item) {
+ if (item[0]) {
+ geometries.push({
+ type: 'polygon',
+ exterior: item[0],
+ interiors: item.slice(1)
+ });
+ }
+ });
+ }
+
+ var region = new Region(
+ properties[nameProperty || 'name'],
+ geometries,
+ properties.cp
+ );
+ region.properties = properties;
+ return region;
+ });
+};
+
+/*
+* 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.
+*/
+
+var inner$6 = makeInner();
+
+/**
+ * @param {module:echats/coord/Axis} axis
+ * @return {Object} {
+ * labels: [{
+ * formattedLabel: string,
+ * rawLabel: string,
+ * tickValue: number
+ * }, ...],
+ * labelCategoryInterval: number
+ * }
+ */
+function createAxisLabels(axis) {
+ // Only ordinal scale support tick interval
+ return axis.type === 'category'
+ ? makeCategoryLabels(axis)
+ : makeRealNumberLabels(axis);
+}
+
+/**
+ * @param {module:echats/coord/Axis} axis
+ * @param {module:echarts/model/Model} tickModel For example, can be axisTick, splitLine, splitArea.
+ * @return {Object} {
+ * ticks: Array.<number>
+ * tickCategoryInterval: number
+ * }
+ */
+function createAxisTicks(axis, tickModel) {
+ // Only ordinal scale support tick interval
+ return axis.type === 'category'
+ ? makeCategoryTicks(axis, tickModel)
+ : {ticks: axis.scale.getTicks()};
+}
+
+function makeCategoryLabels(axis) {
+ var labelModel = axis.getLabelModel();
+ var result = makeCategoryLabelsActually(axis, labelModel);
+
+ return (!labelModel.get('show') || axis.scale.isBlank())
+ ? {labels: [], labelCategoryInterval: result.labelCategoryInterval}
+ : result;
+}
+
+function makeCategoryLabelsActually(axis, labelModel) {
+ var labelsCache = getListCache(axis, 'labels');
+ var optionLabelInterval = getOptionCategoryInterval(labelModel);
+ var result = listCacheGet(labelsCache, optionLabelInterval);
+
+ if (result) {
+ return result;
+ }
+
+ var labels;
+ var numericLabelInterval;
+
+ if (isFunction$1(optionLabelInterval)) {
+ labels = makeLabelsByCustomizedCategoryInterval(axis, optionLabelInterval);
+ }
+ else {
+ numericLabelInterval = optionLabelInterval === 'auto'
+ ? makeAutoCategoryInterval(axis) : optionLabelInterval;
+ labels = makeLabelsByNumericCategoryInterval(axis, numericLabelInterval);
+ }
+
+ // Cache to avoid calling interval function repeatly.
+ return listCacheSet(labelsCache, optionLabelInterval, {
+ labels: labels, labelCategoryInterval: numericLabelInterval
+ });
+}
+
+function makeCategoryTicks(axis, tickModel) {
+ var ticksCache = getListCache(axis, 'ticks');
+ var optionTickInterval = getOptionCategoryInterval(tickModel);
+ var result = listCacheGet(ticksCache, optionTickInterval);
+
+ if (result) {
+ return result;
+ }
+
+ var ticks;
+ var tickCategoryInterval;
+
+ // Optimize for the case that large category data and no label displayed,
+ // we should not return all ticks.
+ if (!tickModel.get('show') || axis.scale.isBlank()) {
+ ticks = [];
+ }
+
+ if (isFunction$1(optionTickInterval)) {
+ ticks = makeLabelsByCustomizedCategoryInterval(axis, optionTickInterval, true);
+ }
+ // Always use label interval by default despite label show. Consider this
+ // scenario, Use multiple grid with the xAxis sync, and only one xAxis shows
+ // labels. `splitLine` and `axisTick` should be consistent in this case.
+ else if (optionTickInterval === 'auto') {
+ var labelsResult = makeCategoryLabelsActually(axis, axis.getLabelModel());
+ tickCategoryInterval = labelsResult.labelCategoryInterval;
+ ticks = map(labelsResult.labels, function (labelItem) {
+ return labelItem.tickValue;
+ });
+ }
+ else {
+ tickCategoryInterval = optionTickInterval;
+ ticks = makeLabelsByNumericCategoryInterval(axis, tickCategoryInterval, true);
+ }
+
+ // Cache to avoid calling interval function repeatly.
+ return listCacheSet(ticksCache, optionTickInterval, {
+ ticks: ticks, tickCategoryInterval: tickCategoryInterval
+ });
+}
+
+function makeRealNumberLabels(axis) {
+ var ticks = axis.scale.getTicks();
+ var labelFormatter = makeLabelFormatter(axis);
+ return {
+ labels: map(ticks, function (tickValue, idx) {
+ return {
+ formattedLabel: labelFormatter(tickValue, idx),
+ rawLabel: axis.scale.getLabel(tickValue),
+ tickValue: tickValue
+ };
+ })
+ };
+}
+
+// Large category data calculation is performence sensitive, and ticks and label
+// probably be fetched by multiple times. So we cache the result.
+// axis is created each time during a ec process, so we do not need to clear cache.
+function getListCache(axis, prop) {
+ // Because key can be funciton, and cache size always be small, we use array cache.
+ return inner$6(axis)[prop] || (inner$6(axis)[prop] = []);
+}
+
+function listCacheGet(cache, key) {
+ for (var i = 0; i < cache.length; i++) {
+ if (cache[i].key === key) {
+ return cache[i].value;
+ }
+ }
+}
+
+function listCacheSet(cache, key, value) {
+ cache.push({key: key, value: value});
+ return value;
+}
+
+function makeAutoCategoryInterval(axis) {
+ var result = inner$6(axis).autoInterval;
+ return result != null
+ ? result
+ : (inner$6(axis).autoInterval = axis.calculateCategoryInterval());
+}
+
+/**
+ * Calculate interval for category axis ticks and labels.
+ * To get precise result, at least one of `getRotate` and `isHorizontal`
+ * should be implemented in axis.
+ */
+function calculateCategoryInterval(axis) {
+ var params = fetchAutoCategoryIntervalCalculationParams(axis);
+ var labelFormatter = makeLabelFormatter(axis);
+ var rotation = (params.axisRotate - params.labelRotate) / 180 * Math.PI;
+
+ var ordinalScale = axis.scale;
+ var ordinalExtent = ordinalScale.getExtent();
+ // Providing this method is for optimization:
+ // avoid generating a long array by `getTicks`
+ // in large category data case.
+ var tickCount = ordinalScale.count();
+
+ if (ordinalExtent[1] - ordinalExtent[0] < 1) {
+ return 0;
+ }
+
+ var step = 1;
+ // Simple optimization. Empirical value: tick count should less than 40.
+ if (tickCount > 40) {
+ step = Math.max(1, Math.floor(tickCount / 40));
+ }
+ var tickValue = ordinalExtent[0];
+ var unitSpan = axis.dataToCoord(tickValue + 1) - axis.dataToCoord(tickValue);
+ var unitW = Math.abs(unitSpan * Math.cos(rotation));
+ var unitH = Math.abs(unitSpan * Math.sin(rotation));
+
+ var maxW = 0;
+ var maxH = 0;
+
+ // Caution: Performance sensitive for large category data.
+ // Consider dataZoom, we should make appropriate step to avoid O(n) loop.
+ for (; tickValue <= ordinalExtent[1]; tickValue += step) {
+ var width = 0;
+ var height = 0;
+
+ // Not precise, do not consider align and vertical align
+ // and each distance from axis line yet.
+ var rect = getBoundingRect(
+ labelFormatter(tickValue), params.font, 'center', 'top'
+ );
+ // Magic number
+ width = rect.width * 1.3;
+ height = rect.height * 1.3;
+
+ // Min size, void long loop.
+ maxW = Math.max(maxW, width, 7);
+ maxH = Math.max(maxH, height, 7);
+ }
+
+ var dw = maxW / unitW;
+ var dh = maxH / unitH;
+ // 0/0 is NaN, 1/0 is Infinity.
+ isNaN(dw) && (dw = Infinity);
+ isNaN(dh) && (dh = Infinity);
+ var interval = Math.max(0, Math.floor(Math.min(dw, dh)));
+
+ var cache = inner$6(axis.model);
+ var axisExtent = axis.getExtent();
+ var lastAutoInterval = cache.lastAutoInterval;
+ var lastTickCount = cache.lastTickCount;
+
+ // Use cache to keep interval stable while moving zoom window,
+ // otherwise the calculated interval might jitter when the zoom
+ // window size is close to the interval-changing size.
+ // For example, if all of the axis labels are `a, b, c, d, e, f, g`.
+ // The jitter will cause that sometimes the displayed labels are
+ // `a, d, g` (interval: 2) sometimes `a, c, e`(interval: 1).
+ if (lastAutoInterval != null
+ && lastTickCount != null
+ && Math.abs(lastAutoInterval - interval) <= 1
+ && Math.abs(lastTickCount - tickCount) <= 1
+ // Always choose the bigger one, otherwise the critical
+ // point is not the same when zooming in or zooming out.
+ && lastAutoInterval > interval
+ // If the axis change is caused by chart resize, the cache should not
+ // be used. Otherwise some hiden labels might not be shown again.
+ && cache.axisExtend0 === axisExtent[0]
+ && cache.axisExtend1 === axisExtent[1]
+ ) {
+ interval = lastAutoInterval;
+ }
+ // Only update cache if cache not used, otherwise the
+ // changing of interval is too insensitive.
+ else {
+ cache.lastTickCount = tickCount;
+ cache.lastAutoInterval = interval;
+ cache.axisExtend0 = axisExtent[0];
+ cache.axisExtend1 = axisExtent[1];
+ }
+
+ return interval;
+}
+
+function fetchAutoCategoryIntervalCalculationParams(axis) {
+ var labelModel = axis.getLabelModel();
+ return {
+ axisRotate: axis.getRotate
+ ? axis.getRotate()
+ : (axis.isHorizontal && !axis.isHorizontal())
+ ? 90
+ : 0,
+ labelRotate: labelModel.get('rotate') || 0,
+ font: labelModel.getFont()
+ };
+}
+
+function makeLabelsByNumericCategoryInterval(axis, categoryInterval, onlyTick) {
+ var labelFormatter = makeLabelFormatter(axis);
+ var ordinalScale = axis.scale;
+ var ordinalExtent = ordinalScale.getExtent();
+ var labelModel = axis.getLabelModel();
+ var result = [];
+
+ // TODO: axisType: ordinalTime, pick the tick from each month/day/year/...
+
+ var step = Math.max((categoryInterval || 0) + 1, 1);
+ var startTick = ordinalExtent[0];
+ var tickCount = ordinalScale.count();
+
+ // Calculate start tick based on zero if possible to keep label consistent
+ // while zooming and moving while interval > 0. Otherwise the selection
+ // of displayable ticks and symbols probably keep changing.
+ // 3 is empirical value.
+ if (startTick !== 0 && step > 1 && tickCount / step > 2) {
+ startTick = Math.round(Math.ceil(startTick / step) * step);
+ }
+
+ // (1) Only add min max label here but leave overlap checking
+ // to render stage, which also ensure the returned list
+ // suitable for splitLine and splitArea rendering.
+ // (2) Scales except category always contain min max label so
+ // do not need to perform this process.
+ var showAllLabel = shouldShowAllLabels(axis);
+ var includeMinLabel = labelModel.get('showMinLabel') || showAllLabel;
+ var includeMaxLabel = labelModel.get('showMaxLabel') || showAllLabel;
+
+ if (includeMinLabel && startTick !== ordinalExtent[0]) {
+ addItem(ordinalExtent[0]);
+ }
+
+ // Optimize: avoid generating large array by `ordinalScale.getTicks()`.
+ var tickValue = startTick;
+ for (; tickValue <= ordinalExtent[1]; tickValue += step) {
+ addItem(tickValue);
+ }
+
+ if (includeMaxLabel && tickValue - step !== ordinalExtent[1]) {
+ addItem(ordinalExtent[1]);
+ }
+
+ function addItem(tVal) {
+ result.push(onlyTick
+ ? tVal
+ : {
+ formattedLabel: labelFormatter(tVal),
+ rawLabel: ordinalScale.getLabel(tVal),
+ tickValue: tVal
+ }
+ );
+ }
+
+ return result;
+}
+
+// When interval is function, the result `false` means ignore the tick.
+// It is time consuming for large category data.
+function makeLabelsByCustomizedCategoryInterval(axis, categoryInterval, onlyTick) {
+ var ordinalScale = axis.scale;
+ var labelFormatter = makeLabelFormatter(axis);
+ var result = [];
+
+ each$1(ordinalScale.getTicks(), function (tickValue) {
+ var rawLabel = ordinalScale.getLabel(tickValue);
+ if (categoryInterval(tickValue, rawLabel)) {
+ result.push(onlyTick
+ ? tickValue
+ : {
+ formattedLabel: labelFormatter(tickValue),
+ rawLabel: rawLabel,
+ tickValue: tickValue
+ }
+ );
+ }
+ });
+
+ return result;
+}
+
+/*
+* 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.
+*/
+
+var NORMALIZED_EXTENT = [0, 1];
+
+/**
+ * Base class of Axis.
+ * @constructor
+ */
+var Axis = function (dim, scale, extent) {
+
+ /**
+ * Axis dimension. Such as 'x', 'y', 'z', 'angle', 'radius'.
+ * @type {string}
+ */
+ this.dim = dim;
+
+ /**
+ * Axis scale
+ * @type {module:echarts/coord/scale/*}
+ */
+ this.scale = scale;
+
+ /**
+ * @type {Array.<number>}
+ * @private
+ */
+ this._extent = extent || [0, 0];
+
+ /**
+ * @type {boolean}
+ */
+ this.inverse = false;
+
+ /**
+ * Usually true when axis has a ordinal scale
+ * @type {boolean}
+ */
+ this.onBand = false;
+};
+
+Axis.prototype = {
+
+ constructor: Axis,
+
+ /**
+ * If axis extent contain given coord
+ * @param {number} coord
+ * @return {boolean}
+ */
+ contain: function (coord) {
+ var extent = this._extent;
+ var min = Math.min(extent[0], extent[1]);
+ var max = Math.max(extent[0], extent[1]);
+ return coord >= min && coord <= max;
+ },
+
+ /**
+ * If axis extent contain given data
+ * @param {number} data
+ * @return {boolean}
+ */
+ containData: function (data) {
+ return this.scale.contain(data);
+ },
+
+ /**
+ * Get coord extent.
+ * @return {Array.<number>}
+ */
+ getExtent: function () {
+ return this._extent.slice();
+ },
+
+ /**
+ * Get precision used for formatting
+ * @param {Array.<number>} [dataExtent]
+ * @return {number}
+ */
+ getPixelPrecision: function (dataExtent) {
+ return getPixelPrecision(
+ dataExtent || this.scale.getExtent(),
+ this._extent
+ );
+ },
+
+ /**
+ * Set coord extent
+ * @param {number} start
+ * @param {number} end
+ */
+ setExtent: function (start, end) {
+ var extent = this._extent;
+ extent[0] = start;
+ extent[1] = end;
+ },
+
+ /**
+ * Convert data to coord. Data is the rank if it has an ordinal scale
+ * @param {number} data
+ * @param {boolean} clamp
+ * @return {number}
+ */
+ dataToCoord: function (data, clamp) {
+ var extent = this._extent;
+ var scale = this.scale;
+ data = scale.normalize(data);
+
+ if (this.onBand && scale.type === 'ordinal') {
+ extent = extent.slice();
+ fixExtentWithBands(extent, scale.count());
+ }
+
+ return linearMap(data, NORMALIZED_EXTENT, extent, clamp);
+ },
+
+ /**
+ * Convert coord to data. Data is the rank if it has an ordinal scale
+ * @param {number} coord
+ * @param {boolean} clamp
+ * @return {number}
+ */
+ coordToData: function (coord, clamp) {
+ var extent = this._extent;
+ var scale = this.scale;
+
+ if (this.onBand && scale.type === 'ordinal') {
+ extent = extent.slice();
+ fixExtentWithBands(extent, scale.count());
+ }
+
+ var t = linearMap(coord, extent, NORMALIZED_EXTENT, clamp);
+
+ return this.scale.scale(t);
+ },
+
+ /**
+ * Convert pixel point to data in axis
+ * @param {Array.<number>} point
+ * @param {boolean} clamp
+ * @return {number} data
+ */
+ pointToData: function (point, clamp) {
+ // Should be implemented in derived class if necessary.
+ },
+
+ /**
+ * Different from `zrUtil.map(axis.getTicks(), axis.dataToCoord, axis)`,
+ * `axis.getTicksCoords` considers `onBand`, which is used by
+ * `boundaryGap:true` of category axis and splitLine and splitArea.
+ * @param {Object} [opt]
+ * @param {Model} [opt.tickModel=axis.model.getModel('axisTick')]
+ * @param {boolean} [opt.clamp] If `true`, the first and the last
+ * tick must be at the axis end points. Otherwise, clip ticks
+ * that outside the axis extent.
+ * @return {Array.<Object>} [{
+ * coord: ...,
+ * tickValue: ...
+ * }, ...]
+ */
+ getTicksCoords: function (opt) {
+ opt = opt || {};
+
+ var tickModel = opt.tickModel || this.getTickModel();
+ var result = createAxisTicks(this, tickModel);
+ var ticks = result.ticks;
+
+ var ticksCoords = map(ticks, function (tickValue) {
+ return {
+ coord: this.dataToCoord(tickValue),
+ tickValue: tickValue
+ };
+ }, this);
+
+ var alignWithLabel = tickModel.get('alignWithLabel');
+
+ fixOnBandTicksCoords(
+ this, ticksCoords, alignWithLabel, opt.clamp
+ );
+
+ return ticksCoords;
+ },
+
+ /**
+ * @return {Array.<Array.<Object>>} [{ coord: ..., tickValue: ...}]
+ */
+ getMinorTicksCoords: function () {
+ if (this.scale.type === 'ordinal') {
+ // Category axis doesn't support minor ticks
+ return [];
+ }
+
+ var minorTickModel = this.model.getModel('minorTick');
+ var splitNumber = minorTickModel.get('splitNumber');
+ // Protection.
+ if (!(splitNumber > 0 && splitNumber < 100)) {
+ splitNumber = 5;
+ }
+ var minorTicks = this.scale.getMinorTicks(splitNumber);
+ var minorTicksCoords = map(minorTicks, function (minorTicksGroup) {
+ return map(minorTicksGroup, function (minorTick) {
+ return {
+ coord: this.dataToCoord(minorTick),
+ tickValue: minorTick
+ };
+ }, this);
+ }, this);
+ return minorTicksCoords;
+ },
+
+ /**
+ * @return {Array.<Object>} [{
+ * formattedLabel: string,
+ * rawLabel: axis.scale.getLabel(tickValue)
+ * tickValue: number
+ * }, ...]
+ */
+ getViewLabels: function () {
+ return createAxisLabels(this).labels;
+ },
+
+ /**
+ * @return {module:echarts/coord/model/Model}
+ */
+ getLabelModel: function () {
+ return this.model.getModel('axisLabel');
+ },
+
+ /**
+ * Notice here we only get the default tick model. For splitLine
+ * or splitArea, we should pass the splitLineModel or splitAreaModel
+ * manually when calling `getTicksCoords`.
+ * In GL, this method may be overrided to:
+ * `axisModel.getModel('axisTick', grid3DModel.getModel('axisTick'));`
+ * @return {module:echarts/coord/model/Model}
+ */
+ getTickModel: function () {
+ return this.model.getModel('axisTick');
+ },
+
+ /**
+ * Get width of band
+ * @return {number}
+ */
+ getBandWidth: function () {
+ var axisExtent = this._extent;
+ var dataExtent = this.scale.getExtent();
+
+ var len = dataExtent[1] - dataExtent[0] + (this.onBand ? 1 : 0);
+ // Fix #2728, avoid NaN when only one data.
+ len === 0 && (len = 1);
+
+ var size = Math.abs(axisExtent[1] - axisExtent[0]);
+
+ return Math.abs(size) / len;
+ },
+
+ /**
+ * @abstract
+ * @return {boolean} Is horizontal
+ */
+ isHorizontal: null,
+
+ /**
+ * @abstract
+ * @return {number} Get axis rotate, by degree.
+ */
+ getRotate: null,
+
+ /**
+ * Only be called in category axis.
+ * Can be overrided, consider other axes like in 3D.
+ * @return {number} Auto interval for cateogry axis tick and label
+ */
+ calculateCategoryInterval: function () {
+ return calculateCategoryInterval(this);
+ }
+
+};
+
+function fixExtentWithBands(extent, nTick) {
+ var size = extent[1] - extent[0];
+ var len = nTick;
+ var margin = size / len / 2;
+ extent[0] += margin;
+ extent[1] -= margin;
+}
+
+// If axis has labels [1, 2, 3, 4]. Bands on the axis are
+// |---1---|---2---|---3---|---4---|.
+// So the displayed ticks and splitLine/splitArea should between
+// each data item, otherwise cause misleading (e.g., split tow bars
+// of a single data item when there are two bar series).
+// Also consider if tickCategoryInterval > 0 and onBand, ticks and
+// splitLine/spliteArea should layout appropriately corresponding
+// to displayed labels. (So we should not use `getBandWidth` in this
+// case).
+function fixOnBandTicksCoords(axis, ticksCoords, alignWithLabel, clamp) {
+ var ticksLen = ticksCoords.length;
+
+ if (!axis.onBand || alignWithLabel || !ticksLen) {
+ return;
+ }
+
+ var axisExtent = axis.getExtent();
+ var last;
+ var diffSize;
+ if (ticksLen === 1) {
+ ticksCoords[0].coord = axisExtent[0];
+ last = ticksCoords[1] = {coord: axisExtent[0]};
+ }
+ else {
+ var crossLen = ticksCoords[ticksLen - 1].tickValue - ticksCoords[0].tickValue;
+ var shift = (ticksCoords[ticksLen - 1].coord - ticksCoords[0].coord) / crossLen;
+
+ each$1(ticksCoords, function (ticksItem) {
+ ticksItem.coord -= shift / 2;
+ });
+
+ var dataExtent = axis.scale.getExtent();
+ diffSize = 1 + dataExtent[1] - ticksCoords[ticksLen - 1].tickValue;
+
+ last = {coord: ticksCoords[ticksLen - 1].coord + shift * diffSize};
+
+ ticksCoords.push(last);
+ }
+
+ var inverse = axisExtent[0] > axisExtent[1];
+
+ // Handling clamp.
+ if (littleThan(ticksCoords[0].coord, axisExtent[0])) {
+ clamp ? (ticksCoords[0].coord = axisExtent[0]) : ticksCoords.shift();
+ }
+ if (clamp && littleThan(axisExtent[0], ticksCoords[0].coord)) {
+ ticksCoords.unshift({coord: axisExtent[0]});
+ }
+ if (littleThan(axisExtent[1], last.coord)) {
+ clamp ? (last.coord = axisExtent[1]) : ticksCoords.pop();
+ }
+ if (clamp && littleThan(last.coord, axisExtent[1])) {
+ ticksCoords.push({coord: axisExtent[1]});
+ }
+
+ function littleThan(a, b) {
+ // Avoid rounding error cause calculated tick coord different with extent.
+ // It may cause an extra unecessary tick added.
+ a = round$1(a);
+ b = round$1(b);
+ return inverse ? a > b : a < b;
+ }
+}
+
+/*
+* 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.
+*/
+
+/**
+ * Do not mount those modules on 'src/echarts' for better tree shaking.
+ */
+
+var parseGeoJson = parseGeoJson$1;
+
+var ecUtil = {};
+each$1(
+ [
+ 'map', 'each', 'filter', 'indexOf', 'inherits', 'reduce', 'filter',
+ 'bind', 'curry', 'isArray', 'isString', 'isObject', 'isFunction',
+ 'extend', 'defaults', 'clone', 'merge'
+ ],
+ function (name) {
+ ecUtil[name] = zrUtil[name];
+ }
+);
+var graphic$1 = {};
+each$1(
+ [
+ 'extendShape', 'extendPath', 'makePath', 'makeImage',
+ 'mergePath', 'resizePath', 'createIcon',
+ 'setHoverStyle', 'setLabelStyle', 'setTextStyle', 'setText',
+ 'getFont', 'updateProps', 'initProps', 'getTransform',
+ 'clipPointsByRect', 'clipRectByRect',
+ 'registerShape', 'getShapeClass',
+ 'Group',
+ 'Image',
+ 'Text',
+ 'Circle',
+ 'Sector',
+ 'Ring',
+ 'Polygon',
+ 'Polyline',
+ 'Rect',
+ 'Line',
+ 'BezierCurve',
+ 'Arc',
+ 'IncrementalDisplayable',
+ 'CompoundPath',
+ 'LinearGradient',
+ 'RadialGradient',
+ 'BoundingRect'
+ ],
+ function (name) {
+ graphic$1[name] = graphic[name];
+ }
+);
+
+/*
+* 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.
+*/
+
+SeriesModel.extend({
+
+ type: 'series.line',
+
+ dependencies: ['grid', 'polar'],
+
+ getInitialData: function (option, ecModel) {
+ if (__DEV__) {
+ var coordSys = option.coordinateSystem;
+ if (coordSys !== 'polar' && coordSys !== 'cartesian2d') {
+ throw new Error('Line not support coordinateSystem besides cartesian and polar');
+ }
+ }
+ return createListFromArray(this.getSource(), this, {useEncodeDefaulter: true});
+ },
+
+ defaultOption: {
+ zlevel: 0,
+ z: 2,
+ coordinateSystem: 'cartesian2d',
+ legendHoverLink: true,
+
+ hoverAnimation: true,
+ // stack: null
+ // xAxisIndex: 0,
+ // yAxisIndex: 0,
+
+ // polarIndex: 0,
+
+ // If clip the overflow value
+ clip: true,
+ // cursor: null,
+
+ label: {
+ position: 'top'
+ },
+ // itemStyle: {
+ // },
+
+ lineStyle: {
+ width: 2,
+ type: 'solid'
+ },
+ // areaStyle: {
+ // origin of areaStyle. Valid values:
+ // `'auto'/null/undefined`: from axisLine to data
+ // `'start'`: from min to data
+ // `'end'`: from data to max
+ // origin: 'auto'
+ // },
+ // false, 'start', 'end', 'middle'
+ step: false,
+
+ // Disabled if step is true
+ smooth: false,
+ smoothMonotone: null,
+ symbol: 'emptyCircle',
+ symbolSize: 4,
+ symbolRotate: null,
+
+ showSymbol: true,
+ // `false`: follow the label interval strategy.
+ // `true`: show all symbols.
+ // `'auto'`: If possible, show all symbols, otherwise
+ // follow the label interval strategy.
+ showAllSymbol: 'auto',
+
+ // Whether to connect break point.
+ connectNulls: false,
+
+ // Sampling for large data. Can be: 'average', 'max', 'min', 'sum'.
+ sampling: 'none',
+
+ animationEasing: 'linear',
+
+ // Disable progressive
+ progressive: 0,
+ hoverLayerThreshold: Infinity
+ }
+});
+
+/*
+* 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.
+*/
+
+/**
+ * @param {module:echarts/data/List} data
+ * @param {number} dataIndex
+ * @return {string} label string. Not null/undefined
+ */
+function getDefaultLabel(data, dataIndex) {
+ var labelDims = data.mapDimension('defaultedLabel', true);
+ var len = labelDims.length;
+
+ // Simple optimization (in lots of cases, label dims length is 1)
+ if (len === 1) {
+ return retrieveRawValue(data, dataIndex, labelDims[0]);
+ }
+ else if (len) {
+ var vals = [];
+ for (var i = 0; i < labelDims.length; i++) {
+ var val = retrieveRawValue(data, dataIndex, labelDims[i]);
+ vals.push(val);
+ }
+ return vals.join(' ');
+ }
+}
+
+/*
+* 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.
+*/
+
+/**
+ * @module echarts/chart/helper/Symbol
+ */
+
+/**
+ * @constructor
+ * @alias {module:echarts/chart/helper/Symbol}
+ * @param {module:echarts/data/List} data
+ * @param {number} idx
+ * @extends {module:zrender/graphic/Group}
+ */
+function SymbolClz$1(data, idx, seriesScope) {
+ Group.call(this);
+ this.updateData(data, idx, seriesScope);
+}
+
+var symbolProto = SymbolClz$1.prototype;
+
+/**
+ * @public
+ * @static
+ * @param {module:echarts/data/List} data
+ * @param {number} dataIndex
+ * @return {Array.<number>} [width, height]
+ */
+var getSymbolSize = SymbolClz$1.getSymbolSize = function (data, idx) {
+ var symbolSize = data.getItemVisual(idx, 'symbolSize');
+ return symbolSize instanceof Array
+ ? symbolSize.slice()
+ : [+symbolSize, +symbolSize];
+};
+
+function getScale(symbolSize) {
+ return [symbolSize[0] / 2, symbolSize[1] / 2];
+}
+
+function driftSymbol(dx, dy) {
+ this.parent.drift(dx, dy);
+}
+
+symbolProto._createSymbol = function (
+ symbolType,
+ data,
+ idx,
+ symbolSize,
+ keepAspect
+) {
+ // Remove paths created before
+ this.removeAll();
+
+ var color = data.getItemVisual(idx, 'color');
+
+ // var symbolPath = createSymbol(
+ // symbolType, -0.5, -0.5, 1, 1, color
+ // );
+ // If width/height are set too small (e.g., set to 1) on ios10
+ // and macOS Sierra, a circle stroke become a rect, no matter what
+ // the scale is set. So we set width/height as 2. See #4150.
+ var symbolPath = createSymbol(
+ symbolType, -1, -1, 2, 2, color, keepAspect
+ );
+
+ symbolPath.attr({
+ z2: 100,
+ culling: true,
+ scale: getScale(symbolSize)
+ });
+ // Rewrite drift method
+ symbolPath.drift = driftSymbol;
+
+ this._symbolType = symbolType;
+
+ this.add(symbolPath);
+};
+
+/**
+ * Stop animation
+ * @param {boolean} toLastFrame
+ */
+symbolProto.stopSymbolAnimation = function (toLastFrame) {
+ this.childAt(0).stopAnimation(toLastFrame);
+};
+
+/**
+ * FIXME:
+ * Caution: This method breaks the encapsulation of this module,
+ * but it indeed brings convenience. So do not use the method
+ * unless you detailedly know all the implements of `Symbol`,
+ * especially animation.
+ *
+ * Get symbol path element.
+ */
+symbolProto.getSymbolPath = function () {
+ return this.childAt(0);
+};
+
+/**
+ * Get scale(aka, current symbol size).
+ * Including the change caused by animation
+ */
+symbolProto.getScale = function () {
+ return this.childAt(0).scale;
+};
+
+/**
+ * Highlight symbol
+ */
+symbolProto.highlight = function () {
+ this.childAt(0).trigger('emphasis');
+};
+
+/**
+ * Downplay symbol
+ */
+symbolProto.downplay = function () {
+ this.childAt(0).trigger('normal');
+};
+
+/**
+ * @param {number} zlevel
+ * @param {number} z
+ */
+symbolProto.setZ = function (zlevel, z) {
+ var symbolPath = this.childAt(0);
+ symbolPath.zlevel = zlevel;
+ symbolPath.z = z;
+};
+
+symbolProto.setDraggable = function (draggable) {
+ var symbolPath = this.childAt(0);
+ symbolPath.draggable = draggable;
+ symbolPath.cursor = draggable ? 'move' : symbolPath.cursor;
+};
+
+/**
+ * Update symbol properties
+ * @param {module:echarts/data/List} data
+ * @param {number} idx
+ * @param {Object} [seriesScope]
+ * @param {Object} [seriesScope.itemStyle]
+ * @param {Object} [seriesScope.hoverItemStyle]
+ * @param {Object} [seriesScope.symbolRotate]
+ * @param {Object} [seriesScope.symbolOffset]
+ * @param {module:echarts/model/Model} [seriesScope.labelModel]
+ * @param {module:echarts/model/Model} [seriesScope.hoverLabelModel]
+ * @param {boolean} [seriesScope.hoverAnimation]
+ * @param {Object} [seriesScope.cursorStyle]
+ * @param {module:echarts/model/Model} [seriesScope.itemModel]
+ * @param {string} [seriesScope.symbolInnerColor]
+ * @param {Object} [seriesScope.fadeIn=false]
+ */
+symbolProto.updateData = function (data, idx, seriesScope) {
+ this.silent = false;
+
+ var symbolType = data.getItemVisual(idx, 'symbol') || 'circle';
+ var seriesModel = data.hostModel;
+ var symbolSize = getSymbolSize(data, idx);
+ var isInit = symbolType !== this._symbolType;
+
+ if (isInit) {
+ var keepAspect = data.getItemVisual(idx, 'symbolKeepAspect');
+ this._createSymbol(symbolType, data, idx, symbolSize, keepAspect);
+ }
+ else {
+ var symbolPath = this.childAt(0);
+ symbolPath.silent = false;
+ updateProps(symbolPath, {
+ scale: getScale(symbolSize)
+ }, seriesModel, idx);
+ }
+
+ this._updateCommon(data, idx, symbolSize, seriesScope);
+
+ if (isInit) {
+ var symbolPath = this.childAt(0);
+ var fadeIn = seriesScope && seriesScope.fadeIn;
+
+ var target = {scale: symbolPath.scale.slice()};
+ fadeIn && (target.style = {opacity: symbolPath.style.opacity});
+
+ symbolPath.scale = [0, 0];
+ fadeIn && (symbolPath.style.opacity = 0);
+
+ initProps(symbolPath, target, seriesModel, idx);
+ }
+
+ this._seriesModel = seriesModel;
+};
+
+// Update common properties
+var normalStyleAccessPath = ['itemStyle'];
+var emphasisStyleAccessPath = ['emphasis', 'itemStyle'];
+var normalLabelAccessPath = ['label'];
+var emphasisLabelAccessPath = ['emphasis', 'label'];
+
+/**
+ * @param {module:echarts/data/List} data
+ * @param {number} idx
+ * @param {Array.<number>} symbolSize
+ * @param {Object} [seriesScope]
+ */
+symbolProto._updateCommon = function (data, idx, symbolSize, seriesScope) {
+ var symbolPath = this.childAt(0);
+ var seriesModel = data.hostModel;
+ var color = data.getItemVisual(idx, 'color');
+
+ // Reset style
+ if (symbolPath.type !== 'image') {
+ symbolPath.useStyle({
+ strokeNoScale: true
+ });
+ }
+ else {
+ symbolPath.setStyle({
+ opacity: null,
+ shadowBlur: null,
+ shadowOffsetX: null,
+ shadowOffsetY: null,
+ shadowColor: null
+ });
+ }
+
+ var itemStyle = seriesScope && seriesScope.itemStyle;
+ var hoverItemStyle = seriesScope && seriesScope.hoverItemStyle;
+ var symbolOffset = seriesScope && seriesScope.symbolOffset;
+ var labelModel = seriesScope && seriesScope.labelModel;
+ var hoverLabelModel = seriesScope && seriesScope.hoverLabelModel;
+ var hoverAnimation = seriesScope && seriesScope.hoverAnimation;
+ var cursorStyle = seriesScope && seriesScope.cursorStyle;
+
+ if (!seriesScope || data.hasItemOption) {
+ var itemModel = (seriesScope && seriesScope.itemModel)
+ ? seriesScope.itemModel : data.getItemModel(idx);
+
+ // Color must be excluded.
+ // Because symbol provide setColor individually to set fill and stroke
+ itemStyle = itemModel.getModel(normalStyleAccessPath).getItemStyle(['color']);
+ hoverItemStyle = itemModel.getModel(emphasisStyleAccessPath).getItemStyle();
+
+ symbolOffset = itemModel.getShallow('symbolOffset');
+
+ labelModel = itemModel.getModel(normalLabelAccessPath);
+ hoverLabelModel = itemModel.getModel(emphasisLabelAccessPath);
+ hoverAnimation = itemModel.getShallow('hoverAnimation');
+ cursorStyle = itemModel.getShallow('cursor');
+ }
+ else {
+ hoverItemStyle = extend({}, hoverItemStyle);
+ }
+
+ var elStyle = symbolPath.style;
+
+ var symbolRotate = data.getItemVisual(idx, 'symbolRotate');
+
+ symbolPath.attr('rotation', (symbolRotate || 0) * Math.PI / 180 || 0);
+
+ if (symbolOffset) {
+ symbolPath.attr('position', [
+ parsePercent$1(symbolOffset[0], symbolSize[0]),
+ parsePercent$1(symbolOffset[1], symbolSize[1])
+ ]);
+ }
+
+ cursorStyle && symbolPath.attr('cursor', cursorStyle);
+
+ // PENDING setColor before setStyle!!!
+ symbolPath.setColor(color, seriesScope && seriesScope.symbolInnerColor);
+
+ symbolPath.setStyle(itemStyle);
+
+ var opacity = data.getItemVisual(idx, 'opacity');
+ if (opacity != null) {
+ elStyle.opacity = opacity;
+ }
+
+ var liftZ = data.getItemVisual(idx, 'liftZ');
+ var z2Origin = symbolPath.__z2Origin;
+ if (liftZ != null) {
+ if (z2Origin == null) {
+ symbolPath.__z2Origin = symbolPath.z2;
+ symbolPath.z2 += liftZ;
+ }
+ }
+ else if (z2Origin != null) {
+ symbolPath.z2 = z2Origin;
+ symbolPath.__z2Origin = null;
+ }
+
+ var useNameLabel = seriesScope && seriesScope.useNameLabel;
+
+ setLabelStyle(
+ elStyle, hoverItemStyle, labelModel, hoverLabelModel,
+ {
+ labelFetcher: seriesModel,
+ labelDataIndex: idx,
+ defaultText: getLabelDefaultText,
+ isRectText: true,
+ autoColor: color
+ }
+ );
+
+ // Do not execute util needed.
+ function getLabelDefaultText(idx, opt) {
+ return useNameLabel ? data.getName(idx) : getDefaultLabel(data, idx);
+ }
+
+ symbolPath.__symbolOriginalScale = getScale(symbolSize);
+ symbolPath.hoverStyle = hoverItemStyle;
+ symbolPath.highDownOnUpdate = (
+ hoverAnimation && seriesModel.isAnimationEnabled()
+ ) ? highDownOnUpdate : null;
+
+ setHoverStyle(symbolPath);
+};
+
+function highDownOnUpdate(fromState, toState) {
+ // Do not support this hover animation util some scenario required.
+ // Animation can only be supported in hover layer when using `el.incremetal`.
+ if (this.incremental || this.useHoverLayer) {
+ return;
+ }
+
+ if (toState === 'emphasis') {
+ var scale = this.__symbolOriginalScale;
+ var ratio = scale[1] / scale[0];
+ var emphasisOpt = {
+ scale: [
+ Math.max(scale[0] * 1.1, scale[0] + 3),
+ Math.max(scale[1] * 1.1, scale[1] + 3 * ratio)
+ ]
+ };
+ // FIXME
+ // modify it after support stop specified animation.
+ // toState === fromState
+ // ? (this.stopAnimation(), this.attr(emphasisOpt))
+ this.animateTo(emphasisOpt, 400, 'elasticOut');
+ }
+ else if (toState === 'normal') {
+ this.animateTo({
+ scale: this.__symbolOriginalScale
+ }, 400, 'elasticOut');
+ }
+}
+
+/**
+ * @param {Function} cb
+ * @param {Object} [opt]
+ * @param {Object} [opt.keepLabel=true]
+ */
+symbolProto.fadeOut = function (cb, opt) {
+ var symbolPath = this.childAt(0);
+ // Avoid mistaken hover when fading out
+ this.silent = symbolPath.silent = true;
+ // Not show text when animating
+ !(opt && opt.keepLabel) && (symbolPath.style.text = null);
+
+ updateProps(
+ symbolPath,
+ {
+ style: {opacity: 0},
+ scale: [0, 0]
+ },
+ this._seriesModel,
+ this.dataIndex,
+ cb
+ );
+};
+
+inherits(SymbolClz$1, Group);
+
+/*
+* 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.
+*/
+
+/**
+ * @module echarts/chart/helper/SymbolDraw
+ */
+
+/**
+ * @constructor
+ * @alias module:echarts/chart/helper/SymbolDraw
+ * @param {module:zrender/graphic/Group} [symbolCtor]
+ */
+function SymbolDraw(symbolCtor) {
+ this.group = new Group();
+
+ this._symbolCtor = symbolCtor || SymbolClz$1;
+}
+
+var symbolDrawProto = SymbolDraw.prototype;
+
+function symbolNeedsDraw(data, point, idx, opt) {
+ return point && !isNaN(point[0]) && !isNaN(point[1])
+ && !(opt.isIgnore && opt.isIgnore(idx))
+ // We do not set clipShape on group, because it will cut part of
+ // the symbol element shape. We use the same clip shape here as
+ // the line clip.
+ && !(opt.clipShape && !opt.clipShape.contain(point[0], point[1]))
+ && data.getItemVisual(idx, 'symbol') !== 'none';
+}
+
+/**
+ * Update symbols draw by new data
+ * @param {module:echarts/data/List} data
+ * @param {Object} [opt] Or isIgnore
+ * @param {Function} [opt.isIgnore]
+ * @param {Object} [opt.clipShape]
+ */
+symbolDrawProto.updateData = function (data, opt) {
+ opt = normalizeUpdateOpt(opt);
+
+ var group = this.group;
+ var seriesModel = data.hostModel;
+ var oldData = this._data;
+ var SymbolCtor = this._symbolCtor;
+
+ var seriesScope = makeSeriesScope(data);
+
+ // There is no oldLineData only when first rendering or switching from
+ // stream mode to normal mode, where previous elements should be removed.
+ if (!oldData) {
+ group.removeAll();
+ }
+
+ data.diff(oldData)
+ .add(function (newIdx) {
+ var point = data.getItemLayout(newIdx);
+ if (symbolNeedsDraw(data, point, newIdx, opt)) {
+ var symbolEl = new SymbolCtor(data, newIdx, seriesScope);
+ symbolEl.attr('position', point);
+ data.setItemGraphicEl(newIdx, symbolEl);
+ group.add(symbolEl);
+ }
+ })
+ .update(function (newIdx, oldIdx) {
+ var symbolEl = oldData.getItemGraphicEl(oldIdx);
+ var point = data.getItemLayout(newIdx);
+ if (!symbolNeedsDraw(data, point, newIdx, opt)) {
+ group.remove(symbolEl);
+ return;
+ }
+ if (!symbolEl) {
+ symbolEl = new SymbolCtor(data, newIdx);
+ symbolEl.attr('position', point);
+ }
+ else {
+ symbolEl.updateData(data, newIdx, seriesScope);
+ updateProps(symbolEl, {
+ position: point
+ }, seriesModel);
+ }
+
+ // Add back
+ group.add(symbolEl);
+
+ data.setItemGraphicEl(newIdx, symbolEl);
+ })
+ .remove(function (oldIdx) {
+ var el = oldData.getItemGraphicEl(oldIdx);
+ el && el.fadeOut(function () {
+ group.remove(el);
+ });
+ })
+ .execute();
+
+ this._data = data;
+};
+
+symbolDrawProto.isPersistent = function () {
+ return true;
+};
+
+symbolDrawProto.updateLayout = function () {
+ var data = this._data;
+ if (data) {
+ // Not use animation
+ data.eachItemGraphicEl(function (el, idx) {
+ var point = data.getItemLayout(idx);
+ el.attr('position', point);
+ });
+ }
+};
+
+symbolDrawProto.incrementalPrepareUpdate = function (data) {
+ this._seriesScope = makeSeriesScope(data);
+ this._data = null;
+ this.group.removeAll();
+};
+
+/**
+ * Update symbols draw by new data
+ * @param {module:echarts/data/List} data
+ * @param {Object} [opt] Or isIgnore
+ * @param {Function} [opt.isIgnore]
+ * @param {Object} [opt.clipShape]
+ */
+symbolDrawProto.incrementalUpdate = function (taskParams, data, opt) {
+ opt = normalizeUpdateOpt(opt);
+
+ function updateIncrementalAndHover(el) {
+ if (!el.isGroup) {
+ el.incremental = el.useHoverLayer = true;
+ }
+ }
+ for (var idx = taskParams.start; idx < taskParams.end; idx++) {
+ var point = data.getItemLayout(idx);
+ if (symbolNeedsDraw(data, point, idx, opt)) {
+ var el = new this._symbolCtor(data, idx, this._seriesScope);
+ el.traverse(updateIncrementalAndHover);
+ el.attr('position', point);
+ this.group.add(el);
+ data.setItemGraphicEl(idx, el);
+ }
+ }
+};
+
+function normalizeUpdateOpt(opt) {
+ if (opt != null && !isObject$1(opt)) {
+ opt = {isIgnore: opt};
+ }
+ return opt || {};
+}
+
+symbolDrawProto.remove = function (enableAnimation) {
+ var group = this.group;
+ var data = this._data;
+ // Incremental model do not have this._data.
+ if (data && enableAnimation) {
+ data.eachItemGraphicEl(function (el) {
+ el.fadeOut(function () {
+ group.remove(el);
+ });
+ });
+ }
+ else {
+ group.removeAll();
+ }
+};
+
+function makeSeriesScope(data) {
+ var seriesModel = data.hostModel;
+ return {
+ itemStyle: seriesModel.getModel('itemStyle').getItemStyle(['color']),
+ hoverItemStyle: seriesModel.getModel('emphasis.itemStyle').getItemStyle(),
+ symbolRotate: seriesModel.get('symbolRotate'),
+ symbolOffset: seriesModel.get('symbolOffset'),
+ hoverAnimation: seriesModel.get('hoverAnimation'),
+ labelModel: seriesModel.getModel('label'),
+ hoverLabelModel: seriesModel.getModel('emphasis.label'),
+ cursorStyle: seriesModel.get('cursor')
+ };
+}
+
+/*
+* 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.
+*/
+
+/**
+ * @param {Object} coordSys
+ * @param {module:echarts/data/List} data
+ * @param {string} valueOrigin lineSeries.option.areaStyle.origin
+ */
+function prepareDataCoordInfo(coordSys, data, valueOrigin) {
+ var baseAxis = coordSys.getBaseAxis();
+ var valueAxis = coordSys.getOtherAxis(baseAxis);
+ var valueStart = getValueStart(valueAxis, valueOrigin);
+
+ var baseAxisDim = baseAxis.dim;
+ var valueAxisDim = valueAxis.dim;
+ var valueDim = data.mapDimension(valueAxisDim);
+ var baseDim = data.mapDimension(baseAxisDim);
+ var baseDataOffset = valueAxisDim === 'x' || valueAxisDim === 'radius' ? 1 : 0;
+
+ var dims = map(coordSys.dimensions, function (coordDim) {
+ return data.mapDimension(coordDim);
+ });
+
+ var stacked;
+ var stackResultDim = data.getCalculationInfo('stackResultDimension');
+ if (stacked |= isDimensionStacked(data, dims[0] /*, dims[1]*/)) { // jshint ignore:line
+ dims[0] = stackResultDim;
+ }
+ if (stacked |= isDimensionStacked(data, dims[1] /*, dims[0]*/)) { // jshint ignore:line
+ dims[1] = stackResultDim;
+ }
+
+ return {
+ dataDimsForPoint: dims,
+ valueStart: valueStart,
+ valueAxisDim: valueAxisDim,
+ baseAxisDim: baseAxisDim,
+ stacked: !!stacked,
+ valueDim: valueDim,
+ baseDim: baseDim,
+ baseDataOffset: baseDataOffset,
+ stackedOverDimension: data.getCalculationInfo('stackedOverDimension')
+ };
+}
+
+function getValueStart(valueAxis, valueOrigin) {
+ var valueStart = 0;
+ var extent = valueAxis.scale.getExtent();
+
+ if (valueOrigin === 'start') {
+ valueStart = extent[0];
+ }
+ else if (valueOrigin === 'end') {
+ valueStart = extent[1];
+ }
+ // auto
+ else {
+ // Both positive
+ if (extent[0] > 0) {
+ valueStart = extent[0];
+ }
+ // Both negative
+ else if (extent[1] < 0) {
+ valueStart = extent[1];
+ }
+ // If is one positive, and one negative, onZero shall be true
+ }
+
+ return valueStart;
+}
+
+function getStackedOnPoint(dataCoordInfo, coordSys, data, idx) {
+ var value = NaN;
+ if (dataCoordInfo.stacked) {
+ value = data.get(data.getCalculationInfo('stackedOverDimension'), idx);
+ }
+ if (isNaN(value)) {
+ value = dataCoordInfo.valueStart;
+ }
+
+ var baseDataOffset = dataCoordInfo.baseDataOffset;
+ var stackedData = [];
+ stackedData[baseDataOffset] = data.get(dataCoordInfo.baseDim, idx);
+ stackedData[1 - baseDataOffset] = value;
+
+ return coordSys.dataToPoint(stackedData);
+}
+
+/*
+* 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.
+*/
+
+// var arrayDiff = require('zrender/src/core/arrayDiff');
+// 'zrender/src/core/arrayDiff' has been used before, but it did
+// not do well in performance when roam with fixed dataZoom window.
+
+// function convertToIntId(newIdList, oldIdList) {
+// // Generate int id instead of string id.
+// // Compare string maybe slow in score function of arrDiff
+
+// // Assume id in idList are all unique
+// var idIndicesMap = {};
+// var idx = 0;
+// for (var i = 0; i < newIdList.length; i++) {
+// idIndicesMap[newIdList[i]] = idx;
+// newIdList[i] = idx++;
+// }
+// for (var i = 0; i < oldIdList.length; i++) {
+// var oldId = oldIdList[i];
+// // Same with newIdList
+// if (idIndicesMap[oldId]) {
+// oldIdList[i] = idIndicesMap[oldId];
+// }
+// else {
+// oldIdList[i] = idx++;
+// }
+// }
+// }
+
+function diffData(oldData, newData) {
+ var diffResult = [];
+
+ newData.diff(oldData)
+ .add(function (idx) {
+ diffResult.push({cmd: '+', idx: idx});
+ })
+ .update(function (newIdx, oldIdx) {
+ diffResult.push({cmd: '=', idx: oldIdx, idx1: newIdx});
+ })
+ .remove(function (idx) {
+ diffResult.push({cmd: '-', idx: idx});
+ })
+ .execute();
+
+ return diffResult;
+}
+
+var lineAnimationDiff = function (
+ oldData, newData,
+ oldStackedOnPoints, newStackedOnPoints,
+ oldCoordSys, newCoordSys,
+ oldValueOrigin, newValueOrigin
+) {
+ var diff = diffData(oldData, newData);
+
+ // var newIdList = newData.mapArray(newData.getId);
+ // var oldIdList = oldData.mapArray(oldData.getId);
+
+ // convertToIntId(newIdList, oldIdList);
+
+ // // FIXME One data ?
+ // diff = arrayDiff(oldIdList, newIdList);
+
+ var currPoints = [];
+ var nextPoints = [];
+ // Points for stacking base line
+ var currStackedPoints = [];
+ var nextStackedPoints = [];
+
+ var status = [];
+ var sortedIndices = [];
+ var rawIndices = [];
+
+ var newDataOldCoordInfo = prepareDataCoordInfo(oldCoordSys, newData, oldValueOrigin);
+ var oldDataNewCoordInfo = prepareDataCoordInfo(newCoordSys, oldData, newValueOrigin);
+
+ for (var i = 0; i < diff.length; i++) {
+ var diffItem = diff[i];
+ var pointAdded = true;
+
+ // FIXME, animation is not so perfect when dataZoom window moves fast
+ // Which is in case remvoing or add more than one data in the tail or head
+ switch (diffItem.cmd) {
+ case '=':
+ var currentPt = oldData.getItemLayout(diffItem.idx);
+ var nextPt = newData.getItemLayout(diffItem.idx1);
+ // If previous data is NaN, use next point directly
+ if (isNaN(currentPt[0]) || isNaN(currentPt[1])) {
+ currentPt = nextPt.slice();
+ }
+ currPoints.push(currentPt);
+ nextPoints.push(nextPt);
+
+ currStackedPoints.push(oldStackedOnPoints[diffItem.idx]);
+ nextStackedPoints.push(newStackedOnPoints[diffItem.idx1]);
+
+ rawIndices.push(newData.getRawIndex(diffItem.idx1));
+ break;
+ case '+':
+ var idx = diffItem.idx;
+ currPoints.push(
+ oldCoordSys.dataToPoint([
+ newData.get(newDataOldCoordInfo.dataDimsForPoint[0], idx),
+ newData.get(newDataOldCoordInfo.dataDimsForPoint[1], idx)
+ ])
+ );
+
+ nextPoints.push(newData.getItemLayout(idx).slice());
+
+ currStackedPoints.push(
+ getStackedOnPoint(newDataOldCoordInfo, oldCoordSys, newData, idx)
+ );
+ nextStackedPoints.push(newStackedOnPoints[idx]);
+
+ rawIndices.push(newData.getRawIndex(idx));
+ break;
+ case '-':
+ var idx = diffItem.idx;
+ var rawIndex = oldData.getRawIndex(idx);
+ // Data is replaced. In the case of dynamic data queue
+ // FIXME FIXME FIXME
+ if (rawIndex !== idx) {
+ currPoints.push(oldData.getItemLayout(idx));
+ nextPoints.push(newCoordSys.dataToPoint([
+ oldData.get(oldDataNewCoordInfo.dataDimsForPoint[0], idx),
+ oldData.get(oldDataNewCoordInfo.dataDimsForPoint[1], idx)
+ ]));
+
+ currStackedPoints.push(oldStackedOnPoints[idx]);
+ nextStackedPoints.push(
+ getStackedOnPoint(oldDataNewCoordInfo, newCoordSys, oldData, idx)
+ );
+
+ rawIndices.push(rawIndex);
+ }
+ else {
+ pointAdded = false;
+ }
+ }
+
+ // Original indices
+ if (pointAdded) {
+ status.push(diffItem);
+ sortedIndices.push(sortedIndices.length);
+ }
+ }
+
+ // Diff result may be crossed if all items are changed
+ // Sort by data index
+ sortedIndices.sort(function (a, b) {
+ return rawIndices[a] - rawIndices[b];
+ });
+
+ var sortedCurrPoints = [];
+ var sortedNextPoints = [];
+
+ var sortedCurrStackedPoints = [];
+ var sortedNextStackedPoints = [];
+
+ var sortedStatus = [];
+ for (var i = 0; i < sortedIndices.length; i++) {
+ var idx = sortedIndices[i];
+ sortedCurrPoints[i] = currPoints[idx];
+ sortedNextPoints[i] = nextPoints[idx];
+
+ sortedCurrStackedPoints[i] = currStackedPoints[idx];
+ sortedNextStackedPoints[i] = nextStackedPoints[idx];
+
+ sortedStatus[i] = status[idx];
+ }
+
+ return {
+ current: sortedCurrPoints,
+ next: sortedNextPoints,
+
+ stackedOnCurrent: sortedCurrStackedPoints,
+ stackedOnNext: sortedNextStackedPoints,
+
+ status: sortedStatus
+ };
+};
+
+/*
+* 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.
+*/
+
+// Poly path support NaN point
+
+var vec2Min = min;
+var vec2Max = max;
+
+var scaleAndAdd$1 = scaleAndAdd;
+var v2Copy = copy;
+
+// Temporary variable
+var v = [];
+var cp0 = [];
+var cp1 = [];
+
+function isPointNull(p) {
+ return isNaN(p[0]) || isNaN(p[1]);
+}
+
+function drawSegment(
+ ctx, points, start, segLen, allLen,
+ dir, smoothMin, smoothMax, smooth, smoothMonotone, connectNulls
+) {
+ // if (smoothMonotone == null) {
+ // if (isMono(points, 'x')) {
+ // return drawMono(ctx, points, start, segLen, allLen,
+ // dir, smoothMin, smoothMax, smooth, 'x', connectNulls);
+ // }
+ // else if (isMono(points, 'y')) {
+ // return drawMono(ctx, points, start, segLen, allLen,
+ // dir, smoothMin, smoothMax, smooth, 'y', connectNulls);
+ // }
+ // else {
+ // return drawNonMono.apply(this, arguments);
+ // }
+ // }
+ // else if (smoothMonotone !== 'none' && isMono(points, smoothMonotone)) {
+ // return drawMono.apply(this, arguments);
+ // }
+ // else {
+ // return drawNonMono.apply(this, arguments);
+ // }
+ if (smoothMonotone === 'none' || !smoothMonotone) {
+ return drawNonMono.apply(this, arguments);
+ }
+ else {
+ return drawMono.apply(this, arguments);
+ }
+}
+
+/**
+ * Check if points is in monotone.
+ *
+ * @param {number[][]} points Array of points which is in [x, y] form
+ * @param {string} smoothMonotone 'x', 'y', or 'none', stating for which
+ * dimension that is checking.
+ * If is 'none', `drawNonMono` should be
+ * called.
+ * If is undefined, either being monotone
+ * in 'x' or 'y' will call `drawMono`.
+ */
+// function isMono(points, smoothMonotone) {
+// if (points.length <= 1) {
+// return true;
+// }
+
+// var dim = smoothMonotone === 'x' ? 0 : 1;
+// var last = points[0][dim];
+// var lastDiff = 0;
+// for (var i = 1; i < points.length; ++i) {
+// var diff = points[i][dim] - last;
+// if (!isNaN(diff) && !isNaN(lastDiff)
+// && diff !== 0 && lastDiff !== 0
+// && ((diff >= 0) !== (lastDiff >= 0))
+// ) {
+// return false;
+// }
+// if (!isNaN(diff) && diff !== 0) {
+// lastDiff = diff;
+// last = points[i][dim];
+// }
+// }
+// return true;
+// }
+
+/**
+ * Draw smoothed line in monotone, in which only vertical or horizontal bezier
+ * control points will be used. This should be used when points are monotone
+ * either in x or y dimension.
+ */
+function drawMono(
+ ctx, points, start, segLen, allLen,
+ dir, smoothMin, smoothMax, smooth, smoothMonotone, connectNulls
+) {
+ var prevIdx = 0;
+ var idx = start;
+ for (var k = 0; k < segLen; k++) {
+ var p = points[idx];
+ if (idx >= allLen || idx < 0) {
+ break;
+ }
+ if (isPointNull(p)) {
+ if (connectNulls) {
+ idx += dir;
+ continue;
+ }
+ break;
+ }
+
+ if (idx === start) {
+ ctx[dir > 0 ? 'moveTo' : 'lineTo'](p[0], p[1]);
+ }
+ else {
+ if (smooth > 0) {
+ var prevP = points[prevIdx];
+ var dim = smoothMonotone === 'y' ? 1 : 0;
+
+ // Length of control point to p, either in x or y, but not both
+ var ctrlLen = (p[dim] - prevP[dim]) * smooth;
+
+ v2Copy(cp0, prevP);
+ cp0[dim] = prevP[dim] + ctrlLen;
+
+ v2Copy(cp1, p);
+ cp1[dim] = p[dim] - ctrlLen;
+
+ ctx.bezierCurveTo(
+ cp0[0], cp0[1],
+ cp1[0], cp1[1],
+ p[0], p[1]
+ );
+ }
+ else {
+ ctx.lineTo(p[0], p[1]);
+ }
+ }
+
+ prevIdx = idx;
+ idx += dir;
+ }
+
+ return k;
+}
+
+/**
+ * Draw smoothed line in non-monotone, in may cause undesired curve in extreme
+ * situations. This should be used when points are non-monotone neither in x or
+ * y dimension.
+ */
+function drawNonMono(
+ ctx, points, start, segLen, allLen,
+ dir, smoothMin, smoothMax, smooth, smoothMonotone, connectNulls
+) {
+ var prevIdx = 0;
+ var idx = start;
+ for (var k = 0; k < segLen; k++) {
+ var p = points[idx];
+ if (idx >= allLen || idx < 0) {
+ break;
+ }
+ if (isPointNull(p)) {
+ if (connectNulls) {
+ idx += dir;
+ continue;
+ }
+ break;
+ }
+
+ if (idx === start) {
+ ctx[dir > 0 ? 'moveTo' : 'lineTo'](p[0], p[1]);
+ v2Copy(cp0, p);
+ }
+ else {
+ if (smooth > 0) {
+ var nextIdx = idx + dir;
+ var nextP = points[nextIdx];
+ if (connectNulls) {
+ // Find next point not null
+ while (nextP && isPointNull(points[nextIdx])) {
+ nextIdx += dir;
+ nextP = points[nextIdx];
+ }
+ }
+
+ var ratioNextSeg = 0.5;
+ var prevP = points[prevIdx];
+ var nextP = points[nextIdx];
+ // Last point
+ if (!nextP || isPointNull(nextP)) {
+ v2Copy(cp1, p);
+ }
+ else {
+ // If next data is null in not connect case
+ if (isPointNull(nextP) && !connectNulls) {
+ nextP = p;
+ }
+
+ sub(v, nextP, prevP);
+
+ var lenPrevSeg;
+ var lenNextSeg;
+ if (smoothMonotone === 'x' || smoothMonotone === 'y') {
+ var dim = smoothMonotone === 'x' ? 0 : 1;
+ lenPrevSeg = Math.abs(p[dim] - prevP[dim]);
+ lenNextSeg = Math.abs(p[dim] - nextP[dim]);
+ }
+ else {
+ lenPrevSeg = dist(p, prevP);
+ lenNextSeg = dist(p, nextP);
+ }
+
+ // Use ratio of seg length
+ ratioNextSeg = lenNextSeg / (lenNextSeg + lenPrevSeg);
+
+ scaleAndAdd$1(cp1, p, v, -smooth * (1 - ratioNextSeg));
+ }
+ // Smooth constraint
+ vec2Min(cp0, cp0, smoothMax);
+ vec2Max(cp0, cp0, smoothMin);
+ vec2Min(cp1, cp1, smoothMax);
+ vec2Max(cp1, cp1, smoothMin);
+
+ ctx.bezierCurveTo(
+ cp0[0], cp0[1],
+ cp1[0], cp1[1],
+ p[0], p[1]
+ );
+ // cp0 of next segment
+ scaleAndAdd$1(cp0, p, v, smooth * ratioNextSeg);
+ }
+ else {
+ ctx.lineTo(p[0], p[1]);
+ }
+ }
+
+ prevIdx = idx;
+ idx += dir;
+ }
+
+ return k;
+}
+
+function getBoundingBox(points, smoothConstraint) {
+ var ptMin = [Infinity, Infinity];
+ var ptMax = [-Infinity, -Infinity];
+ if (smoothConstraint) {
+ for (var i = 0; i < points.length; i++) {
+ var pt = points[i];
+ if (pt[0] < ptMin[0]) {
+ ptMin[0] = pt[0];
+ }
+ if (pt[1] < ptMin[1]) {
+ ptMin[1] = pt[1];
+ }
+ if (pt[0] > ptMax[0]) {
+ ptMax[0] = pt[0];
+ }
+ if (pt[1] > ptMax[1]) {
+ ptMax[1] = pt[1];
+ }
+ }
+ }
+ return {
+ min: smoothConstraint ? ptMin : ptMax,
+ max: smoothConstraint ? ptMax : ptMin
+ };
+}
+
+var Polyline$1 = Path.extend({
+
+ type: 'ec-polyline',
+
+ shape: {
+ points: [],
+
+ smooth: 0,
+
+ smoothConstraint: true,
+
+ smoothMonotone: null,
+
+ connectNulls: false
+ },
+
+ style: {
+ fill: null,
+
+ stroke: '#000'
+ },
+
+ brush: fixClipWithShadow(Path.prototype.brush),
+
+ buildPath: function (ctx, shape) {
+ var points = shape.points;
+
+ var i = 0;
+ var len$$1 = points.length;
+
+ var result = getBoundingBox(points, shape.smoothConstraint);
+
+ if (shape.connectNulls) {
+ // Must remove first and last null values avoid draw error in polygon
+ for (; len$$1 > 0; len$$1--) {
+ if (!isPointNull(points[len$$1 - 1])) {
+ break;
+ }
+ }
+ for (; i < len$$1; i++) {
+ if (!isPointNull(points[i])) {
+ break;
+ }
+ }
+ }
+ while (i < len$$1) {
+ i += drawSegment(
+ ctx, points, i, len$$1, len$$1,
+ 1, result.min, result.max, shape.smooth,
+ shape.smoothMonotone, shape.connectNulls
+ ) + 1;
+ }
+ }
+});
+
+var Polygon$1 = Path.extend({
+
+ type: 'ec-polygon',
+
+ shape: {
+ points: [],
+
+ // Offset between stacked base points and points
+ stackedOnPoints: [],
+
+ smooth: 0,
+
+ stackedOnSmooth: 0,
+
+ smoothConstraint: true,
+
+ smoothMonotone: null,
+
+ connectNulls: false
+ },
+
+ brush: fixClipWithShadow(Path.prototype.brush),
+
+ buildPath: function (ctx, shape) {
+ var points = shape.points;
+ var stackedOnPoints = shape.stackedOnPoints;
+
+ var i = 0;
+ var len$$1 = points.length;
+ var smoothMonotone = shape.smoothMonotone;
+ var bbox = getBoundingBox(points, shape.smoothConstraint);
+ var stackedOnBBox = getBoundingBox(stackedOnPoints, shape.smoothConstraint);
+
+ if (shape.connectNulls) {
+ // Must remove first and last null values avoid draw error in polygon
+ for (; len$$1 > 0; len$$1--) {
+ if (!isPointNull(points[len$$1 - 1])) {
+ break;
+ }
+ }
+ for (; i < len$$1; i++) {
+ if (!isPointNull(points[i])) {
+ break;
+ }
+ }
+ }
+ while (i < len$$1) {
+ var k = drawSegment(
+ ctx, points, i, len$$1, len$$1,
+ 1, bbox.min, bbox.max, shape.smooth,
+ smoothMonotone, shape.connectNulls
+ );
+ drawSegment(
+ ctx, stackedOnPoints, i + k - 1, k, len$$1,
+ -1, stackedOnBBox.min, stackedOnBBox.max, shape.stackedOnSmooth,
+ smoothMonotone, shape.connectNulls
+ );
+ i += k + 1;
+
+ ctx.closePath();
+ }
+ }
+});
+
+/*
+* 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 createGridClipPath(cartesian, hasAnimation, seriesModel) {
+ var rect = cartesian.getArea();
+ var isHorizontal = cartesian.getBaseAxis().isHorizontal();
+
+ var x = rect.x;
+ var y = rect.y;
+ var width = rect.width;
+ var height = rect.height;
+
+ var lineWidth = seriesModel.get('lineStyle.width') || 2;
+ // Expand the clip path a bit to avoid the border is clipped and looks thinner
+ x -= lineWidth / 2;
+ y -= lineWidth / 2;
+ width += lineWidth;
+ height += lineWidth;
+
+ // fix: https://github.com/apache/incubator-echarts/issues/11369
+ x = Math.floor(x);
+ width = Math.round(width);
+
+ var clipPath = new Rect({
+ shape: {
+ x: x,
+ y: y,
+ width: width,
+ height: height
+ }
+ });
+
+ if (hasAnimation) {
+ clipPath.shape[isHorizontal ? 'width' : 'height'] = 0;
+ initProps(clipPath, {
+ shape: {
+ width: width,
+ height: height
+ }
+ }, seriesModel);
+ }
+
+ return clipPath;
+}
+
+function createPolarClipPath(polar, hasAnimation, seriesModel) {
+ var sectorArea = polar.getArea();
+ // Avoid float number rounding error for symbol on the edge of axis extent.
+
+ var clipPath = new Sector({
+ shape: {
+ cx: round$1(polar.cx, 1),
+ cy: round$1(polar.cy, 1),
+ r0: round$1(sectorArea.r0, 1),
+ r: round$1(sectorArea.r, 1),
+ startAngle: sectorArea.startAngle,
+ endAngle: sectorArea.endAngle,
+ clockwise: sectorArea.clockwise
+ }
+ });
+
+ if (hasAnimation) {
+ clipPath.shape.endAngle = sectorArea.startAngle;
+ initProps(clipPath, {
+ shape: {
+ endAngle: sectorArea.endAngle
+ }
+ }, seriesModel);
+ }
+ return clipPath;
+}
+
+function createClipPath(coordSys, hasAnimation, seriesModel) {
+ if (!coordSys) {
+ return null;
+ }
+ else if (coordSys.type === 'polar') {
+ return createPolarClipPath(coordSys, hasAnimation, seriesModel);
+ }
+ else if (coordSys.type === 'cartesian2d') {
+ return createGridClipPath(coordSys, hasAnimation, seriesModel);
+ }
+ return null;
+}
+
+/*
+* 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.
+*/
+
+// FIXME step not support polar
+
+function isPointsSame(points1, points2) {
+ if (points1.length !== points2.length) {
+ return;
+ }
+ for (var i = 0; i < points1.length; i++) {
+ var p1 = points1[i];
+ var p2 = points2[i];
+ if (p1[0] !== p2[0] || p1[1] !== p2[1]) {
+ return;
+ }
+ }
+ return true;
+}
+
+function getBoundingDiff(points1, points2) {
+ var min1 = [];
+ var max1 = [];
+
+ var min2 = [];
+ var max2 = [];
+
+ fromPoints(points1, min1, max1);
+ fromPoints(points2, min2, max2);
+
+ // Get a max value from each corner of two boundings.
+ return Math.max(
+ Math.abs(min1[0] - min2[0]),
+ Math.abs(min1[1] - min2[1]),
+
+ Math.abs(max1[0] - max2[0]),
+ Math.abs(max1[1] - max2[1])
+ );
+}
+
+function getSmooth(smooth) {
+ return typeof (smooth) === 'number' ? smooth : (smooth ? 0.5 : 0);
+}
+
+/**
+ * @param {module:echarts/coord/cartesian/Cartesian2D|module:echarts/coord/polar/Polar} coordSys
+ * @param {module:echarts/data/List} data
+ * @param {Object} dataCoordInfo
+ * @param {Array.<Array.<number>>} points
+ */
+function getStackedOnPoints(coordSys, data, dataCoordInfo) {
+ if (!dataCoordInfo.valueDim) {
+ return [];
+ }
+
+ var points = [];
+ for (var idx = 0, len = data.count(); idx < len; idx++) {
+ points.push(getStackedOnPoint(dataCoordInfo, coordSys, data, idx));
+ }
+
+ return points;
+}
+
+function turnPointsIntoStep(points, coordSys, stepTurnAt) {
+ var baseAxis = coordSys.getBaseAxis();
+ var baseIndex = baseAxis.dim === 'x' || baseAxis.dim === 'radius' ? 0 : 1;
+
+ var stepPoints = [];
+ for (var i = 0; i < points.length - 1; i++) {
+ var nextPt = points[i + 1];
+ var pt = points[i];
+ stepPoints.push(pt);
+
+ var stepPt = [];
+ switch (stepTurnAt) {
+ case 'end':
+ stepPt[baseIndex] = nextPt[baseIndex];
+ stepPt[1 - baseIndex] = pt[1 - baseIndex];
+ // default is start
+ stepPoints.push(stepPt);
+ break;
+ case 'middle':
+ // default is start
+ var middle = (pt[baseIndex] + nextPt[baseIndex]) / 2;
+ var stepPt2 = [];
+ stepPt[baseIndex] = stepPt2[baseIndex] = middle;
+ stepPt[1 - baseIndex] = pt[1 - baseIndex];
+ stepPt2[1 - baseIndex] = nextPt[1 - baseIndex];
+ stepPoints.push(stepPt);
+ stepPoints.push(stepPt2);
+ break;
+ default:
+ stepPt[baseIndex] = pt[baseIndex];
+ stepPt[1 - baseIndex] = nextPt[1 - baseIndex];
+ // default is start
+ stepPoints.push(stepPt);
+ }
+ }
+ // Last points
+ points[i] && stepPoints.push(points[i]);
+ return stepPoints;
+}
+
+function getVisualGradient(data, coordSys) {
+ var visualMetaList = data.getVisual('visualMeta');
+ if (!visualMetaList || !visualMetaList.length || !data.count()) {
+ // When data.count() is 0, gradient range can not be calculated.
+ return;
+ }
+
+ if (coordSys.type !== 'cartesian2d') {
+ if (__DEV__) {
+ console.warn('Visual map on line style is only supported on cartesian2d.');
+ }
+ return;
+ }
+
+ var coordDim;
+ var visualMeta;
+
+ for (var i = visualMetaList.length - 1; i >= 0; i--) {
+ var dimIndex = visualMetaList[i].dimension;
+ var dimName = data.dimensions[dimIndex];
+ var dimInfo = data.getDimensionInfo(dimName);
+ coordDim = dimInfo && dimInfo.coordDim;
+ // Can only be x or y
+ if (coordDim === 'x' || coordDim === 'y') {
+ visualMeta = visualMetaList[i];
+ break;
+ }
+ }
+
+ if (!visualMeta) {
+ if (__DEV__) {
+ console.warn('Visual map on line style only support x or y dimension.');
+ }
+ return;
+ }
+
+ // If the area to be rendered is bigger than area defined by LinearGradient,
+ // the canvas spec prescribes that the color of the first stop and the last
+ // stop should be used. But if two stops are added at offset 0, in effect
+ // browsers use the color of the second stop to render area outside
+ // LinearGradient. So we can only infinitesimally extend area defined in
+ // LinearGradient to render `outerColors`.
+
+ var axis = coordSys.getAxis(coordDim);
+
+ // dataToCoor mapping may not be linear, but must be monotonic.
+ var colorStops = map(visualMeta.stops, function (stop) {
+ return {
+ coord: axis.toGlobalCoord(axis.dataToCoord(stop.value)),
+ color: stop.color
+ };
+ });
+ var stopLen = colorStops.length;
+ var outerColors = visualMeta.outerColors.slice();
+
+ if (stopLen && colorStops[0].coord > colorStops[stopLen - 1].coord) {
+ colorStops.reverse();
+ outerColors.reverse();
+ }
+
+ var tinyExtent = 10; // Arbitrary value: 10px
+ var minCoord = colorStops[0].coord - tinyExtent;
+ var maxCoord = colorStops[stopLen - 1].coord + tinyExtent;
+ var coordSpan = maxCoord - minCoord;
+
+ if (coordSpan < 1e-3) {
+ return 'transparent';
+ }
+
+ each$1(colorStops, function (stop) {
+ stop.offset = (stop.coord - minCoord) / coordSpan;
+ });
+ colorStops.push({
+ offset: stopLen ? colorStops[stopLen - 1].offset : 0.5,
+ color: outerColors[1] || 'transparent'
+ });
+ colorStops.unshift({ // notice colorStops.length have been changed.
+ offset: stopLen ? colorStops[0].offset : 0.5,
+ color: outerColors[0] || 'transparent'
+ });
+
+ // zrUtil.each(colorStops, function (colorStop) {
+ // // Make sure each offset has rounded px to avoid not sharp edge
+ // colorStop.offset = (Math.round(colorStop.offset * (end - start) + start) - start) / (end - start);
+ // });
+
+ var gradient = new LinearGradient(0, 0, 0, 0, colorStops, true);
+ gradient[coordDim] = minCoord;
+ gradient[coordDim + '2'] = maxCoord;
+
+ return gradient;
+}
+
+function getIsIgnoreFunc(seriesModel, data, coordSys) {
+ var showAllSymbol = seriesModel.get('showAllSymbol');
+ var isAuto = showAllSymbol === 'auto';
+
+ if (showAllSymbol && !isAuto) {
+ return;
+ }
+
+ var categoryAxis = coordSys.getAxesByScale('ordinal')[0];
+ if (!categoryAxis) {
+ return;
+ }
+
+ // Note that category label interval strategy might bring some weird effect
+ // in some scenario: users may wonder why some of the symbols are not
+ // displayed. So we show all symbols as possible as we can.
+ if (isAuto
+ // Simplify the logic, do not determine label overlap here.
+ && canShowAllSymbolForCategory(categoryAxis, data)
+ ) {
+ return;
+ }
+
+ // Otherwise follow the label interval strategy on category axis.
+ var categoryDataDim = data.mapDimension(categoryAxis.dim);
+ var labelMap = {};
+
+ each$1(categoryAxis.getViewLabels(), function (labelItem) {
+ labelMap[labelItem.tickValue] = 1;
+ });
+
+ return function (dataIndex) {
+ return !labelMap.hasOwnProperty(data.get(categoryDataDim, dataIndex));
+ };
+}
+
+function canShowAllSymbolForCategory(categoryAxis, data) {
+ // In mose cases, line is monotonous on category axis, and the label size
+ // is close with each other. So we check the symbol size and some of the
+ // label size alone with the category axis to estimate whether all symbol
+ // can be shown without overlap.
+ var axisExtent = categoryAxis.getExtent();
+ var availSize = Math.abs(axisExtent[1] - axisExtent[0]) / categoryAxis.scale.count();
+ isNaN(availSize) && (availSize = 0); // 0/0 is NaN.
+
+ // Sampling some points, max 5.
+ var dataLen = data.count();
+ var step = Math.max(1, Math.round(dataLen / 5));
+ for (var dataIndex = 0; dataIndex < dataLen; dataIndex += step) {
+ if (SymbolClz$1.getSymbolSize(
+ data, dataIndex
+ // Only for cartesian, where `isHorizontal` exists.
+ )[categoryAxis.isHorizontal() ? 1 : 0]
+ // Empirical number
+ * 1.5 > availSize
+ ) {
+ return false;
+ }
+ }
+
+ return true;
+}
+
+function createLineClipPath(coordSys, hasAnimation, seriesModel) {
+ if (coordSys.type === 'cartesian2d') {
+ var isHorizontal = coordSys.getBaseAxis().isHorizontal();
+ var clipPath = createGridClipPath(coordSys, hasAnimation, seriesModel);
+ // Expand clip shape to avoid clipping when line value exceeds axis
+ if (!seriesModel.get('clip', true)) {
+ var rectShape = clipPath.shape;
+ var expandSize = Math.max(rectShape.width, rectShape.height);
+ if (isHorizontal) {
+ rectShape.y -= expandSize;
+ rectShape.height += expandSize * 2;
+ }
+ else {
+ rectShape.x -= expandSize;
+ rectShape.width += expandSize * 2;
+ }
+ }
+ return clipPath;
+ }
+ else {
+ return createPolarClipPath(coordSys, hasAnimation, seriesModel);
+ }
+
+}
+
+Chart.extend({
+
+ type: 'line',
+
+ init: function () {
+ var lineGroup = new Group();
+
+ var symbolDraw = new SymbolDraw();
+ this.group.add(symbolDraw.group);
+
+ this._symbolDraw = symbolDraw;
+ this._lineGroup = lineGroup;
+ },
+
+ render: function (seriesModel, ecModel, api) {
+ var coordSys = seriesModel.coordinateSystem;
+ var group = this.group;
+ var data = seriesModel.getData();
+ var lineStyleModel = seriesModel.getModel('lineStyle');
+ var areaStyleModel = seriesModel.getModel('areaStyle');
+
+ var points = data.mapArray(data.getItemLayout);
+
+ var isCoordSysPolar = coordSys.type === 'polar';
+ var prevCoordSys = this._coordSys;
+
+ var symbolDraw = this._symbolDraw;
+ var polyline = this._polyline;
+ var polygon = this._polygon;
+
+ var lineGroup = this._lineGroup;
+
+ var hasAnimation = seriesModel.get('animation');
+
+ var isAreaChart = !areaStyleModel.isEmpty();
+
+ var valueOrigin = areaStyleModel.get('origin');
+ var dataCoordInfo = prepareDataCoordInfo(coordSys, data, valueOrigin);
+
+ var stackedOnPoints = getStackedOnPoints(coordSys, data, dataCoordInfo);
+
+ var showSymbol = seriesModel.get('showSymbol');
+
+ var isIgnoreFunc = showSymbol && !isCoordSysPolar
+ && getIsIgnoreFunc(seriesModel, data, coordSys);
+
+ // Remove temporary symbols
+ var oldData = this._data;
+ oldData && oldData.eachItemGraphicEl(function (el, idx) {
+ if (el.__temp) {
+ group.remove(el);
+ oldData.setItemGraphicEl(idx, null);
+ }
+ });
+
+ // Remove previous created symbols if showSymbol changed to false
+ if (!showSymbol) {
+ symbolDraw.remove();
+ }
+
+ group.add(lineGroup);
+
+ // FIXME step not support polar
+ var step = !isCoordSysPolar && seriesModel.get('step');
+ var clipShapeForSymbol;
+ if (coordSys && coordSys.getArea && seriesModel.get('clip', true)) {
+ clipShapeForSymbol = coordSys.getArea();
+ // Avoid float number rounding error for symbol on the edge of axis extent.
+ // See #7913 and `test/dataZoom-clip.html`.
+ if (clipShapeForSymbol.width != null) {
+ clipShapeForSymbol.x -= 0.1;
+ clipShapeForSymbol.y -= 0.1;
+ clipShapeForSymbol.width += 0.2;
+ clipShapeForSymbol.height += 0.2;
+ }
+ else if (clipShapeForSymbol.r0) {
+ clipShapeForSymbol.r0 -= 0.5;
+ clipShapeForSymbol.r1 += 0.5;
+ }
+ }
+ this._clipShapeForSymbol = clipShapeForSymbol;
+ // Initialization animation or coordinate system changed
+ if (
+ !(polyline && prevCoordSys.type === coordSys.type && step === this._step)
+ ) {
+ showSymbol && symbolDraw.updateData(data, {
+ isIgnore: isIgnoreFunc,
+ clipShape: clipShapeForSymbol
+ });
+
+ if (step) {
+ // TODO If stacked series is not step
+ points = turnPointsIntoStep(points, coordSys, step);
+ stackedOnPoints = turnPointsIntoStep(stackedOnPoints, coordSys, step);
+ }
+
+ polyline = this._newPolyline(points, coordSys, hasAnimation);
+ if (isAreaChart) {
+ polygon = this._newPolygon(
+ points, stackedOnPoints,
+ coordSys, hasAnimation
+ );
+ }
+ lineGroup.setClipPath(createLineClipPath(coordSys, true, seriesModel));
+ }
+ else {
+ if (isAreaChart && !polygon) {
+ // If areaStyle is added
+ polygon = this._newPolygon(
+ points, stackedOnPoints,
+ coordSys, hasAnimation
+ );
+ }
+ else if (polygon && !isAreaChart) {
+ // If areaStyle is removed
+ lineGroup.remove(polygon);
+ polygon = this._polygon = null;
+ }
+
+ // Update clipPath
+ lineGroup.setClipPath(createLineClipPath(coordSys, false, seriesModel));
+
+ // Always update, or it is wrong in the case turning on legend
+ // because points are not changed
+ showSymbol && symbolDraw.updateData(data, {
+ isIgnore: isIgnoreFunc,
+ clipShape: clipShapeForSymbol
+ });
+
+ // Stop symbol animation and sync with line points
+ // FIXME performance?
+ data.eachItemGraphicEl(function (el) {
+ el.stopAnimation(true);
+ });
+
+ // In the case data zoom triggerred refreshing frequently
+ // Data may not change if line has a category axis. So it should animate nothing
+ if (!isPointsSame(this._stackedOnPoints, stackedOnPoints)
+ || !isPointsSame(this._points, points)
+ ) {
+ if (hasAnimation) {
+ this._updateAnimation(
+ data, stackedOnPoints, coordSys, api, step, valueOrigin
+ );
+ }
+ else {
+ // Not do it in update with animation
+ if (step) {
+ // TODO If stacked series is not step
+ points = turnPointsIntoStep(points, coordSys, step);
+ stackedOnPoints = turnPointsIntoStep(stackedOnPoints, coordSys, step);
+ }
+
+ polyline.setShape({
+ points: points
+ });
+ polygon && polygon.setShape({
+ points: points,
+ stackedOnPoints: stackedOnPoints
+ });
+ }
+ }
+ }
+
+ var visualColor = getVisualGradient(data, coordSys) || data.getVisual('color');
+
+ polyline.useStyle(defaults(
+ // Use color in lineStyle first
+ lineStyleModel.getLineStyle(),
+ {
+ fill: 'none',
+ stroke: visualColor,
+ lineJoin: 'bevel'
+ }
+ ));
+
+ var smooth = seriesModel.get('smooth');
+ smooth = getSmooth(seriesModel.get('smooth'));
+ polyline.setShape({
+ smooth: smooth,
+ smoothMonotone: seriesModel.get('smoothMonotone'),
+ connectNulls: seriesModel.get('connectNulls')
+ });
+
+ if (polygon) {
+ var stackedOnSeries = data.getCalculationInfo('stackedOnSeries');
+ var stackedOnSmooth = 0;
+
+ polygon.useStyle(defaults(
+ areaStyleModel.getAreaStyle(),
+ {
+ fill: visualColor,
+ opacity: 0.7,
+ lineJoin: 'bevel'
+ }
+ ));
+
+ if (stackedOnSeries) {
+ stackedOnSmooth = getSmooth(stackedOnSeries.get('smooth'));
+ }
+
+ polygon.setShape({
+ smooth: smooth,
+ stackedOnSmooth: stackedOnSmooth,
+ smoothMonotone: seriesModel.get('smoothMonotone'),
+ connectNulls: seriesModel.get('connectNulls')
+ });
+ }
+
+ this._data = data;
+ // Save the coordinate system for transition animation when data changed
+ this._coordSys = coordSys;
+ this._stackedOnPoints = stackedOnPoints;
+ this._points = points;
+ this._step = step;
+ this._valueOrigin = valueOrigin;
+ },
+
+ dispose: function () {},
+
+ highlight: function (seriesModel, ecModel, api, payload) {
+ var data = seriesModel.getData();
+ var dataIndex = queryDataIndex(data, payload);
+
+ if (!(dataIndex instanceof Array) && dataIndex != null && dataIndex >= 0) {
+ var symbol = data.getItemGraphicEl(dataIndex);
+ if (!symbol) {
+ // Create a temporary symbol if it is not exists
+ var pt = data.getItemLayout(dataIndex);
+ if (!pt) {
+ // Null data
+ return;
+ }
+ // fix #11360: should't draw symbol outside clipShapeForSymbol
+ if (this._clipShapeForSymbol && !this._clipShapeForSymbol.contain(pt[0], pt[1])) {
+ return;
+ }
+ symbol = new SymbolClz$1(data, dataIndex);
+ symbol.position = pt;
+ symbol.setZ(
+ seriesModel.get('zlevel'),
+ seriesModel.get('z')
+ );
+ symbol.ignore = isNaN(pt[0]) || isNaN(pt[1]);
+ symbol.__temp = true;
+ data.setItemGraphicEl(dataIndex, symbol);
+
+ // Stop scale animation
+ symbol.stopSymbolAnimation(true);
+
+ this.group.add(symbol);
+ }
+ symbol.highlight();
+ }
+ else {
+ // Highlight whole series
+ Chart.prototype.highlight.call(
+ this, seriesModel, ecModel, api, payload
+ );
+ }
+ },
+
+ downplay: function (seriesModel, ecModel, api, payload) {
+ var data = seriesModel.getData();
+ var dataIndex = queryDataIndex(data, payload);
+ if (dataIndex != null && dataIndex >= 0) {
+ var symbol = data.getItemGraphicEl(dataIndex);
+ if (symbol) {
+ if (symbol.__temp) {
+ data.setItemGraphicEl(dataIndex, null);
+ this.group.remove(symbol);
+ }
+ else {
+ symbol.downplay();
+ }
+ }
+ }
+ else {
+ // FIXME
+ // can not downplay completely.
+ // Downplay whole series
+ Chart.prototype.downplay.call(
+ this, seriesModel, ecModel, api, payload
+ );
+ }
+ },
+
+ /**
+ * @param {module:zrender/container/Group} group
+ * @param {Array.<Array.<number>>} points
+ * @private
+ */
+ _newPolyline: function (points) {
+ var polyline = this._polyline;
+ // Remove previous created polyline
+ if (polyline) {
+ this._lineGroup.remove(polyline);
+ }
+
+ polyline = new Polyline$1({
+ shape: {
+ points: points
+ },
+ silent: true,
+ z2: 10
+ });
+
+ this._lineGroup.add(polyline);
+
+ this._polyline = polyline;
+
+ return polyline;
+ },
+
+ /**
+ * @param {module:zrender/container/Group} group
+ * @param {Array.<Array.<number>>} stackedOnPoints
+ * @param {Array.<Array.<number>>} points
+ * @private
+ */
+ _newPolygon: function (points, stackedOnPoints) {
+ var polygon = this._polygon;
+ // Remove previous created polygon
+ if (polygon) {
+ this._lineGroup.remove(polygon);
+ }
+
+ polygon = new Polygon$1({
+ shape: {
+ points: points,
+ stackedOnPoints: stackedOnPoints
+ },
+ silent: true
+ });
+
+ this._lineGroup.add(polygon);
+
+ this._polygon = polygon;
+ return polygon;
+ },
+
+ /**
+ * @private
+ */
+ // FIXME Two value axis
+ _updateAnimation: function (data, stackedOnPoints, coordSys, api, step, valueOrigin) {
+ var polyline = this._polyline;
+ var polygon = this._polygon;
+ var seriesModel = data.hostModel;
+
+ var diff = lineAnimationDiff(
+ this._data, data,
+ this._stackedOnPoints, stackedOnPoints,
+ this._coordSys, coordSys,
+ this._valueOrigin, valueOrigin
+ );
+
+ var current = diff.current;
+ var stackedOnCurrent = diff.stackedOnCurrent;
+ var next = diff.next;
+ var stackedOnNext = diff.stackedOnNext;
+ if (step) {
+ // TODO If stacked series is not step
+ current = turnPointsIntoStep(diff.current, coordSys, step);
+ stackedOnCurrent = turnPointsIntoStep(diff.stackedOnCurrent, coordSys, step);
+ next = turnPointsIntoStep(diff.next, coordSys, step);
+ stackedOnNext = turnPointsIntoStep(diff.stackedOnNext, coordSys, step);
+ }
+ // Don't apply animation if diff is large.
+ // For better result and avoid memory explosion problems like
+ // https://github.com/apache/incubator-echarts/issues/12229
+ if (getBoundingDiff(current, next) > 3000
+ || (polygon && getBoundingDiff(stackedOnCurrent, stackedOnNext) > 3000)
+ ) {
+ polyline.setShape({
+ points: next
+ });
+ if (polygon) {
+ polygon.setShape({
+ points: next,
+ stackedOnPoints: stackedOnNext
+ });
+ }
+ return;
+ }
+
+ // `diff.current` is subset of `current` (which should be ensured by
+ // turnPointsIntoStep), so points in `__points` can be updated when
+ // points in `current` are update during animation.
+ polyline.shape.__points = diff.current;
+ polyline.shape.points = current;
+
+ updateProps(polyline, {
+ shape: {
+ points: next
+ }
+ }, seriesModel);
+
+ if (polygon) {
+ polygon.setShape({
+ points: current,
+ stackedOnPoints: stackedOnCurrent
+ });
+ updateProps(polygon, {
+ shape: {
+ points: next,
+ stackedOnPoints: stackedOnNext
+ }
+ }, seriesModel);
+ }
+
+ var updatedDataInfo = [];
+ var diffStatus = diff.status;
+
+ for (var i = 0; i < diffStatus.length; i++) {
+ var cmd = diffStatus[i].cmd;
+ if (cmd === '=') {
+ var el = data.getItemGraphicEl(diffStatus[i].idx1);
+ if (el) {
+ updatedDataInfo.push({
+ el: el,
+ ptIdx: i // Index of points
+ });
+ }
+ }
+ }
+
+ if (polyline.animators && polyline.animators.length) {
+ polyline.animators[0].during(function () {
+ for (var i = 0; i < updatedDataInfo.length; i++) {
+ var el = updatedDataInfo[i].el;
+ el.attr('position', polyline.shape.__points[updatedDataInfo[i].ptIdx]);
+ }
+ });
+ }
+ },
+
+ remove: function (ecModel) {
+ var group = this.group;
+ var oldData = this._data;
+ this._lineGroup.removeAll();
+ this._symbolDraw.remove(true);
+ // Remove temporary created elements when highlighting
+ oldData && oldData.eachItemGraphicEl(function (el, idx) {
+ if (el.__temp) {
+ group.remove(el);
+ oldData.setItemGraphicEl(idx, null);
+ }
+ });
+
+ this._polyline =
+ this._polygon =
+ this._coordSys =
+ this._points =
+ this._stackedOnPoints =
+ this._data = null;
+ }
+});
+
+/*
+* 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.
+*/
+
+var visualSymbol = function (seriesType, defaultSymbolType, legendSymbol) {
+ // Encoding visual for all series include which is filtered for legend drawing
+ return {
+ seriesType: seriesType,
+
+ // For legend.
+ performRawSeries: true,
+
+ reset: function (seriesModel, ecModel, api) {
+ var data = seriesModel.getData();
+
+ var symbolType = seriesModel.get('symbol');
+ var symbolSize = seriesModel.get('symbolSize');
+ var keepAspect = seriesModel.get('symbolKeepAspect');
+ var symbolRotate = seriesModel.get('symbolRotate');
+
+ var hasSymbolTypeCallback = isFunction$1(symbolType);
+ var hasSymbolSizeCallback = isFunction$1(symbolSize);
+ var hasSymbolRotateCallback = isFunction$1(symbolRotate);
+ var hasCallback = hasSymbolTypeCallback || hasSymbolSizeCallback || hasSymbolRotateCallback;
+ var seriesSymbol = (!hasSymbolTypeCallback && symbolType) ? symbolType : defaultSymbolType;
+ var seriesSymbolSize = !hasSymbolSizeCallback ? symbolSize : null;
+ data.setVisual({
+ legendSymbol: legendSymbol || seriesSymbol,
+ // If seting callback functions on `symbol` or `symbolSize`, for simplicity and avoiding
+ // to bring trouble, we do not pick a reuslt from one of its calling on data item here,
+ // but just use the default value. Callback on `symbol` or `symbolSize` is convenient in
+ // some cases but generally it is not recommanded.
+ symbol: seriesSymbol,
+ symbolSize: seriesSymbolSize,
+ symbolKeepAspect: keepAspect,
+ symbolRotate: symbolRotate
+ });
+
+ // Only visible series has each data be visual encoded
+ if (ecModel.isSeriesFiltered(seriesModel)) {
+ return;
+ }
+
+ function dataEach(data, idx) {
+ if (hasCallback) {
+ var rawValue = seriesModel.getRawValue(idx);
+ var params = seriesModel.getDataParams(idx);
+ hasSymbolTypeCallback && data.setItemVisual(idx, 'symbol', symbolType(rawValue, params));
+ hasSymbolSizeCallback && data.setItemVisual(idx, 'symbolSize', symbolSize(rawValue, params));
+ hasSymbolRotateCallback && data.setItemVisual(idx, 'symbolRotate', symbolRotate(rawValue, params));
+ }
+
+ if (data.hasItemOption) {
+ var itemModel = data.getItemModel(idx);
+ var itemSymbolType = itemModel.getShallow('symbol', true);
+ var itemSymbolSize = itemModel.getShallow('symbolSize', true);
+ var itemSymbolRotate = itemModel.getShallow('symbolRotate', true);
+ var itemSymbolKeepAspect = itemModel.getShallow('symbolKeepAspect', true);
+
+ // If has item symbol
+ if (itemSymbolType != null) {
+ data.setItemVisual(idx, 'symbol', itemSymbolType);
+ }
+ if (itemSymbolSize != null) {
+ // PENDING Transform symbolSize ?
+ data.setItemVisual(idx, 'symbolSize', itemSymbolSize);
+ }
+ if (itemSymbolRotate != null) {
+ data.setItemVisual(idx, 'symbolRotate', itemSymbolRotate);
+ }
+ if (itemSymbolKeepAspect != null) {
+ data.setItemVisual(idx, 'symbolKeepAspect', itemSymbolKeepAspect);
+ }
+ }
+ }
+
+ return { dataEach: (data.hasItemOption || hasCallback) ? dataEach : null };
+ }
+ };
+};
+
+/*
+* 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.
+*/
+
+/* global Float32Array */
+
+var pointsLayout = function (seriesType) {
+ return {
+ seriesType: seriesType,
+
+ plan: createRenderPlanner(),
+
+ reset: function (seriesModel) {
+ var data = seriesModel.getData();
+ var coordSys = seriesModel.coordinateSystem;
+ var pipelineContext = seriesModel.pipelineContext;
+ var isLargeRender = pipelineContext.large;
+
+ if (!coordSys) {
+ return;
+ }
+
+ var dims = map(coordSys.dimensions, function (dim) {
+ return data.mapDimension(dim);
+ }).slice(0, 2);
+ var dimLen = dims.length;
+
+ var stackResultDim = data.getCalculationInfo('stackResultDimension');
+ if (isDimensionStacked(data, dims[0] /*, dims[1]*/)) {
+ dims[0] = stackResultDim;
+ }
+ if (isDimensionStacked(data, dims[1] /*, dims[0]*/)) {
+ dims[1] = stackResultDim;
+ }
+
+ function progress(params, data) {
+ var segCount = params.end - params.start;
+ var points = isLargeRender && new Float32Array(segCount * dimLen);
+
+ for (var i = params.start, offset = 0, tmpIn = [], tmpOut = []; i < params.end; i++) {
+ var point;
+
+ if (dimLen === 1) {
+ var x = data.get(dims[0], i);
+ point = !isNaN(x) && coordSys.dataToPoint(x, null, tmpOut);
+ }
+ else {
+ var x = tmpIn[0] = data.get(dims[0], i);
+ var y = tmpIn[1] = data.get(dims[1], i);
+ // Also {Array.<number>}, not undefined to avoid if...else... statement
+ point = !isNaN(x) && !isNaN(y) && coordSys.dataToPoint(tmpIn, null, tmpOut);
+ }
+
+ if (isLargeRender) {
+ points[offset++] = point ? point[0] : NaN;
+ points[offset++] = point ? point[1] : NaN;
+ }
+ else {
+ data.setItemLayout(i, (point && point.slice()) || [NaN, NaN]);
+ }
+ }
+
+ isLargeRender && data.setLayout('symbolPoints', points);
+ }
+
+ return dimLen && {progress: progress};
+ }
+ };
+};
+
+/*
+* 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.
+*/
+
+
+var samplers = {
+ average: function (frame) {
+ var sum = 0;
+ var count = 0;
+ for (var i = 0; i < frame.length; i++) {
+ if (!isNaN(frame[i])) {
+ sum += frame[i];
+ count++;
+ }
+ }
+ // Return NaN if count is 0
+ return count === 0 ? NaN : sum / count;
+ },
+ sum: function (frame) {
+ var sum = 0;
+ for (var i = 0; i < frame.length; i++) {
+ // Ignore NaN
+ sum += frame[i] || 0;
+ }
+ return sum;
+ },
+ max: function (frame) {
+ var max = -Infinity;
+ for (var i = 0; i < frame.length; i++) {
+ frame[i] > max && (max = frame[i]);
+ }
+ // NaN will cause illegal axis extent.
+ return isFinite(max) ? max : NaN;
+ },
+ min: function (frame) {
+ var min = Infinity;
+ for (var i = 0; i < frame.length; i++) {
+ frame[i] < min && (min = frame[i]);
+ }
+ // NaN will cause illegal axis extent.
+ return isFinite(min) ? min : NaN;
+ },
+ // TODO
+ // Median
+ nearest: function (frame) {
+ return frame[0];
+ }
+};
+
+var indexSampler = function (frame, value) {
+ return Math.round(frame.length / 2);
+};
+
+var dataSample = function (seriesType) {
+ return {
+
+ seriesType: seriesType,
+
+ modifyOutputEnd: true,
+
+ reset: function (seriesModel, ecModel, api) {
+ var data = seriesModel.getData();
+ var sampling = seriesModel.get('sampling');
+ var coordSys = seriesModel.coordinateSystem;
+ // Only cartesian2d support down sampling
+ if (coordSys.type === 'cartesian2d' && sampling) {
+ var baseAxis = coordSys.getBaseAxis();
+ var valueAxis = coordSys.getOtherAxis(baseAxis);
+ var extent = baseAxis.getExtent();
+ // Coordinste system has been resized
+ var size = extent[1] - extent[0];
+ var rate = Math.round(data.count() / size);
+ if (rate > 1) {
+ var sampler;
+ if (typeof sampling === 'string') {
+ sampler = samplers[sampling];
+ }
+ else if (typeof sampling === 'function') {
+ sampler = sampling;
+ }
+ if (sampler) {
+ // Only support sample the first dim mapped from value axis.
+ seriesModel.setData(data.downSample(
+ data.mapDimension(valueAxis.dim), 1 / rate, sampler, indexSampler
+ ));
+ }
+ }
+ }
+ }
+ };
+};
+
+/*
+* 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.
+*/
+
+/**
+ * Cartesian coordinate system
+ * @module echarts/coord/Cartesian
+ *
+ */
+
+function dimAxisMapper(dim) {
+ return this._axes[dim];
+}
+
+/**
+ * @alias module:echarts/coord/Cartesian
+ * @constructor
+ */
+var Cartesian = function (name) {
+ this._axes = {};
+
+ this._dimList = [];
+
+ /**
+ * @type {string}
+ */
+ this.name = name || '';
+};
+
+Cartesian.prototype = {
+
+ constructor: Cartesian,
+
+ type: 'cartesian',
+
+ /**
+ * Get axis
+ * @param {number|string} dim
+ * @return {module:echarts/coord/Cartesian~Axis}
+ */
+ getAxis: function (dim) {
+ return this._axes[dim];
+ },
+
+ /**
+ * Get axes list
+ * @return {Array.<module:echarts/coord/Cartesian~Axis>}
+ */
+ getAxes: function () {
+ return map(this._dimList, dimAxisMapper, this);
+ },
+
+ /**
+ * Get axes list by given scale type
+ */
+ getAxesByScale: function (scaleType) {
+ scaleType = scaleType.toLowerCase();
+ return filter(
+ this.getAxes(),
+ function (axis) {
+ return axis.scale.type === scaleType;
+ }
+ );
+ },
+
+ /**
+ * Add axis
+ * @param {module:echarts/coord/Cartesian.Axis}
+ */
+ addAxis: function (axis) {
+ var dim = axis.dim;
+
+ this._axes[dim] = axis;
+
+ this._dimList.push(dim);
+ },
+
+ /**
+ * Convert data to coord in nd space
+ * @param {Array.<number>|Object.<string, number>} val
+ * @return {Array.<number>|Object.<string, number>}
+ */
+ dataToCoord: function (val) {
+ return this._dataCoordConvert(val, 'dataToCoord');
+ },
+
+ /**
+ * Convert coord in nd space to data
+ * @param {Array.<number>|Object.<string, number>} val
+ * @return {Array.<number>|Object.<string, number>}
+ */
+ coordToData: function (val) {
+ return this._dataCoordConvert(val, 'coordToData');
+ },
+
+ _dataCoordConvert: function (input, method) {
+ var dimList = this._dimList;
+
+ var output = input instanceof Array ? [] : {};
+
+ for (var i = 0; i < dimList.length; i++) {
+ var dim = dimList[i];
+ var axis = this._axes[dim];
+
+ output[dim] = axis[method](input[dim]);
+ }
+
+ return output;
+ }
+};
+
+/*
+* 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 Cartesian2D(name) {
+
+ Cartesian.call(this, name);
+}
+
+Cartesian2D.prototype = {
+
+ constructor: Cartesian2D,
+
+ type: 'cartesian2d',
+
+ /**
+ * @type {Array.<string>}
+ * @readOnly
+ */
+ dimensions: ['x', 'y'],
+
+ /**
+ * Base axis will be used on stacking.
+ *
+ * @return {module:echarts/coord/cartesian/Axis2D}
+ */
+ getBaseAxis: function () {
+ return this.getAxesByScale('ordinal')[0]
+ || this.getAxesByScale('time')[0]
+ || this.getAxis('x');
+ },
+
+ /**
+ * If contain point
+ * @param {Array.<number>} point
+ * @return {boolean}
+ */
+ containPoint: function (point) {
+ var axisX = this.getAxis('x');
+ var axisY = this.getAxis('y');
+ return axisX.contain(axisX.toLocalCoord(point[0]))
+ && axisY.contain(axisY.toLocalCoord(point[1]));
+ },
+
+ /**
+ * If contain data
+ * @param {Array.<number>} data
+ * @return {boolean}
+ */
+ containData: function (data) {
+ return this.getAxis('x').containData(data[0])
+ && this.getAxis('y').containData(data[1]);
+ },
+
+ /**
+ * @param {Array.<number>} data
+ * @param {Array.<number>} out
+ * @return {Array.<number>}
+ */
+ dataToPoint: function (data, reserved, out) {
+ var xAxis = this.getAxis('x');
+ var yAxis = this.getAxis('y');
+ out = out || [];
+ out[0] = xAxis.toGlobalCoord(xAxis.dataToCoord(data[0]));
+ out[1] = yAxis.toGlobalCoord(yAxis.dataToCoord(data[1]));
+ return out;
+ },
+
+ /**
+ * @param {Array.<number>} data
+ * @param {Array.<number>} out
+ * @return {Array.<number>}
+ */
+ clampData: function (data, out) {
+ var xScale = this.getAxis('x').scale;
+ var yScale = this.getAxis('y').scale;
+ var xAxisExtent = xScale.getExtent();
+ var yAxisExtent = yScale.getExtent();
+ var x = xScale.parse(data[0]);
+ var y = yScale.parse(data[1]);
+ out = out || [];
+ out[0] = Math.min(
+ Math.max(Math.min(xAxisExtent[0], xAxisExtent[1]), x),
+ Math.max(xAxisExtent[0], xAxisExtent[1])
+ );
+ out[1] = Math.min(
+ Math.max(Math.min(yAxisExtent[0], yAxisExtent[1]), y),
+ Math.max(yAxisExtent[0], yAxisExtent[1])
+ );
+
+ return out;
+ },
+
+ /**
+ * @param {Array.<number>} point
+ * @param {Array.<number>} out
+ * @return {Array.<number>}
+ */
+ pointToData: function (point, out) {
+ var xAxis = this.getAxis('x');
+ var yAxis = this.getAxis('y');
+ out = out || [];
+ out[0] = xAxis.coordToData(xAxis.toLocalCoord(point[0]));
+ out[1] = yAxis.coordToData(yAxis.toLocalCoord(point[1]));
+ return out;
+ },
+
+ /**
+ * Get other axis
+ * @param {module:echarts/coord/cartesian/Axis2D} axis
+ */
+ getOtherAxis: function (axis) {
+ return this.getAxis(axis.dim === 'x' ? 'y' : 'x');
+ },
+
+ /**
+ * Get rect area of cartesian.
+ * Area will have a contain function to determine if a point is in the coordinate system.
+ * @return {BoundingRect}
+ */
+ getArea: function () {
+ var xExtent = this.getAxis('x').getGlobalExtent();
+ var yExtent = this.getAxis('y').getGlobalExtent();
+ var x = Math.min(xExtent[0], xExtent[1]);
+ var y = Math.min(yExtent[0], yExtent[1]);
+ var width = Math.max(xExtent[0], xExtent[1]) - x;
+ var height = Math.max(yExtent[0], yExtent[1]) - y;
+
+ var rect = new BoundingRect(x, y, width, height);
+ return rect;
+ }
+
+};
+
+inherits(Cartesian2D, Cartesian);
+
+/*
+* 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.
+*/
+
+/**
+ * Extend axis 2d
+ * @constructor module:echarts/coord/cartesian/Axis2D
+ * @extends {module:echarts/coord/cartesian/Axis}
+ * @param {string} dim
+ * @param {*} scale
+ * @param {Array.<number>} coordExtent
+ * @param {string} axisType
+ * @param {string} position
+ */
+var Axis2D = function (dim, scale, coordExtent, axisType, position) {
+ Axis.call(this, dim, scale, coordExtent);
+ /**
+ * Axis type
+ * - 'category'
+ * - 'value'
+ * - 'time'
+ * - 'log'
+ * @type {string}
+ */
+ this.type = axisType || 'value';
+
+ /**
+ * Axis position
+ * - 'top'
+ * - 'bottom'
+ * - 'left'
+ * - 'right'
+ */
+ this.position = position || 'bottom';
+};
+
+Axis2D.prototype = {
+
+ constructor: Axis2D,
+
+ /**
+ * Index of axis, can be used as key
+ */
+ index: 0,
+
+ /**
+ * Implemented in <module:echarts/coord/cartesian/Grid>.
+ * @return {Array.<module:echarts/coord/cartesian/Axis2D>}
+ * If not on zero of other axis, return null/undefined.
+ * If no axes, return an empty array.
+ */
+ getAxesOnZeroOf: null,
+
+ /**
+ * Axis model
+ * @param {module:echarts/coord/cartesian/AxisModel}
+ */
+ model: null,
+
+ isHorizontal: function () {
+ var position = this.position;
+ return position === 'top' || position === 'bottom';
+ },
+
+ /**
+ * Each item cooresponds to this.getExtent(), which
+ * means globalExtent[0] may greater than globalExtent[1],
+ * unless `asc` is input.
+ *
+ * @param {boolean} [asc]
+ * @return {Array.<number>}
+ */
+ getGlobalExtent: function (asc) {
+ var ret = this.getExtent();
+ ret[0] = this.toGlobalCoord(ret[0]);
+ ret[1] = this.toGlobalCoord(ret[1]);
+ asc && ret[0] > ret[1] && ret.reverse();
+ return ret;
+ },
+
+ getOtherAxis: function () {
+ this.grid.getOtherAxis();
+ },
+
+ /**
+ * @override
+ */
+ pointToData: function (point, clamp) {
+ return this.coordToData(this.toLocalCoord(point[this.dim === 'x' ? 0 : 1]), clamp);
+ },
+
+ /**
+ * Transform global coord to local coord,
+ * i.e. var localCoord = axis.toLocalCoord(80);
+ * designate by module:echarts/coord/cartesian/Grid.
+ * @type {Function}
+ */
+ toLocalCoord: null,
+
+ /**
+ * Transform global coord to local coord,
+ * i.e. var globalCoord = axis.toLocalCoord(40);
+ * designate by module:echarts/coord/cartesian/Grid.
+ * @type {Function}
+ */
+ toGlobalCoord: null
+
+};
+
+inherits(Axis2D, Axis);
+
+/*
+* 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.
+*/
+
+var defaultOption = {
+ show: true,
+ zlevel: 0,
+ z: 0,
+ // Inverse the axis.
+ inverse: false,
+
+ // Axis name displayed.
+ name: '',
+ // 'start' | 'middle' | 'end'
+ nameLocation: 'end',
+ // By degree. By defualt auto rotate by nameLocation.
+ nameRotate: null,
+ nameTruncate: {
+ maxWidth: null,
+ ellipsis: '...',
+ placeholder: '.'
+ },
+ // Use global text style by default.
+ nameTextStyle: {},
+ // The gap between axisName and axisLine.
+ nameGap: 15,
+
+ // Default `false` to support tooltip.
+ silent: false,
+ // Default `false` to avoid legacy user event listener fail.
+ triggerEvent: false,
+
+ tooltip: {
+ show: false
+ },
+
+ axisPointer: {},
+
+ axisLine: {
+ show: true,
+ onZero: true,
+ onZeroAxisIndex: null,
+ lineStyle: {
+ color: '#333',
+ width: 1,
+ type: 'solid'
+ },
+ // The arrow at both ends the the axis.
+ symbol: ['none', 'none'],
+ symbolSize: [10, 15]
+ },
+ axisTick: {
+ show: true,
+ // Whether axisTick is inside the grid or outside the grid.
+ inside: false,
+ // The length of axisTick.
+ length: 5,
+ lineStyle: {
+ width: 1
+ }
+ },
+ axisLabel: {
+ show: true,
+ // Whether axisLabel is inside the grid or outside the grid.
+ inside: false,
+ rotate: 0,
+ // true | false | null/undefined (auto)
+ showMinLabel: null,
+ // true | false | null/undefined (auto)
+ showMaxLabel: null,
+ margin: 8,
+ // formatter: null,
+ fontSize: 12
+ },
+ splitLine: {
+ show: true,
+ lineStyle: {
+ color: ['#ccc'],
+ width: 1,
+ type: 'solid'
+ }
+ },
+ splitArea: {
+ show: false,
+ areaStyle: {
+ color: ['rgba(250,250,250,0.3)', 'rgba(200,200,200,0.3)']
+ }
+ }
+};
+
+var axisDefault = {};
+
+axisDefault.categoryAxis = merge({
+ // The gap at both ends of the axis. For categoryAxis, boolean.
+ boundaryGap: true,
+ // Set false to faster category collection.
+ // Only usefull in the case like: category is
+ // ['2012-01-01', '2012-01-02', ...], where the input
+ // data has been ensured not duplicate and is large data.
+ // null means "auto":
+ // if axis.data provided, do not deduplication,
+ // else do deduplication.
+ deduplication: null,
+ // splitArea: {
+ // show: false
+ // },
+ splitLine: {
+ show: false
+ },
+ axisTick: {
+ // If tick is align with label when boundaryGap is true
+ alignWithLabel: false,
+ interval: 'auto'
+ },
+ axisLabel: {
+ interval: 'auto'
+ }
+}, defaultOption);
+
+axisDefault.valueAxis = merge({
+ // The gap at both ends of the axis. For value axis, [GAP, GAP], where
+ // `GAP` can be an absolute pixel number (like `35`), or percent (like `'30%'`)
+ boundaryGap: [0, 0],
+
+ // TODO
+ // min/max: [30, datamin, 60] or [20, datamin] or [datamin, 60]
+
+ // Min value of the axis. can be:
+ // + a number
+ // + 'dataMin': use the min value in data.
+ // + null/undefined: auto decide min value (consider pretty look and boundaryGap).
+ // min: null,
+
+ // Max value of the axis. can be:
+ // + a number
+ // + 'dataMax': use the max value in data.
+ // + null/undefined: auto decide max value (consider pretty look and boundaryGap).
+ // max: null,
+
+ // Readonly prop, specifies start value of the range when using data zoom.
+ // rangeStart: null
+
+ // Readonly prop, specifies end value of the range when using data zoom.
+ // rangeEnd: null
+
+ // Optional value can be:
+ // + `false`: always include value 0.
+ // + `true`: the extent do not consider value 0.
+ // scale: false,
+
+ // AxisTick and axisLabel and splitLine are caculated based on splitNumber.
+ splitNumber: 5,
+
+ // Interval specifies the span of the ticks is mandatorily.
+ // interval: null
+
+ // Specify min interval when auto calculate tick interval.
+ // minInterval: null
+
+ // Specify max interval when auto calculate tick interval.
+ // maxInterval: null
+
+ minorTick: {
+ // Minor tick, not available for cateogry axis.
+ show: false,
+ // Split number of minor ticks. The value should be in range of (0, 100)
+ splitNumber: 5,
+ // Lenght of minor tick
+ length: 3,
+
+ // Same inside with axisTick
+
+ // Line style
+ lineStyle: {
+ // Default to be same with axisTick
+ }
+ },
+
+ minorSplitLine: {
+ show: false,
+
+ lineStyle: {
+ color: '#eee',
+ width: 1
+ }
+ }
+}, defaultOption);
+
+axisDefault.timeAxis = defaults({
+ scale: true,
+ min: 'dataMin',
+ max: 'dataMax'
+}, axisDefault.valueAxis);
+
+axisDefault.logAxis = defaults({
+ scale: true,
+ logBase: 10
+}, axisDefault.valueAxis);
+
+/*
+* 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.
+*/
+
+// FIXME axisType is fixed ?
+var AXIS_TYPES = ['value', 'category', 'time', 'log'];
+
+/**
+ * Generate sub axis model class
+ * @param {string} axisName 'x' 'y' 'radius' 'angle' 'parallel'
+ * @param {module:echarts/model/Component} BaseAxisModelClass
+ * @param {Function} axisTypeDefaulter
+ * @param {Object} [extraDefaultOption]
+ */
+var axisModelCreator = function (axisName, BaseAxisModelClass, axisTypeDefaulter, extraDefaultOption) {
+
+ each$1(AXIS_TYPES, function (axisType) {
+
+ BaseAxisModelClass.extend({
+
+ /**
+ * @readOnly
+ */
+ type: axisName + 'Axis.' + axisType,
+
+ mergeDefaultAndTheme: function (option, ecModel) {
+ var layoutMode = this.layoutMode;
+ var inputPositionParams = layoutMode
+ ? getLayoutParams(option) : {};
+
+ var themeModel = ecModel.getTheme();
+ merge(option, themeModel.get(axisType + 'Axis'));
+ merge(option, this.getDefaultOption());
+
+ option.type = axisTypeDefaulter(axisName, option);
+
+ if (layoutMode) {
+ mergeLayoutParam(option, inputPositionParams, layoutMode);
+ }
+ },
+
+ /**
+ * @override
+ */
+ optionUpdated: function () {
+ var thisOption = this.option;
+ if (thisOption.type === 'category') {
+ this.__ordinalMeta = OrdinalMeta.createByAxisModel(this);
+ }
+ },
+
+ /**
+ * Should not be called before all of 'getInitailData' finished.
+ * Because categories are collected during initializing data.
+ */
+ getCategories: function (rawData) {
+ var option = this.option;
+ // FIXME
+ // warning if called before all of 'getInitailData' finished.
+ if (option.type === 'category') {
+ if (rawData) {
+ return option.data;
+ }
+ return this.__ordinalMeta.categories;
+ }
+ },
+
+ getOrdinalMeta: function () {
+ return this.__ordinalMeta;
+ },
+
+ defaultOption: mergeAll(
+ [
+ {},
+ axisDefault[axisType + 'Axis'],
+ extraDefaultOption
+ ],
+ true
+ )
+ });
+ });
+
+ ComponentModel.registerSubTypeDefaulter(
+ axisName + 'Axis',
+ curry(axisTypeDefaulter, axisName)
+ );
+};
+
+/*
+* 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.
+*/
+
+var AxisModel = ComponentModel.extend({
+
+ type: 'cartesian2dAxis',
+
+ /**
+ * @type {module:echarts/coord/cartesian/Axis2D}
+ */
+ axis: null,
+
+ /**
+ * @override
+ */
+ init: function () {
+ AxisModel.superApply(this, 'init', arguments);
+ this.resetRange();
+ },
+
+ /**
+ * @override
+ */
+ mergeOption: function () {
+ AxisModel.superApply(this, 'mergeOption', arguments);
+ this.resetRange();
+ },
+
+ /**
+ * @override
+ */
+ restoreData: function () {
+ AxisModel.superApply(this, 'restoreData', arguments);
+ this.resetRange();
+ },
+
+ /**
+ * @override
+ * @return {module:echarts/model/Component}
+ */
+ getCoordSysModel: function () {
+ return this.ecModel.queryComponents({
+ mainType: 'grid',
+ index: this.option.gridIndex,
+ id: this.option.gridId
+ })[0];
+ }
+
+});
+
+function getAxisType(axisDim, option) {
+ // Default axis with data is category axis
+ return option.type || (option.data ? 'category' : 'value');
+}
+
+merge(AxisModel.prototype, axisModelCommonMixin);
+
+var extraOption = {
+ // gridIndex: 0,
+ // gridId: '',
+
+ // Offset is for multiple axis on the same position
+ offset: 0
+};
+
+axisModelCreator('x', AxisModel, getAxisType, extraOption);
+axisModelCreator('y', AxisModel, getAxisType, extraOption);
+
+/*
+* 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.
+*/
+
+// Grid 鏄湪鏈夌洿瑙掑潗鏍囩郴鐨勬椂鍊欏繀椤昏瀛樺湪鐨�
+// 鎵�浠ヨ繖閲屼篃瑕佽 Cartesian2D 渚濊禆
+
+ComponentModel.extend({
+
+ type: 'grid',
+
+ dependencies: ['xAxis', 'yAxis'],
+
+ layoutMode: 'box',
+
+ /**
+ * @type {module:echarts/coord/cartesian/Grid}
+ */
+ coordinateSystem: null,
+
+ defaultOption: {
+ show: false,
+ zlevel: 0,
+ z: 0,
+ left: '10%',
+ top: 60,
+ right: '10%',
+ bottom: 60,
+ // If grid size contain label
+ containLabel: false,
+ // width: {totalWidth} - left - right,
+ // height: {totalHeight} - top - bottom,
+ backgroundColor: 'rgba(0,0,0,0)',
+ borderWidth: 1,
+ borderColor: '#ccc'
+ }
+});
+
+/*
+* 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.
+*/
+
+/**
+ * Grid is a region which contains at most 4 cartesian systems
+ *
+ * TODO Default cartesian
+ */
+
+// Depends on GridModel, AxisModel, which performs preprocess.
+/**
+ * Check if the axis is used in the specified grid
+ * @inner
+ */
+function isAxisUsedInTheGrid(axisModel, gridModel, ecModel) {
+ return axisModel.getCoordSysModel() === gridModel;
+}
+
+function Grid(gridModel, ecModel, api) {
+ /**
+ * @type {Object.<string, module:echarts/coord/cartesian/Cartesian2D>}
+ * @private
+ */
+ this._coordsMap = {};
+
+ /**
+ * @type {Array.<module:echarts/coord/cartesian/Cartesian>}
+ * @private
+ */
+ this._coordsList = [];
+
+ /**
+ * @type {Object.<string, Array.<module:echarts/coord/cartesian/Axis2D>>}
+ * @private
+ */
+ this._axesMap = {};
+
+ /**
+ * @type {Array.<module:echarts/coord/cartesian/Axis2D>}
+ * @private
+ */
+ this._axesList = [];
+
+ this._initCartesian(gridModel, ecModel, api);
+
+ this.model = gridModel;
+}
+
+var gridProto = Grid.prototype;
+
+gridProto.type = 'grid';
+
+gridProto.axisPointerEnabled = true;
+
+gridProto.getRect = function () {
+ return this._rect;
+};
+
+gridProto.update = function (ecModel, api) {
+
+ var axesMap = this._axesMap;
+
+ this._updateScale(ecModel, this.model);
+
+ each$1(axesMap.x, function (xAxis) {
+ niceScaleExtent(xAxis.scale, xAxis.model);
+ });
+ each$1(axesMap.y, function (yAxis) {
+ niceScaleExtent(yAxis.scale, yAxis.model);
+ });
+
+ // Key: axisDim_axisIndex, value: boolean, whether onZero target.
+ var onZeroRecords = {};
+
+ each$1(axesMap.x, function (xAxis) {
+ fixAxisOnZero(axesMap, 'y', xAxis, onZeroRecords);
+ });
+ each$1(axesMap.y, function (yAxis) {
+ fixAxisOnZero(axesMap, 'x', yAxis, onZeroRecords);
+ });
+
+ // Resize again if containLabel is enabled
+ // FIXME It may cause getting wrong grid size in data processing stage
+ this.resize(this.model, api);
+};
+
+function fixAxisOnZero(axesMap, otherAxisDim, axis, onZeroRecords) {
+
+ axis.getAxesOnZeroOf = function () {
+ // TODO: onZero of multiple axes.
+ return otherAxisOnZeroOf ? [otherAxisOnZeroOf] : [];
+ };
+
+ // onZero can not be enabled in these two situations:
+ // 1. When any other axis is a category axis.
+ // 2. When no axis is cross 0 point.
+ var otherAxes = axesMap[otherAxisDim];
+
+ var otherAxisOnZeroOf;
+ var axisModel = axis.model;
+ var onZero = axisModel.get('axisLine.onZero');
+ var onZeroAxisIndex = axisModel.get('axisLine.onZeroAxisIndex');
+
+ if (!onZero) {
+ return;
+ }
+
+ // If target axis is specified.
+ if (onZeroAxisIndex != null) {
+ if (canOnZeroToAxis(otherAxes[onZeroAxisIndex])) {
+ otherAxisOnZeroOf = otherAxes[onZeroAxisIndex];
+ }
+ }
+ else {
+ // Find the first available other axis.
+ for (var idx in otherAxes) {
+ if (otherAxes.hasOwnProperty(idx)
+ && canOnZeroToAxis(otherAxes[idx])
+ // Consider that two Y axes on one value axis,
+ // if both onZero, the two Y axes overlap.
+ && !onZeroRecords[getOnZeroRecordKey(otherAxes[idx])]
+ ) {
+ otherAxisOnZeroOf = otherAxes[idx];
+ break;
+ }
+ }
+ }
+
+ if (otherAxisOnZeroOf) {
+ onZeroRecords[getOnZeroRecordKey(otherAxisOnZeroOf)] = true;
+ }
+
+ function getOnZeroRecordKey(axis) {
+ return axis.dim + '_' + axis.index;
+ }
+}
+
+function canOnZeroToAxis(axis) {
+ return axis && axis.type !== 'category' && axis.type !== 'time' && ifAxisCrossZero(axis);
+}
+
+/**
+ * Resize the grid
+ * @param {module:echarts/coord/cartesian/GridModel} gridModel
+ * @param {module:echarts/ExtensionAPI} api
+ */
+gridProto.resize = function (gridModel, api, ignoreContainLabel) {
+
+ var gridRect = getLayoutRect(
+ gridModel.getBoxLayoutParams(), {
+ width: api.getWidth(),
+ height: api.getHeight()
+ });
+
+ this._rect = gridRect;
+
+ var axesList = this._axesList;
+
+ adjustAxes();
+
+ // Minus label size
+ if (!ignoreContainLabel && gridModel.get('containLabel')) {
+ each$1(axesList, function (axis) {
+ if (!axis.model.get('axisLabel.inside')) {
+ var labelUnionRect = estimateLabelUnionRect(axis);
+ if (labelUnionRect) {
+ var dim = axis.isHorizontal() ? 'height' : 'width';
+ var margin = axis.model.get('axisLabel.margin');
+ gridRect[dim] -= labelUnionRect[dim] + margin;
+ if (axis.position === 'top') {
+ gridRect.y += labelUnionRect.height + margin;
+ }
+ else if (axis.position === 'left') {
+ gridRect.x += labelUnionRect.width + margin;
+ }
+ }
+ }
+ });
+
+ adjustAxes();
+ }
+
+ function adjustAxes() {
+ each$1(axesList, function (axis) {
+ var isHorizontal = axis.isHorizontal();
+ var extent = isHorizontal ? [0, gridRect.width] : [0, gridRect.height];
+ var idx = axis.inverse ? 1 : 0;
+ axis.setExtent(extent[idx], extent[1 - idx]);
+ updateAxisTransform(axis, isHorizontal ? gridRect.x : gridRect.y);
+ });
+ }
+};
+
+/**
+ * @param {string} axisType
+ * @param {number} [axisIndex]
+ */
+gridProto.getAxis = function (axisType, axisIndex) {
+ var axesMapOnDim = this._axesMap[axisType];
+ if (axesMapOnDim != null) {
+ if (axisIndex == null) {
+ // Find first axis
+ for (var name in axesMapOnDim) {
+ if (axesMapOnDim.hasOwnProperty(name)) {
+ return axesMapOnDim[name];
+ }
+ }
+ }
+ return axesMapOnDim[axisIndex];
+ }
+};
+
+/**
+ * @return {Array.<module:echarts/coord/Axis>}
+ */
+gridProto.getAxes = function () {
+ return this._axesList.slice();
+};
+
+/**
+ * Usage:
+ * grid.getCartesian(xAxisIndex, yAxisIndex);
+ * grid.getCartesian(xAxisIndex);
+ * grid.getCartesian(null, yAxisIndex);
+ * grid.getCartesian({xAxisIndex: ..., yAxisIndex: ...});
+ *
+ * @param {number|Object} [xAxisIndex]
+ * @param {number} [yAxisIndex]
+ */
+gridProto.getCartesian = function (xAxisIndex, yAxisIndex) {
+ if (xAxisIndex != null && yAxisIndex != null) {
+ var key = 'x' + xAxisIndex + 'y' + yAxisIndex;
+ return this._coordsMap[key];
+ }
+
+ if (isObject$1(xAxisIndex)) {
+ yAxisIndex = xAxisIndex.yAxisIndex;
+ xAxisIndex = xAxisIndex.xAxisIndex;
+ }
+ // When only xAxisIndex or yAxisIndex given, find its first cartesian.
+ for (var i = 0, coordList = this._coordsList; i < coordList.length; i++) {
+ if (coordList[i].getAxis('x').index === xAxisIndex
+ || coordList[i].getAxis('y').index === yAxisIndex
+ ) {
+ return coordList[i];
+ }
+ }
+};
+
+gridProto.getCartesians = function () {
+ return this._coordsList.slice();
+};
+
+/**
+ * @implements
+ * see {module:echarts/CoodinateSystem}
+ */
+gridProto.convertToPixel = function (ecModel, finder, value) {
+ var target = this._findConvertTarget(ecModel, finder);
+
+ return target.cartesian
+ ? target.cartesian.dataToPoint(value)
+ : target.axis
+ ? target.axis.toGlobalCoord(target.axis.dataToCoord(value))
+ : null;
+};
+
+/**
+ * @implements
+ * see {module:echarts/CoodinateSystem}
+ */
+gridProto.convertFromPixel = function (ecModel, finder, value) {
+ var target = this._findConvertTarget(ecModel, finder);
+
+ return target.cartesian
+ ? target.cartesian.pointToData(value)
+ : target.axis
+ ? target.axis.coordToData(target.axis.toLocalCoord(value))
+ : null;
+};
+
+/**
+ * @inner
+ */
+gridProto._findConvertTarget = function (ecModel, finder) {
+ var seriesModel = finder.seriesModel;
+ var xAxisModel = finder.xAxisModel
+ || (seriesModel && seriesModel.getReferringComponents('xAxis')[0]);
+ var yAxisModel = finder.yAxisModel
+ || (seriesModel && seriesModel.getReferringComponents('yAxis')[0]);
+ var gridModel = finder.gridModel;
+ var coordsList = this._coordsList;
+ var cartesian;
+ var axis;
+
+ if (seriesModel) {
+ cartesian = seriesModel.coordinateSystem;
+ indexOf(coordsList, cartesian) < 0 && (cartesian = null);
+ }
+ else if (xAxisModel && yAxisModel) {
+ cartesian = this.getCartesian(xAxisModel.componentIndex, yAxisModel.componentIndex);
+ }
+ else if (xAxisModel) {
+ axis = this.getAxis('x', xAxisModel.componentIndex);
+ }
+ else if (yAxisModel) {
+ axis = this.getAxis('y', yAxisModel.componentIndex);
+ }
+ // Lowest priority.
+ else if (gridModel) {
+ var grid = gridModel.coordinateSystem;
+ if (grid === this) {
+ cartesian = this._coordsList[0];
+ }
+ }
+
+ return {cartesian: cartesian, axis: axis};
+};
+
+/**
+ * @implements
+ * see {module:echarts/CoodinateSystem}
+ */
+gridProto.containPoint = function (point) {
+ var coord = this._coordsList[0];
+ if (coord) {
+ return coord.containPoint(point);
+ }
+};
+
+/**
+ * Initialize cartesian coordinate systems
+ * @private
+ */
+gridProto._initCartesian = function (gridModel, ecModel, api) {
+ var axisPositionUsed = {
+ left: false,
+ right: false,
+ top: false,
+ bottom: false
+ };
+
+ var axesMap = {
+ x: {},
+ y: {}
+ };
+ var axesCount = {
+ x: 0,
+ y: 0
+ };
+
+ /// Create axis
+ ecModel.eachComponent('xAxis', createAxisCreator('x'), this);
+ ecModel.eachComponent('yAxis', createAxisCreator('y'), this);
+
+ if (!axesCount.x || !axesCount.y) {
+ // Roll back when there no either x or y axis
+ this._axesMap = {};
+ this._axesList = [];
+ return;
+ }
+
+ this._axesMap = axesMap;
+
+ /// Create cartesian2d
+ each$1(axesMap.x, function (xAxis, xAxisIndex) {
+ each$1(axesMap.y, function (yAxis, yAxisIndex) {
+ var key = 'x' + xAxisIndex + 'y' + yAxisIndex;
+ var cartesian = new Cartesian2D(key);
+
+ cartesian.grid = this;
+ cartesian.model = gridModel;
+
+ this._coordsMap[key] = cartesian;
+ this._coordsList.push(cartesian);
+
+ cartesian.addAxis(xAxis);
+ cartesian.addAxis(yAxis);
+ }, this);
+ }, this);
+
+ function createAxisCreator(axisType) {
+ return function (axisModel, idx) {
+ if (!isAxisUsedInTheGrid(axisModel, gridModel, ecModel)) {
+ return;
+ }
+
+ var axisPosition = axisModel.get('position');
+ if (axisType === 'x') {
+ // Fix position
+ if (axisPosition !== 'top' && axisPosition !== 'bottom') {
+ // Default bottom of X
+ axisPosition = axisPositionUsed.bottom ? 'top' : 'bottom';
+ }
+ }
+ else {
+ // Fix position
+ if (axisPosition !== 'left' && axisPosition !== 'right') {
+ // Default left of Y
+ axisPosition = axisPositionUsed.left ? 'right' : 'left';
+ }
+ }
+ axisPositionUsed[axisPosition] = true;
+
+ var axis = new Axis2D(
+ axisType, createScaleByModel(axisModel),
+ [0, 0],
+ axisModel.get('type'),
+ axisPosition
+ );
+
+ var isCategory = axis.type === 'category';
+ axis.onBand = isCategory && axisModel.get('boundaryGap');
+ axis.inverse = axisModel.get('inverse');
+
+ // Inject axis into axisModel
+ axisModel.axis = axis;
+
+ // Inject axisModel into axis
+ axis.model = axisModel;
+
+ // Inject grid info axis
+ axis.grid = this;
+
+ // Index of axis, can be used as key
+ axis.index = idx;
+
+ this._axesList.push(axis);
+
+ axesMap[axisType][idx] = axis;
+ axesCount[axisType]++;
+ };
+ }
+};
+
+/**
+ * Update cartesian properties from series
+ * @param {module:echarts/model/Option} option
+ * @private
+ */
+gridProto._updateScale = function (ecModel, gridModel) {
+ // Reset scale
+ each$1(this._axesList, function (axis) {
+ axis.scale.setExtent(Infinity, -Infinity);
+ });
+ ecModel.eachSeries(function (seriesModel) {
+ if (isCartesian2D(seriesModel)) {
+ var axesModels = findAxesModels(seriesModel, ecModel);
+ var xAxisModel = axesModels[0];
+ var yAxisModel = axesModels[1];
+
+ if (!isAxisUsedInTheGrid(xAxisModel, gridModel, ecModel)
+ || !isAxisUsedInTheGrid(yAxisModel, gridModel, ecModel)
+ ) {
+ return;
+ }
+
+ var cartesian = this.getCartesian(
+ xAxisModel.componentIndex, yAxisModel.componentIndex
+ );
+ var data = seriesModel.getData();
+ var xAxis = cartesian.getAxis('x');
+ var yAxis = cartesian.getAxis('y');
+
+ if (data.type === 'list') {
+ unionExtent(data, xAxis, seriesModel);
+ unionExtent(data, yAxis, seriesModel);
+ }
+ }
+ }, this);
+
+ function unionExtent(data, axis, seriesModel) {
+ each$1(data.mapDimension(axis.dim, true), function (dim) {
+ axis.scale.unionExtentFromData(
+ // For example, the extent of the orginal dimension
+ // is [0.1, 0.5], the extent of the `stackResultDimension`
+ // is [7, 9], the final extent should not include [0.1, 0.5].
+ data, getStackedDimension(data, dim)
+ );
+ });
+ }
+};
+
+/**
+ * @param {string} [dim] 'x' or 'y' or 'auto' or null/undefined
+ * @return {Object} {baseAxes: [], otherAxes: []}
+ */
+gridProto.getTooltipAxes = function (dim) {
+ var baseAxes = [];
+ var otherAxes = [];
+
+ each$1(this.getCartesians(), function (cartesian) {
+ var baseAxis = (dim != null && dim !== 'auto')
+ ? cartesian.getAxis(dim) : cartesian.getBaseAxis();
+ var otherAxis = cartesian.getOtherAxis(baseAxis);
+ indexOf(baseAxes, baseAxis) < 0 && baseAxes.push(baseAxis);
+ indexOf(otherAxes, otherAxis) < 0 && otherAxes.push(otherAxis);
+ });
+
+ return {baseAxes: baseAxes, otherAxes: otherAxes};
+};
+
+/**
+ * @inner
+ */
+function updateAxisTransform(axis, coordBase) {
+ var axisExtent = axis.getExtent();
+ var axisExtentSum = axisExtent[0] + axisExtent[1];
+
+ // Fast transform
+ axis.toGlobalCoord = axis.dim === 'x'
+ ? function (coord) {
+ return coord + coordBase;
+ }
+ : function (coord) {
+ return axisExtentSum - coord + coordBase;
+ };
+ axis.toLocalCoord = axis.dim === 'x'
+ ? function (coord) {
+ return coord - coordBase;
+ }
+ : function (coord) {
+ return axisExtentSum - coord + coordBase;
+ };
+}
+
+var axesTypes = ['xAxis', 'yAxis'];
+/**
+ * @inner
+ */
+function findAxesModels(seriesModel, ecModel) {
+ return map(axesTypes, function (axisType) {
+ var axisModel = seriesModel.getReferringComponents(axisType)[0];
+
+ if (__DEV__) {
+ if (!axisModel) {
+ throw new Error(axisType + ' "' + retrieve(
+ seriesModel.get(axisType + 'Index'),
+ seriesModel.get(axisType + 'Id'),
+ 0
+ ) + '" not found');
+ }
+ }
+ return axisModel;
+ });
+}
+
+/**
+ * @inner
+ */
+function isCartesian2D(seriesModel) {
+ return seriesModel.get('coordinateSystem') === 'cartesian2d';
+}
+
+Grid.create = function (ecModel, api) {
+ var grids = [];
+ ecModel.eachComponent('grid', function (gridModel, idx) {
+ var grid = new Grid(gridModel, ecModel, api);
+ grid.name = 'grid_' + idx;
+ // dataSampling requires axis extent, so resize
+ // should be performed in create stage.
+ grid.resize(gridModel, api, true);
+
+ gridModel.coordinateSystem = grid;
+
+ grids.push(grid);
+ });
+
+ // Inject the coordinateSystems into seriesModel
+ ecModel.eachSeries(function (seriesModel) {
+ if (!isCartesian2D(seriesModel)) {
+ return;
+ }
+
+ var axesModels = findAxesModels(seriesModel, ecModel);
+ var xAxisModel = axesModels[0];
+ var yAxisModel = axesModels[1];
+
+ var gridModel = xAxisModel.getCoordSysModel();
+
+ if (__DEV__) {
+ if (!gridModel) {
+ throw new Error(
+ 'Grid "' + retrieve(
+ xAxisModel.get('gridIndex'),
+ xAxisModel.get('gridId'),
+ 0
+ ) + '" not found'
+ );
+ }
+ if (xAxisModel.getCoordSysModel() !== yAxisModel.getCoordSysModel()) {
+ throw new Error('xAxis and yAxis must use the same grid');
+ }
+ }
+
+ var grid = gridModel.coordinateSystem;
+
+ seriesModel.coordinateSystem = grid.getCartesian(
+ xAxisModel.componentIndex, yAxisModel.componentIndex
+ );
+ });
+
+ return grids;
+};
+
+// For deciding which dimensions to use when creating list data
+Grid.dimensions = Grid.prototype.dimensions = Cartesian2D.prototype.dimensions;
+
+CoordinateSystemManager.register('cartesian2d', Grid);
+
+/*
+* 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.
+*/
+
+var PI$2 = Math.PI;
+
+/**
+ * A final axis is translated and rotated from a "standard axis".
+ * So opt.position and opt.rotation is required.
+ *
+ * A standard axis is and axis from [0, 0] to [0, axisExtent[1]],
+ * for example: (0, 0) ------------> (0, 50)
+ *
+ * nameDirection or tickDirection or labelDirection is 1 means tick
+ * or label is below the standard axis, whereas is -1 means above
+ * the standard axis. labelOffset means offset between label and axis,
+ * which is useful when 'onZero', where axisLabel is in the grid and
+ * label in outside grid.
+ *
+ * Tips: like always,
+ * positive rotation represents anticlockwise, and negative rotation
+ * represents clockwise.
+ * The direction of position coordinate is the same as the direction
+ * of screen coordinate.
+ *
+ * Do not need to consider axis 'inverse', which is auto processed by
+ * axis extent.
+ *
+ * @param {module:zrender/container/Group} group
+ * @param {Object} axisModel
+ * @param {Object} opt Standard axis parameters.
+ * @param {Array.<number>} opt.position [x, y]
+ * @param {number} opt.rotation by radian
+ * @param {number} [opt.nameDirection=1] 1 or -1 Used when nameLocation is 'middle' or 'center'.
+ * @param {number} [opt.tickDirection=1] 1 or -1
+ * @param {number} [opt.labelDirection=1] 1 or -1
+ * @param {number} [opt.labelOffset=0] Usefull when onZero.
+ * @param {string} [opt.axisLabelShow] default get from axisModel.
+ * @param {string} [opt.axisName] default get from axisModel.
+ * @param {number} [opt.axisNameAvailableWidth]
+ * @param {number} [opt.labelRotate] by degree, default get from axisModel.
+ * @param {number} [opt.strokeContainThreshold] Default label interval when label
+ * @param {number} [opt.nameTruncateMaxWidth]
+ */
+var AxisBuilder = function (axisModel, opt) {
+
+ /**
+ * @readOnly
+ */
+ this.opt = opt;
+
+ /**
+ * @readOnly
+ */
+ this.axisModel = axisModel;
+
+ // Default value
+ defaults(
+ opt,
+ {
+ labelOffset: 0,
+ nameDirection: 1,
+ tickDirection: 1,
+ labelDirection: 1,
+ silent: true
+ }
+ );
+
+ /**
+ * @readOnly
+ */
+ this.group = new Group();
+
+ // FIXME Not use a seperate text group?
+ var dumbGroup = new Group({
+ position: opt.position.slice(),
+ rotation: opt.rotation
+ });
+
+ // this.group.add(dumbGroup);
+ // this._dumbGroup = dumbGroup;
+
+ dumbGroup.updateTransform();
+ this._transform = dumbGroup.transform;
+
+ this._dumbGroup = dumbGroup;
+};
+
+AxisBuilder.prototype = {
+
+ constructor: AxisBuilder,
+
+ hasBuilder: function (name) {
+ return !!builders[name];
+ },
+
+ add: function (name) {
+ builders[name].call(this);
+ },
+
+ getGroup: function () {
+ return this.group;
+ }
+
+};
+
+var builders = {
+
+ /**
+ * @private
+ */
+ axisLine: function () {
+ var opt = this.opt;
+ var axisModel = this.axisModel;
+
+ if (!axisModel.get('axisLine.show')) {
+ return;
+ }
+
+ var extent = this.axisModel.axis.getExtent();
+
+ var matrix = this._transform;
+ var pt1 = [extent[0], 0];
+ var pt2 = [extent[1], 0];
+ if (matrix) {
+ applyTransform(pt1, pt1, matrix);
+ applyTransform(pt2, pt2, matrix);
+ }
+
+ var lineStyle = extend(
+ {
+ lineCap: 'round'
+ },
+ axisModel.getModel('axisLine.lineStyle').getLineStyle()
+ );
+
+ this.group.add(new Line({
+ // Id for animation
+ anid: 'line',
+ subPixelOptimize: true,
+ shape: {
+ x1: pt1[0],
+ y1: pt1[1],
+ x2: pt2[0],
+ y2: pt2[1]
+ },
+ style: lineStyle,
+ strokeContainThreshold: opt.strokeContainThreshold || 5,
+ silent: true,
+ z2: 1
+ }));
+
+ var arrows = axisModel.get('axisLine.symbol');
+ var arrowSize = axisModel.get('axisLine.symbolSize');
+
+ var arrowOffset = axisModel.get('axisLine.symbolOffset') || 0;
+ if (typeof arrowOffset === 'number') {
+ arrowOffset = [arrowOffset, arrowOffset];
+ }
+
+ if (arrows != null) {
+ if (typeof arrows === 'string') {
+ // Use the same arrow for start and end point
+ arrows = [arrows, arrows];
+ }
+ if (typeof arrowSize === 'string'
+ || typeof arrowSize === 'number'
+ ) {
+ // Use the same size for width and height
+ arrowSize = [arrowSize, arrowSize];
+ }
+
+ var symbolWidth = arrowSize[0];
+ var symbolHeight = arrowSize[1];
+
+ each$1([{
+ rotate: opt.rotation + Math.PI / 2,
+ offset: arrowOffset[0],
+ r: 0
+ }, {
+ rotate: opt.rotation - Math.PI / 2,
+ offset: arrowOffset[1],
+ r: Math.sqrt((pt1[0] - pt2[0]) * (pt1[0] - pt2[0])
+ + (pt1[1] - pt2[1]) * (pt1[1] - pt2[1]))
+ }], function (point, index) {
+ if (arrows[index] !== 'none' && arrows[index] != null) {
+ var symbol = createSymbol(
+ arrows[index],
+ -symbolWidth / 2,
+ -symbolHeight / 2,
+ symbolWidth,
+ symbolHeight,
+ lineStyle.stroke,
+ true
+ );
+
+ // Calculate arrow position with offset
+ var r = point.r + point.offset;
+ var pos = [
+ pt1[0] + r * Math.cos(opt.rotation),
+ pt1[1] - r * Math.sin(opt.rotation)
+ ];
+
+ symbol.attr({
+ rotation: point.rotate,
+ position: pos,
+ silent: true,
+ z2: 11
+ });
+ this.group.add(symbol);
+ }
+ }, this);
+ }
+ },
+
+ /**
+ * @private
+ */
+ axisTickLabel: function () {
+ var axisModel = this.axisModel;
+ var opt = this.opt;
+
+ var ticksEls = buildAxisMajorTicks(this, axisModel, opt);
+ var labelEls = buildAxisLabel(this, axisModel, opt);
+
+ fixMinMaxLabelShow(axisModel, labelEls, ticksEls);
+
+ buildAxisMinorTicks(this, axisModel, opt);
+ },
+
+ /**
+ * @private
+ */
+ axisName: function () {
+ var opt = this.opt;
+ var axisModel = this.axisModel;
+ var name = retrieve(opt.axisName, axisModel.get('name'));
+
+ if (!name) {
+ return;
+ }
+
+ var nameLocation = axisModel.get('nameLocation');
+ var nameDirection = opt.nameDirection;
+ var textStyleModel = axisModel.getModel('nameTextStyle');
+ var gap = axisModel.get('nameGap') || 0;
+
+ var extent = this.axisModel.axis.getExtent();
+ var gapSignal = extent[0] > extent[1] ? -1 : 1;
+ var pos = [
+ nameLocation === 'start'
+ ? extent[0] - gapSignal * gap
+ : nameLocation === 'end'
+ ? extent[1] + gapSignal * gap
+ : (extent[0] + extent[1]) / 2, // 'middle'
+ // Reuse labelOffset.
+ isNameLocationCenter(nameLocation) ? opt.labelOffset + nameDirection * gap : 0
+ ];
+
+ var labelLayout;
+
+ var nameRotation = axisModel.get('nameRotate');
+ if (nameRotation != null) {
+ nameRotation = nameRotation * PI$2 / 180; // To radian.
+ }
+
+ var axisNameAvailableWidth;
+
+ if (isNameLocationCenter(nameLocation)) {
+ labelLayout = innerTextLayout(
+ opt.rotation,
+ nameRotation != null ? nameRotation : opt.rotation, // Adapt to axis.
+ nameDirection
+ );
+ }
+ else {
+ labelLayout = endTextLayout(
+ opt, nameLocation, nameRotation || 0, extent
+ );
+
+ axisNameAvailableWidth = opt.axisNameAvailableWidth;
+ if (axisNameAvailableWidth != null) {
+ axisNameAvailableWidth = Math.abs(
+ axisNameAvailableWidth / Math.sin(labelLayout.rotation)
+ );
+ !isFinite(axisNameAvailableWidth) && (axisNameAvailableWidth = null);
+ }
+ }
+
+ var textFont = textStyleModel.getFont();
+
+ var truncateOpt = axisModel.get('nameTruncate', true) || {};
+ var ellipsis = truncateOpt.ellipsis;
+ var maxWidth = retrieve(
+ opt.nameTruncateMaxWidth, truncateOpt.maxWidth, axisNameAvailableWidth
+ );
+ // FIXME
+ // truncate rich text? (consider performance)
+ var truncatedText = (ellipsis != null && maxWidth != null)
+ ? truncateText$1(
+ name, maxWidth, textFont, ellipsis,
+ {minChar: 2, placeholder: truncateOpt.placeholder}
+ )
+ : name;
+
+ var tooltipOpt = axisModel.get('tooltip', true);
+
+ var mainType = axisModel.mainType;
+ var formatterParams = {
+ componentType: mainType,
+ name: name,
+ $vars: ['name']
+ };
+ formatterParams[mainType + 'Index'] = axisModel.componentIndex;
+
+ var textEl = new Text({
+ // Id for animation
+ anid: 'name',
+
+ __fullText: name,
+ __truncatedText: truncatedText,
+
+ position: pos,
+ rotation: labelLayout.rotation,
+ silent: isLabelSilent(axisModel),
+ z2: 1,
+ tooltip: (tooltipOpt && tooltipOpt.show)
+ ? extend({
+ content: name,
+ formatter: function () {
+ return name;
+ },
+ formatterParams: formatterParams
+ }, tooltipOpt)
+ : null
+ });
+
+ setTextStyle(textEl.style, textStyleModel, {
+ text: truncatedText,
+ textFont: textFont,
+ textFill: textStyleModel.getTextColor()
+ || axisModel.get('axisLine.lineStyle.color'),
+ textAlign: textStyleModel.get('align')
+ || labelLayout.textAlign,
+ textVerticalAlign: textStyleModel.get('verticalAlign')
+ || labelLayout.textVerticalAlign
+ });
+
+ if (axisModel.get('triggerEvent')) {
+ textEl.eventData = makeAxisEventDataBase(axisModel);
+ textEl.eventData.targetType = 'axisName';
+ textEl.eventData.name = name;
+ }
+
+ // FIXME
+ this._dumbGroup.add(textEl);
+ textEl.updateTransform();
+
+ this.group.add(textEl);
+
+ textEl.decomposeTransform();
+ }
+
+};
+
+var makeAxisEventDataBase = AxisBuilder.makeAxisEventDataBase = function (axisModel) {
+ var eventData = {
+ componentType: axisModel.mainType,
+ componentIndex: axisModel.componentIndex
+ };
+ eventData[axisModel.mainType + 'Index'] = axisModel.componentIndex;
+ return eventData;
+};
+
+/**
+ * @public
+ * @static
+ * @param {Object} opt
+ * @param {number} axisRotation in radian
+ * @param {number} textRotation in radian
+ * @param {number} direction
+ * @return {Object} {
+ * rotation, // according to axis
+ * textAlign,
+ * textVerticalAlign
+ * }
+ */
+var innerTextLayout = AxisBuilder.innerTextLayout = function (axisRotation, textRotation, direction) {
+ var rotationDiff = remRadian(textRotation - axisRotation);
+ var textAlign;
+ var textVerticalAlign;
+
+ if (isRadianAroundZero(rotationDiff)) { // Label is parallel with axis line.
+ textVerticalAlign = direction > 0 ? 'top' : 'bottom';
+ textAlign = 'center';
+ }
+ else if (isRadianAroundZero(rotationDiff - PI$2)) { // Label is inverse parallel with axis line.
+ textVerticalAlign = direction > 0 ? 'bottom' : 'top';
+ textAlign = 'center';
+ }
+ else {
+ textVerticalAlign = 'middle';
+
+ if (rotationDiff > 0 && rotationDiff < PI$2) {
+ textAlign = direction > 0 ? 'right' : 'left';
+ }
+ else {
+ textAlign = direction > 0 ? 'left' : 'right';
+ }
+ }
+
+ return {
+ rotation: rotationDiff,
+ textAlign: textAlign,
+ textVerticalAlign: textVerticalAlign
+ };
+};
+
+function endTextLayout(opt, textPosition, textRotate, extent) {
+ var rotationDiff = remRadian(textRotate - opt.rotation);
+ var textAlign;
+ var textVerticalAlign;
+ var inverse = extent[0] > extent[1];
+ var onLeft = (textPosition === 'start' && !inverse)
+ || (textPosition !== 'start' && inverse);
+
+ if (isRadianAroundZero(rotationDiff - PI$2 / 2)) {
+ textVerticalAlign = onLeft ? 'bottom' : 'top';
+ textAlign = 'center';
+ }
+ else if (isRadianAroundZero(rotationDiff - PI$2 * 1.5)) {
+ textVerticalAlign = onLeft ? 'top' : 'bottom';
+ textAlign = 'center';
+ }
+ else {
+ textVerticalAlign = 'middle';
+ if (rotationDiff < PI$2 * 1.5 && rotationDiff > PI$2 / 2) {
+ textAlign = onLeft ? 'left' : 'right';
+ }
+ else {
+ textAlign = onLeft ? 'right' : 'left';
+ }
+ }
+
+ return {
+ rotation: rotationDiff,
+ textAlign: textAlign,
+ textVerticalAlign: textVerticalAlign
+ };
+}
+
+var isLabelSilent = AxisBuilder.isLabelSilent = function (axisModel) {
+ var tooltipOpt = axisModel.get('tooltip');
+ return axisModel.get('silent')
+ // Consider mouse cursor, add these restrictions.
+ || !(
+ axisModel.get('triggerEvent') || (tooltipOpt && tooltipOpt.show)
+ );
+};
+
+function fixMinMaxLabelShow(axisModel, labelEls, tickEls) {
+ if (shouldShowAllLabels(axisModel.axis)) {
+ return;
+ }
+
+ // If min or max are user set, we need to check
+ // If the tick on min(max) are overlap on their neighbour tick
+ // If they are overlapped, we need to hide the min(max) tick label
+ var showMinLabel = axisModel.get('axisLabel.showMinLabel');
+ var showMaxLabel = axisModel.get('axisLabel.showMaxLabel');
+
+ // FIXME
+ // Have not consider onBand yet, where tick els is more than label els.
+
+ labelEls = labelEls || [];
+ tickEls = tickEls || [];
+
+ var firstLabel = labelEls[0];
+ var nextLabel = labelEls[1];
+ var lastLabel = labelEls[labelEls.length - 1];
+ var prevLabel = labelEls[labelEls.length - 2];
+
+ var firstTick = tickEls[0];
+ var nextTick = tickEls[1];
+ var lastTick = tickEls[tickEls.length - 1];
+ var prevTick = tickEls[tickEls.length - 2];
+
+ if (showMinLabel === false) {
+ ignoreEl(firstLabel);
+ ignoreEl(firstTick);
+ }
+ else if (isTwoLabelOverlapped(firstLabel, nextLabel)) {
+ if (showMinLabel) {
+ ignoreEl(nextLabel);
+ ignoreEl(nextTick);
+ }
+ else {
+ ignoreEl(firstLabel);
+ ignoreEl(firstTick);
+ }
+ }
+
+ if (showMaxLabel === false) {
+ ignoreEl(lastLabel);
+ ignoreEl(lastTick);
+ }
+ else if (isTwoLabelOverlapped(prevLabel, lastLabel)) {
+ if (showMaxLabel) {
+ ignoreEl(prevLabel);
+ ignoreEl(prevTick);
+ }
+ else {
+ ignoreEl(lastLabel);
+ ignoreEl(lastTick);
+ }
+ }
+}
+
+function ignoreEl(el) {
+ el && (el.ignore = true);
+}
+
+function isTwoLabelOverlapped(current, next, labelLayout) {
+ // current and next has the same rotation.
+ var firstRect = current && current.getBoundingRect().clone();
+ var nextRect = next && next.getBoundingRect().clone();
+
+ if (!firstRect || !nextRect) {
+ return;
+ }
+
+ // When checking intersect of two rotated labels, we use mRotationBack
+ // to avoid that boundingRect is enlarge when using `boundingRect.applyTransform`.
+ var mRotationBack = identity([]);
+ rotate(mRotationBack, mRotationBack, -current.rotation);
+
+ firstRect.applyTransform(mul$1([], mRotationBack, current.getLocalTransform()));
+ nextRect.applyTransform(mul$1([], mRotationBack, next.getLocalTransform()));
+
+ return firstRect.intersect(nextRect);
+}
+
+function isNameLocationCenter(nameLocation) {
+ return nameLocation === 'middle' || nameLocation === 'center';
+}
+
+
+function createTicks(ticksCoords, tickTransform, tickEndCoord, tickLineStyle, aniid) {
+ var tickEls = [];
+ var pt1 = [];
+ var pt2 = [];
+ for (var i = 0; i < ticksCoords.length; i++) {
+ var tickCoord = ticksCoords[i].coord;
+
+ pt1[0] = tickCoord;
+ pt1[1] = 0;
+ pt2[0] = tickCoord;
+ pt2[1] = tickEndCoord;
+
+ if (tickTransform) {
+ applyTransform(pt1, pt1, tickTransform);
+ applyTransform(pt2, pt2, tickTransform);
+ }
+ // Tick line, Not use group transform to have better line draw
+ var tickEl = new Line({
+ // Id for animation
+ anid: aniid + '_' + ticksCoords[i].tickValue,
+ subPixelOptimize: true,
+ shape: {
+ x1: pt1[0],
+ y1: pt1[1],
+ x2: pt2[0],
+ y2: pt2[1]
+ },
+ style: tickLineStyle,
+ z2: 2,
+ silent: true
+ });
+ tickEls.push(tickEl);
+ }
+ return tickEls;
+}
+
+function buildAxisMajorTicks(axisBuilder, axisModel, opt) {
+ var axis = axisModel.axis;
+
+ var tickModel = axisModel.getModel('axisTick');
+
+ if (!tickModel.get('show') || axis.scale.isBlank()) {
+ return;
+ }
+
+ var lineStyleModel = tickModel.getModel('lineStyle');
+ var tickEndCoord = opt.tickDirection * tickModel.get('length');
+
+ var ticksCoords = axis.getTicksCoords();
+
+ var ticksEls = createTicks(ticksCoords, axisBuilder._transform, tickEndCoord, defaults(
+ lineStyleModel.getLineStyle(),
+ {
+ stroke: axisModel.get('axisLine.lineStyle.color')
+ }
+ ), 'ticks');
+
+ for (var i = 0; i < ticksEls.length; i++) {
+ axisBuilder.group.add(ticksEls[i]);
+ }
+
+ return ticksEls;
+}
+
+function buildAxisMinorTicks(axisBuilder, axisModel, opt) {
+ var axis = axisModel.axis;
+
+ var minorTickModel = axisModel.getModel('minorTick');
+
+ if (!minorTickModel.get('show') || axis.scale.isBlank()) {
+ return;
+ }
+
+ var minorTicksCoords = axis.getMinorTicksCoords();
+ if (!minorTicksCoords.length) {
+ return;
+ }
+
+ var lineStyleModel = minorTickModel.getModel('lineStyle');
+ var tickEndCoord = opt.tickDirection * minorTickModel.get('length');
+
+ var minorTickLineStyle = defaults(
+ lineStyleModel.getLineStyle(),
+ defaults(
+ axisModel.getModel('axisTick').getLineStyle(),
+ {
+ stroke: axisModel.get('axisLine.lineStyle.color')
+ }
+ )
+ );
+
+ for (var i = 0; i < minorTicksCoords.length; i++) {
+ var minorTicksEls = createTicks(
+ minorTicksCoords[i], axisBuilder._transform, tickEndCoord, minorTickLineStyle, 'minorticks_' + i
+ );
+ for (var k = 0; k < minorTicksEls.length; k++) {
+ axisBuilder.group.add(minorTicksEls[k]);
+ }
+ }
+}
+
+function buildAxisLabel(axisBuilder, axisModel, opt) {
+ var axis = axisModel.axis;
+ var show = retrieve(opt.axisLabelShow, axisModel.get('axisLabel.show'));
+
+ if (!show || axis.scale.isBlank()) {
+ return;
+ }
+
+ var labelModel = axisModel.getModel('axisLabel');
+ var labelMargin = labelModel.get('margin');
+ var labels = axis.getViewLabels();
+
+ // Special label rotate.
+ var labelRotation = (
+ retrieve(opt.labelRotate, labelModel.get('rotate')) || 0
+ ) * PI$2 / 180;
+
+ var labelLayout = innerTextLayout(opt.rotation, labelRotation, opt.labelDirection);
+ var rawCategoryData = axisModel.getCategories && axisModel.getCategories(true);
+
+ var labelEls = [];
+ var silent = isLabelSilent(axisModel);
+ var triggerEvent = axisModel.get('triggerEvent');
+
+ each$1(labels, function (labelItem, index) {
+ var tickValue = labelItem.tickValue;
+ var formattedLabel = labelItem.formattedLabel;
+ var rawLabel = labelItem.rawLabel;
+
+ var itemLabelModel = labelModel;
+ if (rawCategoryData && rawCategoryData[tickValue] && rawCategoryData[tickValue].textStyle) {
+ itemLabelModel = new Model(
+ rawCategoryData[tickValue].textStyle, labelModel, axisModel.ecModel
+ );
+ }
+
+ var textColor = itemLabelModel.getTextColor()
+ || axisModel.get('axisLine.lineStyle.color');
+
+ var tickCoord = axis.dataToCoord(tickValue);
+ var pos = [
+ tickCoord,
+ opt.labelOffset + opt.labelDirection * labelMargin
+ ];
+
+ var textEl = new Text({
+ // Id for animation
+ anid: 'label_' + tickValue,
+ position: pos,
+ rotation: labelLayout.rotation,
+ silent: silent,
+ z2: 10
+ });
+
+ setTextStyle(textEl.style, itemLabelModel, {
+ text: formattedLabel,
+ textAlign: itemLabelModel.getShallow('align', true)
+ || labelLayout.textAlign,
+ textVerticalAlign: itemLabelModel.getShallow('verticalAlign', true)
+ || itemLabelModel.getShallow('baseline', true)
+ || labelLayout.textVerticalAlign,
+ textFill: typeof textColor === 'function'
+ ? textColor(
+ // (1) In category axis with data zoom, tick is not the original
+ // index of axis.data. So tick should not be exposed to user
+ // in category axis.
+ // (2) Compatible with previous version, which always use formatted label as
+ // input. But in interval scale the formatted label is like '223,445', which
+ // maked user repalce ','. So we modify it to return original val but remain
+ // it as 'string' to avoid error in replacing.
+ axis.type === 'category'
+ ? rawLabel
+ : axis.type === 'value'
+ ? tickValue + ''
+ : tickValue,
+ index
+ )
+ : textColor
+ });
+
+ // Pack data for mouse event
+ if (triggerEvent) {
+ textEl.eventData = makeAxisEventDataBase(axisModel);
+ textEl.eventData.targetType = 'axisLabel';
+ textEl.eventData.value = rawLabel;
+ }
+
+ // FIXME
+ axisBuilder._dumbGroup.add(textEl);
+ textEl.updateTransform();
+
+ labelEls.push(textEl);
+ axisBuilder.group.add(textEl);
+
+ textEl.decomposeTransform();
+
+ });
+
+ return labelEls;
+}
+
+/*
+* 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.
+*/
+
+var each$6 = each$1;
+var curry$1 = curry;
+
+// Build axisPointerModel, mergin tooltip.axisPointer model for each axis.
+// allAxesInfo should be updated when setOption performed.
+function collect(ecModel, api) {
+ var result = {
+ /**
+ * key: makeKey(axis.model)
+ * value: {
+ * axis,
+ * coordSys,
+ * axisPointerModel,
+ * triggerTooltip,
+ * involveSeries,
+ * snap,
+ * seriesModels,
+ * seriesDataCount
+ * }
+ */
+ axesInfo: {},
+ seriesInvolved: false,
+ /**
+ * key: makeKey(coordSys.model)
+ * value: Object: key makeKey(axis.model), value: axisInfo
+ */
+ coordSysAxesInfo: {},
+ coordSysMap: {}
+ };
+
+ collectAxesInfo(result, ecModel, api);
+
+ // Check seriesInvolved for performance, in case too many series in some chart.
+ result.seriesInvolved && collectSeriesInfo(result, ecModel);
+
+ return result;
+}
+
+function collectAxesInfo(result, ecModel, api) {
+ var globalTooltipModel = ecModel.getComponent('tooltip');
+ var globalAxisPointerModel = ecModel.getComponent('axisPointer');
+ // links can only be set on global.
+ var linksOption = globalAxisPointerModel.get('link', true) || [];
+ var linkGroups = [];
+
+ // Collect axes info.
+ each$6(api.getCoordinateSystems(), function (coordSys) {
+ // Some coordinate system do not support axes, like geo.
+ if (!coordSys.axisPointerEnabled) {
+ return;
+ }
+
+ var coordSysKey = makeKey(coordSys.model);
+ var axesInfoInCoordSys = result.coordSysAxesInfo[coordSysKey] = {};
+ result.coordSysMap[coordSysKey] = coordSys;
+
+ // Set tooltip (like 'cross') is a convienent way to show axisPointer
+ // for user. So we enable seting tooltip on coordSys model.
+ var coordSysModel = coordSys.model;
+ var baseTooltipModel = coordSysModel.getModel('tooltip', globalTooltipModel);
+
+ each$6(coordSys.getAxes(), curry$1(saveTooltipAxisInfo, false, null));
+
+ // If axis tooltip used, choose tooltip axis for each coordSys.
+ // Notice this case: coordSys is `grid` but not `cartesian2D` here.
+ if (coordSys.getTooltipAxes
+ && globalTooltipModel
+ // If tooltip.showContent is set as false, tooltip will not
+ // show but axisPointer will show as normal.
+ && baseTooltipModel.get('show')
+ ) {
+ // Compatible with previous logic. But series.tooltip.trigger: 'axis'
+ // or series.data[n].tooltip.trigger: 'axis' are not support any more.
+ var triggerAxis = baseTooltipModel.get('trigger') === 'axis';
+ var cross = baseTooltipModel.get('axisPointer.type') === 'cross';
+ var tooltipAxes = coordSys.getTooltipAxes(baseTooltipModel.get('axisPointer.axis'));
+ if (triggerAxis || cross) {
+ each$6(tooltipAxes.baseAxes, curry$1(
+ saveTooltipAxisInfo, cross ? 'cross' : true, triggerAxis
+ ));
+ }
+ if (cross) {
+ each$6(tooltipAxes.otherAxes, curry$1(saveTooltipAxisInfo, 'cross', false));
+ }
+ }
+
+ // fromTooltip: true | false | 'cross'
+ // triggerTooltip: true | false | null
+ function saveTooltipAxisInfo(fromTooltip, triggerTooltip, axis) {
+ var axisPointerModel = axis.model.getModel('axisPointer', globalAxisPointerModel);
+
+ var axisPointerShow = axisPointerModel.get('show');
+ if (!axisPointerShow || (
+ axisPointerShow === 'auto'
+ && !fromTooltip
+ && !isHandleTrigger(axisPointerModel)
+ )) {
+ return;
+ }
+
+ if (triggerTooltip == null) {
+ triggerTooltip = axisPointerModel.get('triggerTooltip');
+ }
+
+ axisPointerModel = fromTooltip
+ ? makeAxisPointerModel(
+ axis, baseTooltipModel, globalAxisPointerModel, ecModel,
+ fromTooltip, triggerTooltip
+ )
+ : axisPointerModel;
+
+ var snap = axisPointerModel.get('snap');
+ var key = makeKey(axis.model);
+ var involveSeries = triggerTooltip || snap || axis.type === 'category';
+
+ // If result.axesInfo[key] exist, override it (tooltip has higher priority).
+ var axisInfo = result.axesInfo[key] = {
+ key: key,
+ axis: axis,
+ coordSys: coordSys,
+ axisPointerModel: axisPointerModel,
+ triggerTooltip: triggerTooltip,
+ involveSeries: involveSeries,
+ snap: snap,
+ useHandle: isHandleTrigger(axisPointerModel),
+ seriesModels: []
+ };
+ axesInfoInCoordSys[key] = axisInfo;
+ result.seriesInvolved |= involveSeries;
+
+ var groupIndex = getLinkGroupIndex(linksOption, axis);
+ if (groupIndex != null) {
+ var linkGroup = linkGroups[groupIndex] || (linkGroups[groupIndex] = {axesInfo: {}});
+ linkGroup.axesInfo[key] = axisInfo;
+ linkGroup.mapper = linksOption[groupIndex].mapper;
+ axisInfo.linkGroup = linkGroup;
+ }
+ }
+ });
+}
+
+function makeAxisPointerModel(
+ axis, baseTooltipModel, globalAxisPointerModel, ecModel, fromTooltip, triggerTooltip
+) {
+ var tooltipAxisPointerModel = baseTooltipModel.getModel('axisPointer');
+ var volatileOption = {};
+
+ each$6(
+ [
+ 'type', 'snap', 'lineStyle', 'shadowStyle', 'label',
+ 'animation', 'animationDurationUpdate', 'animationEasingUpdate', 'z'
+ ],
+ function (field) {
+ volatileOption[field] = clone(tooltipAxisPointerModel.get(field));
+ }
+ );
+
+ // category axis do not auto snap, otherwise some tick that do not
+ // has value can not be hovered. value/time/log axis default snap if
+ // triggered from tooltip and trigger tooltip.
+ volatileOption.snap = axis.type !== 'category' && !!triggerTooltip;
+
+ // Compatibel with previous behavior, tooltip axis do not show label by default.
+ // Only these properties can be overrided from tooltip to axisPointer.
+ if (tooltipAxisPointerModel.get('type') === 'cross') {
+ volatileOption.type = 'line';
+ }
+ var labelOption = volatileOption.label || (volatileOption.label = {});
+ // Follow the convention, do not show label when triggered by tooltip by default.
+ labelOption.show == null && (labelOption.show = false);
+
+ if (fromTooltip === 'cross') {
+ // When 'cross', both axes show labels.
+ var tooltipAxisPointerLabelShow = tooltipAxisPointerModel.get('label.show');
+ labelOption.show = tooltipAxisPointerLabelShow != null ? tooltipAxisPointerLabelShow : true;
+ // If triggerTooltip, this is a base axis, which should better not use cross style
+ // (cross style is dashed by default)
+ if (!triggerTooltip) {
+ var crossStyle = volatileOption.lineStyle = tooltipAxisPointerModel.get('crossStyle');
+ crossStyle && defaults(labelOption, crossStyle.textStyle);
+ }
+ }
+
+ return axis.model.getModel(
+ 'axisPointer',
+ new Model(volatileOption, globalAxisPointerModel, ecModel)
+ );
+}
+
+function collectSeriesInfo(result, ecModel) {
+ // Prepare data for axis trigger
+ ecModel.eachSeries(function (seriesModel) {
+
+ // Notice this case: this coordSys is `cartesian2D` but not `grid`.
+ var coordSys = seriesModel.coordinateSystem;
+ var seriesTooltipTrigger = seriesModel.get('tooltip.trigger', true);
+ var seriesTooltipShow = seriesModel.get('tooltip.show', true);
+ if (!coordSys
+ || seriesTooltipTrigger === 'none'
+ || seriesTooltipTrigger === false
+ || seriesTooltipTrigger === 'item'
+ || seriesTooltipShow === false
+ || seriesModel.get('axisPointer.show', true) === false
+ ) {
+ return;
+ }
+
+ each$6(result.coordSysAxesInfo[makeKey(coordSys.model)], function (axisInfo) {
+ var axis = axisInfo.axis;
+ if (coordSys.getAxis(axis.dim) === axis) {
+ axisInfo.seriesModels.push(seriesModel);
+ axisInfo.seriesDataCount == null && (axisInfo.seriesDataCount = 0);
+ axisInfo.seriesDataCount += seriesModel.getData().count();
+ }
+ });
+
+ }, this);
+}
+
+/**
+ * For example:
+ * {
+ * axisPointer: {
+ * links: [{
+ * xAxisIndex: [2, 4],
+ * yAxisIndex: 'all'
+ * }, {
+ * xAxisId: ['a5', 'a7'],
+ * xAxisName: 'xxx'
+ * }]
+ * }
+ * }
+ */
+function getLinkGroupIndex(linksOption, axis) {
+ var axisModel = axis.model;
+ var dim = axis.dim;
+ for (var i = 0; i < linksOption.length; i++) {
+ var linkOption = linksOption[i] || {};
+ if (checkPropInLink(linkOption[dim + 'AxisId'], axisModel.id)
+ || checkPropInLink(linkOption[dim + 'AxisIndex'], axisModel.componentIndex)
+ || checkPropInLink(linkOption[dim + 'AxisName'], axisModel.name)
+ ) {
+ return i;
+ }
+ }
+}
+
+function checkPropInLink(linkPropValue, axisPropValue) {
+ return linkPropValue === 'all'
+ || (isArray(linkPropValue) && indexOf(linkPropValue, axisPropValue) >= 0)
+ || linkPropValue === axisPropValue;
+}
+
+function fixValue(axisModel) {
+ var axisInfo = getAxisInfo(axisModel);
+ if (!axisInfo) {
+ return;
+ }
+
+ var axisPointerModel = axisInfo.axisPointerModel;
+ var scale = axisInfo.axis.scale;
+ var option = axisPointerModel.option;
+ var status = axisPointerModel.get('status');
+ var value = axisPointerModel.get('value');
+
+ // Parse init value for category and time axis.
+ if (value != null) {
+ value = scale.parse(value);
+ }
+
+ var useHandle = isHandleTrigger(axisPointerModel);
+ // If `handle` used, `axisPointer` will always be displayed, so value
+ // and status should be initialized.
+ if (status == null) {
+ option.status = useHandle ? 'show' : 'hide';
+ }
+
+ var extent = scale.getExtent().slice();
+ extent[0] > extent[1] && extent.reverse();
+
+ if (// Pick a value on axis when initializing.
+ value == null
+ // If both `handle` and `dataZoom` are used, value may be out of axis extent,
+ // where we should re-pick a value to keep `handle` displaying normally.
+ || value > extent[1]
+ ) {
+ // Make handle displayed on the end of the axis when init, which looks better.
+ value = extent[1];
+ }
+ if (value < extent[0]) {
+ value = extent[0];
+ }
+
+ option.value = value;
+
+ if (useHandle) {
+ option.status = axisInfo.axis.scale.isBlank() ? 'hide' : 'show';
+ }
+}
+
+function getAxisInfo(axisModel) {
+ var coordSysAxesInfo = (axisModel.ecModel.getComponent('axisPointer') || {}).coordSysAxesInfo;
+ return coordSysAxesInfo && coordSysAxesInfo.axesInfo[makeKey(axisModel)];
+}
+
+function getAxisPointerModel(axisModel) {
+ var axisInfo = getAxisInfo(axisModel);
+ return axisInfo && axisInfo.axisPointerModel;
+}
+
+function isHandleTrigger(axisPointerModel) {
+ return !!axisPointerModel.get('handle.show');
+}
+
+/**
+ * @param {module:echarts/model/Model} model
+ * @return {string} unique key
+ */
+function makeKey(model) {
+ return model.type + '||' + model.id;
+}
+
+/*
+* 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.
+*/
+
+/**
+ * Base class of AxisView.
+ */
+var AxisView = extendComponentView({
+
+ type: 'axis',
+
+ /**
+ * @private
+ */
+ _axisPointer: null,
+
+ /**
+ * @protected
+ * @type {string}
+ */
+ axisPointerClass: null,
+
+ /**
+ * @override
+ */
+ render: function (axisModel, ecModel, api, payload) {
+ // FIXME
+ // This process should proformed after coordinate systems updated
+ // (axis scale updated), and should be performed each time update.
+ // So put it here temporarily, although it is not appropriate to
+ // put a model-writing procedure in `view`.
+ this.axisPointerClass && fixValue(axisModel);
+
+ AxisView.superApply(this, 'render', arguments);
+
+ updateAxisPointer(this, axisModel, ecModel, api, payload, true);
+ },
+
+ /**
+ * Action handler.
+ * @public
+ * @param {module:echarts/coord/cartesian/AxisModel} axisModel
+ * @param {module:echarts/model/Global} ecModel
+ * @param {module:echarts/ExtensionAPI} api
+ * @param {Object} payload
+ */
+ updateAxisPointer: function (axisModel, ecModel, api, payload, force) {
+ updateAxisPointer(this, axisModel, ecModel, api, payload, false);
+ },
+
+ /**
+ * @override
+ */
+ remove: function (ecModel, api) {
+ var axisPointer = this._axisPointer;
+ axisPointer && axisPointer.remove(api);
+ AxisView.superApply(this, 'remove', arguments);
+ },
+
+ /**
+ * @override
+ */
+ dispose: function (ecModel, api) {
+ disposeAxisPointer(this, api);
+ AxisView.superApply(this, 'dispose', arguments);
+ }
+
+});
+
+function updateAxisPointer(axisView, axisModel, ecModel, api, payload, forceRender) {
+ var Clazz = AxisView.getAxisPointerClass(axisView.axisPointerClass);
+ if (!Clazz) {
+ return;
+ }
+ var axisPointerModel = getAxisPointerModel(axisModel);
+ axisPointerModel
+ ? (axisView._axisPointer || (axisView._axisPointer = new Clazz()))
+ .render(axisModel, axisPointerModel, api, forceRender)
+ : disposeAxisPointer(axisView, api);
+}
+
+function disposeAxisPointer(axisView, ecModel, api) {
+ var axisPointer = axisView._axisPointer;
+ axisPointer && axisPointer.dispose(ecModel, api);
+ axisView._axisPointer = null;
+}
+
+var axisPointerClazz = [];
+
+AxisView.registerAxisPointerClass = function (type, clazz) {
+ if (__DEV__) {
+ if (axisPointerClazz[type]) {
+ throw new Error('axisPointer ' + type + ' exists');
+ }
+ }
+ axisPointerClazz[type] = clazz;
+};
+
+AxisView.getAxisPointerClass = function (type) {
+ return type && axisPointerClazz[type];
+};
+
+/*
+* 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.
+*/
+
+/**
+ * Can only be called after coordinate system creation stage.
+ * (Can be called before coordinate system update stage).
+ *
+ * @param {Object} opt {labelInside}
+ * @return {Object} {
+ * position, rotation, labelDirection, labelOffset,
+ * tickDirection, labelRotate, z2
+ * }
+ */
+function layout$1(gridModel, axisModel, opt) {
+ opt = opt || {};
+ var grid = gridModel.coordinateSystem;
+ var axis = axisModel.axis;
+ var layout = {};
+ var otherAxisOnZeroOf = axis.getAxesOnZeroOf()[0];
+
+ var rawAxisPosition = axis.position;
+ var axisPosition = otherAxisOnZeroOf ? 'onZero' : rawAxisPosition;
+ var axisDim = axis.dim;
+
+ var rect = grid.getRect();
+ var rectBound = [rect.x, rect.x + rect.width, rect.y, rect.y + rect.height];
+ var idx = {left: 0, right: 1, top: 0, bottom: 1, onZero: 2};
+ var axisOffset = axisModel.get('offset') || 0;
+
+ var posBound = axisDim === 'x'
+ ? [rectBound[2] - axisOffset, rectBound[3] + axisOffset]
+ : [rectBound[0] - axisOffset, rectBound[1] + axisOffset];
+
+ if (otherAxisOnZeroOf) {
+ var onZeroCoord = otherAxisOnZeroOf.toGlobalCoord(otherAxisOnZeroOf.dataToCoord(0));
+ posBound[idx.onZero] = Math.max(Math.min(onZeroCoord, posBound[1]), posBound[0]);
+ }
+
+ // Axis position
+ layout.position = [
+ axisDim === 'y' ? posBound[idx[axisPosition]] : rectBound[0],
+ axisDim === 'x' ? posBound[idx[axisPosition]] : rectBound[3]
+ ];
+
+ // Axis rotation
+ layout.rotation = Math.PI / 2 * (axisDim === 'x' ? 0 : 1);
+
+ // Tick and label direction, x y is axisDim
+ var dirMap = {top: -1, bottom: 1, left: -1, right: 1};
+
+ layout.labelDirection = layout.tickDirection = layout.nameDirection = dirMap[rawAxisPosition];
+ layout.labelOffset = otherAxisOnZeroOf ? posBound[idx[rawAxisPosition]] - posBound[idx.onZero] : 0;
+
+ if (axisModel.get('axisTick.inside')) {
+ layout.tickDirection = -layout.tickDirection;
+ }
+ if (retrieve(opt.labelInside, axisModel.get('axisLabel.inside'))) {
+ layout.labelDirection = -layout.labelDirection;
+ }
+
+ // Special label rotation
+ var labelRotate = axisModel.get('axisLabel.rotate');
+ layout.labelRotate = axisPosition === 'top' ? -labelRotate : labelRotate;
+
+ // Over splitLine and splitArea
+ layout.z2 = 1;
+
+ return layout;
+}
+
+/*
+* 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 rectCoordAxisBuildSplitArea(axisView, axisGroup, axisModel, gridModel) {
+ var axis = axisModel.axis;
+
+ if (axis.scale.isBlank()) {
+ return;
+ }
+
+ var splitAreaModel = axisModel.getModel('splitArea');
+ var areaStyleModel = splitAreaModel.getModel('areaStyle');
+ var areaColors = areaStyleModel.get('color');
+
+ var gridRect = gridModel.coordinateSystem.getRect();
+
+ var ticksCoords = axis.getTicksCoords({
+ tickModel: splitAreaModel,
+ clamp: true
+ });
+
+ if (!ticksCoords.length) {
+ return;
+ }
+
+ // For Making appropriate splitArea animation, the color and anid
+ // should be corresponding to previous one if possible.
+ var areaColorsLen = areaColors.length;
+ var lastSplitAreaColors = axisView.__splitAreaColors;
+ var newSplitAreaColors = createHashMap();
+ var colorIndex = 0;
+ if (lastSplitAreaColors) {
+ for (var i = 0; i < ticksCoords.length; i++) {
+ var cIndex = lastSplitAreaColors.get(ticksCoords[i].tickValue);
+ if (cIndex != null) {
+ colorIndex = (cIndex + (areaColorsLen - 1) * i) % areaColorsLen;
+ break;
+ }
+ }
+ }
+
+ var prev = axis.toGlobalCoord(ticksCoords[0].coord);
+
+ var areaStyle = areaStyleModel.getAreaStyle();
+ areaColors = isArray(areaColors) ? areaColors : [areaColors];
+
+ for (var i = 1; i < ticksCoords.length; i++) {
+ var tickCoord = axis.toGlobalCoord(ticksCoords[i].coord);
+
+ var x;
+ var y;
+ var width;
+ var height;
+ if (axis.isHorizontal()) {
+ x = prev;
+ y = gridRect.y;
+ width = tickCoord - x;
+ height = gridRect.height;
+ prev = x + width;
+ }
+ else {
+ x = gridRect.x;
+ y = prev;
+ width = gridRect.width;
+ height = tickCoord - y;
+ prev = y + height;
+ }
+
+ var tickValue = ticksCoords[i - 1].tickValue;
+ tickValue != null && newSplitAreaColors.set(tickValue, colorIndex);
+
+ axisGroup.add(new Rect({
+ anid: tickValue != null ? 'area_' + tickValue : null,
+ shape: {
+ x: x,
+ y: y,
+ width: width,
+ height: height
+ },
+ style: defaults({
+ fill: areaColors[colorIndex]
+ }, areaStyle),
+ silent: true
+ }));
+
+ colorIndex = (colorIndex + 1) % areaColorsLen;
+ }
+
+ axisView.__splitAreaColors = newSplitAreaColors;
+}
+
+function rectCoordAxisHandleRemove(axisView) {
+ axisView.__splitAreaColors = null;
+}
+
+/*
+* 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.
+*/
+
+var axisBuilderAttrs = [
+ 'axisLine', 'axisTickLabel', 'axisName'
+];
+var selfBuilderAttrs = [
+ 'splitArea', 'splitLine', 'minorSplitLine'
+];
+
+var CartesianAxisView = AxisView.extend({
+
+ type: 'cartesianAxis',
+
+ axisPointerClass: 'CartesianAxisPointer',
+
+ /**
+ * @override
+ */
+ render: function (axisModel, ecModel, api, payload) {
+
+ this.group.removeAll();
+
+ var oldAxisGroup = this._axisGroup;
+ this._axisGroup = new Group();
+
+ this.group.add(this._axisGroup);
+
+ if (!axisModel.get('show')) {
+ return;
+ }
+
+ var gridModel = axisModel.getCoordSysModel();
+
+ var layout = layout$1(gridModel, axisModel);
+
+ var axisBuilder = new AxisBuilder(axisModel, layout);
+
+ each$1(axisBuilderAttrs, axisBuilder.add, axisBuilder);
+
+ this._axisGroup.add(axisBuilder.getGroup());
+
+ each$1(selfBuilderAttrs, function (name) {
+ if (axisModel.get(name + '.show')) {
+ this['_' + name](axisModel, gridModel);
+ }
+ }, this);
+
+ groupTransition(oldAxisGroup, this._axisGroup, axisModel);
+
+ CartesianAxisView.superCall(this, 'render', axisModel, ecModel, api, payload);
+ },
+
+ remove: function () {
+ rectCoordAxisHandleRemove(this);
+ },
+
+ /**
+ * @param {module:echarts/coord/cartesian/AxisModel} axisModel
+ * @param {module:echarts/coord/cartesian/GridModel} gridModel
+ * @private
+ */
+ _splitLine: function (axisModel, gridModel) {
+ var axis = axisModel.axis;
+
+ if (axis.scale.isBlank()) {
+ return;
+ }
+
+ var splitLineModel = axisModel.getModel('splitLine');
+ var lineStyleModel = splitLineModel.getModel('lineStyle');
+ var lineColors = lineStyleModel.get('color');
+
+ lineColors = isArray(lineColors) ? lineColors : [lineColors];
+
+ var gridRect = gridModel.coordinateSystem.getRect();
+ var isHorizontal = axis.isHorizontal();
+
+ var lineCount = 0;
+
+ var ticksCoords = axis.getTicksCoords({
+ tickModel: splitLineModel
+ });
+
+ var p1 = [];
+ var p2 = [];
+
+ var lineStyle = lineStyleModel.getLineStyle();
+ for (var i = 0; i < ticksCoords.length; i++) {
+ var tickCoord = axis.toGlobalCoord(ticksCoords[i].coord);
+
+ if (isHorizontal) {
+ p1[0] = tickCoord;
+ p1[1] = gridRect.y;
+ p2[0] = tickCoord;
+ p2[1] = gridRect.y + gridRect.height;
+ }
+ else {
+ p1[0] = gridRect.x;
+ p1[1] = tickCoord;
+ p2[0] = gridRect.x + gridRect.width;
+ p2[1] = tickCoord;
+ }
+
+ var colorIndex = (lineCount++) % lineColors.length;
+ var tickValue = ticksCoords[i].tickValue;
+ this._axisGroup.add(new Line({
+ anid: tickValue != null ? 'line_' + ticksCoords[i].tickValue : null,
+ subPixelOptimize: true,
+ shape: {
+ x1: p1[0],
+ y1: p1[1],
+ x2: p2[0],
+ y2: p2[1]
+ },
+ style: defaults({
+ stroke: lineColors[colorIndex]
+ }, lineStyle),
+ silent: true
+ }));
+ }
+ },
+
+ /**
+ * @param {module:echarts/coord/cartesian/AxisModel} axisModel
+ * @param {module:echarts/coord/cartesian/GridModel} gridModel
+ * @private
+ */
+ _minorSplitLine: function (axisModel, gridModel) {
+ var axis = axisModel.axis;
+
+ var minorSplitLineModel = axisModel.getModel('minorSplitLine');
+ var lineStyleModel = minorSplitLineModel.getModel('lineStyle');
+
+ var gridRect = gridModel.coordinateSystem.getRect();
+ var isHorizontal = axis.isHorizontal();
+
+ var minorTicksCoords = axis.getMinorTicksCoords();
+ if (!minorTicksCoords.length) {
+ return;
+ }
+ var p1 = [];
+ var p2 = [];
+
+ var lineStyle = lineStyleModel.getLineStyle();
+
+
+ for (var i = 0; i < minorTicksCoords.length; i++) {
+ for (var k = 0; k < minorTicksCoords[i].length; k++) {
+ var tickCoord = axis.toGlobalCoord(minorTicksCoords[i][k].coord);
+
+ if (isHorizontal) {
+ p1[0] = tickCoord;
+ p1[1] = gridRect.y;
+ p2[0] = tickCoord;
+ p2[1] = gridRect.y + gridRect.height;
+ }
+ else {
+ p1[0] = gridRect.x;
+ p1[1] = tickCoord;
+ p2[0] = gridRect.x + gridRect.width;
+ p2[1] = tickCoord;
+ }
+
+ this._axisGroup.add(new Line({
+ anid: 'minor_line_' + minorTicksCoords[i][k].tickValue,
+ subPixelOptimize: true,
+ shape: {
+ x1: p1[0],
+ y1: p1[1],
+ x2: p2[0],
+ y2: p2[1]
+ },
+ style: lineStyle,
+ silent: true
+ }));
+ }
+ }
+ },
+
+ /**
+ * @param {module:echarts/coord/cartesian/AxisModel} axisModel
+ * @param {module:echarts/coord/cartesian/GridModel} gridModel
+ * @private
+ */
+ _splitArea: function (axisModel, gridModel) {
+ rectCoordAxisBuildSplitArea(this, this._axisGroup, axisModel, gridModel);
+ }
+});
+
+CartesianAxisView.extend({
+ type: 'xAxis'
+});
+CartesianAxisView.extend({
+ type: 'yAxis'
+});
+
+/*
+* 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.
+*/
+
+/*
+* 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.
+*/
+
+// Grid view
+extendComponentView({
+
+ type: 'grid',
+
+ render: function (gridModel, ecModel) {
+ this.group.removeAll();
+ if (gridModel.get('show')) {
+ this.group.add(new Rect({
+ shape: gridModel.coordinateSystem.getRect(),
+ style: defaults({
+ fill: gridModel.get('backgroundColor')
+ }, gridModel.getItemStyle()),
+ silent: true,
+ z2: -1
+ }));
+ }
+ }
+
+});
+
+registerPreprocessor(function (option) {
+ // Only create grid when need
+ if (option.xAxis && option.yAxis && !option.grid) {
+ option.grid = {};
+ }
+});
+
+/*
+* 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.
+*/
+
+// In case developer forget to include grid component
+registerVisual(visualSymbol('line', 'circle', 'line'));
+registerLayout(pointsLayout('line'));
+
+// Down sample after filter
+registerProcessor(
+ PRIORITY.PROCESSOR.STATISTIC,
+ dataSample('line')
+);
+
+/*
+* 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.
+*/
+
+var BaseBarSeries = SeriesModel.extend({
+
+ type: 'series.__base_bar__',
+
+ getInitialData: function (option, ecModel) {
+ return createListFromArray(this.getSource(), this, {useEncodeDefaulter: true});
+ },
+
+ getMarkerPosition: function (value) {
+ var coordSys = this.coordinateSystem;
+ if (coordSys) {
+ // PENDING if clamp ?
+ var pt = coordSys.dataToPoint(coordSys.clampData(value));
+ var data = this.getData();
+ var offset = data.getLayout('offset');
+ var size = data.getLayout('size');
+ var offsetIndex = coordSys.getBaseAxis().isHorizontal() ? 0 : 1;
+ pt[offsetIndex] += offset + size / 2;
+ return pt;
+ }
+ return [NaN, NaN];
+ },
+
+ defaultOption: {
+ zlevel: 0, // 涓�绾у眰鍙�
+ z: 2, // 浜岀骇灞傚彔
+ coordinateSystem: 'cartesian2d',
+ legendHoverLink: true,
+ // stack: null
+
+ // Cartesian coordinate system
+ // xAxisIndex: 0,
+ // yAxisIndex: 0,
+
+ // 鏈�灏忛珮搴︽敼涓�0
+ barMinHeight: 0,
+ // 鏈�灏忚搴︿负0锛屼粎瀵规瀬鍧愭爣绯讳笅鐨勬煴鐘跺浘鏈夋晥
+ barMinAngle: 0,
+ // cursor: null,
+
+ large: false,
+ largeThreshold: 400,
+ progressive: 3e3,
+ progressiveChunkMode: 'mod',
+
+ // barMaxWidth: null,
+
+ // In cartesian, the default value is 1. Otherwise null.
+ // barMinWidth: null,
+
+ // 榛樿鑷�傚簲
+ // barWidth: null,
+ // 鏌遍棿璺濈锛岄粯璁や负鏌卞舰瀹藉害鐨�30%锛屽彲璁惧浐瀹氬��
+ // barGap: '30%',
+ // 绫荤洰闂存煴褰㈣窛绂伙紝榛樿涓虹被鐩棿璺濈殑20%锛屽彲璁惧浐瀹氬��
+ // barCategoryGap: '20%',
+ // label: {
+ // show: false
+ // },
+ itemStyle: {},
+ emphasis: {}
+ }
+});
+
+/*
+* 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.
+*/
+
+BaseBarSeries.extend({
+
+ type: 'series.bar',
+
+ dependencies: ['grid', 'polar'],
+
+ brushSelector: 'rect',
+
+ /**
+ * @override
+ */
+ getProgressive: function () {
+ // Do not support progressive in normal mode.
+ return this.get('large')
+ ? this.get('progressive')
+ : false;
+ },
+
+ /**
+ * @override
+ */
+ getProgressiveThreshold: function () {
+ // Do not support progressive in normal mode.
+ var progressiveThreshold = this.get('progressiveThreshold');
+ var largeThreshold = this.get('largeThreshold');
+ if (largeThreshold > progressiveThreshold) {
+ progressiveThreshold = largeThreshold;
+ }
+ return progressiveThreshold;
+ },
+
+ defaultOption: {
+ // If clipped
+ // Only available on cartesian2d
+ clip: true,
+
+ // If use caps on two sides of bars
+ // Only available on tangential polar bar
+ roundCap: false,
+
+ showBackground: false,
+ 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
+ }
+ }
+});
+
+/*
+* 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 setLabel(
+ normalStyle, hoverStyle, itemModel, color, seriesModel, dataIndex, labelPositionOutside
+) {
+ var labelModel = itemModel.getModel('label');
+ var hoverLabelModel = itemModel.getModel('emphasis.label');
+
+ setLabelStyle(
+ normalStyle, hoverStyle, labelModel, hoverLabelModel,
+ {
+ labelFetcher: seriesModel,
+ labelDataIndex: dataIndex,
+ defaultText: getDefaultLabel(seriesModel.getData(), dataIndex),
+ isRectText: true,
+ autoColor: color
+ }
+ );
+
+ fixPosition(normalStyle);
+ fixPosition(hoverStyle);
+}
+
+function fixPosition(style, labelPositionOutside) {
+ if (style.textPosition === 'outside') {
+ style.textPosition = labelPositionOutside;
+ }
+}
+
+/*
+* 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.
+*/
+
+var getBarItemStyle = makeStyleMapper(
+ [
+ ['fill', 'color'],
+ ['stroke', 'borderColor'],
+ ['lineWidth', 'borderWidth'],
+ // Compatitable with 2
+ ['stroke', 'barBorderColor'],
+ ['lineWidth', 'barBorderWidth'],
+ ['opacity'],
+ ['shadowBlur'],
+ ['shadowOffsetX'],
+ ['shadowOffsetY'],
+ ['shadowColor']
+ ]
+);
+
+var barItemStyle = {
+ getBarItemStyle: function (excludes) {
+ var style = getBarItemStyle(this, excludes);
+ if (this.getBorderLineDash) {
+ var lineDash = this.getBorderLineDash();
+ lineDash && (style.lineDash = lineDash);
+ }
+ return style;
+ }
+};
+
+/*
+* 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.
+*/
+
+/**
+ * Sausage: similar to sector, but have half circle on both sides
+ * @public
+ */
+var Sausage = extendShape({
+
+ type: 'sausage',
+
+ shape: {
+
+ cx: 0,
+
+ cy: 0,
+
+ r0: 0,
+
+ r: 0,
+
+ startAngle: 0,
+
+ endAngle: Math.PI * 2,
+
+ clockwise: true
+ },
+
+ buildPath: function (ctx, shape) {
+ var x = shape.cx;
+ var y = shape.cy;
+ var r0 = Math.max(shape.r0 || 0, 0);
+ var r = Math.max(shape.r, 0);
+ var dr = (r - r0) * 0.5;
+ var rCenter = r0 + dr;
+ var startAngle = shape.startAngle;
+ var endAngle = shape.endAngle;
+ var clockwise = shape.clockwise;
+
+ var unitStartX = Math.cos(startAngle);
+ var unitStartY = Math.sin(startAngle);
+ var unitEndX = Math.cos(endAngle);
+ var unitEndY = Math.sin(endAngle);
+
+ var lessThanCircle = clockwise
+ ? endAngle - startAngle < Math.PI * 2
+ : startAngle - endAngle < Math.PI * 2;
+
+ if (lessThanCircle) {
+ ctx.moveTo(unitStartX * r0 + x, unitStartY * r0 + y);
+
+ ctx.arc(
+ unitStartX * rCenter + x, unitStartY * rCenter + y, dr,
+ -Math.PI + startAngle, startAngle, !clockwise
+ );
+ }
+
+ ctx.arc(x, y, r, startAngle, endAngle, !clockwise);
+
+ ctx.moveTo(unitEndX * r + x, unitEndY * r + y);
+
+ ctx.arc(
+ unitEndX * rCenter + x, unitEndY * rCenter + y, dr,
+ endAngle - Math.PI * 2, endAngle - Math.PI, !clockwise
+ );
+
+ if (r0 !== 0) {
+ ctx.arc(x, y, r0, endAngle, startAngle, clockwise);
+
+ ctx.moveTo(unitStartX * r0 + x, unitEndY * r0 + y);
+ }
+
+ ctx.closePath();
+ }
+});
+
+/*
+* 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.
+*/
+
+var BAR_BORDER_WIDTH_QUERY = ['itemStyle', 'barBorderWidth'];
+var _eventPos = [0, 0];
+
+// FIXME
+// Just for compatible with ec2.
+extend(Model.prototype, barItemStyle);
+
+function getClipArea(coord, data) {
+ var coordSysClipArea = coord.getArea && coord.getArea();
+ if (coord.type === 'cartesian2d') {
+ var baseAxis = coord.getBaseAxis();
+ // When boundaryGap is false or using time axis. bar may exceed the grid.
+ // We should not clip this part.
+ // See test/bar2.html
+ if (baseAxis.type !== 'category' || !baseAxis.onBand) {
+ var expandWidth = data.getLayout('bandWidth');
+ if (baseAxis.isHorizontal()) {
+ coordSysClipArea.x -= expandWidth;
+ coordSysClipArea.width += expandWidth * 2;
+ }
+ else {
+ coordSysClipArea.y -= expandWidth;
+ coordSysClipArea.height += expandWidth * 2;
+ }
+ }
+ }
+
+ return coordSysClipArea;
+}
+
+extendChartView({
+
+ type: 'bar',
+
+ render: function (seriesModel, ecModel, api) {
+ this._updateDrawMode(seriesModel);
+
+ var coordinateSystemType = seriesModel.get('coordinateSystem');
+
+ if (coordinateSystemType === 'cartesian2d'
+ || coordinateSystemType === 'polar'
+ ) {
+ this._isLargeDraw
+ ? this._renderLarge(seriesModel, ecModel, api)
+ : this._renderNormal(seriesModel, ecModel, api);
+ }
+ else if (__DEV__) {
+ console.warn('Only cartesian2d and polar supported for bar.');
+ }
+
+ return this.group;
+ },
+
+ incrementalPrepareRender: function (seriesModel, ecModel, api) {
+ this._clear();
+ this._updateDrawMode(seriesModel);
+ },
+
+ incrementalRender: function (params, seriesModel, ecModel, api) {
+ // Do not support progressive in normal mode.
+ this._incrementalRenderLarge(params, seriesModel);
+ },
+
+ _updateDrawMode: function (seriesModel) {
+ var isLargeDraw = seriesModel.pipelineContext.large;
+ if (this._isLargeDraw == null || isLargeDraw ^ this._isLargeDraw) {
+ this._isLargeDraw = isLargeDraw;
+ this._clear();
+ }
+ },
+
+ _renderNormal: function (seriesModel, ecModel, api) {
+ var group = this.group;
+ var data = seriesModel.getData();
+ var oldData = this._data;
+
+ var coord = seriesModel.coordinateSystem;
+ var baseAxis = coord.getBaseAxis();
+ var isHorizontalOrRadial;
+
+ if (coord.type === 'cartesian2d') {
+ isHorizontalOrRadial = baseAxis.isHorizontal();
+ }
+ else if (coord.type === 'polar') {
+ isHorizontalOrRadial = baseAxis.dim === 'angle';
+ }
+
+ var animationModel = seriesModel.isAnimationEnabled() ? seriesModel : null;
+
+ var needsClip = seriesModel.get('clip', true);
+ var coordSysClipArea = getClipArea(coord, data);
+ // If there is clipPath created in large mode. Remove it.
+ group.removeClipPath();
+ // We don't use clipPath in normal mode because we needs a perfect animation
+ // And don't want the label are clipped.
+
+ var roundCap = seriesModel.get('roundCap', true);
+
+ var drawBackground = seriesModel.get('showBackground', true);
+ var backgroundModel = seriesModel.getModel('backgroundStyle');
+ var barBorderRadius = backgroundModel.get('barBorderRadius') || 0;
+
+ var bgEls = [];
+ var oldBgEls = this._backgroundEls || [];
+
+ data.diff(oldData)
+ .add(function (dataIndex) {
+ var itemModel = data.getItemModel(dataIndex);
+ var layout = getLayout[coord.type](data, dataIndex, itemModel);
+
+ if (drawBackground) {
+ var bgLayout = getLayout[coord.type](data, dataIndex);
+ var bgEl = createBackgroundEl(coord, isHorizontalOrRadial, bgLayout);
+ bgEl.useStyle(backgroundModel.getBarItemStyle());
+ // Only cartesian2d support borderRadius.
+ if (coord.type === 'cartesian2d') {
+ bgEl.setShape('r', barBorderRadius);
+ }
+ bgEls[dataIndex] = bgEl;
+ }
+
+ // If dataZoom in filteMode: 'empty', the baseValue can be set as NaN in "axisProxy".
+ if (!data.hasValue(dataIndex)) {
+ return;
+ }
+
+ if (needsClip) {
+ // Clip will modify the layout params.
+ // And return a boolean to determine if the shape are fully clipped.
+ var isClipped = clip[coord.type](coordSysClipArea, layout);
+ if (isClipped) {
+ group.remove(el);
+ return;
+ }
+ }
+
+ var el = elementCreator[coord.type](
+ dataIndex, layout, isHorizontalOrRadial, animationModel, false, roundCap
+ );
+ data.setItemGraphicEl(dataIndex, el);
+ group.add(el);
+
+ updateStyle(
+ el, data, dataIndex, itemModel, layout,
+ seriesModel, isHorizontalOrRadial, coord.type === 'polar'
+ );
+ })
+ .update(function (newIndex, oldIndex) {
+ var itemModel = data.getItemModel(newIndex);
+ var layout = getLayout[coord.type](data, newIndex, itemModel);
+
+ if (drawBackground) {
+ var bgEl = oldBgEls[oldIndex];
+ bgEl.useStyle(backgroundModel.getBarItemStyle());
+ // Only cartesian2d support borderRadius.
+ if (coord.type === 'cartesian2d') {
+ bgEl.setShape('r', barBorderRadius);
+ }
+ bgEls[newIndex] = bgEl;
+
+ var bgLayout = getLayout[coord.type](data, newIndex);
+ var shape = createBackgroundShape(isHorizontalOrRadial, bgLayout, coord);
+ updateProps(bgEl, { shape: shape }, animationModel, newIndex);
+ }
+
+ var el = oldData.getItemGraphicEl(oldIndex);
+ if (!data.hasValue(newIndex)) {
+ group.remove(el);
+ return;
+ }
+
+ if (needsClip) {
+ var isClipped = clip[coord.type](coordSysClipArea, layout);
+ if (isClipped) {
+ group.remove(el);
+ return;
+ }
+ }
+
+ if (el) {
+ updateProps(el, {shape: layout}, animationModel, newIndex);
+ }
+ else {
+ el = elementCreator[coord.type](
+ newIndex, layout, isHorizontalOrRadial, animationModel, true, roundCap
+ );
+ }
+
+ data.setItemGraphicEl(newIndex, el);
+ // Add back
+ group.add(el);
+
+ updateStyle(
+ el, data, newIndex, itemModel, layout,
+ seriesModel, isHorizontalOrRadial, coord.type === 'polar'
+ );
+ })
+ .remove(function (dataIndex) {
+ var el = oldData.getItemGraphicEl(dataIndex);
+ if (coord.type === 'cartesian2d') {
+ el && removeRect(dataIndex, animationModel, el);
+ }
+ else {
+ el && removeSector(dataIndex, animationModel, el);
+ }
+ })
+ .execute();
+
+ var bgGroup = this._backgroundGroup || (this._backgroundGroup = new Group());
+ bgGroup.removeAll();
+
+ for (var i = 0; i < bgEls.length; ++i) {
+ bgGroup.add(bgEls[i]);
+ }
+ group.add(bgGroup);
+ this._backgroundEls = bgEls;
+
+ this._data = data;
+ },
+
+ _renderLarge: function (seriesModel, ecModel, api) {
+ this._clear();
+ createLarge(seriesModel, this.group);
+
+ // Use clipPath in large mode.
+ var clipPath = seriesModel.get('clip', true)
+ ? createClipPath(seriesModel.coordinateSystem, false, seriesModel)
+ : null;
+ if (clipPath) {
+ this.group.setClipPath(clipPath);
+ }
+ else {
+ this.group.removeClipPath();
+ }
+ },
+
+ _incrementalRenderLarge: function (params, seriesModel) {
+ this._removeBackground();
+ createLarge(seriesModel, this.group, true);
+ },
+
+ dispose: noop,
+
+ remove: function (ecModel) {
+ this._clear(ecModel);
+ },
+
+ _clear: function (ecModel) {
+ var group = this.group;
+ var data = this._data;
+ if (ecModel && ecModel.get('animation') && data && !this._isLargeDraw) {
+ this._removeBackground();
+ this._backgroundEls = [];
+
+ data.eachItemGraphicEl(function (el) {
+ if (el.type === 'sector') {
+ removeSector(el.dataIndex, ecModel, el);
+ }
+ else {
+ removeRect(el.dataIndex, ecModel, el);
+ }
+ });
+ }
+ else {
+ group.removeAll();
+ }
+ this._data = null;
+ },
+
+ _removeBackground: function () {
+ this.group.remove(this._backgroundGroup);
+ this._backgroundGroup = null;
+ }
+
+});
+
+var mathMax$4 = Math.max;
+var mathMin$4 = Math.min;
+
+var clip = {
+ cartesian2d: function (coordSysBoundingRect, layout) {
+ var signWidth = layout.width < 0 ? -1 : 1;
+ var signHeight = layout.height < 0 ? -1 : 1;
+ // Needs positive width and height
+ if (signWidth < 0) {
+ layout.x += layout.width;
+ layout.width = -layout.width;
+ }
+ if (signHeight < 0) {
+ layout.y += layout.height;
+ layout.height = -layout.height;
+ }
+
+ var x = mathMax$4(layout.x, coordSysBoundingRect.x);
+ var x2 = mathMin$4(layout.x + layout.width, coordSysBoundingRect.x + coordSysBoundingRect.width);
+ var y = mathMax$4(layout.y, coordSysBoundingRect.y);
+ var y2 = mathMin$4(layout.y + layout.height, coordSysBoundingRect.y + coordSysBoundingRect.height);
+
+ layout.x = x;
+ layout.y = y;
+ layout.width = x2 - x;
+ layout.height = y2 - y;
+
+ var clipped = layout.width < 0 || layout.height < 0;
+
+ // Reverse back
+ if (signWidth < 0) {
+ layout.x += layout.width;
+ layout.width = -layout.width;
+ }
+ if (signHeight < 0) {
+ layout.y += layout.height;
+ layout.height = -layout.height;
+ }
+
+ return clipped;
+ },
+
+ polar: function (coordSysClipArea) {
+ return false;
+ }
+};
+
+var elementCreator = {
+
+ cartesian2d: function (
+ dataIndex, layout, isHorizontal,
+ animationModel, isUpdate
+ ) {
+ var rect = new Rect({
+ shape: extend({}, layout),
+ z2: 1
+ });
+
+ rect.name = 'item';
+
+ // Animation
+ if (animationModel) {
+ var rectShape = rect.shape;
+ var animateProperty = isHorizontal ? 'height' : 'width';
+ var animateTarget = {};
+ rectShape[animateProperty] = 0;
+ animateTarget[animateProperty] = layout[animateProperty];
+ graphic[isUpdate ? 'updateProps' : 'initProps'](rect, {
+ shape: animateTarget
+ }, animationModel, dataIndex);
+ }
+
+ return rect;
+ },
+
+ polar: function (
+ dataIndex, layout, isRadial,
+ animationModel, isUpdate, roundCap
+ ) {
+ // Keep the same logic with bar in catesion: use end value to control
+ // direction. Notice that if clockwise is true (by default), the sector
+ // will always draw clockwisely, no matter whether endAngle is greater
+ // or less than startAngle.
+ var clockwise = layout.startAngle < layout.endAngle;
+
+ var ShapeClass = (!isRadial && roundCap) ? Sausage : Sector;
+
+ var sector = new ShapeClass({
+ shape: defaults({clockwise: clockwise}, layout),
+ z2: 1
+ });
+
+ sector.name = 'item';
+
+ // Animation
+ if (animationModel) {
+ var sectorShape = sector.shape;
+ var animateProperty = isRadial ? 'r' : 'endAngle';
+ var animateTarget = {};
+ sectorShape[animateProperty] = isRadial ? 0 : layout.startAngle;
+ animateTarget[animateProperty] = layout[animateProperty];
+ graphic[isUpdate ? 'updateProps' : 'initProps'](sector, {
+ shape: animateTarget
+ }, animationModel, dataIndex);
+ }
+
+ return sector;
+ }
+};
+
+function removeRect(dataIndex, animationModel, el) {
+ // Not show text when animating
+ el.style.text = null;
+ updateProps(el, {
+ shape: {
+ width: 0
+ }
+ }, animationModel, dataIndex, function () {
+ el.parent && el.parent.remove(el);
+ });
+}
+
+function removeSector(dataIndex, animationModel, el) {
+ // Not show text when animating
+ el.style.text = null;
+ updateProps(el, {
+ shape: {
+ r: el.shape.r0
+ }
+ }, animationModel, dataIndex, function () {
+ el.parent && el.parent.remove(el);
+ });
+}
+
+var getLayout = {
+ // itemModel is only used to get borderWidth, which is not needed
+ // when calculating bar background layout.
+ cartesian2d: function (data, dataIndex, itemModel) {
+ var layout = data.getItemLayout(dataIndex);
+ var fixedLineWidth = itemModel ? getLineWidth(itemModel, layout) : 0;
+
+ // fix layout with lineWidth
+ var signX = layout.width > 0 ? 1 : -1;
+ var signY = layout.height > 0 ? 1 : -1;
+ return {
+ x: layout.x + signX * fixedLineWidth / 2,
+ y: layout.y + signY * fixedLineWidth / 2,
+ width: layout.width - signX * fixedLineWidth,
+ height: layout.height - signY * fixedLineWidth
+ };
+ },
+
+ polar: function (data, dataIndex, itemModel) {
+ var layout = data.getItemLayout(dataIndex);
+ return {
+ cx: layout.cx,
+ cy: layout.cy,
+ r0: layout.r0,
+ r: layout.r,
+ startAngle: layout.startAngle,
+ endAngle: layout.endAngle
+ };
+ }
+};
+
+function isZeroOnPolar(layout) {
+ return layout.startAngle != null
+ && layout.endAngle != null
+ && layout.startAngle === layout.endAngle;
+}
+
+function updateStyle(
+ el, data, dataIndex, itemModel, layout, seriesModel, isHorizontal, isPolar
+) {
+ var color = data.getItemVisual(dataIndex, 'color');
+ var opacity = data.getItemVisual(dataIndex, 'opacity');
+ var stroke = data.getVisual('borderColor');
+ var itemStyleModel = itemModel.getModel('itemStyle');
+ var hoverStyle = itemModel.getModel('emphasis.itemStyle').getBarItemStyle();
+
+ if (!isPolar) {
+ el.setShape('r', itemStyleModel.get('barBorderRadius') || 0);
+ }
+
+ el.useStyle(defaults(
+ {
+ stroke: isZeroOnPolar(layout) ? 'none' : stroke,
+ fill: isZeroOnPolar(layout) ? 'none' : color,
+ opacity: opacity
+ },
+ itemStyleModel.getBarItemStyle()
+ ));
+
+ var cursorStyle = itemModel.getShallow('cursor');
+ cursorStyle && el.attr('cursor', cursorStyle);
+
+ var labelPositionOutside = isHorizontal
+ ? (layout.height > 0 ? 'bottom' : 'top')
+ : (layout.width > 0 ? 'left' : 'right');
+
+ if (!isPolar) {
+ setLabel(
+ el.style, hoverStyle, itemModel, color,
+ seriesModel, dataIndex, labelPositionOutside
+ );
+ }
+ if (isZeroOnPolar(layout)) {
+ hoverStyle.fill = hoverStyle.stroke = 'none';
+ }
+ setHoverStyle(el, hoverStyle);
+}
+
+// In case width or height are too small.
+function getLineWidth(itemModel, rawLayout) {
+ var lineWidth = itemModel.get(BAR_BORDER_WIDTH_QUERY) || 0;
+ // width or height may be NaN for empty data
+ var width = isNaN(rawLayout.width) ? Number.MAX_VALUE : Math.abs(rawLayout.width);
+ var height = isNaN(rawLayout.height) ? Number.MAX_VALUE : Math.abs(rawLayout.height);
+ return Math.min(lineWidth, width, height);
+}
+
+
+var LargePath = Path.extend({
+
+ type: 'largeBar',
+
+ shape: {points: []},
+
+ buildPath: function (ctx, shape) {
+ // Drawing lines is more efficient than drawing
+ // a whole line or drawing rects.
+ var points = shape.points;
+ var startPoint = this.__startPoint;
+ var baseDimIdx = this.__baseDimIdx;
+
+ for (var i = 0; i < points.length; i += 2) {
+ startPoint[baseDimIdx] = points[i + baseDimIdx];
+ ctx.moveTo(startPoint[0], startPoint[1]);
+ ctx.lineTo(points[i], points[i + 1]);
+ }
+ }
+});
+
+function createLarge(seriesModel, group, incremental) {
+ // TODO support polar
+ var data = seriesModel.getData();
+ var startPoint = [];
+ var baseDimIdx = data.getLayout('valueAxisHorizontal') ? 1 : 0;
+ startPoint[1 - baseDimIdx] = data.getLayout('valueAxisStart');
+
+ var largeDataIndices = data.getLayout('largeDataIndices');
+ var barWidth = data.getLayout('barWidth');
+
+ var backgroundModel = seriesModel.getModel('backgroundStyle');
+ var drawBackground = seriesModel.get('showBackground', true);
+
+ if (drawBackground) {
+ var points = data.getLayout('largeBackgroundPoints');
+ var backgroundStartPoint = [];
+ backgroundStartPoint[1 - baseDimIdx] = data.getLayout('backgroundStart');
+
+ var bgEl = new LargePath({
+ shape: {points: points},
+ incremental: !!incremental,
+ __startPoint: backgroundStartPoint,
+ __baseDimIdx: baseDimIdx,
+ __largeDataIndices: largeDataIndices,
+ __barWidth: barWidth,
+ silent: true,
+ z2: 0
+ });
+ setLargeBackgroundStyle(bgEl, backgroundModel, data);
+ group.add(bgEl);
+ }
+
+ var el = new LargePath({
+ shape: {points: data.getLayout('largePoints')},
+ incremental: !!incremental,
+ __startPoint: startPoint,
+ __baseDimIdx: baseDimIdx,
+ __largeDataIndices: largeDataIndices,
+ __barWidth: barWidth
+ });
+ group.add(el);
+ setLargeStyle(el, seriesModel, data);
+
+ // Enable tooltip and user mouse/touch event handlers.
+ el.seriesIndex = seriesModel.seriesIndex;
+
+ if (!seriesModel.get('silent')) {
+ el.on('mousedown', largePathUpdateDataIndex);
+ el.on('mousemove', largePathUpdateDataIndex);
+ }
+}
+
+// Use throttle to avoid frequently traverse to find dataIndex.
+var largePathUpdateDataIndex = throttle(function (event) {
+ var largePath = this;
+ var dataIndex = largePathFindDataIndex(largePath, event.offsetX, event.offsetY);
+ largePath.dataIndex = dataIndex >= 0 ? dataIndex : null;
+}, 30, false);
+
+function largePathFindDataIndex(largePath, x, y) {
+ var baseDimIdx = largePath.__baseDimIdx;
+ var valueDimIdx = 1 - baseDimIdx;
+ var points = largePath.shape.points;
+ var largeDataIndices = largePath.__largeDataIndices;
+ var barWidthHalf = Math.abs(largePath.__barWidth / 2);
+ var startValueVal = largePath.__startPoint[valueDimIdx];
+
+ _eventPos[0] = x;
+ _eventPos[1] = y;
+ var pointerBaseVal = _eventPos[baseDimIdx];
+ var pointerValueVal = _eventPos[1 - baseDimIdx];
+ var baseLowerBound = pointerBaseVal - barWidthHalf;
+ var baseUpperBound = pointerBaseVal + barWidthHalf;
+
+ for (var i = 0, len = points.length / 2; i < len; i++) {
+ var ii = i * 2;
+ var barBaseVal = points[ii + baseDimIdx];
+ var barValueVal = points[ii + valueDimIdx];
+ if (
+ barBaseVal >= baseLowerBound && barBaseVal <= baseUpperBound
+ && (
+ startValueVal <= barValueVal
+ ? (pointerValueVal >= startValueVal && pointerValueVal <= barValueVal)
+ : (pointerValueVal >= barValueVal && pointerValueVal <= startValueVal)
+ )
+ ) {
+ return largeDataIndices[i];
+ }
+ }
+
+ return -1;
+}
+
+function setLargeStyle(el, seriesModel, data) {
+ var borderColor = data.getVisual('borderColor') || data.getVisual('color');
+ var itemStyle = seriesModel.getModel('itemStyle').getItemStyle(['color', 'borderColor']);
+
+ el.useStyle(itemStyle);
+ el.style.fill = null;
+ el.style.stroke = borderColor;
+ el.style.lineWidth = data.getLayout('barWidth');
+}
+
+function setLargeBackgroundStyle(el, backgroundModel, data) {
+ var borderColor = backgroundModel.get('borderColor') || backgroundModel.get('color');
+ var itemStyle = backgroundModel.getItemStyle(['color', 'borderColor']);
+
+ el.useStyle(itemStyle);
+ el.style.fill = null;
+ el.style.stroke = borderColor;
+ el.style.lineWidth = data.getLayout('barWidth');
+}
+
+function createBackgroundShape(isHorizontalOrRadial, layout, coord) {
+ var coordLayout;
+ var isPolar = coord.type === 'polar';
+ if (isPolar) {
+ coordLayout = coord.getArea();
+ }
+ else {
+ coordLayout = coord.grid.getRect();
+ }
+
+ if (isPolar) {
+ return {
+ cx: coordLayout.cx,
+ cy: coordLayout.cy,
+ r0: isHorizontalOrRadial ? coordLayout.r0 : layout.r0,
+ r: isHorizontalOrRadial ? coordLayout.r : layout.r,
+ startAngle: isHorizontalOrRadial ? layout.startAngle : 0,
+ endAngle: isHorizontalOrRadial ? layout.endAngle : Math.PI * 2
+ };
+ }
+ else {
+ return {
+ x: isHorizontalOrRadial ? layout.x : coordLayout.x,
+ y: isHorizontalOrRadial ? coordLayout.y : layout.y,
+ width: isHorizontalOrRadial ? layout.width : coordLayout.width,
+ height: isHorizontalOrRadial ? coordLayout.height : layout.height
+ };
+ }
+}
+
+function createBackgroundEl(coord, isHorizontalOrRadial, layout) {
+ var ElementClz = coord.type === 'polar' ? Sector : Rect;
+ return new ElementClz({
+ shape: createBackgroundShape(isHorizontalOrRadial, layout, coord),
+ silent: true,
+ z2: 0
+ });
+}
+
+/*
+* 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.
+*/
+
+// In case developer forget to include grid component
+registerLayout(PRIORITY.VISUAL.LAYOUT, curry(layout, 'bar'));
+// Use higher prority to avoid to be blocked by other overall layout, which do not
+// only exist in this module, but probably also exist in other modules, like `barPolar`.
+registerLayout(PRIORITY.VISUAL.PROGRESSIVE_LAYOUT, largeLayout);
+
+registerVisual({
+ seriesType: 'bar',
+ reset: function (seriesModel) {
+ // Visual coding for legend
+ seriesModel.getData().setVisual('legendSymbol', 'roundRect');
+ }
+});
+
+/*
+* 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.
+*/
+
+
+/**
+ * [Usage]:
+ * (1)
+ * createListSimply(seriesModel, ['value']);
+ * (2)
+ * createListSimply(seriesModel, {
+ * coordDimensions: ['value'],
+ * dimensionsCount: 5
+ * });
+ *
+ * @param {module:echarts/model/Series} seriesModel
+ * @param {Object|Array.<string|Object>} opt opt or coordDimensions
+ * The options in opt, see `echarts/data/helper/createDimensions`
+ * @param {Array.<string>} [nameList]
+ * @return {module:echarts/data/List}
+ */
+var createListSimply = function (seriesModel, opt, nameList) {
+ opt = isArray(opt) && {coordDimensions: opt} || extend({}, opt);
+
+ var source = seriesModel.getSource();
+
+ var dimensionsInfo = createDimensions(source, opt);
+
+ var list = new List(dimensionsInfo, seriesModel);
+ list.initData(source, nameList);
+
+ return list;
+};
+
+/*
+* 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.
+*/
+
+/**
+ * Data selectable mixin for chart series.
+ * To eanble data select, option of series must have `selectedMode`.
+ * And each data item will use `selected` to toggle itself selected status
+ */
+
+var selectableMixin = {
+
+ /**
+ * @param {Array.<Object>} targetList [{name, value, selected}, ...]
+ * If targetList is an array, it should like [{name: ..., value: ...}, ...].
+ * If targetList is a "List", it must have coordDim: 'value' dimension and name.
+ */
+ updateSelectedMap: function (targetList) {
+ this._targetList = isArray(targetList) ? targetList.slice() : [];
+
+ this._selectTargetMap = reduce(targetList || [], function (targetMap, target) {
+ targetMap.set(target.name, target);
+ return targetMap;
+ }, createHashMap());
+ },
+
+ /**
+ * Either name or id should be passed as input here.
+ * If both of them are defined, id is used.
+ *
+ * @param {string|undefined} name name of data
+ * @param {number|undefined} id dataIndex of data
+ */
+ // PENGING If selectedMode is null ?
+ select: function (name, id) {
+ var target = id != null
+ ? this._targetList[id]
+ : this._selectTargetMap.get(name);
+ var selectedMode = this.get('selectedMode');
+ if (selectedMode === 'single') {
+ this._selectTargetMap.each(function (target) {
+ target.selected = false;
+ });
+ }
+ target && (target.selected = true);
+ },
+
+ /**
+ * Either name or id should be passed as input here.
+ * If both of them are defined, id is used.
+ *
+ * @param {string|undefined} name name of data
+ * @param {number|undefined} id dataIndex of data
+ */
+ unSelect: function (name, id) {
+ var target = id != null
+ ? this._targetList[id]
+ : this._selectTargetMap.get(name);
+ // var selectedMode = this.get('selectedMode');
+ // selectedMode !== 'single' && target && (target.selected = false);
+ target && (target.selected = false);
+ },
+
+ /**
+ * Either name or id should be passed as input here.
+ * If both of them are defined, id is used.
+ *
+ * @param {string|undefined} name name of data
+ * @param {number|undefined} id dataIndex of data
+ */
+ toggleSelected: function (name, id) {
+ var target = id != null
+ ? this._targetList[id]
+ : this._selectTargetMap.get(name);
+ if (target != null) {
+ this[target.selected ? 'unSelect' : 'select'](name, id);
+ return target.selected;
+ }
+ },
+
+ /**
+ * Either name or id should be passed as input here.
+ * If both of them are defined, id is used.
+ *
+ * @param {string|undefined} name name of data
+ * @param {number|undefined} id dataIndex of data
+ */
+ isSelected: function (name, id) {
+ var target = id != null
+ ? this._targetList[id]
+ : this._selectTargetMap.get(name);
+ return target && target.selected;
+ }
+};
+
+/*
+* 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.
+*/
+
+
+/**
+ * LegendVisualProvider is an bridge that pick encoded color from data and
+ * provide to the legend component.
+ * @param {Function} getDataWithEncodedVisual Function to get data after filtered. It stores all the encoding info
+ * @param {Function} getRawData Function to get raw data before filtered.
+ */
+function LegendVisualProvider(getDataWithEncodedVisual, getRawData) {
+ this.getAllNames = function () {
+ var rawData = getRawData();
+ // We find the name from the raw data. In case it's filtered by the legend component.
+ // Normally, the name can be found in rawData, but can't be found in filtered data will display as gray.
+ return rawData.mapArray(rawData.getName);
+ };
+
+ this.containName = function (name) {
+ var rawData = getRawData();
+ return rawData.indexOfName(name) >= 0;
+ };
+
+ this.indexOfName = function (name) {
+ // Only get data when necessary.
+ // Because LegendVisualProvider constructor may be new in the stage that data is not prepared yet.
+ // Invoking Series#getData immediately will throw an error.
+ var dataWithEncodedVisual = getDataWithEncodedVisual();
+ return dataWithEncodedVisual.indexOfName(name);
+ };
+
+ this.getItemVisual = function (dataIndex, key) {
+ // Get encoded visual properties from final filtered data.
+ var dataWithEncodedVisual = getDataWithEncodedVisual();
+ return dataWithEncodedVisual.getItemVisual(dataIndex, key);
+ };
+}
+
+/*
+* 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.
+*/
+
+var PieSeries = extendSeriesModel({
+
+ type: 'series.pie',
+
+ // Overwrite
+ init: function (option) {
+ PieSeries.superApply(this, 'init', arguments);
+
+ // Enable legend selection for each data item
+ // Use a function instead of direct access because data reference may changed
+ this.legendVisualProvider = new LegendVisualProvider(
+ bind(this.getData, this), bind(this.getRawData, this)
+ );
+
+ this.updateSelectedMap(this._createSelectableList());
+
+ this._defaultLabelLine(option);
+ },
+
+ // Overwrite
+ mergeOption: function (newOption) {
+ PieSeries.superCall(this, 'mergeOption', newOption);
+
+ this.updateSelectedMap(this._createSelectableList());
+ },
+
+ getInitialData: function (option, ecModel) {
+ return createListSimply(this, {
+ coordDimensions: ['value'],
+ encodeDefaulter: curry(makeSeriesEncodeForNameBased, this)
+ });
+ },
+
+ _createSelectableList: function () {
+ var data = this.getRawData();
+ var valueDim = data.mapDimension('value');
+ var targetList = [];
+ for (var i = 0, len = data.count(); i < len; i++) {
+ targetList.push({
+ name: data.getName(i),
+ value: data.get(valueDim, i),
+ selected: retrieveRawAttr(data, i, 'selected')
+ });
+ }
+ return targetList;
+ },
+
+ // Overwrite
+ getDataParams: function (dataIndex) {
+ var data = this.getData();
+ var params = PieSeries.superCall(this, 'getDataParams', dataIndex);
+ // FIXME toFixed?
+
+ var valueList = [];
+ data.each(data.mapDimension('value'), function (value) {
+ valueList.push(value);
+ });
+
+ params.percent = getPercentWithPrecision(
+ valueList,
+ dataIndex,
+ data.hostModel.get('percentPrecision')
+ );
+
+ params.$vars.push('percent');
+ return params;
+ },
+
+ _defaultLabelLine: function (option) {
+ // Extend labelLine emphasis
+ defaultEmphasis(option, 'labelLine', ['show']);
+
+ var labelLineNormalOpt = option.labelLine;
+ var labelLineEmphasisOpt = option.emphasis.labelLine;
+ // Not show label line if `label.normal.show = false`
+ labelLineNormalOpt.show = labelLineNormalOpt.show
+ && option.label.show;
+ labelLineEmphasisOpt.show = labelLineEmphasisOpt.show
+ && option.emphasis.label.show;
+ },
+
+ defaultOption: {
+ zlevel: 0,
+ z: 2,
+ legendHoverLink: true,
+
+ hoverAnimation: true,
+ // 榛樿鍏ㄥ眬灞呬腑
+ center: ['50%', '50%'],
+ radius: [0, '75%'],
+ // 榛樿椤烘椂閽�
+ clockwise: true,
+ startAngle: 90,
+ // 鏈�灏忚搴︽敼涓�0
+ minAngle: 0,
+
+ // If the angle of a sector less than `minShowLabelAngle`,
+ // the label will not be displayed.
+ minShowLabelAngle: 0,
+
+ // 閫変腑鏃舵墖鍖哄亸绉婚噺
+ selectedOffset: 10,
+ // 楂樹寒鎵囧尯鍋忕Щ閲�
+ hoverOffset: 10,
+
+ // If use strategy to avoid label overlapping
+ avoidLabelOverlap: true,
+ // 閫夋嫨妯″紡锛岄粯璁ゅ叧闂紝鍙�塻ingle锛宮ultiple
+ // selectedMode: false,
+ // 鍗椾竵鏍煎皵鐜懓鍥炬ā寮忥紝'radius'锛堝崐寰勶級 | 'area'锛堥潰绉級
+ // roseType: null,
+
+ percentPrecision: 2,
+
+ // If still show when all data zero.
+ stillShowZeroSum: true,
+
+ // cursor: null,
+
+ left: 0,
+ top: 0,
+ right: 0,
+ bottom: 0,
+ width: null,
+ height: null,
+
+ label: {
+ // If rotate around circle
+ rotate: false,
+ show: true,
+ // 'outer', 'inside', 'center'
+ position: 'outer',
+ // 'none', 'labelLine', 'edge'. Works only when position is 'outer'
+ alignTo: 'none',
+ // Closest distance between label and chart edge.
+ // Works only position is 'outer' and alignTo is 'edge'.
+ margin: '25%',
+ // Works only position is 'outer' and alignTo is not 'edge'.
+ bleedMargin: 10,
+ // Distance between text and label line.
+ distanceToLabelLine: 5
+ // formatter: 鏍囩鏂囨湰鏍煎紡鍣紝鍚孴ooltip.formatter锛屼笉鏀寔寮傛鍥炶皟
+ // 榛樿浣跨敤鍏ㄥ眬鏂囨湰鏍峰紡锛岃瑙乀EXTSTYLE
+ // distance: 褰損osition涓篿nner鏃舵湁鏁堬紝涓簂abel浣嶇疆鍒板渾蹇冪殑璺濈涓庡渾鍗婂緞(鐜姸鍥句负鍐呭鍗婂緞鍜�)鐨勬瘮渚嬬郴鏁�
+ },
+ // Enabled when label.normal.position is 'outer'
+ labelLine: {
+ show: true,
+ // 寮曞绾夸袱娈典腑鐨勭涓�娈甸暱搴�
+ length: 15,
+ // 寮曞绾夸袱娈典腑鐨勭浜屾闀垮害
+ length2: 15,
+ smooth: false,
+ lineStyle: {
+ // color: 鍚勫紓,
+ width: 1,
+ type: 'solid'
+ }
+ },
+ itemStyle: {
+ borderWidth: 1
+ },
+
+ // Animation type. Valid values: expansion, scale
+ animationType: 'expansion',
+
+ // Animation type when update. Valid values: transition, expansion
+ animationTypeUpdate: 'transition',
+
+ animationEasing: 'cubicOut'
+ }
+});
+
+mixin(PieSeries, selectableMixin);
+
+/*
+* 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.
+*/
+
+/**
+ * @param {module:echarts/model/Series} seriesModel
+ * @param {boolean} hasAnimation
+ * @inner
+ */
+function updateDataSelected(uid, seriesModel, hasAnimation, api) {
+ var data = seriesModel.getData();
+ var dataIndex = this.dataIndex;
+ var name = data.getName(dataIndex);
+ var selectedOffset = seriesModel.get('selectedOffset');
+
+ api.dispatchAction({
+ type: 'pieToggleSelect',
+ from: uid,
+ name: name,
+ seriesId: seriesModel.id
+ });
+
+ data.each(function (idx) {
+ toggleItemSelected(
+ data.getItemGraphicEl(idx),
+ data.getItemLayout(idx),
+ seriesModel.isSelected(data.getName(idx)),
+ selectedOffset,
+ hasAnimation
+ );
+ });
+}
+
+/**
+ * @param {module:zrender/graphic/Sector} el
+ * @param {Object} layout
+ * @param {boolean} isSelected
+ * @param {number} selectedOffset
+ * @param {boolean} hasAnimation
+ * @inner
+ */
+function toggleItemSelected(el, layout, isSelected, selectedOffset, hasAnimation) {
+ var midAngle = (layout.startAngle + layout.endAngle) / 2;
+
+ var dx = Math.cos(midAngle);
+ var dy = Math.sin(midAngle);
+
+ var offset = isSelected ? selectedOffset : 0;
+ var position = [dx * offset, dy * offset];
+
+ hasAnimation
+ // animateTo will stop revious animation like update transition
+ ? el.animate()
+ .when(200, {
+ position: position
+ })
+ .start('bounceOut')
+ : el.attr('position', position);
+}
+
+/**
+ * Piece of pie including Sector, Label, LabelLine
+ * @constructor
+ * @extends {module:zrender/graphic/Group}
+ */
+function PiePiece(data, idx) {
+
+ Group.call(this);
+
+ var sector = new Sector({
+ z2: 2
+ });
+ var polyline = new Polyline();
+ var text = new Text();
+ this.add(sector);
+ this.add(polyline);
+ this.add(text);
+
+ this.updateData(data, idx, true);
+}
+
+var piePieceProto = PiePiece.prototype;
+
+piePieceProto.updateData = function (data, idx, firstCreate) {
+
+ var sector = this.childAt(0);
+ var labelLine = this.childAt(1);
+ var labelText = this.childAt(2);
+
+ var seriesModel = data.hostModel;
+ var itemModel = data.getItemModel(idx);
+ var layout = data.getItemLayout(idx);
+ var sectorShape = extend({}, layout);
+ sectorShape.label = null;
+
+ var animationTypeUpdate = seriesModel.getShallow('animationTypeUpdate');
+
+ if (firstCreate) {
+ sector.setShape(sectorShape);
+
+ var animationType = seriesModel.getShallow('animationType');
+ if (animationType === 'scale') {
+ sector.shape.r = layout.r0;
+ initProps(sector, {
+ shape: {
+ r: layout.r
+ }
+ }, seriesModel, idx);
+ }
+ // Expansion
+ else {
+ sector.shape.endAngle = layout.startAngle;
+ updateProps(sector, {
+ shape: {
+ endAngle: layout.endAngle
+ }
+ }, seriesModel, idx);
+ }
+
+ }
+ else {
+ if (animationTypeUpdate === 'expansion') {
+ // Sectors are set to be target shape and an overlaying clipPath is used for animation
+ sector.setShape(sectorShape);
+ }
+ else {
+ // Transition animation from the old shape
+ updateProps(sector, {
+ shape: sectorShape
+ }, seriesModel, idx);
+ }
+ }
+
+ // Update common style
+ var visualColor = data.getItemVisual(idx, 'color');
+
+ sector.useStyle(
+ defaults(
+ {
+ lineJoin: 'bevel',
+ fill: visualColor
+ },
+ itemModel.getModel('itemStyle').getItemStyle()
+ )
+ );
+ sector.hoverStyle = itemModel.getModel('emphasis.itemStyle').getItemStyle();
+
+ var cursorStyle = itemModel.getShallow('cursor');
+ cursorStyle && sector.attr('cursor', cursorStyle);
+
+ // Toggle selected
+ toggleItemSelected(
+ this,
+ data.getItemLayout(idx),
+ seriesModel.isSelected(data.getName(idx)),
+ seriesModel.get('selectedOffset'),
+ seriesModel.get('animation')
+ );
+
+ // Label and text animation should be applied only for transition type animation when update
+ var withAnimation = !firstCreate && animationTypeUpdate === 'transition';
+ this._updateLabel(data, idx, withAnimation);
+
+ this.highDownOnUpdate = !seriesModel.get('silent')
+ ? function (fromState, toState) {
+ var hasAnimation = seriesModel.isAnimationEnabled() && itemModel.get('hoverAnimation');
+ if (toState === 'emphasis') {
+ labelLine.ignore = labelLine.hoverIgnore;
+ labelText.ignore = labelText.hoverIgnore;
+
+ // Sector may has animation of updating data. Force to move to the last frame
+ // Or it may stopped on the wrong shape
+ if (hasAnimation) {
+ sector.stopAnimation(true);
+ sector.animateTo({
+ shape: {
+ r: layout.r + seriesModel.get('hoverOffset')
+ }
+ }, 300, 'elasticOut');
+ }
+ }
+ else {
+ labelLine.ignore = labelLine.normalIgnore;
+ labelText.ignore = labelText.normalIgnore;
+
+ if (hasAnimation) {
+ sector.stopAnimation(true);
+ sector.animateTo({
+ shape: {
+ r: layout.r
+ }
+ }, 300, 'elasticOut');
+ }
+ }
+ }
+ : null;
+
+ setHoverStyle(this);
+};
+
+piePieceProto._updateLabel = function (data, idx, withAnimation) {
+
+ var labelLine = this.childAt(1);
+ var labelText = this.childAt(2);
+
+ var seriesModel = data.hostModel;
+ var itemModel = data.getItemModel(idx);
+ var layout = data.getItemLayout(idx);
+ var labelLayout = layout.label;
+ var visualColor = data.getItemVisual(idx, 'color');
+
+ if (!labelLayout || isNaN(labelLayout.x) || isNaN(labelLayout.y)) {
+ labelText.ignore = labelText.normalIgnore = labelText.hoverIgnore =
+ labelLine.ignore = labelLine.normalIgnore = labelLine.hoverIgnore = true;
+ return;
+ }
+
+ var targetLineShape = {
+ points: labelLayout.linePoints || [
+ [labelLayout.x, labelLayout.y], [labelLayout.x, labelLayout.y], [labelLayout.x, labelLayout.y]
+ ]
+ };
+ var targetTextStyle = {
+ x: labelLayout.x,
+ y: labelLayout.y
+ };
+ if (withAnimation) {
+ updateProps(labelLine, {
+ shape: targetLineShape
+ }, seriesModel, idx);
+
+ updateProps(labelText, {
+ style: targetTextStyle
+ }, seriesModel, idx);
+ }
+ else {
+ labelLine.attr({
+ shape: targetLineShape
+ });
+ labelText.attr({
+ style: targetTextStyle
+ });
+ }
+
+ labelText.attr({
+ rotation: labelLayout.rotation,
+ origin: [labelLayout.x, labelLayout.y],
+ z2: 10
+ });
+
+ var labelModel = itemModel.getModel('label');
+ var labelHoverModel = itemModel.getModel('emphasis.label');
+ var labelLineModel = itemModel.getModel('labelLine');
+ var labelLineHoverModel = itemModel.getModel('emphasis.labelLine');
+ var visualColor = data.getItemVisual(idx, 'color');
+
+ setLabelStyle(
+ labelText.style, labelText.hoverStyle = {}, labelModel, labelHoverModel,
+ {
+ labelFetcher: data.hostModel,
+ labelDataIndex: idx,
+ defaultText: labelLayout.text,
+ autoColor: visualColor,
+ useInsideStyle: !!labelLayout.inside
+ },
+ {
+ textAlign: labelLayout.textAlign,
+ textVerticalAlign: labelLayout.verticalAlign,
+ opacity: data.getItemVisual(idx, 'opacity')
+ }
+ );
+
+ labelText.ignore = labelText.normalIgnore = !labelModel.get('show');
+ labelText.hoverIgnore = !labelHoverModel.get('show');
+
+ labelLine.ignore = labelLine.normalIgnore = !labelLineModel.get('show');
+ labelLine.hoverIgnore = !labelLineHoverModel.get('show');
+
+ // Default use item visual color
+ labelLine.setStyle({
+ stroke: visualColor,
+ opacity: data.getItemVisual(idx, 'opacity')
+ });
+ labelLine.setStyle(labelLineModel.getModel('lineStyle').getLineStyle());
+
+ labelLine.hoverStyle = labelLineHoverModel.getModel('lineStyle').getLineStyle();
+
+ var smooth = labelLineModel.get('smooth');
+ if (smooth && smooth === true) {
+ smooth = 0.4;
+ }
+ labelLine.setShape({
+ smooth: smooth
+ });
+};
+
+inherits(PiePiece, Group);
+
+
+// Pie view
+var PieView = Chart.extend({
+
+ type: 'pie',
+
+ init: function () {
+ var sectorGroup = new Group();
+ this._sectorGroup = sectorGroup;
+ },
+
+ render: function (seriesModel, ecModel, api, payload) {
+ if (payload && (payload.from === this.uid)) {
+ return;
+ }
+
+ var data = seriesModel.getData();
+ var oldData = this._data;
+ var group = this.group;
+
+ var hasAnimation = ecModel.get('animation');
+ var isFirstRender = !oldData;
+ var animationType = seriesModel.get('animationType');
+ var animationTypeUpdate = seriesModel.get('animationTypeUpdate');
+
+ var onSectorClick = curry(
+ updateDataSelected, this.uid, seriesModel, hasAnimation, api
+ );
+
+ var selectedMode = seriesModel.get('selectedMode');
+ data.diff(oldData)
+ .add(function (idx) {
+ var piePiece = new PiePiece(data, idx);
+ // Default expansion animation
+ if (isFirstRender && animationType !== 'scale') {
+ piePiece.eachChild(function (child) {
+ child.stopAnimation(true);
+ });
+ }
+
+ selectedMode && piePiece.on('click', onSectorClick);
+
+ data.setItemGraphicEl(idx, piePiece);
+
+ group.add(piePiece);
+ })
+ .update(function (newIdx, oldIdx) {
+ var piePiece = oldData.getItemGraphicEl(oldIdx);
+
+ if (!isFirstRender && animationTypeUpdate !== 'transition') {
+ piePiece.eachChild(function (child) {
+ child.stopAnimation(true);
+ });
+ }
+
+ piePiece.updateData(data, newIdx);
+
+ piePiece.off('click');
+ selectedMode && piePiece.on('click', onSectorClick);
+ group.add(piePiece);
+ data.setItemGraphicEl(newIdx, piePiece);
+ })
+ .remove(function (idx) {
+ var piePiece = oldData.getItemGraphicEl(idx);
+ group.remove(piePiece);
+ })
+ .execute();
+
+ if (
+ hasAnimation && data.count() > 0
+ && (isFirstRender ? animationType !== 'scale' : animationTypeUpdate !== 'transition')
+ ) {
+ var shape = data.getItemLayout(0);
+ for (var s = 1; isNaN(shape.startAngle) && s < data.count(); ++s) {
+ shape = data.getItemLayout(s);
+ }
+
+ var r = Math.max(api.getWidth(), api.getHeight()) / 2;
+
+ var removeClipPath = bind(group.removeClipPath, group);
+ group.setClipPath(this._createClipPath(
+ shape.cx, shape.cy, r, shape.startAngle, shape.clockwise, removeClipPath, seriesModel, isFirstRender
+ ));
+ }
+ else {
+ // clipPath is used in first-time animation, so remove it when otherwise. See: #8994
+ group.removeClipPath();
+ }
+
+ this._data = data;
+ },
+
+ dispose: function () {},
+
+ _createClipPath: function (
+ cx, cy, r, startAngle, clockwise, cb, seriesModel, isFirstRender
+ ) {
+ var clipPath = new Sector({
+ shape: {
+ cx: cx,
+ cy: cy,
+ r0: 0,
+ r: r,
+ startAngle: startAngle,
+ endAngle: startAngle,
+ clockwise: clockwise
+ }
+ });
+
+ var initOrUpdate = isFirstRender ? initProps : updateProps;
+ initOrUpdate(clipPath, {
+ shape: {
+ endAngle: startAngle + (clockwise ? 1 : -1) * Math.PI * 2
+ }
+ }, seriesModel, cb);
+
+ return clipPath;
+ },
+
+ /**
+ * @implement
+ */
+ containPoint: function (point, seriesModel) {
+ var data = seriesModel.getData();
+ var itemLayout = data.getItemLayout(0);
+ if (itemLayout) {
+ var dx = point[0] - itemLayout.cx;
+ var dy = point[1] - itemLayout.cy;
+ var radius = Math.sqrt(dx * dx + dy * dy);
+ return radius <= itemLayout.r && radius >= itemLayout.r0;
+ }
+ }
+
+});
+
+/*
+* 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.
+*/
+
+var createDataSelectAction = function (seriesType, actionInfos) {
+ each$1(actionInfos, function (actionInfo) {
+ actionInfo.update = 'updateView';
+ /**
+ * @payload
+ * @property {string} seriesName
+ * @property {string} name
+ */
+ registerAction(actionInfo, function (payload, ecModel) {
+ var selected = {};
+ ecModel.eachComponent(
+ {mainType: 'series', subType: seriesType, query: payload},
+ function (seriesModel) {
+ if (seriesModel[actionInfo.method]) {
+ seriesModel[actionInfo.method](
+ payload.name,
+ payload.dataIndex
+ );
+ }
+ var data = seriesModel.getData();
+ // Create selected map
+ data.each(function (idx) {
+ var name = data.getName(idx);
+ selected[name] = seriesModel.isSelected(name)
+ || false;
+ });
+ }
+ );
+ return {
+ name: payload.name,
+ selected: selected,
+ seriesId: payload.seriesId
+ };
+ });
+ });
+};
+
+/*
+* 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.
+*/
+
+// Pick color from palette for each data item.
+// Applicable for charts that require applying color palette
+// in data level (like pie, funnel, chord).
+var dataColor = function (seriesType) {
+ return {
+ getTargetSeries: function (ecModel) {
+ // Pie and funnel may use diferrent scope
+ var paletteScope = {};
+ var seiresModelMap = createHashMap();
+
+ ecModel.eachSeriesByType(seriesType, function (seriesModel) {
+ seriesModel.__paletteScope = paletteScope;
+ seiresModelMap.set(seriesModel.uid, seriesModel);
+ });
+
+ return seiresModelMap;
+ },
+ reset: function (seriesModel, ecModel) {
+ var dataAll = seriesModel.getRawData();
+ var idxMap = {};
+ var data = seriesModel.getData();
+
+ data.each(function (idx) {
+ var rawIdx = data.getRawIndex(idx);
+ idxMap[rawIdx] = idx;
+ });
+
+ dataAll.each(function (rawIdx) {
+ var filteredIdx = idxMap[rawIdx];
+
+ // If series.itemStyle.normal.color is a function. itemVisual may be encoded
+ var singleDataColor = filteredIdx != null
+ && data.getItemVisual(filteredIdx, 'color', true);
+
+ var singleDataBorderColor = filteredIdx != null
+ && data.getItemVisual(filteredIdx, 'borderColor', true);
+
+ var itemModel;
+ if (!singleDataColor || !singleDataBorderColor) {
+ // FIXME Performance
+ itemModel = dataAll.getItemModel(rawIdx);
+ }
+
+ if (!singleDataColor) {
+ var color = itemModel.get('itemStyle.color')
+ || seriesModel.getColorFromPalette(
+ dataAll.getName(rawIdx) || (rawIdx + ''), seriesModel.__paletteScope,
+ dataAll.count()
+ );
+ // Data is not filtered
+ if (filteredIdx != null) {
+ data.setItemVisual(filteredIdx, 'color', color);
+ }
+ }
+
+ if (!singleDataBorderColor) {
+ var borderColor = itemModel.get('itemStyle.borderColor');
+
+ // Data is not filtered
+ if (filteredIdx != null) {
+ data.setItemVisual(filteredIdx, 'borderColor', borderColor);
+ }
+ }
+ });
+ }
+ };
+};
+
+/*
+* 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.
+*/
+
+// FIXME emphasis label position is not same with normal label position
+
+var RADIAN$1 = Math.PI / 180;
+
+function adjustSingleSide(list, cx, cy, r, dir, viewWidth, viewHeight, viewLeft, viewTop, farthestX) {
+ list.sort(function (a, b) {
+ return a.y - b.y;
+ });
+
+ function shiftDown(start, end, delta, dir) {
+ for (var j = start; j < end; j++) {
+ if (list[j].y + delta > viewTop + viewHeight) {
+ break;
+ }
+
+ list[j].y += delta;
+ if (j > start
+ && j + 1 < end
+ && list[j + 1].y > list[j].y + list[j].height
+ ) {
+ shiftUp(j, delta / 2);
+ return;
+ }
+ }
+
+ shiftUp(end - 1, delta / 2);
+ }
+
+ function shiftUp(end, delta) {
+ for (var j = end; j >= 0; j--) {
+ if (list[j].y - delta < viewTop) {
+ break;
+ }
+
+ list[j].y -= delta;
+ if (j > 0
+ && list[j].y > list[j - 1].y + list[j - 1].height
+ ) {
+ break;
+ }
+ }
+ }
+
+ function changeX(list, isDownList, cx, cy, r, dir) {
+ var lastDeltaX = dir > 0
+ ? isDownList // right-side
+ ? Number.MAX_VALUE // down
+ : 0 // up
+ : isDownList // left-side
+ ? Number.MAX_VALUE // down
+ : 0; // up
+
+ for (var i = 0, l = list.length; i < l; i++) {
+ if (list[i].labelAlignTo !== 'none') {
+ continue;
+ }
+
+ var deltaY = Math.abs(list[i].y - cy);
+ var length = list[i].len;
+ var length2 = list[i].len2;
+ var deltaX = (deltaY < r + length)
+ ? Math.sqrt(
+ (r + length + length2) * (r + length + length2)
+ - deltaY * deltaY
+ )
+ : Math.abs(list[i].x - cx);
+ if (isDownList && deltaX >= lastDeltaX) {
+ // right-down, left-down
+ deltaX = lastDeltaX - 10;
+ }
+ if (!isDownList && deltaX <= lastDeltaX) {
+ // right-up, left-up
+ deltaX = lastDeltaX + 10;
+ }
+
+ list[i].x = cx + deltaX * dir;
+ lastDeltaX = deltaX;
+ }
+ }
+
+ var lastY = 0;
+ var delta;
+ var len = list.length;
+ var upList = [];
+ var downList = [];
+ for (var i = 0; i < len; i++) {
+ if (list[i].position === 'outer' && list[i].labelAlignTo === 'labelLine') {
+ var dx = list[i].x - farthestX;
+ list[i].linePoints[1][0] += dx;
+ list[i].x = farthestX;
+ }
+
+ delta = list[i].y - lastY;
+ if (delta < 0) {
+ shiftDown(i, len, -delta, dir);
+ }
+ lastY = list[i].y + list[i].height;
+ }
+ if (viewHeight - lastY < 0) {
+ shiftUp(len - 1, lastY - viewHeight);
+ }
+ for (var i = 0; i < len; i++) {
+ if (list[i].y >= cy) {
+ downList.push(list[i]);
+ }
+ else {
+ upList.push(list[i]);
+ }
+ }
+ changeX(upList, false, cx, cy, r, dir);
+ changeX(downList, true, cx, cy, r, dir);
+}
+
+function avoidOverlap(labelLayoutList, cx, cy, r, viewWidth, viewHeight, viewLeft, viewTop) {
+ var leftList = [];
+ var rightList = [];
+ var leftmostX = Number.MAX_VALUE;
+ var rightmostX = -Number.MAX_VALUE;
+ for (var i = 0; i < labelLayoutList.length; i++) {
+ if (isPositionCenter(labelLayoutList[i])) {
+ continue;
+ }
+ if (labelLayoutList[i].x < cx) {
+ leftmostX = Math.min(leftmostX, labelLayoutList[i].x);
+ leftList.push(labelLayoutList[i]);
+ }
+ else {
+ rightmostX = Math.max(rightmostX, labelLayoutList[i].x);
+ rightList.push(labelLayoutList[i]);
+ }
+ }
+
+ adjustSingleSide(rightList, cx, cy, r, 1, viewWidth, viewHeight, viewLeft, viewTop, rightmostX);
+ adjustSingleSide(leftList, cx, cy, r, -1, viewWidth, viewHeight, viewLeft, viewTop, leftmostX);
+
+ for (var i = 0; i < labelLayoutList.length; i++) {
+ var layout = labelLayoutList[i];
+ if (isPositionCenter(layout)) {
+ continue;
+ }
+
+ var linePoints = layout.linePoints;
+ if (linePoints) {
+ var isAlignToEdge = layout.labelAlignTo === 'edge';
+
+ var realTextWidth = layout.textRect.width;
+ var targetTextWidth;
+ if (isAlignToEdge) {
+ if (layout.x < cx) {
+ targetTextWidth = linePoints[2][0] - layout.labelDistance
+ - viewLeft - layout.labelMargin;
+ }
+ else {
+ targetTextWidth = viewLeft + viewWidth - layout.labelMargin
+ - linePoints[2][0] - layout.labelDistance;
+ }
+ }
+ else {
+ if (layout.x < cx) {
+ targetTextWidth = layout.x - viewLeft - layout.bleedMargin;
+ }
+ else {
+ targetTextWidth = viewLeft + viewWidth - layout.x - layout.bleedMargin;
+ }
+ }
+ if (targetTextWidth < layout.textRect.width) {
+ layout.text = truncateText(layout.text, targetTextWidth, layout.font);
+ if (layout.labelAlignTo === 'edge') {
+ realTextWidth = getWidth(layout.text, layout.font);
+ }
+ }
+
+ var dist = linePoints[1][0] - linePoints[2][0];
+ if (isAlignToEdge) {
+ if (layout.x < cx) {
+ linePoints[2][0] = viewLeft + layout.labelMargin + realTextWidth + layout.labelDistance;
+ }
+ else {
+ linePoints[2][0] = viewLeft + viewWidth - layout.labelMargin
+ - realTextWidth - layout.labelDistance;
+ }
+ }
+ else {
+ if (layout.x < cx) {
+ linePoints[2][0] = layout.x + layout.labelDistance;
+ }
+ else {
+ linePoints[2][0] = layout.x - layout.labelDistance;
+ }
+ linePoints[1][0] = linePoints[2][0] + dist;
+ }
+ linePoints[1][1] = linePoints[2][1] = layout.y;
+ }
+ }
+}
+
+function isPositionCenter(layout) {
+ // Not change x for center label
+ return layout.position === 'center';
+}
+
+var labelLayout = function (seriesModel, r, viewWidth, viewHeight, viewLeft, viewTop) {
+ var data = seriesModel.getData();
+ var labelLayoutList = [];
+ var cx;
+ var cy;
+ var hasLabelRotate = false;
+ var minShowLabelRadian = (seriesModel.get('minShowLabelAngle') || 0) * RADIAN$1;
+
+ data.each(function (idx) {
+ var layout = data.getItemLayout(idx);
+
+ var itemModel = data.getItemModel(idx);
+ var labelModel = itemModel.getModel('label');
+ // Use position in normal or emphasis
+ var labelPosition = labelModel.get('position') || itemModel.get('emphasis.label.position');
+ var labelDistance = labelModel.get('distanceToLabelLine');
+ var labelAlignTo = labelModel.get('alignTo');
+ var labelMargin = parsePercent$1(labelModel.get('margin'), viewWidth);
+ var bleedMargin = labelModel.get('bleedMargin');
+ var font = labelModel.getFont();
+
+ var labelLineModel = itemModel.getModel('labelLine');
+ var labelLineLen = labelLineModel.get('length');
+ labelLineLen = parsePercent$1(labelLineLen, viewWidth);
+ var labelLineLen2 = labelLineModel.get('length2');
+ labelLineLen2 = parsePercent$1(labelLineLen2, viewWidth);
+
+ if (layout.angle < minShowLabelRadian) {
+ return;
+ }
+
+ var midAngle = (layout.startAngle + layout.endAngle) / 2;
+ var dx = Math.cos(midAngle);
+ var dy = Math.sin(midAngle);
+
+ var textX;
+ var textY;
+ var linePoints;
+ var textAlign;
+
+ cx = layout.cx;
+ cy = layout.cy;
+
+ var text = seriesModel.getFormattedLabel(idx, 'normal')
+ || data.getName(idx);
+ var textRect = getBoundingRect(
+ text, font, textAlign, 'top'
+ );
+
+ var isLabelInside = labelPosition === 'inside' || labelPosition === 'inner';
+ if (labelPosition === 'center') {
+ textX = layout.cx;
+ textY = layout.cy;
+ textAlign = 'center';
+ }
+ else {
+ var x1 = (isLabelInside ? (layout.r + layout.r0) / 2 * dx : layout.r * dx) + cx;
+ var y1 = (isLabelInside ? (layout.r + layout.r0) / 2 * dy : layout.r * dy) + cy;
+
+ textX = x1 + dx * 3;
+ textY = y1 + dy * 3;
+
+ if (!isLabelInside) {
+ // For roseType
+ var x2 = x1 + dx * (labelLineLen + r - layout.r);
+ var y2 = y1 + dy * (labelLineLen + r - layout.r);
+ var x3 = x2 + ((dx < 0 ? -1 : 1) * labelLineLen2);
+ var y3 = y2;
+
+ if (labelAlignTo === 'edge') {
+ // Adjust textX because text align of edge is opposite
+ textX = dx < 0
+ ? viewLeft + labelMargin
+ : viewLeft + viewWidth - labelMargin;
+ }
+ else {
+ textX = x3 + (dx < 0 ? -labelDistance : labelDistance);
+ }
+ textY = y3;
+ linePoints = [[x1, y1], [x2, y2], [x3, y3]];
+ }
+
+ textAlign = isLabelInside
+ ? 'center'
+ : (labelAlignTo === 'edge'
+ ? (dx > 0 ? 'right' : 'left')
+ : (dx > 0 ? 'left' : 'right'));
+ }
+
+ var labelRotate;
+ var rotate = labelModel.get('rotate');
+ if (typeof rotate === 'number') {
+ labelRotate = rotate * (Math.PI / 180);
+ }
+ else {
+ labelRotate = rotate
+ ? (dx < 0 ? -midAngle + Math.PI : -midAngle)
+ : 0;
+ }
+
+ hasLabelRotate = !!labelRotate;
+ layout.label = {
+ x: textX,
+ y: textY,
+ position: labelPosition,
+ height: textRect.height,
+ len: labelLineLen,
+ len2: labelLineLen2,
+ linePoints: linePoints,
+ textAlign: textAlign,
+ verticalAlign: 'middle',
+ rotation: labelRotate,
+ inside: isLabelInside,
+ labelDistance: labelDistance,
+ labelAlignTo: labelAlignTo,
+ labelMargin: labelMargin,
+ bleedMargin: bleedMargin,
+ textRect: textRect,
+ text: text,
+ font: font
+ };
+
+ // Not layout the inside label
+ if (!isLabelInside) {
+ labelLayoutList.push(layout.label);
+ }
+ });
+ if (!hasLabelRotate && seriesModel.get('avoidLabelOverlap')) {
+ avoidOverlap(labelLayoutList, cx, cy, r, viewWidth, viewHeight, viewLeft, viewTop);
+ }
+};
+
+/*
+* 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.
+*/
+
+
+var PI2$4 = Math.PI * 2;
+var RADIAN = Math.PI / 180;
+
+function getViewRect(seriesModel, api) {
+ return getLayoutRect(
+ seriesModel.getBoxLayoutParams(), {
+ width: api.getWidth(),
+ height: api.getHeight()
+ }
+ );
+}
+
+var pieLayout = function (seriesType, ecModel, api, payload) {
+ ecModel.eachSeriesByType(seriesType, function (seriesModel) {
+ var data = seriesModel.getData();
+ var valueDim = data.mapDimension('value');
+ var viewRect = getViewRect(seriesModel, api);
+
+ var center = seriesModel.get('center');
+ var radius = seriesModel.get('radius');
+
+ if (!isArray(radius)) {
+ radius = [0, radius];
+ }
+ if (!isArray(center)) {
+ center = [center, center];
+ }
+
+ var width = parsePercent$1(viewRect.width, api.getWidth());
+ var height = parsePercent$1(viewRect.height, api.getHeight());
+ var size = Math.min(width, height);
+ var cx = parsePercent$1(center[0], width) + viewRect.x;
+ var cy = parsePercent$1(center[1], height) + viewRect.y;
+ var r0 = parsePercent$1(radius[0], size / 2);
+ var r = parsePercent$1(radius[1], size / 2);
+
+ var startAngle = -seriesModel.get('startAngle') * RADIAN;
+
+ var minAngle = seriesModel.get('minAngle') * RADIAN;
+
+ var validDataCount = 0;
+ data.each(valueDim, function (value) {
+ !isNaN(value) && validDataCount++;
+ });
+
+ var sum = data.getSum(valueDim);
+ // Sum may be 0
+ var unitRadian = Math.PI / (sum || validDataCount) * 2;
+
+ var clockwise = seriesModel.get('clockwise');
+
+ var roseType = seriesModel.get('roseType');
+ var stillShowZeroSum = seriesModel.get('stillShowZeroSum');
+
+ // [0...max]
+ var extent = data.getDataExtent(valueDim);
+ extent[0] = 0;
+
+ // In the case some sector angle is smaller than minAngle
+ var restAngle = PI2$4;
+ var valueSumLargerThanMinAngle = 0;
+
+ var currentAngle = startAngle;
+ var dir = clockwise ? 1 : -1;
+
+ data.each(valueDim, function (value, idx) {
+ var angle;
+ if (isNaN(value)) {
+ data.setItemLayout(idx, {
+ angle: NaN,
+ startAngle: NaN,
+ endAngle: NaN,
+ clockwise: clockwise,
+ cx: cx,
+ cy: cy,
+ r0: r0,
+ r: roseType
+ ? NaN
+ : r,
+ viewRect: viewRect
+ });
+ return;
+ }
+
+ // FIXME 鍏煎 2.0 浣嗘槸 roseType 鏄� area 鐨勬椂鍊欐墠鏄繖鏍凤紵
+ if (roseType !== 'area') {
+ angle = (sum === 0 && stillShowZeroSum)
+ ? unitRadian : (value * unitRadian);
+ }
+ else {
+ angle = PI2$4 / validDataCount;
+ }
+
+ if (angle < minAngle) {
+ angle = minAngle;
+ restAngle -= minAngle;
+ }
+ else {
+ valueSumLargerThanMinAngle += value;
+ }
+
+ var endAngle = currentAngle + dir * angle;
+ data.setItemLayout(idx, {
+ angle: angle,
+ startAngle: currentAngle,
+ endAngle: endAngle,
+ clockwise: clockwise,
+ cx: cx,
+ cy: cy,
+ r0: r0,
+ r: roseType
+ ? linearMap(value, extent, [r0, r])
+ : r,
+ viewRect: viewRect
+ });
+
+ currentAngle = endAngle;
+ });
+
+ // Some sector is constrained by minAngle
+ // Rest sectors needs recalculate angle
+ if (restAngle < PI2$4 && validDataCount) {
+ // Average the angle if rest angle is not enough after all angles is
+ // Constrained by minAngle
+ if (restAngle <= 1e-3) {
+ var angle = PI2$4 / validDataCount;
+ data.each(valueDim, function (value, idx) {
+ if (!isNaN(value)) {
+ var layout = data.getItemLayout(idx);
+ layout.angle = angle;
+ layout.startAngle = startAngle + dir * idx * angle;
+ layout.endAngle = startAngle + dir * (idx + 1) * angle;
+ }
+ });
+ }
+ else {
+ unitRadian = restAngle / valueSumLargerThanMinAngle;
+ currentAngle = startAngle;
+ data.each(valueDim, function (value, idx) {
+ if (!isNaN(value)) {
+ var layout = data.getItemLayout(idx);
+ var angle = layout.angle === minAngle
+ ? minAngle : value * unitRadian;
+ layout.startAngle = currentAngle;
+ layout.endAngle = currentAngle + dir * angle;
+ currentAngle += dir * angle;
+ }
+ });
+ }
+ }
+
+ labelLayout(seriesModel, r, viewRect.width, viewRect.height, viewRect.x, viewRect.y);
+ });
+};
+
+/*
+* 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.
+*/
+
+var dataFilter = function (seriesType) {
+ return {
+ seriesType: seriesType,
+ reset: function (seriesModel, ecModel) {
+ var legendModels = ecModel.findComponents({
+ mainType: 'legend'
+ });
+ if (!legendModels || !legendModels.length) {
+ return;
+ }
+ var data = seriesModel.getData();
+ data.filterSelf(function (idx) {
+ var name = data.getName(idx);
+ // If in any legend component the status is not selected.
+ for (var i = 0; i < legendModels.length; i++) {
+ if (!legendModels[i].isSelected(name)) {
+ return false;
+ }
+ }
+ return true;
+ });
+ }
+ };
+};
+
+/*
+* 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.
+*/
+
+createDataSelectAction('pie', [{
+ type: 'pieToggleSelect',
+ event: 'pieselectchanged',
+ method: 'toggleSelected'
+}, {
+ type: 'pieSelect',
+ event: 'pieselected',
+ method: 'select'
+}, {
+ type: 'pieUnSelect',
+ event: 'pieunselected',
+ method: 'unSelect'
+}]);
+
+registerVisual(dataColor('pie'));
+registerLayout(curry(pieLayout, 'pie'));
+registerProcessor(dataFilter('pie'));
+
+/*
+* 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.
+*/
+
+SeriesModel.extend({
+
+ type: 'series.scatter',
+
+ dependencies: ['grid', 'polar', 'geo', 'singleAxis', 'calendar'],
+
+ getInitialData: function (option, ecModel) {
+ return createListFromArray(this.getSource(), this, {useEncodeDefaulter: true});
+ },
+
+ brushSelector: 'point',
+
+ getProgressive: function () {
+ var progressive = this.option.progressive;
+ if (progressive == null) {
+ // PENDING
+ return this.option.large ? 5e3 : this.get('progressive');
+ }
+ return progressive;
+ },
+
+ getProgressiveThreshold: function () {
+ var progressiveThreshold = this.option.progressiveThreshold;
+ if (progressiveThreshold == null) {
+ // PENDING
+ return this.option.large ? 1e4 : this.get('progressiveThreshold');
+ }
+ return progressiveThreshold;
+ },
+
+ defaultOption: {
+ coordinateSystem: 'cartesian2d',
+ zlevel: 0,
+ z: 2,
+ legendHoverLink: true,
+
+ hoverAnimation: true,
+ // Cartesian coordinate system
+ // xAxisIndex: 0,
+ // yAxisIndex: 0,
+
+ // Polar coordinate system
+ // polarIndex: 0,
+
+ // Geo coordinate system
+ // geoIndex: 0,
+
+ // symbol: null, // 鍥惧舰绫诲瀷
+ symbolSize: 10, // 鍥惧舰澶у皬锛屽崐瀹斤紙鍗婂緞锛夊弬鏁帮紝褰撳浘褰负鏂瑰悜鎴栬彵褰㈠垯鎬诲搴︿负symbolSize * 2
+ // symbolRotate: null, // 鍥惧舰鏃嬭浆鎺у埗
+
+ large: false,
+ // Available when large is true
+ largeThreshold: 2000,
+ // cursor: null,
+
+ // label: {
+ // show: false
+ // distance: 5,
+ // formatter: 鏍囩鏂囨湰鏍煎紡鍣紝鍚孴ooltip.formatter锛屼笉鏀寔寮傛鍥炶皟
+ // position: 榛樿鑷�傚簲锛屾按骞冲竷灞�涓�'top'锛屽瀭鐩村竷灞�涓�'right'锛屽彲閫変负
+ // 'inside'|'left'|'right'|'top'|'bottom'
+ // 榛樿浣跨敤鍏ㄥ眬鏂囨湰鏍峰紡锛岃瑙乀EXTSTYLE
+ // },
+ itemStyle: {
+ opacity: 0.8
+ // color: 鍚勫紓
+ },
+
+ // If clip the overflow graphics
+ // Works on cartesian / polar series
+ clip: true
+
+ // progressive: null
+ }
+
+});
+
+/*
+* 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.
+*/
+
+/* global Float32Array */
+
+// TODO Batch by color
+
+var BOOST_SIZE_THRESHOLD = 4;
+
+var LargeSymbolPath = extendShape({
+
+ shape: {
+ points: null
+ },
+
+ symbolProxy: null,
+
+ softClipShape: null,
+
+ buildPath: function (path, shape) {
+ var points = shape.points;
+ var size = shape.size;
+
+ var symbolProxy = this.symbolProxy;
+ var symbolProxyShape = symbolProxy.shape;
+ var ctx = path.getContext ? path.getContext() : path;
+ var canBoost = ctx && size[0] < BOOST_SIZE_THRESHOLD;
+
+ // Do draw in afterBrush.
+ if (canBoost) {
+ return;
+ }
+
+ for (var i = 0; i < points.length;) {
+ var x = points[i++];
+ var y = points[i++];
+
+ if (isNaN(x) || isNaN(y)) {
+ continue;
+ }
+ if (this.softClipShape && !this.softClipShape.contain(x, y)) {
+ continue;
+ }
+
+ symbolProxyShape.x = x - size[0] / 2;
+ symbolProxyShape.y = y - size[1] / 2;
+ symbolProxyShape.width = size[0];
+ symbolProxyShape.height = size[1];
+
+ symbolProxy.buildPath(path, symbolProxyShape, true);
+ }
+ },
+
+ afterBrush: function (ctx) {
+ var shape = this.shape;
+ var points = shape.points;
+ var size = shape.size;
+ var canBoost = size[0] < BOOST_SIZE_THRESHOLD;
+
+ if (!canBoost) {
+ return;
+ }
+
+ this.setTransform(ctx);
+ // PENDING If style or other canvas status changed?
+ for (var i = 0; i < points.length;) {
+ var x = points[i++];
+ var y = points[i++];
+ if (isNaN(x) || isNaN(y)) {
+ continue;
+ }
+ if (this.softClipShape && !this.softClipShape.contain(x, y)) {
+ continue;
+ }
+ // fillRect is faster than building a rect path and draw.
+ // And it support light globalCompositeOperation.
+ ctx.fillRect(
+ x - size[0] / 2, y - size[1] / 2,
+ size[0], size[1]
+ );
+ }
+
+ this.restoreTransform(ctx);
+ },
+
+ findDataIndex: function (x, y) {
+ // TODO ???
+ // Consider transform
+
+ var shape = this.shape;
+ var points = shape.points;
+ var size = shape.size;
+
+ var w = Math.max(size[0], 4);
+ var h = Math.max(size[1], 4);
+
+ // Not consider transform
+ // Treat each element as a rect
+ // top down traverse
+ for (var idx = points.length / 2 - 1; idx >= 0; idx--) {
+ var i = idx * 2;
+ var x0 = points[i] - w / 2;
+ var y0 = points[i + 1] - h / 2;
+ if (x >= x0 && y >= y0 && x <= x0 + w && y <= y0 + h) {
+ return idx;
+ }
+ }
+
+ return -1;
+ }
+});
+
+function LargeSymbolDraw() {
+ this.group = new Group();
+}
+
+var largeSymbolProto = LargeSymbolDraw.prototype;
+
+largeSymbolProto.isPersistent = function () {
+ return !this._incremental;
+};
+
+/**
+ * Update symbols draw by new data
+ * @param {module:echarts/data/List} data
+ * @param {Object} opt
+ * @param {Object} [opt.clipShape]
+ */
+largeSymbolProto.updateData = function (data, opt) {
+ this.group.removeAll();
+ var symbolEl = new LargeSymbolPath({
+ rectHover: true,
+ cursor: 'default'
+ });
+
+ symbolEl.setShape({
+ points: data.getLayout('symbolPoints')
+ });
+ this._setCommon(symbolEl, data, false, opt);
+ this.group.add(symbolEl);
+
+ this._incremental = null;
+};
+
+largeSymbolProto.updateLayout = function (data) {
+ if (this._incremental) {
+ return;
+ }
+
+ var points = data.getLayout('symbolPoints');
+ this.group.eachChild(function (child) {
+ if (child.startIndex != null) {
+ var len = (child.endIndex - child.startIndex) * 2;
+ var byteOffset = child.startIndex * 4 * 2;
+ points = new Float32Array(points.buffer, byteOffset, len);
+ }
+ child.setShape('points', points);
+ });
+};
+
+largeSymbolProto.incrementalPrepareUpdate = function (data) {
+ this.group.removeAll();
+
+ this._clearIncremental();
+ // Only use incremental displayables when data amount is larger than 2 million.
+ // PENDING Incremental data?
+ if (data.count() > 2e6) {
+ if (!this._incremental) {
+ this._incremental = new IncrementalDisplayble({
+ silent: true
+ });
+ }
+ this.group.add(this._incremental);
+ }
+ else {
+ this._incremental = null;
+ }
+};
+
+largeSymbolProto.incrementalUpdate = function (taskParams, data, opt) {
+ var symbolEl;
+ if (this._incremental) {
+ symbolEl = new LargeSymbolPath();
+ this._incremental.addDisplayable(symbolEl, true);
+ }
+ else {
+ symbolEl = new LargeSymbolPath({
+ rectHover: true,
+ cursor: 'default',
+ startIndex: taskParams.start,
+ endIndex: taskParams.end
+ });
+ symbolEl.incremental = true;
+ this.group.add(symbolEl);
+ }
+
+ symbolEl.setShape({
+ points: data.getLayout('symbolPoints')
+ });
+ this._setCommon(symbolEl, data, !!this._incremental, opt);
+};
+
+largeSymbolProto._setCommon = function (symbolEl, data, isIncremental, opt) {
+ var hostModel = data.hostModel;
+
+ opt = opt || {};
+ // TODO
+ // if (data.hasItemVisual.symbolSize) {
+ // // TODO typed array?
+ // symbolEl.setShape('sizes', data.mapArray(
+ // function (idx) {
+ // var size = data.getItemVisual(idx, 'symbolSize');
+ // return (size instanceof Array) ? size : [size, size];
+ // }
+ // ));
+ // }
+ // else {
+ var size = data.getVisual('symbolSize');
+ symbolEl.setShape('size', (size instanceof Array) ? size : [size, size]);
+ // }
+
+ symbolEl.softClipShape = opt.clipShape || null;
+ // Create symbolProxy to build path for each data
+ symbolEl.symbolProxy = createSymbol(
+ data.getVisual('symbol'), 0, 0, 0, 0
+ );
+ // Use symbolProxy setColor method
+ symbolEl.setColor = symbolEl.symbolProxy.setColor;
+
+ var extrudeShadow = symbolEl.shape.size[0] < BOOST_SIZE_THRESHOLD;
+ symbolEl.useStyle(
+ // Draw shadow when doing fillRect is extremely slow.
+ hostModel.getModel('itemStyle').getItemStyle(extrudeShadow ? ['color', 'shadowBlur', 'shadowColor'] : ['color'])
+ );
+
+ var visualColor = data.getVisual('color');
+ if (visualColor) {
+ symbolEl.setColor(visualColor);
+ }
+
+ if (!isIncremental) {
+ // Enable tooltip
+ // PENDING May have performance issue when path is extremely large
+ symbolEl.seriesIndex = hostModel.seriesIndex;
+ symbolEl.on('mousemove', function (e) {
+ symbolEl.dataIndex = null;
+ var dataIndex = symbolEl.findDataIndex(e.offsetX, e.offsetY);
+ if (dataIndex >= 0) {
+ // Provide dataIndex for tooltip
+ symbolEl.dataIndex = dataIndex + (symbolEl.startIndex || 0);
+ }
+ });
+ }
+};
+
+largeSymbolProto.remove = function () {
+ this._clearIncremental();
+ this._incremental = null;
+ this.group.removeAll();
+};
+
+largeSymbolProto._clearIncremental = function () {
+ var incremental = this._incremental;
+ if (incremental) {
+ incremental.clearDisplaybles();
+ }
+};
+
+/*
+* 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.
+*/
+
+extendChartView({
+
+ type: 'scatter',
+
+ render: function (seriesModel, ecModel, api) {
+ var data = seriesModel.getData();
+
+ var symbolDraw = this._updateSymbolDraw(data, seriesModel);
+
+ symbolDraw.updateData(data, {
+ // TODO
+ // If this parameter should be a shape or a bounding volume
+ // shape will be more general.
+ // But bounding volume like bounding rect will be much faster in the contain calculation
+ clipShape: this._getClipShape(seriesModel)
+ });
+
+ this._finished = true;
+ },
+
+ incrementalPrepareRender: function (seriesModel, ecModel, api) {
+ var data = seriesModel.getData();
+ var symbolDraw = this._updateSymbolDraw(data, seriesModel);
+
+ symbolDraw.incrementalPrepareUpdate(data);
+
+ this._finished = false;
+ },
+
+ incrementalRender: function (taskParams, seriesModel, ecModel) {
+ this._symbolDraw.incrementalUpdate(taskParams, seriesModel.getData(), {
+ clipShape: this._getClipShape(seriesModel)
+ });
+
+ this._finished = taskParams.end === seriesModel.getData().count();
+ },
+
+ updateTransform: function (seriesModel, ecModel, api) {
+ var data = seriesModel.getData();
+ // Must mark group dirty and make sure the incremental layer will be cleared
+ // PENDING
+ this.group.dirty();
+
+ if (!this._finished || data.count() > 1e4 || !this._symbolDraw.isPersistent()) {
+ return {
+ update: true
+ };
+ }
+ else {
+ var res = pointsLayout().reset(seriesModel);
+ if (res.progress) {
+ res.progress({ start: 0, end: data.count() }, data);
+ }
+
+ this._symbolDraw.updateLayout(data);
+ }
+ },
+
+ _getClipShape: function (seriesModel) {
+ var coordSys = seriesModel.coordinateSystem;
+ var clipArea = coordSys && coordSys.getArea && coordSys.getArea();
+ return seriesModel.get('clip', true) ? clipArea : null;
+ },
+
+ _updateSymbolDraw: function (data, seriesModel) {
+ var symbolDraw = this._symbolDraw;
+ var pipelineContext = seriesModel.pipelineContext;
+ var isLargeDraw = pipelineContext.large;
+
+ if (!symbolDraw || isLargeDraw !== this._isLargeDraw) {
+ symbolDraw && symbolDraw.remove();
+ symbolDraw = this._symbolDraw = isLargeDraw
+ ? new LargeSymbolDraw()
+ : new SymbolDraw();
+ this._isLargeDraw = isLargeDraw;
+ this.group.removeAll();
+ }
+
+ this.group.add(symbolDraw.group);
+
+ return symbolDraw;
+ },
+
+ remove: function (ecModel, api) {
+ this._symbolDraw && this._symbolDraw.remove(true);
+ this._symbolDraw = null;
+ },
+
+ dispose: function () {}
+});
+
+/*
+* 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.
+*/
+
+// import * as zrUtil from 'zrender/src/core/util';
+
+// In case developer forget to include grid component
+registerVisual(visualSymbol('scatter', 'circle'));
+registerLayout(pointsLayout('scatter'));
+
+// echarts.registerProcessor(function (ecModel, api) {
+// ecModel.eachSeriesByType('scatter', function (seriesModel) {
+// var data = seriesModel.getData();
+// var coordSys = seriesModel.coordinateSystem;
+// if (coordSys.type !== 'geo') {
+// return;
+// }
+// var startPt = coordSys.pointToData([0, 0]);
+// var endPt = coordSys.pointToData([api.getWidth(), api.getHeight()]);
+
+// var dims = zrUtil.map(coordSys.dimensions, function (dim) {
+// return data.mapDimension(dim);
+// });
+// var range = {};
+// range[dims[0]] = [Math.min(startPt[0], endPt[0]), Math.max(startPt[0], endPt[0])];
+// range[dims[1]] = [Math.min(startPt[1], endPt[1]), Math.max(startPt[1], endPt[1])];
+
+// data.selectRange(range);
+// });
+// });
+
+/*
+* 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 IndicatorAxis(dim, scale, radiusExtent) {
+ Axis.call(this, dim, scale, radiusExtent);
+
+ /**
+ * Axis type
+ * - 'category'
+ * - 'value'
+ * - 'time'
+ * - 'log'
+ * @type {string}
+ */
+ this.type = 'value';
+
+ this.angle = 0;
+
+ /**
+ * Indicator name
+ * @type {string}
+ */
+ this.name = '';
+ /**
+ * @type {module:echarts/model/Model}
+ */
+ this.model;
+}
+
+inherits(IndicatorAxis, Axis);
+
+/*
+* 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.
+*/
+
+// TODO clockwise
+
+function Radar(radarModel, ecModel, api) {
+
+ this._model = radarModel;
+ /**
+ * Radar dimensions
+ * @type {Array.<string>}
+ */
+ this.dimensions = [];
+
+ this._indicatorAxes = map(radarModel.getIndicatorModels(), function (indicatorModel, idx) {
+ var dim = 'indicator_' + idx;
+ var indicatorAxis = new IndicatorAxis(dim,
+ (indicatorModel.get('axisType') === 'log') ? new LogScale() : new IntervalScale());
+ indicatorAxis.name = indicatorModel.get('name');
+ // Inject model and axis
+ indicatorAxis.model = indicatorModel;
+ indicatorModel.axis = indicatorAxis;
+ this.dimensions.push(dim);
+ return indicatorAxis;
+ }, this);
+
+ this.resize(radarModel, api);
+
+ /**
+ * @type {number}
+ * @readOnly
+ */
+ this.cx;
+ /**
+ * @type {number}
+ * @readOnly
+ */
+ this.cy;
+ /**
+ * @type {number}
+ * @readOnly
+ */
+ this.r;
+ /**
+ * @type {number}
+ * @readOnly
+ */
+ this.r0;
+ /**
+ * @type {number}
+ * @readOnly
+ */
+ this.startAngle;
+}
+
+Radar.prototype.getIndicatorAxes = function () {
+ return this._indicatorAxes;
+};
+
+Radar.prototype.dataToPoint = function (value, indicatorIndex) {
+ var indicatorAxis = this._indicatorAxes[indicatorIndex];
+
+ return this.coordToPoint(indicatorAxis.dataToCoord(value), indicatorIndex);
+};
+
+Radar.prototype.coordToPoint = function (coord, indicatorIndex) {
+ var indicatorAxis = this._indicatorAxes[indicatorIndex];
+ var angle = indicatorAxis.angle;
+ var x = this.cx + coord * Math.cos(angle);
+ var y = this.cy - coord * Math.sin(angle);
+ return [x, y];
+};
+
+Radar.prototype.pointToData = function (pt) {
+ var dx = pt[0] - this.cx;
+ var dy = pt[1] - this.cy;
+ var radius = Math.sqrt(dx * dx + dy * dy);
+ dx /= radius;
+ dy /= radius;
+
+ var radian = Math.atan2(-dy, dx);
+
+ // Find the closest angle
+ // FIXME index can calculated directly
+ var minRadianDiff = Infinity;
+ var closestAxis;
+ var closestAxisIdx = -1;
+ for (var i = 0; i < this._indicatorAxes.length; i++) {
+ var indicatorAxis = this._indicatorAxes[i];
+ var diff = Math.abs(radian - indicatorAxis.angle);
+ if (diff < minRadianDiff) {
+ closestAxis = indicatorAxis;
+ closestAxisIdx = i;
+ minRadianDiff = diff;
+ }
+ }
+
+ return [closestAxisIdx, +(closestAxis && closestAxis.coordToData(radius))];
+};
+
+Radar.prototype.resize = function (radarModel, api) {
+ var center = radarModel.get('center');
+ var viewWidth = api.getWidth();
+ var viewHeight = api.getHeight();
+ var viewSize = Math.min(viewWidth, viewHeight) / 2;
+ this.cx = parsePercent$1(center[0], viewWidth);
+ this.cy = parsePercent$1(center[1], viewHeight);
+
+ this.startAngle = radarModel.get('startAngle') * Math.PI / 180;
+
+ // radius may be single value like `20`, `'80%'`, or array like `[10, '80%']`
+ var radius = radarModel.get('radius');
+ if (typeof radius === 'string' || typeof radius === 'number') {
+ radius = [0, radius];
+ }
+ this.r0 = parsePercent$1(radius[0], viewSize);
+ this.r = parsePercent$1(radius[1], viewSize);
+
+ each$1(this._indicatorAxes, function (indicatorAxis, idx) {
+ indicatorAxis.setExtent(this.r0, this.r);
+ var angle = (this.startAngle + idx * Math.PI * 2 / this._indicatorAxes.length);
+ // Normalize to [-PI, PI]
+ angle = Math.atan2(Math.sin(angle), Math.cos(angle));
+ indicatorAxis.angle = angle;
+ }, this);
+};
+
+Radar.prototype.update = function (ecModel, api) {
+ var indicatorAxes = this._indicatorAxes;
+ var radarModel = this._model;
+ each$1(indicatorAxes, function (indicatorAxis) {
+ indicatorAxis.scale.setExtent(Infinity, -Infinity);
+ });
+ ecModel.eachSeriesByType('radar', function (radarSeries, idx) {
+ if (radarSeries.get('coordinateSystem') !== 'radar'
+ || ecModel.getComponent('radar', radarSeries.get('radarIndex')) !== radarModel
+ ) {
+ return;
+ }
+ var data = radarSeries.getData();
+ each$1(indicatorAxes, function (indicatorAxis) {
+ indicatorAxis.scale.unionExtentFromData(data, data.mapDimension(indicatorAxis.dim));
+ });
+ }, this);
+
+ var splitNumber = radarModel.get('splitNumber');
+
+ function increaseInterval(interval) {
+ var exp10 = Math.pow(10, Math.floor(Math.log(interval) / Math.LN10));
+ // Increase interval
+ var f = interval / exp10;
+ if (f === 2) {
+ f = 5;
+ }
+ else { // f is 2 or 5
+ f *= 2;
+ }
+ return f * exp10;
+ }
+ // Force all the axis fixing the maxSplitNumber.
+ each$1(indicatorAxes, function (indicatorAxis, idx) {
+ var rawExtent = getScaleExtent(indicatorAxis.scale, indicatorAxis.model).extent;
+ niceScaleExtent(indicatorAxis.scale, indicatorAxis.model);
+
+ var axisModel = indicatorAxis.model;
+ var scale = indicatorAxis.scale;
+ var fixedMin = axisModel.getMin();
+ var fixedMax = axisModel.getMax();
+ var interval = scale.getInterval();
+
+
+ if (fixedMin != null && fixedMax != null) {
+ // User set min, max, divide to get new interval
+ scale.setExtent(+fixedMin, +fixedMax);
+ scale.setInterval(
+ (fixedMax - fixedMin) / splitNumber
+ );
+ }
+ else if (fixedMin != null) {
+ var max;
+ // User set min, expand extent on the other side
+ do {
+ max = fixedMin + interval * splitNumber;
+ scale.setExtent(+fixedMin, max);
+ // Interval must been set after extent
+ // FIXME
+ scale.setInterval(interval);
+
+ interval = increaseInterval(interval);
+ } while (max < rawExtent[1] && isFinite(max) && isFinite(rawExtent[1]));
+ }
+ else if (fixedMax != null) {
+ var min;
+ // User set min, expand extent on the other side
+ do {
+ min = fixedMax - interval * splitNumber;
+ scale.setExtent(min, +fixedMax);
+ scale.setInterval(interval);
+ interval = increaseInterval(interval);
+ } while (min > rawExtent[0] && isFinite(min) && isFinite(rawExtent[0]));
+ }
+ else {
+ var nicedSplitNumber = scale.getTicks().length - 1;
+ if (nicedSplitNumber > splitNumber) {
+ interval = increaseInterval(interval);
+ }
+ // TODO
+ var max = Math.ceil(rawExtent[1] / interval) * interval;
+ var min = round$1(max - interval * splitNumber);
+ scale.setExtent(min, max);
+ scale.setInterval(interval);
+ }
+ });
+};
+
+/**
+ * Radar dimensions is based on the data
+ * @type {Array}
+ */
+Radar.dimensions = [];
+
+Radar.create = function (ecModel, api) {
+ var radarList = [];
+ ecModel.eachComponent('radar', function (radarModel) {
+ var radar = new Radar(radarModel, ecModel, api);
+ radarList.push(radar);
+ radarModel.coordinateSystem = radar;
+ });
+ ecModel.eachSeriesByType('radar', function (radarSeries) {
+ if (radarSeries.get('coordinateSystem') === 'radar') {
+ // Inject coordinate system
+ radarSeries.coordinateSystem = radarList[radarSeries.get('radarIndex') || 0];
+ }
+ });
+ return radarList;
+};
+
+CoordinateSystemManager.register('radar', Radar);
+
+/*
+* 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.
+*/
+
+var valueAxisDefault = axisDefault.valueAxis;
+
+function defaultsShow(opt, show) {
+ return defaults({
+ show: show
+ }, opt);
+}
+
+var RadarModel = extendComponentModel({
+
+ type: 'radar',
+
+ optionUpdated: function () {
+ var boundaryGap = this.get('boundaryGap');
+ var splitNumber = this.get('splitNumber');
+ var scale = this.get('scale');
+ var axisLine = this.get('axisLine');
+ var axisTick = this.get('axisTick');
+ var axisType = this.get('axisType');
+ var axisLabel = this.get('axisLabel');
+ var nameTextStyle = this.get('name');
+ var showName = this.get('name.show');
+ var nameFormatter = this.get('name.formatter');
+ var nameGap = this.get('nameGap');
+ var triggerEvent = this.get('triggerEvent');
+
+ var indicatorModels = map(this.get('indicator') || [], function (indicatorOpt) {
+ // PENDING
+ if (indicatorOpt.max != null && indicatorOpt.max > 0 && !indicatorOpt.min) {
+ indicatorOpt.min = 0;
+ }
+ else if (indicatorOpt.min != null && indicatorOpt.min < 0 && !indicatorOpt.max) {
+ indicatorOpt.max = 0;
+ }
+ var iNameTextStyle = nameTextStyle;
+ if (indicatorOpt.color != null) {
+ iNameTextStyle = defaults({color: indicatorOpt.color}, nameTextStyle);
+ }
+ // Use same configuration
+ indicatorOpt = merge(clone(indicatorOpt), {
+ boundaryGap: boundaryGap,
+ splitNumber: splitNumber,
+ scale: scale,
+ axisLine: axisLine,
+ axisTick: axisTick,
+ axisType: axisType,
+ axisLabel: axisLabel,
+ // Compatible with 2 and use text
+ name: indicatorOpt.text,
+ nameLocation: 'end',
+ nameGap: nameGap,
+ // min: 0,
+ nameTextStyle: iNameTextStyle,
+ triggerEvent: triggerEvent
+ }, false);
+ if (!showName) {
+ indicatorOpt.name = '';
+ }
+ if (typeof nameFormatter === 'string') {
+ var indName = indicatorOpt.name;
+ indicatorOpt.name = nameFormatter.replace('{value}', indName != null ? indName : '');
+ }
+ else if (typeof nameFormatter === 'function') {
+ indicatorOpt.name = nameFormatter(
+ indicatorOpt.name, indicatorOpt
+ );
+ }
+ var model = extend(
+ new Model(indicatorOpt, null, this.ecModel),
+ axisModelCommonMixin
+ );
+
+ // For triggerEvent.
+ model.mainType = 'radar';
+ model.componentIndex = this.componentIndex;
+
+ return model;
+ }, this);
+
+ this.getIndicatorModels = function () {
+ return indicatorModels;
+ };
+ },
+
+ defaultOption: {
+
+ zlevel: 0,
+
+ z: 0,
+
+ center: ['50%', '50%'],
+
+ radius: '75%',
+
+ startAngle: 90,
+
+ name: {
+ show: true
+ // formatter: null
+ // textStyle: {}
+ },
+
+ boundaryGap: [0, 0],
+
+ splitNumber: 5,
+
+ nameGap: 15,
+
+ scale: false,
+
+ // Polygon or circle
+ shape: 'polygon',
+
+ axisLine: merge(
+ {
+ lineStyle: {
+ color: '#bbb'
+ }
+ },
+ valueAxisDefault.axisLine
+ ),
+ axisLabel: defaultsShow(valueAxisDefault.axisLabel, false),
+ axisTick: defaultsShow(valueAxisDefault.axisTick, false),
+ axisType: 'interval',
+ splitLine: defaultsShow(valueAxisDefault.splitLine, true),
+ splitArea: defaultsShow(valueAxisDefault.splitArea, true),
+
+ // {text, min, max}
+ indicator: []
+ }
+});
+
+/*
+* 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.
+*/
+
+var axisBuilderAttrs$1 = [
+ 'axisLine', 'axisTickLabel', 'axisName'
+];
+
+extendComponentView({
+
+ type: 'radar',
+
+ render: function (radarModel, ecModel, api) {
+ var group = this.group;
+ group.removeAll();
+
+ this._buildAxes(radarModel);
+ this._buildSplitLineAndArea(radarModel);
+ },
+
+ _buildAxes: function (radarModel) {
+ var radar = radarModel.coordinateSystem;
+ var indicatorAxes = radar.getIndicatorAxes();
+ var axisBuilders = map(indicatorAxes, function (indicatorAxis) {
+ var axisBuilder = new AxisBuilder(indicatorAxis.model, {
+ position: [radar.cx, radar.cy],
+ rotation: indicatorAxis.angle,
+ labelDirection: -1,
+ tickDirection: -1,
+ nameDirection: 1
+ });
+ return axisBuilder;
+ });
+
+ each$1(axisBuilders, function (axisBuilder) {
+ each$1(axisBuilderAttrs$1, axisBuilder.add, axisBuilder);
+ this.group.add(axisBuilder.getGroup());
+ }, this);
+ },
+
+ _buildSplitLineAndArea: function (radarModel) {
+ var radar = radarModel.coordinateSystem;
+ var indicatorAxes = radar.getIndicatorAxes();
+ if (!indicatorAxes.length) {
+ return;
+ }
+ var shape = radarModel.get('shape');
+ var splitLineModel = radarModel.getModel('splitLine');
+ var splitAreaModel = radarModel.getModel('splitArea');
+ var lineStyleModel = splitLineModel.getModel('lineStyle');
+ var areaStyleModel = splitAreaModel.getModel('areaStyle');
+
+ var showSplitLine = splitLineModel.get('show');
+ var showSplitArea = splitAreaModel.get('show');
+ var splitLineColors = lineStyleModel.get('color');
+ var splitAreaColors = areaStyleModel.get('color');
+
+ splitLineColors = isArray(splitLineColors) ? splitLineColors : [splitLineColors];
+ splitAreaColors = isArray(splitAreaColors) ? splitAreaColors : [splitAreaColors];
+
+ var splitLines = [];
+ var splitAreas = [];
+
+ function getColorIndex(areaOrLine, areaOrLineColorList, idx) {
+ var colorIndex = idx % areaOrLineColorList.length;
+ areaOrLine[colorIndex] = areaOrLine[colorIndex] || [];
+ return colorIndex;
+ }
+
+ if (shape === 'circle') {
+ var ticksRadius = indicatorAxes[0].getTicksCoords();
+ var cx = radar.cx;
+ var cy = radar.cy;
+ for (var i = 0; i < ticksRadius.length; i++) {
+ if (showSplitLine) {
+ var colorIndex = getColorIndex(splitLines, splitLineColors, i);
+ splitLines[colorIndex].push(new Circle({
+ shape: {
+ cx: cx,
+ cy: cy,
+ r: ticksRadius[i].coord
+ }
+ }));
+ }
+ if (showSplitArea && i < ticksRadius.length - 1) {
+ var colorIndex = getColorIndex(splitAreas, splitAreaColors, i);
+ splitAreas[colorIndex].push(new Ring({
+ shape: {
+ cx: cx,
+ cy: cy,
+ r0: ticksRadius[i].coord,
+ r: ticksRadius[i + 1].coord
+ }
+ }));
+ }
+ }
+ }
+ // Polyyon
+ else {
+ var realSplitNumber;
+ var axesTicksPoints = map(indicatorAxes, function (indicatorAxis, idx) {
+ var ticksCoords = indicatorAxis.getTicksCoords();
+ realSplitNumber = realSplitNumber == null
+ ? ticksCoords.length - 1
+ : Math.min(ticksCoords.length - 1, realSplitNumber);
+ return map(ticksCoords, function (tickCoord) {
+ return radar.coordToPoint(tickCoord.coord, idx);
+ });
+ });
+
+ var prevPoints = [];
+ for (var i = 0; i <= realSplitNumber; i++) {
+ var points = [];
+ for (var j = 0; j < indicatorAxes.length; j++) {
+ points.push(axesTicksPoints[j][i]);
+ }
+ // Close
+ if (points[0]) {
+ points.push(points[0].slice());
+ }
+ else {
+ if (__DEV__) {
+ console.error('Can\'t draw value axis ' + i);
+ }
+ }
+
+ if (showSplitLine) {
+ var colorIndex = getColorIndex(splitLines, splitLineColors, i);
+ splitLines[colorIndex].push(new Polyline({
+ shape: {
+ points: points
+ }
+ }));
+ }
+ if (showSplitArea && prevPoints) {
+ var colorIndex = getColorIndex(splitAreas, splitAreaColors, i - 1);
+ splitAreas[colorIndex].push(new Polygon({
+ shape: {
+ points: points.concat(prevPoints)
+ }
+ }));
+ }
+ prevPoints = points.slice().reverse();
+ }
+ }
+
+ var lineStyle = lineStyleModel.getLineStyle();
+ var areaStyle = areaStyleModel.getAreaStyle();
+ // Add splitArea before splitLine
+ each$1(splitAreas, function (splitAreas, idx) {
+ this.group.add(mergePath(
+ splitAreas, {
+ style: defaults({
+ stroke: 'none',
+ fill: splitAreaColors[idx % splitAreaColors.length]
+ }, areaStyle),
+ silent: true
+ }
+ ));
+ }, this);
+
+ each$1(splitLines, function (splitLines, idx) {
+ this.group.add(mergePath(
+ splitLines, {
+ style: defaults({
+ fill: 'none',
+ stroke: splitLineColors[idx % splitLineColors.length]
+ }, lineStyle),
+ silent: true
+ }
+ ));
+ }, this);
+
+ }
+});
+
+/*
+* 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.
+*/
+
+/*
+* 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.
+*/
+
+var RadarSeries = SeriesModel.extend({
+
+ type: 'series.radar',
+
+ dependencies: ['radar'],
+
+
+ // Overwrite
+ init: function (option) {
+ RadarSeries.superApply(this, 'init', arguments);
+
+ // Enable legend selection for each data item
+ // Use a function instead of direct access because data reference may changed
+ this.legendVisualProvider = new LegendVisualProvider(
+ bind(this.getData, this), bind(this.getRawData, this)
+ );
+
+ },
+
+ getInitialData: function (option, ecModel) {
+ return createListSimply(this, {
+ generateCoord: 'indicator_',
+ generateCoordCount: Infinity
+ });
+ },
+
+ formatTooltip: function (dataIndex) {
+ var data = this.getData();
+ var coordSys = this.coordinateSystem;
+ var indicatorAxes = coordSys.getIndicatorAxes();
+ var name = this.getData().getName(dataIndex);
+ return encodeHTML(name === '' ? this.name : name) + '<br/>'
+ + map(indicatorAxes, function (axis, idx) {
+ var val = data.get(data.mapDimension(axis.dim), dataIndex);
+ return encodeHTML(axis.name + ' : ' + val);
+ }).join('<br />');
+ },
+
+ /**
+ * @implement
+ */
+ getTooltipPosition: function (dataIndex) {
+ if (dataIndex != null) {
+ var data = this.getData();
+ var coordSys = this.coordinateSystem;
+ var values = data.getValues(
+ map(coordSys.dimensions, function (dim) {
+ return data.mapDimension(dim);
+ }), dataIndex, true
+ );
+
+ for (var i = 0, len = values.length; i < len; i++) {
+ if (!isNaN(values[i])) {
+ var indicatorAxes = coordSys.getIndicatorAxes();
+ return coordSys.coordToPoint(indicatorAxes[i].dataToCoord(values[i]), i);
+ }
+ }
+ }
+ },
+
+ defaultOption: {
+ zlevel: 0,
+ z: 2,
+ coordinateSystem: 'radar',
+ legendHoverLink: true,
+ radarIndex: 0,
+ lineStyle: {
+ width: 2,
+ type: 'solid'
+ },
+ label: {
+ position: 'top'
+ },
+ // areaStyle: {
+ // },
+ // itemStyle: {}
+ symbol: 'emptyCircle',
+ symbolSize: 4
+ // symbolRotate: null
+ }
+});
+
+/*
+* 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 normalizeSymbolSize(symbolSize) {
+ if (!isArray(symbolSize)) {
+ symbolSize = [+symbolSize, +symbolSize];
+ }
+ return symbolSize;
+}
+
+extendChartView({
+
+ type: 'radar',
+
+ render: function (seriesModel, ecModel, api) {
+ var polar = seriesModel.coordinateSystem;
+ var group = this.group;
+
+ var data = seriesModel.getData();
+ var oldData = this._data;
+
+ function createSymbol$$1(data, idx) {
+ var symbolType = data.getItemVisual(idx, 'symbol') || 'circle';
+ var color = data.getItemVisual(idx, 'color');
+ if (symbolType === 'none') {
+ return;
+ }
+ var symbolSize = normalizeSymbolSize(
+ data.getItemVisual(idx, 'symbolSize')
+ );
+ var symbolPath = createSymbol(
+ symbolType, -1, -1, 2, 2, color
+ );
+ symbolPath.attr({
+ style: {
+ strokeNoScale: true
+ },
+ z2: 100,
+ scale: [symbolSize[0] / 2, symbolSize[1] / 2]
+ });
+ return symbolPath;
+ }
+
+ function updateSymbols(oldPoints, newPoints, symbolGroup, data, idx, isInit) {
+ // Simply rerender all
+ symbolGroup.removeAll();
+ for (var i = 0; i < newPoints.length - 1; i++) {
+ var symbolPath = createSymbol$$1(data, idx);
+ if (symbolPath) {
+ symbolPath.__dimIdx = i;
+ if (oldPoints[i]) {
+ symbolPath.attr('position', oldPoints[i]);
+ graphic[isInit ? 'initProps' : 'updateProps'](
+ symbolPath, {
+ position: newPoints[i]
+ }, seriesModel, idx
+ );
+ }
+ else {
+ symbolPath.attr('position', newPoints[i]);
+ }
+ symbolGroup.add(symbolPath);
+ }
+ }
+ }
+
+ function getInitialPoints(points) {
+ return map(points, function (pt) {
+ return [polar.cx, polar.cy];
+ });
+ }
+ data.diff(oldData)
+ .add(function (idx) {
+ var points = data.getItemLayout(idx);
+ if (!points) {
+ return;
+ }
+ var polygon = new Polygon();
+ var polyline = new Polyline();
+ var target = {
+ shape: {
+ points: points
+ }
+ };
+
+ polygon.shape.points = getInitialPoints(points);
+ polyline.shape.points = getInitialPoints(points);
+ initProps(polygon, target, seriesModel, idx);
+ initProps(polyline, target, seriesModel, idx);
+
+ var itemGroup = new Group();
+ var symbolGroup = new Group();
+ itemGroup.add(polyline);
+ itemGroup.add(polygon);
+ itemGroup.add(symbolGroup);
+
+ updateSymbols(
+ polyline.shape.points, points, symbolGroup, data, idx, true
+ );
+
+ data.setItemGraphicEl(idx, itemGroup);
+ })
+ .update(function (newIdx, oldIdx) {
+ var itemGroup = oldData.getItemGraphicEl(oldIdx);
+ var polyline = itemGroup.childAt(0);
+ var polygon = itemGroup.childAt(1);
+ var symbolGroup = itemGroup.childAt(2);
+ var target = {
+ shape: {
+ points: data.getItemLayout(newIdx)
+ }
+ };
+
+ if (!target.shape.points) {
+ return;
+ }
+ updateSymbols(
+ polyline.shape.points, target.shape.points, symbolGroup, data, newIdx, false
+ );
+
+ updateProps(polyline, target, seriesModel);
+ updateProps(polygon, target, seriesModel);
+
+ data.setItemGraphicEl(newIdx, itemGroup);
+ })
+ .remove(function (idx) {
+ group.remove(oldData.getItemGraphicEl(idx));
+ })
+ .execute();
+
+ data.eachItemGraphicEl(function (itemGroup, idx) {
+ var itemModel = data.getItemModel(idx);
+ var polyline = itemGroup.childAt(0);
+ var polygon = itemGroup.childAt(1);
+ var symbolGroup = itemGroup.childAt(2);
+ var color = data.getItemVisual(idx, 'color');
+
+ group.add(itemGroup);
+
+ polyline.useStyle(
+ defaults(
+ itemModel.getModel('lineStyle').getLineStyle(),
+ {
+ fill: 'none',
+ stroke: color
+ }
+ )
+ );
+ polyline.hoverStyle = itemModel.getModel('emphasis.lineStyle').getLineStyle();
+
+ var areaStyleModel = itemModel.getModel('areaStyle');
+ var hoverAreaStyleModel = itemModel.getModel('emphasis.areaStyle');
+ var polygonIgnore = areaStyleModel.isEmpty() && areaStyleModel.parentModel.isEmpty();
+ var hoverPolygonIgnore = hoverAreaStyleModel.isEmpty() && hoverAreaStyleModel.parentModel.isEmpty();
+
+ hoverPolygonIgnore = hoverPolygonIgnore && polygonIgnore;
+ polygon.ignore = polygonIgnore;
+
+ polygon.useStyle(
+ defaults(
+ areaStyleModel.getAreaStyle(),
+ {
+ fill: color,
+ opacity: 0.7
+ }
+ )
+ );
+ polygon.hoverStyle = hoverAreaStyleModel.getAreaStyle();
+
+ var itemStyle = itemModel.getModel('itemStyle').getItemStyle(['color']);
+ var itemHoverStyle = itemModel.getModel('emphasis.itemStyle').getItemStyle();
+ var labelModel = itemModel.getModel('label');
+ var labelHoverModel = itemModel.getModel('emphasis.label');
+ symbolGroup.eachChild(function (symbolPath) {
+ symbolPath.setStyle(itemStyle);
+ symbolPath.hoverStyle = clone(itemHoverStyle);
+ var defaultText = data.get(data.dimensions[symbolPath.__dimIdx], idx);
+ (defaultText == null || isNaN(defaultText)) && (defaultText = '');
+
+ setLabelStyle(
+ symbolPath.style, symbolPath.hoverStyle, labelModel, labelHoverModel,
+ {
+ labelFetcher: data.hostModel,
+ labelDataIndex: idx,
+ labelDimIndex: symbolPath.__dimIdx,
+ defaultText: defaultText,
+ autoColor: color,
+ isRectText: true
+ }
+ );
+ });
+
+ itemGroup.highDownOnUpdate = function (fromState, toState) {
+ polygon.attr('ignore', toState === 'emphasis' ? hoverPolygonIgnore : polygonIgnore);
+ };
+ setHoverStyle(itemGroup);
+ });
+
+ this._data = data;
+ },
+
+ remove: function () {
+ this.group.removeAll();
+ this._data = null;
+ },
+
+ dispose: function () {}
+});
+
+/*
+* 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.
+*/
+
+var radarLayout = function (ecModel) {
+ ecModel.eachSeriesByType('radar', function (seriesModel) {
+ var data = seriesModel.getData();
+ var points = [];
+ var coordSys = seriesModel.coordinateSystem;
+ if (!coordSys) {
+ return;
+ }
+
+ var axes = coordSys.getIndicatorAxes();
+
+ each$1(axes, function (axis, axisIndex) {
+ data.each(data.mapDimension(axes[axisIndex].dim), function (val, dataIndex) {
+ points[dataIndex] = points[dataIndex] || [];
+ var point = coordSys.dataToPoint(val, axisIndex);
+ points[dataIndex][axisIndex] = isValidPoint(point)
+ ? point : getValueMissingPoint(coordSys);
+ });
+ });
+
+ // Close polygon
+ data.each(function (idx) {
+ // TODO
+ // Is it appropriate to connect to the next data when some data is missing?
+ // Or, should trade it like `connectNull` in line chart?
+ var firstPoint = find(points[idx], function (point) {
+ return isValidPoint(point);
+ }) || getValueMissingPoint(coordSys);
+
+ // Copy the first actual point to the end of the array
+ points[idx].push(firstPoint.slice());
+ data.setItemLayout(idx, points[idx]);
+ });
+ });
+};
+
+function isValidPoint(point) {
+ return !isNaN(point[0]) && !isNaN(point[1]);
+}
+
+function getValueMissingPoint(coordSys) {
+ // It is error-prone to input [NaN, NaN] into polygon, polygon.
+ // (probably cause problem when refreshing or animating)
+ return [coordSys.cx, coordSys.cy];
+}
+
+/*
+* 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.
+*/
+
+// Backward compat for radar chart in 2
+var backwardCompat$1 = function (option) {
+ var polarOptArr = option.polar;
+ if (polarOptArr) {
+ if (!isArray(polarOptArr)) {
+ polarOptArr = [polarOptArr];
+ }
+ var polarNotRadar = [];
+ each$1(polarOptArr, function (polarOpt, idx) {
+ if (polarOpt.indicator) {
+ if (polarOpt.type && !polarOpt.shape) {
+ polarOpt.shape = polarOpt.type;
+ }
+ option.radar = option.radar || [];
+ if (!isArray(option.radar)) {
+ option.radar = [option.radar];
+ }
+ option.radar.push(polarOpt);
+ }
+ else {
+ polarNotRadar.push(polarOpt);
+ }
+ });
+ option.polar = polarNotRadar;
+ }
+ each$1(option.series, function (seriesOpt) {
+ if (seriesOpt && seriesOpt.type === 'radar' && seriesOpt.polarIndex) {
+ seriesOpt.radarIndex = seriesOpt.polarIndex;
+ }
+ });
+};
+
+/*
+* 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.
+*/
+
+
+// Must use radar component
+registerVisual(dataColor('radar'));
+registerVisual(visualSymbol('radar', 'circle'));
+registerLayout(radarLayout);
+registerProcessor(dataFilter('radar'));
+registerPreprocessor(backwardCompat$1);
+
+/*
+* 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.
+*/
+
+// Fix for 鍗楁捣璇稿矝
+
+var geoCoord = [126, 25];
+
+var points$1 = [
+ [[0, 3.5], [7, 11.2], [15, 11.9], [30, 7], [42, 0.7], [52, 0.7],
+ [56, 7.7], [59, 0.7], [64, 0.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]]
+];
+
+for (var i$1 = 0; i$1 < points$1.length; i$1++) {
+ for (var k = 0; k < points$1[i$1].length; k++) {
+ points$1[i$1][k][0] /= 10.5;
+ points$1[i$1][k][1] /= -10.5 / 0.75;
+
+ points$1[i$1][k][0] += geoCoord[0];
+ points$1[i$1][k][1] += geoCoord[1];
+ }
+}
+
+var fixNanhai = function (mapType, regions) {
+ if (mapType === 'china') {
+ regions.push(new Region(
+ '鍗楁捣璇稿矝',
+ map(points$1, function (exterior) {
+ return {
+ type: 'polygon',
+ exterior: exterior
+ };
+ }), geoCoord
+ ));
+ }
+};
+
+/*
+* 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.
+*/
+
+var coordsOffsetMap = {
+ '鍗楁捣璇稿矝': [32, 80],
+ // 鍏ㄥ浗
+ '骞夸笢': [0, -10],
+ '棣欐腐': [10, 5],
+ '婢抽棬': [-10, 10],
+ //'鍖椾含': [-10, 0],
+ '澶╂触': [5, 5]
+};
+
+var fixTextCoord = function (mapType, region) {
+ if (mapType === 'china') {
+ var coordFix = coordsOffsetMap[region.name];
+ if (coordFix) {
+ var cp = region.center;
+ cp[0] += coordFix[0] / 10.5;
+ cp[1] += -coordFix[1] / (10.5 / 0.75);
+ }
+ }
+};
+
+/*
+* 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.
+*/
+
+var geoCoordMap = {
+ 'Russia': [100, 60],
+ 'United States': [-99, 38],
+ 'United States of America': [-99, 38]
+};
+
+var fixGeoCoord = function (mapType, region) {
+ if (mapType === 'world') {
+ var geoCoord = geoCoordMap[region.name];
+ if (geoCoord) {
+ var cp = region.center;
+ cp[0] = geoCoord[0];
+ cp[1] = geoCoord[1];
+ }
+ }
+};
+
+/*
+* 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.
+*/
+
+// Fix for 閽撻奔宀�
+
+// var Region = require('../Region');
+// var zrUtil = require('zrender/src/core/util');
+
+// var geoCoord = [126, 25];
+
+var points$2 = [
+ [
+ [123.45165252685547, 25.73527164402261],
+ [123.49731445312499, 25.73527164402261],
+ [123.49731445312499, 25.750734064600884],
+ [123.45165252685547, 25.750734064600884],
+ [123.45165252685547, 25.73527164402261]
+ ]
+];
+
+var fixDiaoyuIsland = function (mapType, region) {
+ if (mapType === 'china' && region.name === '鍙版咕') {
+ region.geometries.push({
+ type: 'polygon',
+ exterior: points$2[0]
+ });
+ }
+};
+
+/*
+* 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.
+*/
+
+// Built-in GEO fixer.
+var inner$7 = makeInner();
+
+var geoJSONLoader = {
+
+ /**
+ * @param {string} mapName
+ * @param {Object} mapRecord {specialAreas, geoJSON}
+ * @param {string} nameProperty
+ * @return {Object} {regions, boundingRect}
+ */
+ load: function (mapName, mapRecord, nameProperty) {
+
+ var parsed = inner$7(mapRecord).parsed;
+
+ if (parsed) {
+ return parsed;
+ }
+
+ var specialAreas = mapRecord.specialAreas || {};
+ var geoJSON = mapRecord.geoJSON;
+ var regions;
+
+ // https://jsperf.com/try-catch-performance-overhead
+ try {
+ regions = geoJSON ? parseGeoJson$1(geoJSON, nameProperty) : [];
+ }
+ catch (e) {
+ throw new Error('Invalid geoJson format\n' + e.message);
+ }
+
+ fixNanhai(mapName, regions);
+
+ each$1(regions, function (region) {
+ var regionName = region.name;
+
+ fixTextCoord(mapName, region);
+ fixGeoCoord(mapName, region);
+ fixDiaoyuIsland(mapName, region);
+
+ // Some area like Alaska in USA map needs to be tansformed
+ // to look better
+ var specialArea = specialAreas[regionName];
+ if (specialArea) {
+ region.transformTo(
+ specialArea.left, specialArea.top, specialArea.width, specialArea.height
+ );
+ }
+ });
+
+ return (inner$7(mapRecord).parsed = {
+ regions: regions,
+ boundingRect: getBoundingRect$1(regions)
+ });
+ }
+};
+
+function getBoundingRect$1(regions) {
+ var rect;
+ for (var i = 0; i < regions.length; i++) {
+ var regionRect = regions[i].getBoundingRect();
+ rect = rect || regionRect.clone();
+ rect.union(regionRect);
+ }
+ return rect;
+}
+
+/*
+* 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.
+*/
+
+var inner$8 = makeInner();
+
+var geoSVGLoader = {
+
+ /**
+ * @param {string} mapName
+ * @param {Object} mapRecord {specialAreas, geoJSON}
+ * @return {Object} {root, boundingRect}
+ */
+ load: function (mapName, mapRecord) {
+ var originRoot = inner$8(mapRecord).originRoot;
+ if (originRoot) {
+ return {
+ root: originRoot,
+ boundingRect: inner$8(mapRecord).boundingRect
+ };
+ }
+
+ var graphic = buildGraphic(mapRecord);
+
+ inner$8(mapRecord).originRoot = graphic.root;
+ inner$8(mapRecord).boundingRect = graphic.boundingRect;
+
+ return graphic;
+ },
+
+ makeGraphic: function (mapName, mapRecord, hostKey) {
+ // For performance consideration (in large SVG), graphic only maked
+ // when necessary and reuse them according to hostKey.
+ var field = inner$8(mapRecord);
+ var rootMap = field.rootMap || (field.rootMap = createHashMap());
+
+ var root = rootMap.get(hostKey);
+ if (root) {
+ return root;
+ }
+
+ var originRoot = field.originRoot;
+ var boundingRect = field.boundingRect;
+
+ // For performance, if originRoot is not used by a view,
+ // assign it to a view, but not reproduce graphic elements.
+ if (!field.originRootHostKey) {
+ field.originRootHostKey = hostKey;
+ root = originRoot;
+ }
+ else {
+ root = buildGraphic(mapRecord, boundingRect).root;
+ }
+
+ return rootMap.set(hostKey, root);
+ },
+
+ removeGraphic: function (mapName, mapRecord, hostKey) {
+ var field = inner$8(mapRecord);
+ var rootMap = field.rootMap;
+ rootMap && rootMap.removeKey(hostKey);
+ if (hostKey === field.originRootHostKey) {
+ field.originRootHostKey = null;
+ }
+ }
+};
+
+function buildGraphic(mapRecord, boundingRect) {
+ var svgXML = mapRecord.svgXML;
+ var result;
+ var root;
+
+ try {
+ result = svgXML && parseSVG(svgXML, {
+ ignoreViewBox: true,
+ ignoreRootClip: true
+ }) || {};
+ root = result.root;
+ assert$1(root != null);
+ }
+ catch (e) {
+ throw new Error('Invalid svg format\n' + e.message);
+ }
+
+ var svgWidth = result.width;
+ var svgHeight = result.height;
+ var viewBoxRect = result.viewBoxRect;
+
+ if (!boundingRect) {
+ boundingRect = (svgWidth == null || svgHeight == null)
+ // If svg width / height not specified, calculate
+ // bounding rect as the width / height
+ ? root.getBoundingRect()
+ : new BoundingRect(0, 0, 0, 0);
+
+ if (svgWidth != null) {
+ boundingRect.width = svgWidth;
+ }
+ if (svgHeight != null) {
+ boundingRect.height = svgHeight;
+ }
+ }
+
+ if (viewBoxRect) {
+ var viewBoxTransform = makeViewBoxTransform(viewBoxRect, boundingRect.width, boundingRect.height);
+ var elRoot = root;
+ root = new Group();
+ root.add(elRoot);
+ elRoot.scale = viewBoxTransform.scale;
+ elRoot.position = viewBoxTransform.position;
+ }
+
+ root.setClipPath(new Rect({
+ shape: boundingRect.plain()
+ }));
+
+ return {
+ root: root,
+ boundingRect: boundingRect
+ };
+}
+
+/*
+* 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.
+*/
+
+var loaders = {
+ geoJSON: geoJSONLoader,
+ svg: geoSVGLoader
+};
+
+var geoSourceManager = {
+
+ /**
+ * @param {string} mapName
+ * @param {Object} nameMap
+ * @param {string} nameProperty
+ * @return {Object} source {regions, regionsMap, nameCoordMap, boundingRect}
+ */
+ load: function (mapName, nameMap, nameProperty) {
+ var regions = [];
+ var regionsMap = createHashMap();
+ var nameCoordMap = createHashMap();
+ var boundingRect;
+ var mapRecords = retrieveMap(mapName);
+
+ each$1(mapRecords, function (record) {
+ var singleSource = loaders[record.type].load(mapName, record, nameProperty);
+
+ each$1(singleSource.regions, function (region) {
+ var regionName = region.name;
+
+ // Try use the alias in geoNameMap
+ if (nameMap && nameMap.hasOwnProperty(regionName)) {
+ region = region.cloneShallow(regionName = nameMap[regionName]);
+ }
+
+ regions.push(region);
+ regionsMap.set(regionName, region);
+ nameCoordMap.set(regionName, region.center);
+ });
+
+ var rect = singleSource.boundingRect;
+ if (rect) {
+ boundingRect
+ ? boundingRect.union(rect)
+ : (boundingRect = rect.clone());
+ }
+ });
+
+ return {
+ regions: regions,
+ regionsMap: regionsMap,
+ nameCoordMap: nameCoordMap,
+ // FIXME Always return new ?
+ boundingRect: boundingRect || new BoundingRect(0, 0, 0, 0)
+ };
+ },
+
+ /**
+ * @param {string} mapName
+ * @param {string} hostKey For cache.
+ * @return {Array.<module:zrender/Element>} Roots.
+ */
+ makeGraphic: makeInvoker('makeGraphic'),
+
+ /**
+ * @param {string} mapName
+ * @param {string} hostKey For cache.
+ */
+ removeGraphic: makeInvoker('removeGraphic')
+};
+
+function makeInvoker(methodName) {
+ return function (mapName, hostKey) {
+ var mapRecords = retrieveMap(mapName);
+ var results = [];
+
+ each$1(mapRecords, function (record) {
+ var method = loaders[record.type][methodName];
+ method && results.push(method(mapName, record, hostKey));
+ });
+
+ return results;
+ };
+}
+
+function mapNotExistsError(mapName) {
+ if (__DEV__) {
+ console.error(
+ 'Map ' + mapName + ' not exists. The GeoJSON of the map must be provided.'
+ );
+ }
+}
+
+function retrieveMap(mapName) {
+ var mapRecords = mapDataStorage.retrieveMap(mapName) || [];
+
+ if (__DEV__) {
+ if (!mapRecords.length) {
+ mapNotExistsError(mapName);
+ }
+ }
+
+ return mapRecords;
+}
+
+/*
+* 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.
+*/
+
+var MapSeries = SeriesModel.extend({
+
+ type: 'series.map',
+
+ dependencies: ['geo'],
+
+ layoutMode: 'box',
+
+ /**
+ * Only first map series of same mapType will drawMap
+ * @type {boolean}
+ */
+ needsDrawMap: false,
+
+ /**
+ * Group of all map series with same mapType
+ * @type {boolean}
+ */
+ seriesGroup: [],
+
+ getInitialData: function (option) {
+ var data = createListSimply(this, {
+ coordDimensions: ['value'],
+ encodeDefaulter: curry(makeSeriesEncodeForNameBased, this)
+ });
+ var valueDim = data.mapDimension('value');
+ var dataNameMap = createHashMap();
+ var selectTargetList = [];
+ var toAppendNames = [];
+
+ for (var i = 0, len = data.count(); i < len; i++) {
+ var name = data.getName(i);
+ dataNameMap.set(name, true);
+ selectTargetList.push({
+ name: name,
+ value: data.get(valueDim, i),
+ selected: retrieveRawAttr(data, i, 'selected')
+ });
+ }
+
+ var geoSource = geoSourceManager.load(this.getMapType(), this.option.nameMap, this.option.nameProperty);
+ each$1(geoSource.regions, function (region) {
+ var name = region.name;
+ if (!dataNameMap.get(name)) {
+ selectTargetList.push({name: name});
+ toAppendNames.push(name);
+ }
+ });
+
+ this.updateSelectedMap(selectTargetList);
+
+ // Complete data with missing regions. The consequent processes (like visual
+ // map and render) can not be performed without a "full data". For example,
+ // find `dataIndex` by name.
+ data.appendValues([], toAppendNames);
+
+ return data;
+ },
+
+ /**
+ * If no host geo model, return null, which means using a
+ * inner exclusive geo model.
+ */
+ getHostGeoModel: function () {
+ var geoIndex = this.option.geoIndex;
+ return geoIndex != null
+ ? this.dependentModels.geo[geoIndex]
+ : null;
+ },
+
+ getMapType: function () {
+ return (this.getHostGeoModel() || this).option.map;
+ },
+
+ // _fillOption: function (option, mapName) {
+ // Shallow clone
+ // option = zrUtil.extend({}, option);
+
+ // option.data = geoCreator.getFilledRegions(option.data, mapName, option.nameMap);
+
+ // return option;
+ // },
+
+ getRawValue: function (dataIndex) {
+ // Use value stored in data instead because it is calculated from multiple series
+ // FIXME Provide all value of multiple series ?
+ var data = this.getData();
+ return data.get(data.mapDimension('value'), dataIndex);
+ },
+
+ /**
+ * Get model of region
+ * @param {string} name
+ * @return {module:echarts/model/Model}
+ */
+ getRegionModel: function (regionName) {
+ var data = this.getData();
+ return data.getItemModel(data.indexOfName(regionName));
+ },
+
+ /**
+ * Map tooltip formatter
+ *
+ * @param {number} dataIndex
+ */
+ formatTooltip: function (dataIndex) {
+ // FIXME orignalData and data is a bit confusing
+ var data = this.getData();
+ var formattedValue = addCommas(this.getRawValue(dataIndex));
+ var name = data.getName(dataIndex);
+
+ var seriesGroup = this.seriesGroup;
+ var seriesNames = [];
+ for (var i = 0; i < seriesGroup.length; i++) {
+ var otherIndex = seriesGroup[i].originalData.indexOfName(name);
+ var valueDim = data.mapDimension('value');
+ if (!isNaN(seriesGroup[i].originalData.get(valueDim, otherIndex))) {
+ seriesNames.push(
+ encodeHTML(seriesGroup[i].name)
+ );
+ }
+ }
+
+ return seriesNames.join(', ') + '<br />'
+ + encodeHTML(name + ' : ' + formattedValue);
+ },
+
+ /**
+ * @implement
+ */
+ getTooltipPosition: function (dataIndex) {
+ if (dataIndex != null) {
+ var name = this.getData().getName(dataIndex);
+ var geo = this.coordinateSystem;
+ var region = geo.getRegion(name);
+
+ return region && geo.dataToPoint(region.center);
+ }
+ },
+
+ setZoom: function (zoom) {
+ this.option.zoom = zoom;
+ },
+
+ setCenter: function (center) {
+ this.option.center = center;
+ },
+
+ defaultOption: {
+ // 涓�绾у眰鍙�
+ zlevel: 0,
+ // 浜岀骇灞傚彔
+ z: 2,
+
+ coordinateSystem: 'geo',
+
+ // map should be explicitly specified since ec3.
+ map: '',
+
+ // If `geoIndex` is not specified, a exclusive geo will be
+ // created. Otherwise use the specified geo component, and
+ // `map` and `mapType` are ignored.
+ // geoIndex: 0,
+
+ // 'center' | 'left' | 'right' | 'x%' | {number}
+ left: 'center',
+ // 'center' | 'top' | 'bottom' | 'x%' | {number}
+ top: 'center',
+ // right
+ // bottom
+ // width:
+ // height
+
+ // Aspect is width / height. Inited to be geoJson bbox aspect
+ // This parameter is used for scale this aspect
+ aspectScale: 0.75,
+
+ ///// Layout with center and size
+ // If you wan't to put map in a fixed size box with right aspect ratio
+ // This two properties may more conveninet
+ // layoutCenter: [50%, 50%]
+ // layoutSize: 100
+
+
+ // 鏁板�煎悎骞舵柟寮忥紝榛樿鍔犲拰锛屽彲閫変负锛�
+ // 'sum' | 'average' | 'max' | 'min'
+ // mapValueCalculation: 'sum',
+ // 鍦板浘鏁板�艰绠楃粨鏋滃皬鏁扮簿搴�
+ // mapValuePrecision: 0,
+
+
+ // 鏄剧ず鍥句緥棰滆壊鏍囪瘑锛堢郴鍒楁爣璇嗙殑灏忓渾鐐癸級锛屽浘渚嬪紑鍚椂鏈夋晥
+ showLegendSymbol: true,
+ // 閫夋嫨妯″紡锛岄粯璁ゅ叧闂紝鍙�塻ingle锛宮ultiple
+ // selectedMode: false,
+ dataRangeHoverLink: true,
+ // 鏄惁寮�鍚缉鏀惧強婕父妯″紡
+ // roam: false,
+
+ // Define left-top, right-bottom coords to control view
+ // For example, [ [180, 90], [-180, -90] ],
+ // higher priority than center and zoom
+ boundingCoords: null,
+
+ // Default on center of map
+ center: null,
+
+ zoom: 1,
+
+ scaleLimit: null,
+
+ label: {
+ show: false,
+ color: '#000'
+ },
+ // scaleLimit: null,
+ itemStyle: {
+ borderWidth: 0.5,
+ borderColor: '#444',
+ areaColor: '#eee'
+ },
+
+ emphasis: {
+ label: {
+ show: true,
+ color: 'rgb(100,0,0)'
+ },
+ itemStyle: {
+ areaColor: 'rgba(255,215,0,0.8)'
+ }
+ },
+ nameProperty: 'name'
+ }
+
+});
+
+mixin(MapSeries, selectableMixin);
+
+/*
+* 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.
+*/
+
+var ATTR = '\0_ec_interaction_mutex';
+
+function take(zr, resourceKey, userKey) {
+ var store = getStore(zr);
+ store[resourceKey] = userKey;
+}
+
+function release(zr, resourceKey, userKey) {
+ var store = getStore(zr);
+ var uKey = store[resourceKey];
+
+ if (uKey === userKey) {
+ store[resourceKey] = null;
+ }
+}
+
+function isTaken(zr, resourceKey) {
+ return !!getStore(zr)[resourceKey];
+}
+
+function getStore(zr) {
+ return zr[ATTR] || (zr[ATTR] = {});
+}
+
+/**
+ * payload: {
+ * type: 'takeGlobalCursor',
+ * key: 'dataZoomSelect', or 'brush', or ...,
+ * If no userKey, release global cursor.
+ * }
+ */
+registerAction(
+ {type: 'takeGlobalCursor', event: 'globalCursorTaken', update: 'update'},
+ function () {}
+);
+
+/*
+* 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.
+*/
+
+/**
+ * @alias module:echarts/component/helper/RoamController
+ * @constructor
+ * @mixin {module:zrender/mixin/Eventful}
+ *
+ * @param {module:zrender/zrender~ZRender} zr
+ */
+function RoamController(zr) {
+
+ /**
+ * @type {Function}
+ */
+ this.pointerChecker;
+
+ /**
+ * @type {module:zrender}
+ */
+ this._zr = zr;
+
+ /**
+ * @type {Object}
+ */
+ this._opt = {};
+
+ // Avoid two roamController bind the same handler
+ var bind$$1 = bind;
+ var mousedownHandler = bind$$1(mousedown, this);
+ var mousemoveHandler = bind$$1(mousemove, this);
+ var mouseupHandler = bind$$1(mouseup, this);
+ var mousewheelHandler = bind$$1(mousewheel, this);
+ var pinchHandler = bind$$1(pinch, this);
+
+ Eventful.call(this);
+
+ /**
+ * @param {Function} pointerChecker
+ * input: x, y
+ * output: boolean
+ */
+ this.setPointerChecker = function (pointerChecker) {
+ this.pointerChecker = pointerChecker;
+ };
+
+ /**
+ * Notice: only enable needed types. For example, if 'zoom'
+ * is not needed, 'zoom' should not be enabled, otherwise
+ * default mousewheel behaviour (scroll page) will be disabled.
+ *
+ * @param {boolean|string} [controlType=true] Specify the control type,
+ * which can be null/undefined or true/false
+ * or 'pan/move' or 'zoom'/'scale'
+ * @param {Object} [opt]
+ * @param {Object} [opt.zoomOnMouseWheel=true] The value can be: true / false / 'shift' / 'ctrl' / 'alt'.
+ * @param {Object} [opt.moveOnMouseMove=true] The value can be: true / false / 'shift' / 'ctrl' / 'alt'.
+ * @param {Object} [opt.moveOnMouseWheel=false] The value can be: true / false / 'shift' / 'ctrl' / 'alt'.
+ * @param {Object} [opt.preventDefaultMouseMove=true] When pan.
+ */
+ this.enable = function (controlType, opt) {
+
+ // Disable previous first
+ this.disable();
+
+ this._opt = defaults(clone(opt) || {}, {
+ zoomOnMouseWheel: true,
+ moveOnMouseMove: true,
+ // By default, wheel do not trigger move.
+ moveOnMouseWheel: false,
+ preventDefaultMouseMove: true
+ });
+
+ if (controlType == null) {
+ controlType = true;
+ }
+
+ if (controlType === true || (controlType === 'move' || controlType === 'pan')) {
+ zr.on('mousedown', mousedownHandler);
+ zr.on('mousemove', mousemoveHandler);
+ zr.on('mouseup', mouseupHandler);
+ }
+ if (controlType === true || (controlType === 'scale' || controlType === 'zoom')) {
+ zr.on('mousewheel', mousewheelHandler);
+ zr.on('pinch', pinchHandler);
+ }
+ };
+
+ this.disable = function () {
+ zr.off('mousedown', mousedownHandler);
+ zr.off('mousemove', mousemoveHandler);
+ zr.off('mouseup', mouseupHandler);
+ zr.off('mousewheel', mousewheelHandler);
+ zr.off('pinch', pinchHandler);
+ };
+
+ this.dispose = this.disable;
+
+ this.isDragging = function () {
+ return this._dragging;
+ };
+
+ this.isPinching = function () {
+ return this._pinching;
+ };
+}
+
+mixin(RoamController, Eventful);
+
+
+function mousedown(e) {
+ if (isMiddleOrRightButtonOnMouseUpDown(e)
+ || (e.target && e.target.draggable)
+ ) {
+ return;
+ }
+
+ var x = e.offsetX;
+ var y = e.offsetY;
+
+ // Only check on mosedown, but not mousemove.
+ // Mouse can be out of target when mouse moving.
+ if (this.pointerChecker && this.pointerChecker(e, x, y)) {
+ this._x = x;
+ this._y = y;
+ this._dragging = true;
+ }
+}
+
+function mousemove(e) {
+ if (!this._dragging
+ || !isAvailableBehavior('moveOnMouseMove', e, this._opt)
+ || e.gestureEvent === 'pinch'
+ || isTaken(this._zr, 'globalPan')
+ ) {
+ return;
+ }
+
+ var x = e.offsetX;
+ var y = e.offsetY;
+
+ var oldX = this._x;
+ var oldY = this._y;
+
+ var dx = x - oldX;
+ var dy = y - oldY;
+
+ this._x = x;
+ this._y = y;
+
+ this._opt.preventDefaultMouseMove && stop(e.event);
+
+ trigger(this, 'pan', 'moveOnMouseMove', e, {
+ dx: dx, dy: dy, oldX: oldX, oldY: oldY, newX: x, newY: y
+ });
+}
+
+function mouseup(e) {
+ if (!isMiddleOrRightButtonOnMouseUpDown(e)) {
+ this._dragging = false;
+ }
+}
+
+function mousewheel(e) {
+ var shouldZoom = isAvailableBehavior('zoomOnMouseWheel', e, this._opt);
+ var shouldMove = isAvailableBehavior('moveOnMouseWheel', e, this._opt);
+ var wheelDelta = e.wheelDelta;
+ var absWheelDeltaDelta = Math.abs(wheelDelta);
+ var originX = e.offsetX;
+ var originY = e.offsetY;
+
+ // wheelDelta maybe -0 in chrome mac.
+ if (wheelDelta === 0 || (!shouldZoom && !shouldMove)) {
+ return;
+ }
+
+ // If both `shouldZoom` and `shouldMove` is true, trigger
+ // their event both, and the final behavior is determined
+ // by event listener themselves.
+
+ if (shouldZoom) {
+ // Convenience:
+ // Mac and VM Windows on Mac: scroll up: zoom out.
+ // Windows: scroll up: zoom in.
+
+ // FIXME: Should do more test in different environment.
+ // wheelDelta is too complicated in difference nvironment
+ // (https://developer.mozilla.org/en-US/docs/Web/Events/mousewheel),
+ // although it has been normallized by zrender.
+ // wheelDelta of mouse wheel is bigger than touch pad.
+ var factor = absWheelDeltaDelta > 3 ? 1.4 : absWheelDeltaDelta > 1 ? 1.2 : 1.1;
+ var scale = wheelDelta > 0 ? factor : 1 / factor;
+ checkPointerAndTrigger(this, 'zoom', 'zoomOnMouseWheel', e, {
+ scale: scale, originX: originX, originY: originY
+ });
+ }
+
+ if (shouldMove) {
+ // FIXME: Should do more test in different environment.
+ var absDelta = Math.abs(wheelDelta);
+ // wheelDelta of mouse wheel is bigger than touch pad.
+ var scrollDelta = (wheelDelta > 0 ? 1 : -1) * (absDelta > 3 ? 0.4 : absDelta > 1 ? 0.15 : 0.05);
+ checkPointerAndTrigger(this, 'scrollMove', 'moveOnMouseWheel', e, {
+ scrollDelta: scrollDelta, originX: originX, originY: originY
+ });
+ }
+}
+
+function pinch(e) {
+ if (isTaken(this._zr, 'globalPan')) {
+ return;
+ }
+ var scale = e.pinchScale > 1 ? 1.1 : 1 / 1.1;
+ checkPointerAndTrigger(this, 'zoom', null, e, {
+ scale: scale, originX: e.pinchX, originY: e.pinchY
+ });
+}
+
+function checkPointerAndTrigger(controller, eventName, behaviorToCheck, e, contollerEvent) {
+ if (controller.pointerChecker
+ && controller.pointerChecker(e, contollerEvent.originX, contollerEvent.originY)
+ ) {
+ // When mouse is out of roamController rect,
+ // default befavoius should not be be disabled, otherwise
+ // page sliding is disabled, contrary to expectation.
+ stop(e.event);
+
+ trigger(controller, eventName, behaviorToCheck, e, contollerEvent);
+ }
+}
+
+function trigger(controller, eventName, behaviorToCheck, e, contollerEvent) {
+ // Also provide behavior checker for event listener, for some case that
+ // multiple components share one listener.
+ contollerEvent.isAvailableBehavior = bind(isAvailableBehavior, null, behaviorToCheck, e);
+ controller.trigger(eventName, contollerEvent);
+}
+
+// settings: {
+// zoomOnMouseWheel
+// moveOnMouseMove
+// moveOnMouseWheel
+// }
+// The value can be: true / false / 'shift' / 'ctrl' / 'alt'.
+function isAvailableBehavior(behaviorToCheck, e, settings) {
+ var setting = settings[behaviorToCheck];
+ return !behaviorToCheck || (
+ setting && (!isString(setting) || e.event[setting + 'Key'])
+ );
+}
+
+/*
+* 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.
+*/
+
+
+/**
+ * For geo and graph.
+ *
+ * @param {Object} controllerHost
+ * @param {module:zrender/Element} controllerHost.target
+ */
+function updateViewOnPan(controllerHost, dx, dy) {
+ var target = controllerHost.target;
+ var pos = target.position;
+ pos[0] += dx;
+ pos[1] += dy;
+ target.dirty();
+}
+
+/**
+ * For geo and graph.
+ *
+ * @param {Object} controllerHost
+ * @param {module:zrender/Element} controllerHost.target
+ * @param {number} controllerHost.zoom
+ * @param {number} controllerHost.zoomLimit like: {min: 1, max: 2}
+ */
+function updateViewOnZoom(controllerHost, zoomDelta, zoomX, zoomY) {
+ var target = controllerHost.target;
+ var zoomLimit = controllerHost.zoomLimit;
+ var pos = target.position;
+ var scale = target.scale;
+
+ var newZoom = controllerHost.zoom = controllerHost.zoom || 1;
+ newZoom *= zoomDelta;
+ if (zoomLimit) {
+ var zoomMin = zoomLimit.min || 0;
+ var zoomMax = zoomLimit.max || Infinity;
+ newZoom = Math.max(
+ Math.min(zoomMax, newZoom),
+ zoomMin
+ );
+ }
+ var zoomScale = newZoom / controllerHost.zoom;
+ controllerHost.zoom = newZoom;
+ // Keep the mouse center when scaling
+ pos[0] -= (zoomX - pos[0]) * (zoomScale - 1);
+ pos[1] -= (zoomY - pos[1]) * (zoomScale - 1);
+ scale[0] *= zoomScale;
+ scale[1] *= zoomScale;
+
+ target.dirty();
+}
+
+/*
+* 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.
+*/
+
+
+var IRRELEVANT_EXCLUDES = {'axisPointer': 1, 'tooltip': 1, 'brush': 1};
+
+/**
+ * Avoid that: mouse click on a elements that is over geo or graph,
+ * but roam is triggered.
+ */
+function onIrrelevantElement(e, api, targetCoordSysModel) {
+ var model = api.getComponentByElement(e.topTarget);
+ // If model is axisModel, it works only if it is injected with coordinateSystem.
+ var coordSys = model && model.coordinateSystem;
+ return model
+ && model !== targetCoordSysModel
+ && !IRRELEVANT_EXCLUDES[model.mainType]
+ && (coordSys && coordSys.model !== targetCoordSysModel);
+}
+
+/*
+* 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 getFixedItemStyle(model) {
+ var itemStyle = model.getItemStyle();
+ var areaColor = model.get('areaColor');
+
+ // If user want the color not to be changed when hover,
+ // they should both set areaColor and color to be null.
+ if (areaColor != null) {
+ itemStyle.fill = areaColor;
+ }
+
+ return itemStyle;
+}
+
+function updateMapSelectHandler(mapDraw, mapOrGeoModel, regionsGroup, api, fromView) {
+ regionsGroup.off('click');
+ regionsGroup.off('mousedown');
+
+ if (mapOrGeoModel.get('selectedMode')) {
+
+ regionsGroup.on('mousedown', function () {
+ mapDraw._mouseDownFlag = true;
+ });
+
+ regionsGroup.on('click', function (e) {
+ if (!mapDraw._mouseDownFlag) {
+ return;
+ }
+ mapDraw._mouseDownFlag = false;
+
+ var el = e.target;
+ while (!el.__regions) {
+ el = el.parent;
+ }
+ if (!el) {
+ return;
+ }
+
+ var action = {
+ type: (mapOrGeoModel.mainType === 'geo' ? 'geo' : 'map') + 'ToggleSelect',
+ batch: map(el.__regions, function (region) {
+ return {
+ name: region.name,
+ from: fromView.uid
+ };
+ })
+ };
+ action[mapOrGeoModel.mainType + 'Id'] = mapOrGeoModel.id;
+
+ api.dispatchAction(action);
+
+ updateMapSelected(mapOrGeoModel, regionsGroup);
+ });
+ }
+}
+
+function updateMapSelected(mapOrGeoModel, regionsGroup) {
+ // FIXME
+ regionsGroup.eachChild(function (otherRegionEl) {
+ each$1(otherRegionEl.__regions, function (region) {
+ otherRegionEl.trigger(mapOrGeoModel.isSelected(region.name) ? 'emphasis' : 'normal');
+ });
+ });
+}
+
+/**
+ * @alias module:echarts/component/helper/MapDraw
+ * @param {module:echarts/ExtensionAPI} api
+ * @param {boolean} updateGroup
+ */
+function MapDraw(api, updateGroup) {
+
+ var group = new Group();
+
+ /**
+ * @type {string}
+ * @private
+ */
+ this.uid = getUID('ec_map_draw');
+
+ /**
+ * @type {module:echarts/component/helper/RoamController}
+ * @private
+ */
+ this._controller = new RoamController(api.getZr());
+
+ /**
+ * @type {Object} {target, zoom, zoomLimit}
+ * @private
+ */
+ this._controllerHost = {target: updateGroup ? group : null};
+
+ /**
+ * @type {module:zrender/container/Group}
+ * @readOnly
+ */
+ this.group = group;
+
+ /**
+ * @type {boolean}
+ * @private
+ */
+ this._updateGroup = updateGroup;
+
+ /**
+ * This flag is used to make sure that only one among
+ * `pan`, `zoom`, `click` can occurs, otherwise 'selected'
+ * action may be triggered when `pan`, which is unexpected.
+ * @type {booelan}
+ */
+ this._mouseDownFlag;
+
+ /**
+ * @type {string}
+ */
+ this._mapName;
+
+ /**
+ * @type {boolean}
+ */
+ this._initialized;
+
+ /**
+ * @type {module:zrender/container/Group}
+ */
+ group.add(this._regionsGroup = new Group());
+
+ /**
+ * @type {module:zrender/container/Group}
+ */
+ group.add(this._backgroundGroup = new Group());
+}
+
+MapDraw.prototype = {
+
+ constructor: MapDraw,
+
+ draw: function (mapOrGeoModel, ecModel, api, fromView, payload) {
+
+ var isGeo = mapOrGeoModel.mainType === 'geo';
+
+ // Map series has data. GEO model that controlled by map series
+ // will be assigned with map data. Other GEO model has no data.
+ var data = mapOrGeoModel.getData && mapOrGeoModel.getData();
+ isGeo && ecModel.eachComponent({mainType: 'series', subType: 'map'}, function (mapSeries) {
+ if (!data && mapSeries.getHostGeoModel() === mapOrGeoModel) {
+ data = mapSeries.getData();
+ }
+ });
+
+ var geo = mapOrGeoModel.coordinateSystem;
+
+ this._updateBackground(geo);
+
+ var regionsGroup = this._regionsGroup;
+ var group = this.group;
+
+ var transformInfo = geo.getTransformInfo();
+ // No animation when first draw or in action
+ var isFirstDraw = !regionsGroup.childAt(0) || payload;
+ var targetScale;
+ if (isFirstDraw) {
+ group.transform = transformInfo.roamTransform;
+ group.decomposeTransform();
+ group.dirty();
+ }
+ else {
+ var target = new Transformable();
+ target.transform = transformInfo.roamTransform;
+ target.decomposeTransform();
+ var props = {
+ scale: target.scale,
+ position: target.position
+ };
+ targetScale = target.scale;
+ updateProps(group, props, mapOrGeoModel);
+ }
+
+ var scale = transformInfo.rawScale;
+ var position = transformInfo.rawPosition;
+
+ regionsGroup.removeAll();
+
+ var itemStyleAccessPath = ['itemStyle'];
+ var hoverItemStyleAccessPath = ['emphasis', 'itemStyle'];
+ var labelAccessPath = ['label'];
+ var hoverLabelAccessPath = ['emphasis', 'label'];
+ var nameMap = createHashMap();
+
+ each$1(geo.regions, function (region) {
+ // Consider in GeoJson properties.name may be duplicated, for example,
+ // there is multiple region named "United Kindom" or "France" (so many
+ // colonies). And it is not appropriate to merge them in geo, which
+ // will make them share the same label and bring trouble in label
+ // location calculation.
+ var regionGroup = nameMap.get(region.name)
+ || nameMap.set(region.name, new Group());
+
+ var compoundPath = new CompoundPath({
+ segmentIgnoreThreshold: 1,
+ shape: {
+ paths: []
+ }
+ });
+ regionGroup.add(compoundPath);
+
+ var regionModel = mapOrGeoModel.getRegionModel(region.name) || mapOrGeoModel;
+
+ var itemStyleModel = regionModel.getModel(itemStyleAccessPath);
+ var hoverItemStyleModel = regionModel.getModel(hoverItemStyleAccessPath);
+ var itemStyle = getFixedItemStyle(itemStyleModel);
+ var hoverItemStyle = getFixedItemStyle(hoverItemStyleModel);
+
+ var labelModel = regionModel.getModel(labelAccessPath);
+ var hoverLabelModel = regionModel.getModel(hoverLabelAccessPath);
+
+ var dataIdx;
+ // Use the itemStyle in data if has data
+ if (data) {
+ dataIdx = data.indexOfName(region.name);
+ // Only visual color of each item will be used. It can be encoded by dataRange
+ // But visual color of series is used in symbol drawing
+ //
+ // Visual color for each series is for the symbol draw
+ var visualColor = data.getItemVisual(dataIdx, 'color', true);
+ if (visualColor) {
+ itemStyle.fill = visualColor;
+ }
+ }
+
+ var transformPoint = function (point) {
+ return [
+ point[0] * scale[0] + position[0],
+ point[1] * scale[1] + position[1]
+ ];
+ };
+
+ each$1(region.geometries, function (geometry) {
+ if (geometry.type !== 'polygon') {
+ return;
+ }
+ var points = [];
+ for (var i = 0; i < geometry.exterior.length; ++i) {
+ points.push(transformPoint(geometry.exterior[i]));
+ }
+ compoundPath.shape.paths.push(new Polygon({
+ segmentIgnoreThreshold: 1,
+ shape: {
+ points: points
+ }
+ }));
+
+ for (var i = 0; i < (geometry.interiors ? geometry.interiors.length : 0); ++i) {
+ var interior = geometry.interiors[i];
+ var points = [];
+ for (var j = 0; j < interior.length; ++j) {
+ points.push(transformPoint(interior[j]));
+ }
+ compoundPath.shape.paths.push(new Polygon({
+ segmentIgnoreThreshold: 1,
+ shape: {
+ points: points
+ }
+ }));
+ }
+ });
+
+ compoundPath.setStyle(itemStyle);
+ compoundPath.style.strokeNoScale = true;
+ compoundPath.culling = true;
+
+ // Label
+ var showLabel = labelModel.get('show');
+ var hoverShowLabel = hoverLabelModel.get('show');
+
+ var isDataNaN = data && isNaN(data.get(data.mapDimension('value'), dataIdx));
+ var itemLayout = data && data.getItemLayout(dataIdx);
+ // In the following cases label will be drawn
+ // 1. In map series and data value is NaN
+ // 2. In geo component
+ // 4. Region has no series legendSymbol, which will be add a showLabel flag in mapSymbolLayout
+ if (
+ (isGeo || isDataNaN && (showLabel || hoverShowLabel))
+ || (itemLayout && itemLayout.showLabel)
+ ) {
+ var query = !isGeo ? dataIdx : region.name;
+ var labelFetcher;
+
+ // Consider dataIdx not found.
+ if (!data || dataIdx >= 0) {
+ labelFetcher = mapOrGeoModel;
+ }
+
+ var textEl = new Text({
+ position: transformPoint(region.center.slice()),
+ // FIXME
+ // label rotation is not support yet in geo or regions of series-map
+ // that has no data. The rotation will be effected by this `scale`.
+ // So needed to change to RectText?
+ scale: [1 / group.scale[0], 1 / group.scale[1]],
+ z2: 10,
+ silent: true
+ });
+
+ setLabelStyle(
+ textEl.style, textEl.hoverStyle = {}, labelModel, hoverLabelModel,
+ {
+ labelFetcher: labelFetcher,
+ labelDataIndex: query,
+ defaultText: region.name,
+ useInsideStyle: false
+ },
+ {
+ textAlign: 'center',
+ textVerticalAlign: 'middle'
+ }
+ );
+
+ if (!isFirstDraw) {
+ // Text animation
+ var textScale = [1 / targetScale[0], 1 / targetScale[1]];
+ updateProps(textEl, { scale: textScale }, mapOrGeoModel);
+ }
+
+ regionGroup.add(textEl);
+ }
+
+ // setItemGraphicEl, setHoverStyle after all polygons and labels
+ // are added to the rigionGroup
+ if (data) {
+ data.setItemGraphicEl(dataIdx, regionGroup);
+ }
+ else {
+ var regionModel = mapOrGeoModel.getRegionModel(region.name);
+ // Package custom mouse event for geo component
+ compoundPath.eventData = {
+ componentType: 'geo',
+ componentIndex: mapOrGeoModel.componentIndex,
+ geoIndex: mapOrGeoModel.componentIndex,
+ name: region.name,
+ region: (regionModel && regionModel.option) || {}
+ };
+ }
+
+ var groupRegions = regionGroup.__regions || (regionGroup.__regions = []);
+ groupRegions.push(region);
+
+ regionGroup.highDownSilentOnTouch = !!mapOrGeoModel.get('selectedMode');
+ setHoverStyle(regionGroup, hoverItemStyle);
+
+ regionsGroup.add(regionGroup);
+ });
+
+ this._updateController(mapOrGeoModel, ecModel, api);
+
+ updateMapSelectHandler(this, mapOrGeoModel, regionsGroup, api, fromView);
+
+ updateMapSelected(mapOrGeoModel, regionsGroup);
+ },
+
+ remove: function () {
+ this._regionsGroup.removeAll();
+ this._backgroundGroup.removeAll();
+ this._controller.dispose();
+ this._mapName && geoSourceManager.removeGraphic(this._mapName, this.uid);
+ this._mapName = null;
+ this._controllerHost = {};
+ },
+
+ _updateBackground: function (geo) {
+ var mapName = geo.map;
+
+ if (this._mapName !== mapName) {
+ each$1(geoSourceManager.makeGraphic(mapName, this.uid), function (root) {
+ this._backgroundGroup.add(root);
+ }, this);
+ }
+
+ this._mapName = mapName;
+ },
+
+ _updateController: function (mapOrGeoModel, ecModel, api) {
+ var geo = mapOrGeoModel.coordinateSystem;
+ var controller = this._controller;
+ var controllerHost = this._controllerHost;
+
+ controllerHost.zoomLimit = mapOrGeoModel.get('scaleLimit');
+ controllerHost.zoom = geo.getZoom();
+
+ // roamType is will be set default true if it is null
+ controller.enable(mapOrGeoModel.get('roam') || false);
+ var mainType = mapOrGeoModel.mainType;
+
+ function makeActionBase() {
+ var action = {
+ type: 'geoRoam',
+ componentType: mainType
+ };
+ action[mainType + 'Id'] = mapOrGeoModel.id;
+ return action;
+ }
+
+ controller.off('pan').on('pan', function (e) {
+ this._mouseDownFlag = false;
+
+ updateViewOnPan(controllerHost, e.dx, e.dy);
+
+ api.dispatchAction(extend(makeActionBase(), {
+ dx: e.dx,
+ dy: e.dy
+ }));
+ }, this);
+
+ controller.off('zoom').on('zoom', function (e) {
+ this._mouseDownFlag = false;
+
+ updateViewOnZoom(controllerHost, e.scale, e.originX, e.originY);
+
+ api.dispatchAction(extend(makeActionBase(), {
+ zoom: e.scale,
+ originX: e.originX,
+ originY: e.originY
+ }));
+
+ if (this._updateGroup) {
+ var scale = this.group.scale;
+ this._regionsGroup.traverse(function (el) {
+ if (el.type === 'text') {
+ el.attr('scale', [1 / scale[0], 1 / scale[1]]);
+ }
+ });
+ }
+ }, this);
+
+ controller.setPointerChecker(function (e, x, y) {
+ return geo.getViewRectAfterRoam().contain(x, y)
+ && !onIrrelevantElement(e, api, mapOrGeoModel);
+ });
+ }
+};
+
+/*
+* 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.
+*/
+
+var HIGH_DOWN_PROP = '__seriesMapHighDown';
+var RECORD_VERSION_PROP = '__seriesMapCallKey';
+
+extendChartView({
+
+ type: 'map',
+
+ render: function (mapModel, ecModel, api, payload) {
+ // Not render if it is an toggleSelect action from self
+ if (payload && payload.type === 'mapToggleSelect'
+ && payload.from === this.uid
+ ) {
+ return;
+ }
+
+ var group = this.group;
+ group.removeAll();
+
+ if (mapModel.getHostGeoModel()) {
+ return;
+ }
+
+ // Not update map if it is an roam action from self
+ if (!(payload && payload.type === 'geoRoam'
+ && payload.componentType === 'series'
+ && payload.seriesId === mapModel.id
+ )
+ ) {
+ if (mapModel.needsDrawMap) {
+ var mapDraw = this._mapDraw || new MapDraw(api, true);
+ group.add(mapDraw.group);
+
+ mapDraw.draw(mapModel, ecModel, api, this, payload);
+
+ this._mapDraw = mapDraw;
+ }
+ else {
+ // Remove drawed map
+ this._mapDraw && this._mapDraw.remove();
+ this._mapDraw = null;
+ }
+ }
+ else {
+ var mapDraw = this._mapDraw;
+ mapDraw && group.add(mapDraw.group);
+ }
+
+ mapModel.get('showLegendSymbol') && ecModel.getComponent('legend')
+ && this._renderSymbols(mapModel, ecModel, api);
+ },
+
+ remove: function () {
+ this._mapDraw && this._mapDraw.remove();
+ this._mapDraw = null;
+ this.group.removeAll();
+ },
+
+ dispose: function () {
+ this._mapDraw && this._mapDraw.remove();
+ this._mapDraw = null;
+ },
+
+ _renderSymbols: function (mapModel, ecModel, api) {
+ var originalData = mapModel.originalData;
+ var group = this.group;
+
+ originalData.each(originalData.mapDimension('value'), function (value, originalDataIndex) {
+ if (isNaN(value)) {
+ return;
+ }
+
+ var layout = originalData.getItemLayout(originalDataIndex);
+
+ if (!layout || !layout.point) {
+ // Not exists in map
+ return;
+ }
+
+ var point = layout.point;
+ var offset = layout.offset;
+
+ var circle = new Circle({
+ style: {
+ // Because the special of map draw.
+ // Which needs statistic of multiple series and draw on one map.
+ // And each series also need a symbol with legend color
+ //
+ // Layout and visual are put one the different data
+ fill: mapModel.getData().getVisual('color')
+ },
+ shape: {
+ cx: point[0] + offset * 9,
+ cy: point[1],
+ r: 3
+ },
+ silent: true,
+ // Do not overlap the first series, on which labels are displayed.
+ z2: 8 + (!offset ? Z2_EMPHASIS_LIFT + 1 : 0)
+ });
+
+ // Only the series that has the first value on the same region is in charge of rendering the label.
+ // But consider the case:
+ // series: [
+ // {id: 'X', type: 'map', map: 'm', {data: [{name: 'A', value: 11}, {name: 'B', {value: 22}]},
+ // {id: 'Y', type: 'map', map: 'm', {data: [{name: 'A', value: 21}, {name: 'C', {value: 33}]}
+ // ]
+ // The offset `0` of item `A` is at series `X`, but of item `C` is at series `Y`.
+ // For backward compatibility, we follow the rule that render label `A` by the
+ // settings on series `X` but render label `C` by the settings on series `Y`.
+ if (!offset) {
+
+ var fullData = mapModel.mainSeries.getData();
+ var name = originalData.getName(originalDataIndex);
+
+ var fullIndex = fullData.indexOfName(name);
+
+ var itemModel = originalData.getItemModel(originalDataIndex);
+ var labelModel = itemModel.getModel('label');
+ var hoverLabelModel = itemModel.getModel('emphasis.label');
+
+ var regionGroup = fullData.getItemGraphicEl(fullIndex);
+
+ // `getFormattedLabel` needs to use `getData` inside. Here
+ // `mapModel.getData()` is shallow cloned from `mainSeries.getData()`.
+ // FIXME
+ // If this is not the `mainSeries`, the item model (like label formatter)
+ // set on original data item will never get. But it has been working
+ // like that from the begining, and this scenario is rarely encountered.
+ // So it won't be fixed until have to.
+ var normalText = retrieve2(
+ mapModel.getFormattedLabel(fullIndex, 'normal'),
+ name
+ );
+ var emphasisText = retrieve2(
+ mapModel.getFormattedLabel(fullIndex, 'emphasis'),
+ normalText
+ );
+
+ var highDownRecord = regionGroup[HIGH_DOWN_PROP];
+ var recordVersion = Math.random();
+
+ // Prevent from register listeners duplicatedly when roaming.
+ if (!highDownRecord) {
+ highDownRecord = regionGroup[HIGH_DOWN_PROP] = {};
+ var onEmphasis = curry(onRegionHighDown, true);
+ var onNormal = curry(onRegionHighDown, false);
+ regionGroup.on('mouseover', onEmphasis)
+ .on('mouseout', onNormal)
+ .on('emphasis', onEmphasis)
+ .on('normal', onNormal);
+ }
+
+ // Prevent removed regions effect current grapics.
+ regionGroup[RECORD_VERSION_PROP] = recordVersion;
+ extend(highDownRecord, {
+ recordVersion: recordVersion,
+ circle: circle,
+ labelModel: labelModel,
+ hoverLabelModel: hoverLabelModel,
+ emphasisText: emphasisText,
+ normalText: normalText
+ });
+
+ // FIXME
+ // Consider set option when emphasis.
+ enterRegionHighDown(highDownRecord, false);
+ }
+
+ group.add(circle);
+ });
+ }
+});
+
+function onRegionHighDown(toHighOrDown) {
+ var highDownRecord = this[HIGH_DOWN_PROP];
+ if (highDownRecord && highDownRecord.recordVersion === this[RECORD_VERSION_PROP]) {
+ enterRegionHighDown(highDownRecord, toHighOrDown);
+ }
+}
+
+function enterRegionHighDown(highDownRecord, toHighOrDown) {
+ var circle = highDownRecord.circle;
+ var labelModel = highDownRecord.labelModel;
+ var hoverLabelModel = highDownRecord.hoverLabelModel;
+ var emphasisText = highDownRecord.emphasisText;
+ var normalText = highDownRecord.normalText;
+
+ if (toHighOrDown) {
+ circle.style.extendFrom(
+ setTextStyle({}, hoverLabelModel, {
+ text: hoverLabelModel.get('show') ? emphasisText : null
+ }, {isRectText: true, useInsideStyle: false}, true)
+ );
+ // Make label upper than others if overlaps.
+ circle.__mapOriginalZ2 = circle.z2;
+ circle.z2 += Z2_EMPHASIS_LIFT;
+ }
+ else {
+ setTextStyle(circle.style, labelModel, {
+ text: labelModel.get('show') ? normalText : null,
+ textPosition: labelModel.getShallow('position') || 'bottom'
+ }, {isRectText: true, useInsideStyle: false});
+ // Trigger normalize style like padding.
+ circle.dirty(false);
+
+ if (circle.__mapOriginalZ2 != null) {
+ circle.z2 = circle.__mapOriginalZ2;
+ circle.__mapOriginalZ2 = null;
+ }
+ }
+}
+
+/*
+* 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.
+*/
+
+/**
+ * @param {module:echarts/coord/View} view
+ * @param {Object} payload
+ * @param {Object} [zoomLimit]
+ */
+function updateCenterAndZoom(
+ view, payload, zoomLimit
+) {
+ var previousZoom = view.getZoom();
+ var center = view.getCenter();
+ var zoom = payload.zoom;
+
+ var point = view.dataToPoint(center);
+
+ if (payload.dx != null && payload.dy != null) {
+ point[0] -= payload.dx;
+ point[1] -= payload.dy;
+
+ var center = view.pointToData(point);
+ view.setCenter(center);
+ }
+ if (zoom != null) {
+ if (zoomLimit) {
+ var zoomMin = zoomLimit.min || 0;
+ var zoomMax = zoomLimit.max || Infinity;
+ zoom = Math.max(
+ Math.min(previousZoom * zoom, zoomMax),
+ zoomMin
+ ) / previousZoom;
+ }
+
+ // Zoom on given point(originX, originY)
+ view.scale[0] *= zoom;
+ view.scale[1] *= zoom;
+ var position = view.position;
+ var fixX = (payload.originX - position[0]) * (zoom - 1);
+ var fixY = (payload.originY - position[1]) * (zoom - 1);
+
+ position[0] -= fixX;
+ position[1] -= fixY;
+
+ view.updateTransform();
+ // Get the new center
+ var center = view.pointToData(point);
+ view.setCenter(center);
+ view.setZoom(zoom * previousZoom);
+ }
+
+ return {
+ center: view.getCenter(),
+ zoom: view.getZoom()
+ };
+}
+
+/*
+* 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.
+*/
+
+/**
+ * @payload
+ * @property {string} [componentType=series]
+ * @property {number} [dx]
+ * @property {number} [dy]
+ * @property {number} [zoom]
+ * @property {number} [originX]
+ * @property {number} [originY]
+ */
+registerAction({
+ type: 'geoRoam',
+ event: 'geoRoam',
+ update: 'updateTransform'
+}, function (payload, ecModel) {
+ var componentType = payload.componentType || 'series';
+
+ ecModel.eachComponent(
+ { mainType: componentType, query: payload },
+ function (componentModel) {
+ var geo = componentModel.coordinateSystem;
+ if (geo.type !== 'geo') {
+ return;
+ }
+
+ var res = updateCenterAndZoom(
+ geo, payload, componentModel.get('scaleLimit')
+ );
+
+ componentModel.setCenter
+ && componentModel.setCenter(res.center);
+
+ componentModel.setZoom
+ && componentModel.setZoom(res.zoom);
+
+ // All map series with same `map` use the same geo coordinate system
+ // So the center and zoom must be in sync. Include the series not selected by legend
+ if (componentType === 'series') {
+ each$1(componentModel.seriesGroup, function (seriesModel) {
+ seriesModel.setCenter(res.center);
+ seriesModel.setZoom(res.zoom);
+ });
+ }
+ }
+ );
+});
+
+/*
+* 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.
+*/
+
+/**
+ * Simple view coordinate system
+ * Mapping given x, y to transformd view x, y
+ */
+
+var v2ApplyTransform$1 = applyTransform;
+
+// Dummy transform node
+function TransformDummy() {
+ Transformable.call(this);
+}
+mixin(TransformDummy, Transformable);
+
+function View(name) {
+ /**
+ * @type {string}
+ */
+ this.name = name;
+
+ /**
+ * @type {Object}
+ */
+ this.zoomLimit;
+
+ Transformable.call(this);
+
+ this._roamTransformable = new TransformDummy();
+
+ this._rawTransformable = new TransformDummy();
+
+ this._center;
+ this._zoom;
+}
+
+View.prototype = {
+
+ constructor: View,
+
+ type: 'view',
+
+ /**
+ * @param {Array.<string>}
+ * @readOnly
+ */
+ dimensions: ['x', 'y'],
+
+ /**
+ * Set bounding rect
+ * @param {number} x
+ * @param {number} y
+ * @param {number} width
+ * @param {number} height
+ */
+
+ // PENDING to getRect
+ setBoundingRect: function (x, y, width, height) {
+ this._rect = new BoundingRect(x, y, width, height);
+ return this._rect;
+ },
+
+ /**
+ * @return {module:zrender/core/BoundingRect}
+ */
+ // PENDING to getRect
+ getBoundingRect: function () {
+ return this._rect;
+ },
+
+ /**
+ * @param {number} x
+ * @param {number} y
+ * @param {number} width
+ * @param {number} height
+ */
+ setViewRect: function (x, y, width, height) {
+ this.transformTo(x, y, width, height);
+ this._viewRect = new BoundingRect(x, y, width, height);
+ },
+
+ /**
+ * Transformed to particular position and size
+ * @param {number} x
+ * @param {number} y
+ * @param {number} width
+ * @param {number} height
+ */
+ transformTo: function (x, y, width, height) {
+ var rect = this.getBoundingRect();
+ var rawTransform = this._rawTransformable;
+
+ rawTransform.transform = rect.calculateTransform(
+ new BoundingRect(x, y, width, height)
+ );
+
+ rawTransform.decomposeTransform();
+
+ this._updateTransform();
+ },
+
+ /**
+ * Set center of view
+ * @param {Array.<number>} [centerCoord]
+ */
+ setCenter: function (centerCoord) {
+ if (!centerCoord) {
+ return;
+ }
+ this._center = centerCoord;
+
+ this._updateCenterAndZoom();
+ },
+
+ /**
+ * @param {number} zoom
+ */
+ setZoom: function (zoom) {
+ zoom = zoom || 1;
+
+ var zoomLimit = this.zoomLimit;
+ if (zoomLimit) {
+ if (zoomLimit.max != null) {
+ zoom = Math.min(zoomLimit.max, zoom);
+ }
+ if (zoomLimit.min != null) {
+ zoom = Math.max(zoomLimit.min, zoom);
+ }
+ }
+ this._zoom = zoom;
+
+ this._updateCenterAndZoom();
+ },
+
+ /**
+ * Get default center without roam
+ */
+ getDefaultCenter: function () {
+ // Rect before any transform
+ var rawRect = this.getBoundingRect();
+ var cx = rawRect.x + rawRect.width / 2;
+ var cy = rawRect.y + rawRect.height / 2;
+
+ return [cx, cy];
+ },
+
+ getCenter: function () {
+ return this._center || this.getDefaultCenter();
+ },
+
+ getZoom: function () {
+ return this._zoom || 1;
+ },
+
+ /**
+ * @return {Array.<number}
+ */
+ getRoamTransform: function () {
+ return this._roamTransformable.getLocalTransform();
+ },
+
+ /**
+ * Remove roam
+ */
+ _updateCenterAndZoom: function () {
+ // Must update after view transform updated
+ var rawTransformMatrix = this._rawTransformable.getLocalTransform();
+ var roamTransform = this._roamTransformable;
+ var defaultCenter = this.getDefaultCenter();
+ var center = this.getCenter();
+ var zoom = this.getZoom();
+
+ center = applyTransform([], center, rawTransformMatrix);
+ defaultCenter = applyTransform([], defaultCenter, rawTransformMatrix);
+
+ roamTransform.origin = center;
+ roamTransform.position = [
+ defaultCenter[0] - center[0],
+ defaultCenter[1] - center[1]
+ ];
+ roamTransform.scale = [zoom, zoom];
+
+ this._updateTransform();
+ },
+
+ /**
+ * Update transform from roam and mapLocation
+ * @private
+ */
+ _updateTransform: function () {
+ var roamTransformable = this._roamTransformable;
+ var rawTransformable = this._rawTransformable;
+
+ rawTransformable.parent = roamTransformable;
+ roamTransformable.updateTransform();
+ rawTransformable.updateTransform();
+
+ copy$1(this.transform || (this.transform = []), rawTransformable.transform || create$1());
+
+ this._rawTransform = rawTransformable.getLocalTransform();
+
+ this.invTransform = this.invTransform || [];
+ invert(this.invTransform, this.transform);
+
+ this.decomposeTransform();
+ },
+
+ getTransformInfo: function () {
+ var roamTransform = this._roamTransformable.transform;
+ var rawTransformable = this._rawTransformable;
+ return {
+ roamTransform: roamTransform ? slice(roamTransform) : create$1(),
+ rawScale: slice(rawTransformable.scale),
+ rawPosition: slice(rawTransformable.position)
+ };
+ },
+
+ /**
+ * @return {module:zrender/core/BoundingRect}
+ */
+ getViewRect: function () {
+ return this._viewRect;
+ },
+
+ /**
+ * Get view rect after roam transform
+ * @return {module:zrender/core/BoundingRect}
+ */
+ getViewRectAfterRoam: function () {
+ var rect = this.getBoundingRect().clone();
+ rect.applyTransform(this.transform);
+ return rect;
+ },
+
+ /**
+ * Convert a single (lon, lat) data item to (x, y) point.
+ * @param {Array.<number>} data
+ * @param {boolean} noRoam
+ * @param {Array.<number>} [out]
+ * @return {Array.<number>}
+ */
+ dataToPoint: function (data, noRoam, out) {
+ var transform = noRoam ? this._rawTransform : this.transform;
+ out = out || [];
+ return transform
+ ? v2ApplyTransform$1(out, data, transform)
+ : copy(out, data);
+ },
+
+ /**
+ * Convert a (x, y) point to (lon, lat) data
+ * @param {Array.<number>} point
+ * @return {Array.<number>}
+ */
+ pointToData: function (point) {
+ var invTransform = this.invTransform;
+ return invTransform
+ ? v2ApplyTransform$1([], point, invTransform)
+ : [point[0], point[1]];
+ },
+
+ /**
+ * @implements
+ * see {module:echarts/CoodinateSystem}
+ */
+ convertToPixel: curry(doConvert$1, 'dataToPoint'),
+
+ /**
+ * @implements
+ * see {module:echarts/CoodinateSystem}
+ */
+ convertFromPixel: curry(doConvert$1, 'pointToData'),
+
+ /**
+ * @implements
+ * see {module:echarts/CoodinateSystem}
+ */
+ containPoint: function (point) {
+ return this.getViewRectAfterRoam().contain(point[0], point[1]);
+ }
+
+ /**
+ * @return {number}
+ */
+ // getScalarScale: function () {
+ // // Use determinant square root of transform to mutiply scalar
+ // var m = this.transform;
+ // var det = Math.sqrt(Math.abs(m[0] * m[3] - m[2] * m[1]));
+ // return det;
+ // }
+};
+
+mixin(View, Transformable);
+
+function doConvert$1(methodName, ecModel, finder, value) {
+ var seriesModel = finder.seriesModel;
+ var coordSys = seriesModel ? seriesModel.coordinateSystem : null; // e.g., graph.
+ return coordSys === this ? coordSys[methodName](value) : null;
+}
+
+/*
+* 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.
+*/
+
+/**
+ * [Geo description]
+ * For backward compatibility, the orginal interface:
+ * `name, map, geoJson, specialAreas, nameMap` is kept.
+ *
+ * @param {string|Object} name
+ * @param {string} map Map type
+ * Specify the positioned areas by left, top, width, height
+ * @param {Object.<string, string>} [nameMap]
+ * Specify name alias
+ * @param {boolean} [invertLongitute=true]
+ */
+function Geo(name, map$$1, nameMap, invertLongitute) {
+
+ View.call(this, name);
+
+ /**
+ * Map type
+ * @type {string}
+ */
+ this.map = map$$1;
+
+ var source = geoSourceManager.load(map$$1, nameMap);
+
+ this._nameCoordMap = source.nameCoordMap;
+ this._regionsMap = source.regionsMap;
+ this._invertLongitute = invertLongitute == null ? true : invertLongitute;
+
+ /**
+ * @readOnly
+ */
+ this.regions = source.regions;
+
+ /**
+ * @type {module:zrender/src/core/BoundingRect}
+ */
+ this._rect = source.boundingRect;
+}
+
+Geo.prototype = {
+
+ constructor: Geo,
+
+ type: 'geo',
+
+ /**
+ * @param {Array.<string>}
+ * @readOnly
+ */
+ dimensions: ['lng', 'lat'],
+
+ /**
+ * If contain given lng,lat coord
+ * @param {Array.<number>}
+ * @readOnly
+ */
+ containCoord: function (coord) {
+ var regions = this.regions;
+ for (var i = 0; i < regions.length; i++) {
+ if (regions[i].contain(coord)) {
+ return true;
+ }
+ }
+ return false;
+ },
+
+ /**
+ * @override
+ */
+ transformTo: function (x, y, width, height) {
+ var rect = this.getBoundingRect();
+ var invertLongitute = this._invertLongitute;
+
+ rect = rect.clone();
+
+ if (invertLongitute) {
+ // Longitute is inverted
+ rect.y = -rect.y - rect.height;
+ }
+
+ var rawTransformable = this._rawTransformable;
+
+ rawTransformable.transform = rect.calculateTransform(
+ new BoundingRect(x, y, width, height)
+ );
+
+ rawTransformable.decomposeTransform();
+
+ if (invertLongitute) {
+ var scale = rawTransformable.scale;
+ scale[1] = -scale[1];
+ }
+
+ rawTransformable.updateTransform();
+
+ this._updateTransform();
+ },
+
+ /**
+ * @param {string} name
+ * @return {module:echarts/coord/geo/Region}
+ */
+ getRegion: function (name) {
+ return this._regionsMap.get(name);
+ },
+
+ getRegionByCoord: function (coord) {
+ var regions = this.regions;
+ for (var i = 0; i < regions.length; i++) {
+ if (regions[i].contain(coord)) {
+ return regions[i];
+ }
+ }
+ },
+
+ /**
+ * Add geoCoord for indexing by name
+ * @param {string} name
+ * @param {Array.<number>} geoCoord
+ */
+ addGeoCoord: function (name, geoCoord) {
+ this._nameCoordMap.set(name, geoCoord);
+ },
+
+ /**
+ * Get geoCoord by name
+ * @param {string} name
+ * @return {Array.<number>}
+ */
+ getGeoCoord: function (name) {
+ return this._nameCoordMap.get(name);
+ },
+
+ /**
+ * @override
+ */
+ getBoundingRect: function () {
+ return this._rect;
+ },
+
+ /**
+ * @param {string|Array.<number>} data
+ * @param {boolean} noRoam
+ * @param {Array.<number>} [out]
+ * @return {Array.<number>}
+ */
+ dataToPoint: function (data, noRoam, out) {
+ if (typeof data === 'string') {
+ // Map area name to geoCoord
+ data = this.getGeoCoord(data);
+ }
+ if (data) {
+ return View.prototype.dataToPoint.call(this, data, noRoam, out);
+ }
+ },
+
+ /**
+ * @override
+ */
+ convertToPixel: curry(doConvert, 'dataToPoint'),
+
+ /**
+ * @override
+ */
+ convertFromPixel: curry(doConvert, 'pointToData')
+
+};
+
+mixin(Geo, View);
+
+function doConvert(methodName, ecModel, finder, value) {
+ var geoModel = finder.geoModel;
+ var seriesModel = finder.seriesModel;
+
+ var coordSys = geoModel
+ ? geoModel.coordinateSystem
+ : seriesModel
+ ? (
+ seriesModel.coordinateSystem // For map.
+ || (seriesModel.getReferringComponents('geo')[0] || {}).coordinateSystem
+ )
+ : null;
+
+ return coordSys === this ? coordSys[methodName](value) : null;
+}
+
+/*
+* 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.
+*/
+
+/**
+ * Resize method bound to the geo
+ * @param {module:echarts/coord/geo/GeoModel|module:echarts/chart/map/MapModel} geoModel
+ * @param {module:echarts/ExtensionAPI} api
+ */
+function resizeGeo(geoModel, api) {
+
+ var boundingCoords = geoModel.get('boundingCoords');
+ if (boundingCoords != null) {
+ var leftTop = boundingCoords[0];
+ var rightBottom = boundingCoords[1];
+ if (isNaN(leftTop[0]) || isNaN(leftTop[1]) || isNaN(rightBottom[0]) || isNaN(rightBottom[1])) {
+ if (__DEV__) {
+ console.error('Invalid boundingCoords');
+ }
+ }
+ else {
+ this.setBoundingRect(leftTop[0], leftTop[1], rightBottom[0] - leftTop[0], rightBottom[1] - leftTop[1]);
+ }
+ }
+
+ var rect = this.getBoundingRect();
+
+ var boxLayoutOption;
+
+ var center = geoModel.get('layoutCenter');
+ var size = geoModel.get('layoutSize');
+
+ var viewWidth = api.getWidth();
+ var viewHeight = api.getHeight();
+
+ var aspect = rect.width / rect.height * this.aspectScale;
+
+ var useCenterAndSize = false;
+
+ if (center && size) {
+ center = [
+ parsePercent$1(center[0], viewWidth),
+ parsePercent$1(center[1], viewHeight)
+ ];
+ size = parsePercent$1(size, Math.min(viewWidth, viewHeight));
+
+ if (!isNaN(center[0]) && !isNaN(center[1]) && !isNaN(size)) {
+ useCenterAndSize = true;
+ }
+ else {
+ if (__DEV__) {
+ console.warn('Given layoutCenter or layoutSize data are invalid. Use left/top/width/height instead.');
+ }
+ }
+ }
+
+ var viewRect;
+ if (useCenterAndSize) {
+ var viewRect = {};
+ if (aspect > 1) {
+ // Width is same with size
+ viewRect.width = size;
+ viewRect.height = size / aspect;
+ }
+ else {
+ viewRect.height = size;
+ viewRect.width = size * aspect;
+ }
+ viewRect.y = center[1] - viewRect.height / 2;
+ viewRect.x = center[0] - viewRect.width / 2;
+ }
+ else {
+ // Use left/top/width/height
+ boxLayoutOption = geoModel.getBoxLayoutParams();
+
+ // 0.75 rate
+ boxLayoutOption.aspect = aspect;
+
+ viewRect = getLayoutRect(boxLayoutOption, {
+ width: viewWidth,
+ height: viewHeight
+ });
+ }
+
+ this.setViewRect(viewRect.x, viewRect.y, viewRect.width, viewRect.height);
+
+ this.setCenter(geoModel.get('center'));
+ this.setZoom(geoModel.get('zoom'));
+}
+
+/**
+ * @param {module:echarts/coord/Geo} geo
+ * @param {module:echarts/model/Model} model
+ * @inner
+ */
+function setGeoCoords(geo, model) {
+ each$1(model.get('geoCoord'), function (geoCoord, name) {
+ geo.addGeoCoord(name, geoCoord);
+ });
+}
+
+var geoCreator = {
+
+ // For deciding which dimensions to use when creating list data
+ dimensions: Geo.prototype.dimensions,
+
+ create: function (ecModel, api) {
+ var geoList = [];
+
+ // FIXME Create each time may be slow
+ ecModel.eachComponent('geo', function (geoModel, idx) {
+ var name = geoModel.get('map');
+
+ var aspectScale = geoModel.get('aspectScale');
+ var invertLongitute = true;
+ var mapRecords = mapDataStorage.retrieveMap(name);
+ if (mapRecords && mapRecords[0] && mapRecords[0].type === 'svg') {
+ aspectScale == null && (aspectScale = 1);
+ invertLongitute = false;
+ }
+ else {
+ aspectScale == null && (aspectScale = 0.75);
+ }
+
+ var geo = new Geo(name + idx, name, geoModel.get('nameMap'), invertLongitute);
+
+ geo.aspectScale = aspectScale;
+ geo.zoomLimit = geoModel.get('scaleLimit');
+ geoList.push(geo);
+
+ setGeoCoords(geo, geoModel);
+
+ geoModel.coordinateSystem = geo;
+ geo.model = geoModel;
+
+ // Inject resize method
+ geo.resize = resizeGeo;
+
+ geo.resize(geoModel, api);
+ });
+
+ ecModel.eachSeries(function (seriesModel) {
+ var coordSys = seriesModel.get('coordinateSystem');
+ if (coordSys === 'geo') {
+ var geoIndex = seriesModel.get('geoIndex') || 0;
+ seriesModel.coordinateSystem = geoList[geoIndex];
+ }
+ });
+
+ // If has map series
+ var mapModelGroupBySeries = {};
+
+ ecModel.eachSeriesByType('map', function (seriesModel) {
+ if (!seriesModel.getHostGeoModel()) {
+ var mapType = seriesModel.getMapType();
+ mapModelGroupBySeries[mapType] = mapModelGroupBySeries[mapType] || [];
+ mapModelGroupBySeries[mapType].push(seriesModel);
+ }
+ });
+
+ each$1(mapModelGroupBySeries, function (mapSeries, mapType) {
+ var nameMapList = map(mapSeries, function (singleMapSeries) {
+ return singleMapSeries.get('nameMap');
+ });
+ var geo = new Geo(mapType, mapType, mergeAll(nameMapList));
+
+ geo.zoomLimit = retrieve.apply(null, map(mapSeries, function (singleMapSeries) {
+ return singleMapSeries.get('scaleLimit');
+ }));
+ geoList.push(geo);
+
+ // Inject resize method
+ geo.resize = resizeGeo;
+ geo.aspectScale = mapSeries[0].get('aspectScale');
+
+ geo.resize(mapSeries[0], api);
+
+ each$1(mapSeries, function (singleMapSeries) {
+ singleMapSeries.coordinateSystem = geo;
+
+ setGeoCoords(geo, singleMapSeries);
+ });
+ });
+
+ return geoList;
+ },
+
+ /**
+ * Fill given regions array
+ * @param {Array.<Object>} originRegionArr
+ * @param {string} mapName
+ * @param {Object} [nameMap]
+ * @return {Array}
+ */
+ getFilledRegions: function (originRegionArr, mapName, nameMap) {
+ // Not use the original
+ var regionsArr = (originRegionArr || []).slice();
+
+ var dataNameMap = createHashMap();
+ for (var i = 0; i < regionsArr.length; i++) {
+ dataNameMap.set(regionsArr[i].name, regionsArr[i]);
+ }
+
+ var source = geoSourceManager.load(mapName, nameMap);
+ each$1(source.regions, function (region) {
+ var name = region.name;
+ !dataNameMap.get(name) && regionsArr.push({name: name});
+ });
+
+ return regionsArr;
+ }
+};
+
+registerCoordinateSystem('geo', geoCreator);
+
+/*
+* 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.
+*/
+
+var mapSymbolLayout = function (ecModel) {
+
+ var processedMapType = {};
+
+ ecModel.eachSeriesByType('map', function (mapSeries) {
+ var mapType = mapSeries.getMapType();
+ if (mapSeries.getHostGeoModel() || processedMapType[mapType]) {
+ return;
+ }
+
+ var mapSymbolOffsets = {};
+
+ each$1(mapSeries.seriesGroup, function (subMapSeries) {
+ var geo = subMapSeries.coordinateSystem;
+ var data = subMapSeries.originalData;
+ if (subMapSeries.get('showLegendSymbol') && ecModel.getComponent('legend')) {
+ data.each(data.mapDimension('value'), function (value, idx) {
+ var name = data.getName(idx);
+ var region = geo.getRegion(name);
+
+ // If input series.data is [11, 22, '-'/null/undefined, 44],
+ // it will be filled with NaN: [11, 22, NaN, 44] and NaN will
+ // not be drawn. So here must validate if value is NaN.
+ if (!region || isNaN(value)) {
+ return;
+ }
+
+ var offset = mapSymbolOffsets[name] || 0;
+
+ var point = geo.dataToPoint(region.center);
+
+ mapSymbolOffsets[name] = offset + 1;
+
+ data.setItemLayout(idx, {
+ point: point,
+ offset: offset
+ });
+ });
+ }
+ });
+
+ // Show label of those region not has legendSymbol(which is offset 0)
+ var data = mapSeries.getData();
+ data.each(function (idx) {
+ var name = data.getName(idx);
+ var layout = data.getItemLayout(idx) || {};
+ layout.showLabel = !mapSymbolOffsets[name];
+ data.setItemLayout(idx, layout);
+ });
+
+ processedMapType[mapType] = true;
+ });
+};
+
+/*
+* 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.
+*/
+
+
+var mapVisual = function (ecModel) {
+ ecModel.eachSeriesByType('map', function (seriesModel) {
+ var colorList = seriesModel.get('color');
+ var itemStyleModel = seriesModel.getModel('itemStyle');
+
+ var areaColor = itemStyleModel.get('areaColor');
+ var color = itemStyleModel.get('color')
+ || colorList[seriesModel.seriesIndex % colorList.length];
+
+ seriesModel.getData().setVisual({
+ 'areaColor': areaColor,
+ 'color': color
+ });
+ });
+};
+
+/*
+* 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.
+*/
+
+// FIXME 鍏敤锛�
+/**
+ * @param {Array.<module:echarts/data/List>} datas
+ * @param {string} statisticType 'average' 'sum'
+ * @inner
+ */
+function dataStatistics(datas, statisticType) {
+ var dataNameMap = {};
+
+ each$1(datas, function (data) {
+ data.each(data.mapDimension('value'), function (value, idx) {
+ // Add prefix to avoid conflict with Object.prototype.
+ var mapKey = 'ec-' + data.getName(idx);
+ dataNameMap[mapKey] = dataNameMap[mapKey] || [];
+ if (!isNaN(value)) {
+ dataNameMap[mapKey].push(value);
+ }
+ });
+ });
+
+ return datas[0].map(datas[0].mapDimension('value'), function (value, idx) {
+ var mapKey = 'ec-' + datas[0].getName(idx);
+ var sum = 0;
+ var min = Infinity;
+ var max = -Infinity;
+ var len = dataNameMap[mapKey].length;
+ for (var i = 0; i < len; i++) {
+ min = Math.min(min, dataNameMap[mapKey][i]);
+ max = Math.max(max, dataNameMap[mapKey][i]);
+ sum += dataNameMap[mapKey][i];
+ }
+ var result;
+ if (statisticType === 'min') {
+ result = min;
+ }
+ else if (statisticType === 'max') {
+ result = max;
+ }
+ else if (statisticType === 'average') {
+ result = sum / len;
+ }
+ else {
+ result = sum;
+ }
+ return len === 0 ? NaN : result;
+ });
+}
+
+var mapDataStatistic = function (ecModel) {
+ var seriesGroups = {};
+ ecModel.eachSeriesByType('map', function (seriesModel) {
+ var hostGeoModel = seriesModel.getHostGeoModel();
+ var key = hostGeoModel ? 'o' + hostGeoModel.id : 'i' + seriesModel.getMapType();
+ (seriesGroups[key] = seriesGroups[key] || []).push(seriesModel);
+ });
+
+ each$1(seriesGroups, function (seriesList, key) {
+ var data = dataStatistics(
+ map(seriesList, function (seriesModel) {
+ return seriesModel.getData();
+ }),
+ seriesList[0].get('mapValueCalculation')
+ );
+
+ for (var i = 0; i < seriesList.length; i++) {
+ seriesList[i].originalData = seriesList[i].getData();
+ }
+
+ // FIXME Put where?
+ for (var i = 0; i < seriesList.length; i++) {
+ seriesList[i].seriesGroup = seriesList;
+ seriesList[i].needsDrawMap = i === 0 && !seriesList[i].getHostGeoModel();
+
+ seriesList[i].setData(data.cloneShallow());
+ seriesList[i].mainSeries = seriesList[0];
+ }
+ });
+};
+
+/*
+* 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.
+*/
+
+var backwardCompat$2 = function (option) {
+ // Save geoCoord
+ var mapSeries = [];
+ each$1(option.series, function (seriesOpt) {
+ if (seriesOpt && seriesOpt.type === 'map') {
+ mapSeries.push(seriesOpt);
+ seriesOpt.map = seriesOpt.map || seriesOpt.mapType;
+ // Put x, y, width, height, x2, y2 in the top level
+ defaults(seriesOpt, seriesOpt.mapLocation);
+ }
+ });
+};
+
+/*
+* 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.
+*/
+
+registerLayout(mapSymbolLayout);
+registerVisual(mapVisual);
+registerProcessor(PRIORITY.PROCESSOR.STATISTIC, mapDataStatistic);
+registerPreprocessor(backwardCompat$2);
+
+createDataSelectAction('map', [{
+ type: 'mapToggleSelect',
+ event: 'mapselectchanged',
+ method: 'toggleSelected'
+}, {
+ type: 'mapSelect',
+ event: 'mapselected',
+ method: 'select'
+}, {
+ type: 'mapUnSelect',
+ event: 'mapunselected',
+ method: 'unSelect'
+}]);
+
+/*
+* 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.
+*/
+
+/**
+ * Link lists and struct (graph or tree)
+ */
+
+var each$7 = each$1;
+
+var DATAS = '\0__link_datas';
+var MAIN_DATA = '\0__link_mainData';
+
+// Caution:
+// In most case, either list or its shallow clones (see list.cloneShallow)
+// is active in echarts process. So considering heap memory consumption,
+// we do not clone tree or graph, but share them among list and its shallow clones.
+// But in some rare case, we have to keep old list (like do animation in chart). So
+// please take care that both the old list and the new list share the same tree/graph.
+
+/**
+ * @param {Object} opt
+ * @param {module:echarts/data/List} opt.mainData
+ * @param {Object} [opt.struct] For example, instance of Graph or Tree.
+ * @param {string} [opt.structAttr] designation: list[structAttr] = struct;
+ * @param {Object} [opt.datas] {dataType: data},
+ * like: {node: nodeList, edge: edgeList}.
+ * Should contain mainData.
+ * @param {Object} [opt.datasAttr] {dataType: attr},
+ * designation: struct[datasAttr[dataType]] = list;
+ */
+function linkList(opt) {
+ var mainData = opt.mainData;
+ var datas = opt.datas;
+
+ if (!datas) {
+ datas = {main: mainData};
+ opt.datasAttr = {main: 'data'};
+ }
+ opt.datas = opt.mainData = null;
+
+ linkAll(mainData, datas, opt);
+
+ // Porxy data original methods.
+ each$7(datas, function (data) {
+ each$7(mainData.TRANSFERABLE_METHODS, function (methodName) {
+ data.wrapMethod(methodName, curry(transferInjection, opt));
+ });
+
+ });
+
+ // Beyond transfer, additional features should be added to `cloneShallow`.
+ mainData.wrapMethod('cloneShallow', curry(cloneShallowInjection, opt));
+
+ // Only mainData trigger change, because struct.update may trigger
+ // another changable methods, which may bring about dead lock.
+ each$7(mainData.CHANGABLE_METHODS, function (methodName) {
+ mainData.wrapMethod(methodName, curry(changeInjection, opt));
+ });
+
+ // Make sure datas contains mainData.
+ assert$1(datas[mainData.dataType] === mainData);
+}
+
+function transferInjection(opt, res) {
+ if (isMainData(this)) {
+ // Transfer datas to new main data.
+ var datas = extend({}, this[DATAS]);
+ datas[this.dataType] = res;
+ linkAll(res, datas, opt);
+ }
+ else {
+ // Modify the reference in main data to point newData.
+ linkSingle(res, this.dataType, this[MAIN_DATA], opt);
+ }
+ return res;
+}
+
+function changeInjection(opt, res) {
+ opt.struct && opt.struct.update(this);
+ return res;
+}
+
+function cloneShallowInjection(opt, res) {
+ // cloneShallow, which brings about some fragilities, may be inappropriate
+ // to be exposed as an API. So for implementation simplicity we can make
+ // the restriction that cloneShallow of not-mainData should not be invoked
+ // outside, but only be invoked here.
+ each$7(res[DATAS], function (data, dataType) {
+ data !== res && linkSingle(data.cloneShallow(), dataType, res, opt);
+ });
+ return res;
+}
+
+/**
+ * Supplement method to List.
+ *
+ * @public
+ * @param {string} [dataType] If not specified, return mainData.
+ * @return {module:echarts/data/List}
+ */
+function getLinkedData(dataType) {
+ var mainData = this[MAIN_DATA];
+ return (dataType == null || mainData == null)
+ ? mainData
+ : mainData[DATAS][dataType];
+}
+
+function isMainData(data) {
+ return data[MAIN_DATA] === data;
+}
+
+function linkAll(mainData, datas, opt) {
+ mainData[DATAS] = {};
+ each$7(datas, function (data, dataType) {
+ linkSingle(data, dataType, mainData, opt);
+ });
+}
+
+function linkSingle(data, dataType, mainData, opt) {
+ mainData[DATAS][dataType] = data;
+ data[MAIN_DATA] = mainData;
+ data.dataType = dataType;
+
+ if (opt.struct) {
+ data[opt.structAttr] = opt.struct;
+ opt.struct[opt.datasAttr[dataType]] = data;
+ }
+
+ // Supplement method.
+ data.getLinkedData = getLinkedData;
+}
+
+/*
+* 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.
+*/
+
+/**
+ * Tree data structure
+ *
+ * @module echarts/data/Tree
+ */
+
+/**
+ * @constructor module:echarts/data/Tree~TreeNode
+ * @param {string} name
+ * @param {module:echarts/data/Tree} hostTree
+ */
+var TreeNode = function (name, hostTree) {
+ /**
+ * @type {string}
+ */
+ this.name = name || '';
+
+ /**
+ * Depth of node
+ *
+ * @type {number}
+ * @readOnly
+ */
+ this.depth = 0;
+
+ /**
+ * Height of the subtree rooted at this node.
+ * @type {number}
+ * @readOnly
+ */
+ this.height = 0;
+
+ /**
+ * @type {module:echarts/data/Tree~TreeNode}
+ * @readOnly
+ */
+ this.parentNode = null;
+
+ /**
+ * Reference to list item.
+ * Do not persistent dataIndex outside,
+ * besause it may be changed by list.
+ * If dataIndex -1,
+ * this node is logical deleted (filtered) in list.
+ *
+ * @type {Object}
+ * @readOnly
+ */
+ this.dataIndex = -1;
+
+ /**
+ * @type {Array.<module:echarts/data/Tree~TreeNode>}
+ * @readOnly
+ */
+ this.children = [];
+
+ /**
+ * @type {Array.<module:echarts/data/Tree~TreeNode>}
+ * @pubilc
+ */
+ this.viewChildren = [];
+
+ /**
+ * @type {moduel:echarts/data/Tree}
+ * @readOnly
+ */
+ this.hostTree = hostTree;
+};
+
+TreeNode.prototype = {
+
+ constructor: TreeNode,
+
+ /**
+ * The node is removed.
+ * @return {boolean} is removed.
+ */
+ isRemoved: function () {
+ return this.dataIndex < 0;
+ },
+
+ /**
+ * Travel this subtree (include this node).
+ * Usage:
+ * node.eachNode(function () { ... }); // preorder
+ * node.eachNode('preorder', function () { ... }); // preorder
+ * node.eachNode('postorder', function () { ... }); // postorder
+ * node.eachNode(
+ * {order: 'postorder', attr: 'viewChildren'},
+ * function () { ... }
+ * ); // postorder
+ *
+ * @param {(Object|string)} options If string, means order.
+ * @param {string=} options.order 'preorder' or 'postorder'
+ * @param {string=} options.attr 'children' or 'viewChildren'
+ * @param {Function} cb If in preorder and return false,
+ * its subtree will not be visited.
+ * @param {Object} [context]
+ */
+ eachNode: function (options, cb, context) {
+ if (typeof options === 'function') {
+ context = cb;
+ cb = options;
+ options = null;
+ }
+
+ options = options || {};
+ if (isString(options)) {
+ options = {order: options};
+ }
+
+ var order = options.order || 'preorder';
+ var children = this[options.attr || 'children'];
+
+ var suppressVisitSub;
+ order === 'preorder' && (suppressVisitSub = cb.call(context, this));
+
+ for (var i = 0; !suppressVisitSub && i < children.length; i++) {
+ children[i].eachNode(options, cb, context);
+ }
+
+ order === 'postorder' && cb.call(context, this);
+ },
+
+ /**
+ * Update depth and height of this subtree.
+ *
+ * @param {number} depth
+ */
+ updateDepthAndHeight: function (depth) {
+ var height = 0;
+ this.depth = depth;
+ for (var i = 0; i < this.children.length; i++) {
+ var child = this.children[i];
+ child.updateDepthAndHeight(depth + 1);
+ if (child.height > height) {
+ height = child.height;
+ }
+ }
+ this.height = height + 1;
+ },
+
+ /**
+ * @param {string} id
+ * @return {module:echarts/data/Tree~TreeNode}
+ */
+ getNodeById: function (id) {
+ if (this.getId() === id) {
+ return this;
+ }
+ for (var i = 0, children = this.children, len = children.length; i < len; i++) {
+ var res = children[i].getNodeById(id);
+ if (res) {
+ return res;
+ }
+ }
+ },
+
+ /**
+ * @param {module:echarts/data/Tree~TreeNode} node
+ * @return {boolean}
+ */
+ contains: function (node) {
+ if (node === this) {
+ return true;
+ }
+ for (var i = 0, children = this.children, len = children.length; i < len; i++) {
+ var res = children[i].contains(node);
+ if (res) {
+ return res;
+ }
+ }
+ },
+
+ /**
+ * @param {boolean} includeSelf Default false.
+ * @return {Array.<module:echarts/data/Tree~TreeNode>} order: [root, child, grandchild, ...]
+ */
+ getAncestors: function (includeSelf) {
+ var ancestors = [];
+ var node = includeSelf ? this : this.parentNode;
+ while (node) {
+ ancestors.push(node);
+ node = node.parentNode;
+ }
+ ancestors.reverse();
+ return ancestors;
+ },
+
+ /**
+ * @param {string|Array=} [dimension='value'] Default 'value'. can be 0, 1, 2, 3
+ * @return {number} Value.
+ */
+ getValue: function (dimension) {
+ var data = this.hostTree.data;
+ return data.get(data.getDimension(dimension || 'value'), this.dataIndex);
+ },
+
+ /**
+ * @param {Object} layout
+ * @param {boolean=} [merge=false]
+ */
+ setLayout: function (layout, merge$$1) {
+ this.dataIndex >= 0
+ && this.hostTree.data.setItemLayout(this.dataIndex, layout, merge$$1);
+ },
+
+ /**
+ * @return {Object} layout
+ */
+ getLayout: function () {
+ return this.hostTree.data.getItemLayout(this.dataIndex);
+ },
+
+ /**
+ * @param {string} [path]
+ * @return {module:echarts/model/Model}
+ */
+ getModel: function (path) {
+ if (this.dataIndex < 0) {
+ return;
+ }
+ var hostTree = this.hostTree;
+ var itemModel = hostTree.data.getItemModel(this.dataIndex);
+ var levelModel = this.getLevelModel();
+
+ // FIXME: refactor levelModel to "beforeLink", and remove levelModel here.
+ if (levelModel) {
+ return itemModel.getModel(path, levelModel.getModel(path));
+ }
+ else {
+ return itemModel.getModel(path);
+ }
+ },
+
+ /**
+ * @return {module:echarts/model/Model}
+ */
+ getLevelModel: function () {
+ return (this.hostTree.levelModels || [])[this.depth];
+ },
+
+ /**
+ * @example
+ * setItemVisual('color', color);
+ * setItemVisual({
+ * 'color': color
+ * });
+ */
+ setVisual: function (key, value) {
+ this.dataIndex >= 0
+ && this.hostTree.data.setItemVisual(this.dataIndex, key, value);
+ },
+
+ /**
+ * Get item visual
+ */
+ getVisual: function (key, ignoreParent) {
+ return this.hostTree.data.getItemVisual(this.dataIndex, key, ignoreParent);
+ },
+
+ /**
+ * @public
+ * @return {number}
+ */
+ getRawIndex: function () {
+ return this.hostTree.data.getRawIndex(this.dataIndex);
+ },
+
+ /**
+ * @public
+ * @return {string}
+ */
+ getId: function () {
+ return this.hostTree.data.getId(this.dataIndex);
+ },
+
+ /**
+ * if this is an ancestor of another node
+ *
+ * @public
+ * @param {TreeNode} node another node
+ * @return {boolean} if is ancestor
+ */
+ isAncestorOf: function (node) {
+ var parent = node.parentNode;
+ while (parent) {
+ if (parent === this) {
+ return true;
+ }
+ parent = parent.parentNode;
+ }
+ return false;
+ },
+
+ /**
+ * if this is an descendant of another node
+ *
+ * @public
+ * @param {TreeNode} node another node
+ * @return {boolean} if is descendant
+ */
+ isDescendantOf: function (node) {
+ return node !== this && node.isAncestorOf(this);
+ }
+};
+
+/**
+ * @constructor
+ * @alias module:echarts/data/Tree
+ * @param {module:echarts/model/Model} hostModel
+ * @param {Array.<Object>} levelOptions
+ */
+function Tree(hostModel, levelOptions) {
+ /**
+ * @type {module:echarts/data/Tree~TreeNode}
+ * @readOnly
+ */
+ this.root;
+
+ /**
+ * @type {module:echarts/data/List}
+ * @readOnly
+ */
+ this.data;
+
+ /**
+ * Index of each item is the same as the raw index of coresponding list item.
+ * @private
+ * @type {Array.<module:echarts/data/Tree~TreeNode}
+ */
+ this._nodes = [];
+
+ /**
+ * @private
+ * @readOnly
+ * @type {module:echarts/model/Model}
+ */
+ this.hostModel = hostModel;
+
+ /**
+ * @private
+ * @readOnly
+ * @type {Array.<module:echarts/model/Model}
+ */
+ this.levelModels = map(levelOptions || [], function (levelDefine) {
+ return new Model(levelDefine, hostModel, hostModel.ecModel);
+ });
+
+}
+
+Tree.prototype = {
+
+ constructor: Tree,
+
+ type: 'tree',
+
+ /**
+ * Travel this subtree (include this node).
+ * Usage:
+ * node.eachNode(function () { ... }); // preorder
+ * node.eachNode('preorder', function () { ... }); // preorder
+ * node.eachNode('postorder', function () { ... }); // postorder
+ * node.eachNode(
+ * {order: 'postorder', attr: 'viewChildren'},
+ * function () { ... }
+ * ); // postorder
+ *
+ * @param {(Object|string)} options If string, means order.
+ * @param {string=} options.order 'preorder' or 'postorder'
+ * @param {string=} options.attr 'children' or 'viewChildren'
+ * @param {Function} cb
+ * @param {Object} [context]
+ */
+ eachNode: function (options, cb, context) {
+ this.root.eachNode(options, cb, context);
+ },
+
+ /**
+ * @param {number} dataIndex
+ * @return {module:echarts/data/Tree~TreeNode}
+ */
+ getNodeByDataIndex: function (dataIndex) {
+ var rawIndex = this.data.getRawIndex(dataIndex);
+ return this._nodes[rawIndex];
+ },
+
+ /**
+ * @param {string} name
+ * @return {module:echarts/data/Tree~TreeNode}
+ */
+ getNodeByName: function (name) {
+ return this.root.getNodeByName(name);
+ },
+
+ /**
+ * Update item available by list,
+ * when list has been performed options like 'filterSelf' or 'map'.
+ */
+ update: function () {
+ var data = this.data;
+ var nodes = this._nodes;
+
+ for (var i = 0, len = nodes.length; i < len; i++) {
+ nodes[i].dataIndex = -1;
+ }
+
+ for (var i = 0, len = data.count(); i < len; i++) {
+ nodes[data.getRawIndex(i)].dataIndex = i;
+ }
+ },
+
+ /**
+ * Clear all layouts
+ */
+ clearLayouts: function () {
+ this.data.clearItemLayouts();
+ }
+};
+
+/**
+ * data node format:
+ * {
+ * name: ...
+ * value: ...
+ * children: [
+ * {
+ * name: ...
+ * value: ...
+ * children: ...
+ * },
+ * ...
+ * ]
+ * }
+ *
+ * @static
+ * @param {Object} dataRoot Root node.
+ * @param {module:echarts/model/Model} hostModel
+ * @param {Object} treeOptions
+ * @param {Array.<Object>} treeOptions.levels
+ * @return module:echarts/data/Tree
+ */
+Tree.createTree = function (dataRoot, hostModel, treeOptions, beforeLink) {
+
+ var tree = new Tree(hostModel, treeOptions && treeOptions.levels);
+ var listData = [];
+ var dimMax = 1;
+
+ buildHierarchy(dataRoot);
+
+ function buildHierarchy(dataNode, parentNode) {
+ var value = dataNode.value;
+ dimMax = Math.max(dimMax, isArray(value) ? value.length : 1);
+
+ listData.push(dataNode);
+
+ var node = new TreeNode(dataNode.name, tree);
+ parentNode
+ ? addChild(node, parentNode)
+ : (tree.root = node);
+
+ tree._nodes.push(node);
+
+ var children = dataNode.children;
+ if (children) {
+ for (var i = 0; i < children.length; i++) {
+ buildHierarchy(children[i], node);
+ }
+ }
+ }
+
+ tree.root.updateDepthAndHeight(0);
+
+ var dimensionsInfo = createDimensions(listData, {
+ coordDimensions: ['value'],
+ dimensionsCount: dimMax
+ });
+
+ var list = new List(dimensionsInfo, hostModel);
+ list.initData(listData);
+
+ beforeLink && beforeLink(list);
+
+ linkList({
+ mainData: list,
+ struct: tree,
+ structAttr: 'tree'
+ });
+
+ tree.update();
+
+ return tree;
+};
+
+/**
+ * It is needed to consider the mess of 'list', 'hostModel' when creating a TreeNote,
+ * so this function is not ready and not necessary to be public.
+ *
+ * @param {(module:echarts/data/Tree~TreeNode|Object)} child
+ */
+function addChild(child, node) {
+ var children = node.children;
+ if (child.parentNode === node) {
+ return;
+ }
+
+ children.push(child);
+ child.parentNode = node;
+}
+
+/*
+* 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.
+*/
+
+SeriesModel.extend({
+
+ type: 'series.tree',
+
+ layoutInfo: null,
+
+ // can support the position parameters 'left', 'top','right','bottom', 'width',
+ // 'height' in the setOption() with 'merge' mode normal.
+ layoutMode: 'box',
+
+ /**
+ * Init a tree data structure from data in option series
+ * @param {Object} option the object used to config echarts view
+ * @return {module:echarts/data/List} storage initial data
+ */
+ getInitialData: function (option) {
+
+ //create an virtual root
+ var root = {name: option.name, children: option.data};
+
+ var leaves = option.leaves || {};
+ var leavesModel = new Model(leaves, this, this.ecModel);
+
+ var tree = Tree.createTree(root, this, {}, beforeLink);
+
+ function beforeLink(nodeData) {
+ nodeData.wrapMethod('getItemModel', function (model, idx) {
+ var node = tree.getNodeByDataIndex(idx);
+ if (!node.children.length || !node.isExpand) {
+ model.parentModel = leavesModel;
+ }
+ return model;
+ });
+ }
+
+ var treeDepth = 0;
+
+ tree.eachNode('preorder', function (node) {
+ if (node.depth > treeDepth) {
+ treeDepth = node.depth;
+ }
+ });
+
+ var expandAndCollapse = option.expandAndCollapse;
+ var expandTreeDepth = (expandAndCollapse && option.initialTreeDepth >= 0)
+ ? option.initialTreeDepth : treeDepth;
+
+ tree.root.eachNode('preorder', function (node) {
+ var item = node.hostTree.data.getRawDataItem(node.dataIndex);
+ // Add item.collapsed != null, because users can collapse node original in the series.data.
+ node.isExpand = (item && item.collapsed != null)
+ ? !item.collapsed
+ : node.depth <= expandTreeDepth;
+ });
+
+ return tree.data;
+ },
+
+ /**
+ * Make the configuration 'orient' backward compatibly, with 'horizontal = LR', 'vertical = TB'.
+ * @returns {string} orient
+ */
+ getOrient: function () {
+ var orient = this.get('orient');
+ if (orient === 'horizontal') {
+ orient = 'LR';
+ }
+ else if (orient === 'vertical') {
+ orient = 'TB';
+ }
+ return orient;
+ },
+
+ setZoom: function (zoom) {
+ this.option.zoom = zoom;
+ },
+
+ setCenter: function (center) {
+ this.option.center = center;
+ },
+
+ /**
+ * @override
+ * @param {number} dataIndex
+ */
+ formatTooltip: function (dataIndex) {
+ var tree = this.getData().tree;
+ var realRoot = tree.root.children[0];
+ var node = tree.getNodeByDataIndex(dataIndex);
+ var value = node.getValue();
+ var name = node.name;
+ while (node && (node !== realRoot)) {
+ name = node.parentNode.name + '.' + name;
+ node = node.parentNode;
+ }
+ return encodeHTML(name + (
+ (isNaN(value) || value == null) ? '' : ' : ' + value
+ ));
+ },
+
+ defaultOption: {
+ zlevel: 0,
+ z: 2,
+ coordinateSystem: 'view',
+
+ // the position of the whole view
+ left: '12%',
+ top: '12%',
+ right: '12%',
+ bottom: '12%',
+
+ // the layout of the tree, two value can be selected, 'orthogonal' or 'radial'
+ layout: 'orthogonal',
+
+ // value can be 'polyline'
+ edgeShape: 'curve',
+
+ edgeForkPosition: '50%',
+
+ // true | false | 'move' | 'scale', see module:component/helper/RoamController.
+ roam: false,
+
+ // Symbol size scale ratio in roam
+ nodeScaleRatio: 0.4,
+
+ // Default on center of graph
+ center: null,
+
+ zoom: 1,
+
+ // The orient of orthoginal layout, can be setted to 'LR', 'TB', 'RL', 'BT'.
+ // and the backward compatibility configuration 'horizontal = LR', 'vertical = TB'.
+ orient: 'LR',
+
+ symbol: 'emptyCircle',
+
+ symbolSize: 7,
+
+ expandAndCollapse: true,
+
+ initialTreeDepth: 2,
+
+ lineStyle: {
+ color: '#ccc',
+ width: 1.5,
+ curveness: 0.5
+ },
+
+ itemStyle: {
+ color: 'lightsteelblue',
+ borderColor: '#c23531',
+ borderWidth: 1.5
+ },
+
+ label: {
+ show: true,
+ color: '#555'
+ },
+
+ leaves: {
+ label: {
+ show: true
+ }
+ },
+
+ animationEasing: 'linear',
+
+ animationDuration: 700,
+
+ animationDurationUpdate: 1000
+ }
+});
+
+/*
+* 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.
+*/
+
+/*
+* A third-party license is embeded for some of the code in this file:
+* The tree layoutHelper implementation was originally copied from
+* "d3.js"(https://github.com/d3/d3-hierarchy) with
+* some modifications made for this project.
+* (see more details in the comment of the specific method below.)
+* The use of the source code of this file is also subject to the terms
+* and consitions of the licence of "d3.js" (BSD-3Clause, see
+* </licenses/LICENSE-d3>).
+*/
+
+/**
+ * @file The layout algorithm of node-link tree diagrams. Here we using Reingold-Tilford algorithm to drawing
+ * the tree.
+ */
+
+/**
+ * Initialize all computational message for following algorithm.
+ *
+ * @param {module:echarts/data/Tree~TreeNode} root The virtual root of the tree.
+ */
+function init$2(root) {
+ root.hierNode = {
+ defaultAncestor: null,
+ ancestor: root,
+ prelim: 0,
+ modifier: 0,
+ change: 0,
+ shift: 0,
+ i: 0,
+ thread: null
+ };
+
+ var nodes = [root];
+ var node;
+ var children;
+
+ while (node = nodes.pop()) { // jshint ignore:line
+ children = node.children;
+ if (node.isExpand && children.length) {
+ var n = children.length;
+ for (var i = n - 1; i >= 0; i--) {
+ var child = children[i];
+ child.hierNode = {
+ defaultAncestor: null,
+ ancestor: child,
+ prelim: 0,
+ modifier: 0,
+ change: 0,
+ shift: 0,
+ i: i,
+ thread: null
+ };
+ nodes.push(child);
+ }
+ }
+ }
+}
+
+/**
+ * The implementation of this function was originally copied from "d3.js"
+ * <https://github.com/d3/d3-hierarchy/blob/4c1f038f2725d6eae2e49b61d01456400694bac4/src/tree.js>
+ * with some modifications made for this program.
+ * See the license statement at the head of this file.
+ *
+ * Computes a preliminary x coordinate for node. Before that, this function is
+ * applied recursively to the children of node, as well as the function
+ * apportion(). After spacing out the children by calling executeShifts(), the
+ * node is placed to the midpoint of its outermost children.
+ *
+ * @param {module:echarts/data/Tree~TreeNode} node
+ * @param {Function} separation
+ */
+function firstWalk(node, separation) {
+ var children = node.isExpand ? node.children : [];
+ var siblings = node.parentNode.children;
+ var subtreeW = node.hierNode.i ? siblings[node.hierNode.i - 1] : null;
+ if (children.length) {
+ executeShifts(node);
+ var midPoint = (children[0].hierNode.prelim + children[children.length - 1].hierNode.prelim) / 2;
+ if (subtreeW) {
+ node.hierNode.prelim = subtreeW.hierNode.prelim + separation(node, subtreeW);
+ node.hierNode.modifier = node.hierNode.prelim - midPoint;
+ }
+ else {
+ node.hierNode.prelim = midPoint;
+ }
+ }
+ else if (subtreeW) {
+ node.hierNode.prelim = subtreeW.hierNode.prelim + separation(node, subtreeW);
+ }
+ node.parentNode.hierNode.defaultAncestor = apportion(
+ node,
+ subtreeW,
+ node.parentNode.hierNode.defaultAncestor || siblings[0],
+ separation
+ );
+}
+
+
+/**
+ * The implementation of this function was originally copied from "d3.js"
+ * <https://github.com/d3/d3-hierarchy/blob/4c1f038f2725d6eae2e49b61d01456400694bac4/src/tree.js>
+ * with some modifications made for this program.
+ * See the license statement at the head of this file.
+ *
+ * Computes all real x-coordinates by summing up the modifiers recursively.
+ *
+ * @param {module:echarts/data/Tree~TreeNode} node
+ */
+function secondWalk(node) {
+ var nodeX = node.hierNode.prelim + node.parentNode.hierNode.modifier;
+ node.setLayout({x: nodeX}, true);
+ node.hierNode.modifier += node.parentNode.hierNode.modifier;
+}
+
+
+function separation(cb) {
+ return arguments.length ? cb : defaultSeparation;
+}
+
+/**
+ * Transform the common coordinate to radial coordinate.
+ *
+ * @param {number} x
+ * @param {number} y
+ * @return {Object}
+ */
+function radialCoordinate(x, y) {
+ var radialCoor = {};
+ x -= Math.PI / 2;
+ radialCoor.x = y * Math.cos(x);
+ radialCoor.y = y * Math.sin(x);
+ return radialCoor;
+}
+
+/**
+ * Get the layout position of the whole view.
+ *
+ * @param {module:echarts/model/Series} seriesModel the model object of sankey series
+ * @param {module:echarts/ExtensionAPI} api provide the API list that the developer can call
+ * @return {module:zrender/core/BoundingRect} size of rect to draw the sankey view
+ */
+function getViewRect$1(seriesModel, api) {
+ return getLayoutRect(
+ seriesModel.getBoxLayoutParams(), {
+ width: api.getWidth(),
+ height: api.getHeight()
+ }
+ );
+}
+
+/**
+ * All other shifts, applied to the smaller subtrees between w- and w+, are
+ * performed by this function.
+ *
+ * The implementation of this function was originally copied from "d3.js"
+ * <https://github.com/d3/d3-hierarchy/blob/4c1f038f2725d6eae2e49b61d01456400694bac4/src/tree.js>
+ * with some modifications made for this program.
+ * See the license statement at the head of this file.
+ *
+ * @param {module:echarts/data/Tree~TreeNode} node
+ */
+function executeShifts(node) {
+ var children = node.children;
+ var n = children.length;
+ var shift = 0;
+ var change = 0;
+ while (--n >= 0) {
+ var child = children[n];
+ child.hierNode.prelim += shift;
+ child.hierNode.modifier += shift;
+ change += child.hierNode.change;
+ shift += child.hierNode.shift + change;
+ }
+}
+
+/**
+ * The implementation of this function was originally copied from "d3.js"
+ * <https://github.com/d3/d3-hierarchy/blob/4c1f038f2725d6eae2e49b61d01456400694bac4/src/tree.js>
+ * with some modifications made for this program.
+ * See the license statement at the head of this file.
+ *
+ * The core of the algorithm. Here, a new subtree is combined with the
+ * previous subtrees. Threads are used to traverse the inside and outside
+ * contours of the left and right subtree up to the highest common level.
+ * Whenever two nodes of the inside contours conflict, we compute the left
+ * one of the greatest uncommon ancestors using the function nextAncestor()
+ * and call moveSubtree() to shift the subtree and prepare the shifts of
+ * smaller subtrees. Finally, we add a new thread (if necessary).
+ *
+ * @param {module:echarts/data/Tree~TreeNode} subtreeV
+ * @param {module:echarts/data/Tree~TreeNode} subtreeW
+ * @param {module:echarts/data/Tree~TreeNode} ancestor
+ * @param {Function} separation
+ * @return {module:echarts/data/Tree~TreeNode}
+ */
+function apportion(subtreeV, subtreeW, ancestor, separation) {
+
+ if (subtreeW) {
+ var nodeOutRight = subtreeV;
+ var nodeInRight = subtreeV;
+ var nodeOutLeft = nodeInRight.parentNode.children[0];
+ var nodeInLeft = subtreeW;
+
+ var sumOutRight = nodeOutRight.hierNode.modifier;
+ var sumInRight = nodeInRight.hierNode.modifier;
+ var sumOutLeft = nodeOutLeft.hierNode.modifier;
+ var sumInLeft = nodeInLeft.hierNode.modifier;
+
+ while (nodeInLeft = nextRight(nodeInLeft), nodeInRight = nextLeft(nodeInRight), nodeInLeft && nodeInRight) {
+ nodeOutRight = nextRight(nodeOutRight);
+ nodeOutLeft = nextLeft(nodeOutLeft);
+ nodeOutRight.hierNode.ancestor = subtreeV;
+ var shift = nodeInLeft.hierNode.prelim + sumInLeft - nodeInRight.hierNode.prelim
+ - sumInRight + separation(nodeInLeft, nodeInRight);
+ if (shift > 0) {
+ moveSubtree(nextAncestor(nodeInLeft, subtreeV, ancestor), subtreeV, shift);
+ sumInRight += shift;
+ sumOutRight += shift;
+ }
+ sumInLeft += nodeInLeft.hierNode.modifier;
+ sumInRight += nodeInRight.hierNode.modifier;
+ sumOutRight += nodeOutRight.hierNode.modifier;
+ sumOutLeft += nodeOutLeft.hierNode.modifier;
+ }
+ if (nodeInLeft && !nextRight(nodeOutRight)) {
+ nodeOutRight.hierNode.thread = nodeInLeft;
+ nodeOutRight.hierNode.modifier += sumInLeft - sumOutRight;
+
+ }
+ if (nodeInRight && !nextLeft(nodeOutLeft)) {
+ nodeOutLeft.hierNode.thread = nodeInRight;
+ nodeOutLeft.hierNode.modifier += sumInRight - sumOutLeft;
+ ancestor = subtreeV;
+ }
+ }
+ return ancestor;
+}
+
+/**
+ * This function is used to traverse the right contour of a subtree.
+ * It returns the rightmost child of node or the thread of node. The function
+ * returns null if and only if node is on the highest depth of its subtree.
+ *
+ * @param {module:echarts/data/Tree~TreeNode} node
+ * @return {module:echarts/data/Tree~TreeNode}
+ */
+function nextRight(node) {
+ var children = node.children;
+ return children.length && node.isExpand ? children[children.length - 1] : node.hierNode.thread;
+}
+
+/**
+ * This function is used to traverse the left contour of a subtree (or a subforest).
+ * It returns the leftmost child of node or the thread of node. The function
+ * returns null if and only if node is on the highest depth of its subtree.
+ *
+ * @param {module:echarts/data/Tree~TreeNode} node
+ * @return {module:echarts/data/Tree~TreeNode}
+ */
+function nextLeft(node) {
+ var children = node.children;
+ return children.length && node.isExpand ? children[0] : node.hierNode.thread;
+}
+
+/**
+ * If nodeInLeft鈥檚 ancestor is a sibling of node, returns nodeInLeft鈥檚 ancestor.
+ * Otherwise, returns the specified ancestor.
+ *
+ * @param {module:echarts/data/Tree~TreeNode} nodeInLeft
+ * @param {module:echarts/data/Tree~TreeNode} node
+ * @param {module:echarts/data/Tree~TreeNode} ancestor
+ * @return {module:echarts/data/Tree~TreeNode}
+ */
+function nextAncestor(nodeInLeft, node, ancestor) {
+ return nodeInLeft.hierNode.ancestor.parentNode === node.parentNode
+ ? nodeInLeft.hierNode.ancestor : ancestor;
+}
+
+/**
+ * The implementation of this function was originally copied from "d3.js"
+ * <https://github.com/d3/d3-hierarchy/blob/4c1f038f2725d6eae2e49b61d01456400694bac4/src/tree.js>
+ * with some modifications made for this program.
+ * See the license statement at the head of this file.
+ *
+ * Shifts the current subtree rooted at wr.
+ * This is done by increasing prelim(w+) and modifier(w+) by shift.
+ *
+ * @param {module:echarts/data/Tree~TreeNode} wl
+ * @param {module:echarts/data/Tree~TreeNode} wr
+ * @param {number} shift [description]
+ */
+function moveSubtree(wl, wr, shift) {
+ var change = shift / (wr.hierNode.i - wl.hierNode.i);
+ wr.hierNode.change -= change;
+ wr.hierNode.shift += shift;
+ wr.hierNode.modifier += shift;
+ wr.hierNode.prelim += shift;
+ wl.hierNode.change += change;
+}
+
+/**
+ * The implementation of this function was originally copied from "d3.js"
+ * <https://github.com/d3/d3-hierarchy/blob/4c1f038f2725d6eae2e49b61d01456400694bac4/src/tree.js>
+ * with some modifications made for this program.
+ * See the license statement at the head of this file.
+ */
+function defaultSeparation(node1, node2) {
+ return node1.parentNode === node2.parentNode ? 1 : 2;
+}
+
+/*
+* 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.
+*/
+
+var TreeShape = extendShape({
+ shape: {
+ parentPoint: [],
+ childPoints: [],
+ orient: '',
+ forkPosition: ''
+ },
+
+ style: {
+ stroke: '#000',
+ fill: null
+ },
+
+ buildPath: function (ctx, shape) {
+ var childPoints = shape.childPoints;
+ var childLen = childPoints.length;
+ var parentPoint = shape.parentPoint;
+ var firstChildPos = childPoints[0];
+ var lastChildPos = childPoints[childLen - 1];
+
+ if (childLen === 1) {
+ ctx.moveTo(parentPoint[0], parentPoint[1]);
+ ctx.lineTo(firstChildPos[0], firstChildPos[1]);
+ return;
+ }
+
+ var orient = shape.orient;
+ var forkDim = (orient === 'TB' || orient === 'BT') ? 0 : 1;
+ var otherDim = 1 - forkDim;
+ var forkPosition = parsePercent$1(shape.forkPosition, 1);
+ var tmpPoint = [];
+ tmpPoint[forkDim] = parentPoint[forkDim];
+ tmpPoint[otherDim] = parentPoint[otherDim] + (lastChildPos[otherDim] - parentPoint[otherDim]) * forkPosition;
+
+ ctx.moveTo(parentPoint[0], parentPoint[1]);
+ ctx.lineTo(tmpPoint[0], tmpPoint[1]);
+ ctx.moveTo(firstChildPos[0], firstChildPos[1]);
+ tmpPoint[forkDim] = firstChildPos[forkDim];
+ ctx.lineTo(tmpPoint[0], tmpPoint[1]);
+ tmpPoint[forkDim] = lastChildPos[forkDim];
+ ctx.lineTo(tmpPoint[0], tmpPoint[1]);
+ ctx.lineTo(lastChildPos[0], lastChildPos[1]);
+
+ for (var i = 1; i < childLen - 1; i++) {
+ var point = childPoints[i];
+ ctx.moveTo(point[0], point[1]);
+ tmpPoint[forkDim] = point[forkDim];
+ ctx.lineTo(tmpPoint[0], tmpPoint[1]);
+ }
+ }
+});
+
+extendChartView({
+
+ type: 'tree',
+
+ /**
+ * Init the chart
+ * @override
+ * @param {module:echarts/model/Global} ecModel
+ * @param {module:echarts/ExtensionAPI} api
+ */
+ init: function (ecModel, api) {
+
+ /**
+ * @private
+ * @type {module:echarts/data/Tree}
+ */
+ this._oldTree;
+
+ /**
+ * @private
+ * @type {module:zrender/container/Group}
+ */
+ this._mainGroup = new Group();
+
+ /**
+ * @private
+ * @type {module:echarts/componet/helper/RoamController}
+ */
+ this._controller = new RoamController(api.getZr());
+
+ this._controllerHost = {target: this.group};
+
+ this.group.add(this._mainGroup);
+ },
+
+ render: function (seriesModel, ecModel, api, payload) {
+ var data = seriesModel.getData();
+
+ var layoutInfo = seriesModel.layoutInfo;
+
+ var group = this._mainGroup;
+
+ var layout = seriesModel.get('layout');
+
+ if (layout === 'radial') {
+ group.attr('position', [layoutInfo.x + layoutInfo.width / 2, layoutInfo.y + layoutInfo.height / 2]);
+ }
+ else {
+ group.attr('position', [layoutInfo.x, layoutInfo.y]);
+ }
+
+ this._updateViewCoordSys(seriesModel, layoutInfo, layout);
+ this._updateController(seriesModel, ecModel, api);
+
+ var oldData = this._data;
+
+ var seriesScope = {
+ expandAndCollapse: seriesModel.get('expandAndCollapse'),
+ layout: layout,
+ edgeShape: seriesModel.get('edgeShape'),
+ edgeForkPosition: seriesModel.get('edgeForkPosition'),
+ orient: seriesModel.getOrient(),
+ curvature: seriesModel.get('lineStyle.curveness'),
+ symbolRotate: seriesModel.get('symbolRotate'),
+ symbolOffset: seriesModel.get('symbolOffset'),
+ hoverAnimation: seriesModel.get('hoverAnimation'),
+ useNameLabel: true,
+ fadeIn: true
+ };
+
+ data.diff(oldData)
+ .add(function (newIdx) {
+ if (symbolNeedsDraw$1(data, newIdx)) {
+ // Create node and edge
+ updateNode(data, newIdx, null, group, seriesModel, seriesScope);
+ }
+ })
+ .update(function (newIdx, oldIdx) {
+ var symbolEl = oldData.getItemGraphicEl(oldIdx);
+ if (!symbolNeedsDraw$1(data, newIdx)) {
+ symbolEl && removeNode(oldData, oldIdx, symbolEl, group, seriesModel, seriesScope);
+ return;
+ }
+ // Update node and edge
+ updateNode(data, newIdx, symbolEl, group, seriesModel, seriesScope);
+ })
+ .remove(function (oldIdx) {
+ var symbolEl = oldData.getItemGraphicEl(oldIdx);
+ // When remove a collapsed node of subtree, since the collapsed
+ // node haven't been initialized with a symbol element,
+ // you can't found it's symbol element through index.
+ // so if we want to remove the symbol element we should insure
+ // that the symbol element is not null.
+ if (symbolEl) {
+ removeNode(oldData, oldIdx, symbolEl, group, seriesModel, seriesScope);
+ }
+ })
+ .execute();
+
+ this._nodeScaleRatio = seriesModel.get('nodeScaleRatio');
+
+ this._updateNodeAndLinkScale(seriesModel);
+
+ if (seriesScope.expandAndCollapse === true) {
+ data.eachItemGraphicEl(function (el, dataIndex) {
+ el.off('click').on('click', function () {
+ api.dispatchAction({
+ type: 'treeExpandAndCollapse',
+ seriesId: seriesModel.id,
+ dataIndex: dataIndex
+ });
+ });
+ });
+ }
+ this._data = data;
+ },
+
+ _updateViewCoordSys: function (seriesModel) {
+ var data = seriesModel.getData();
+ var points = [];
+ data.each(function (idx) {
+ var layout = data.getItemLayout(idx);
+ if (layout && !isNaN(layout.x) && !isNaN(layout.y)) {
+ points.push([+layout.x, +layout.y]);
+ }
+ });
+ var min = [];
+ var max = [];
+ fromPoints(points, min, max);
+
+ // If don't Store min max when collapse the root node after roam,
+ // the root node will disappear.
+ var oldMin = this._min;
+ var oldMax = this._max;
+
+ // If width or height is 0
+ if (max[0] - min[0] === 0) {
+ min[0] = oldMin ? oldMin[0] : min[0] - 1;
+ max[0] = oldMax ? oldMax[0] : max[0] + 1;
+ }
+ if (max[1] - min[1] === 0) {
+ min[1] = oldMin ? oldMin[1] : min[1] - 1;
+ max[1] = oldMax ? oldMax[1] : max[1] + 1;
+ }
+
+ var viewCoordSys = seriesModel.coordinateSystem = new View();
+ viewCoordSys.zoomLimit = seriesModel.get('scaleLimit');
+
+ viewCoordSys.setBoundingRect(min[0], min[1], max[0] - min[0], max[1] - min[1]);
+
+ viewCoordSys.setCenter(seriesModel.get('center'));
+ viewCoordSys.setZoom(seriesModel.get('zoom'));
+
+ // Here we use viewCoordSys just for computing the 'position' and 'scale' of the group
+ this.group.attr({
+ position: viewCoordSys.position,
+ scale: viewCoordSys.scale
+ });
+
+ this._viewCoordSys = viewCoordSys;
+ this._min = min;
+ this._max = max;
+ },
+
+ _updateController: function (seriesModel, ecModel, api) {
+ var controller = this._controller;
+ var controllerHost = this._controllerHost;
+ var group = this.group;
+ controller.setPointerChecker(function (e, x, y) {
+ var rect = group.getBoundingRect();
+ rect.applyTransform(group.transform);
+ return rect.contain(x, y)
+ && !onIrrelevantElement(e, api, seriesModel);
+ });
+
+ controller.enable(seriesModel.get('roam'));
+ controllerHost.zoomLimit = seriesModel.get('scaleLimit');
+ controllerHost.zoom = seriesModel.coordinateSystem.getZoom();
+
+ controller
+ .off('pan')
+ .off('zoom')
+ .on('pan', function (e) {
+ updateViewOnPan(controllerHost, e.dx, e.dy);
+ api.dispatchAction({
+ seriesId: seriesModel.id,
+ type: 'treeRoam',
+ dx: e.dx,
+ dy: e.dy
+ });
+ }, this)
+ .on('zoom', function (e) {
+ updateViewOnZoom(controllerHost, e.scale, e.originX, e.originY);
+ api.dispatchAction({
+ seriesId: seriesModel.id,
+ type: 'treeRoam',
+ zoom: e.scale,
+ originX: e.originX,
+ originY: e.originY
+ });
+ this._updateNodeAndLinkScale(seriesModel);
+ }, this);
+ },
+
+ _updateNodeAndLinkScale: function (seriesModel) {
+ var data = seriesModel.getData();
+
+ var nodeScale = this._getNodeGlobalScale(seriesModel);
+ var invScale = [nodeScale, nodeScale];
+
+ data.eachItemGraphicEl(function (el, idx) {
+ el.attr('scale', invScale);
+ });
+ },
+
+ _getNodeGlobalScale: function (seriesModel) {
+ var coordSys = seriesModel.coordinateSystem;
+ if (coordSys.type !== 'view') {
+ return 1;
+ }
+
+ var nodeScaleRatio = this._nodeScaleRatio;
+
+ var groupScale = coordSys.scale;
+ var groupZoom = (groupScale && groupScale[0]) || 1;
+ // Scale node when zoom changes
+ var roamZoom = coordSys.getZoom();
+ var nodeScale = (roamZoom - 1) * nodeScaleRatio + 1;
+
+ return nodeScale / groupZoom;
+ },
+
+ dispose: function () {
+ this._controller && this._controller.dispose();
+ this._controllerHost = {};
+ },
+
+ remove: function () {
+ this._mainGroup.removeAll();
+ this._data = null;
+ }
+
+});
+
+function symbolNeedsDraw$1(data, dataIndex) {
+ var layout = data.getItemLayout(dataIndex);
+
+ return layout
+ && !isNaN(layout.x) && !isNaN(layout.y)
+ && data.getItemVisual(dataIndex, 'symbol') !== 'none';
+}
+
+function getTreeNodeStyle(node, itemModel, seriesScope) {
+ seriesScope.itemModel = itemModel;
+ seriesScope.itemStyle = itemModel.getModel('itemStyle').getItemStyle();
+ seriesScope.hoverItemStyle = itemModel.getModel('emphasis.itemStyle').getItemStyle();
+ seriesScope.lineStyle = itemModel.getModel('lineStyle').getLineStyle();
+ seriesScope.labelModel = itemModel.getModel('label');
+ seriesScope.hoverLabelModel = itemModel.getModel('emphasis.label');
+
+ if (node.isExpand === false && node.children.length !== 0) {
+ seriesScope.symbolInnerColor = seriesScope.itemStyle.fill;
+ }
+ else {
+ seriesScope.symbolInnerColor = '#fff';
+ }
+
+ return seriesScope;
+}
+
+function updateNode(data, dataIndex, symbolEl, group, seriesModel, seriesScope) {
+ var isInit = !symbolEl;
+ var node = data.tree.getNodeByDataIndex(dataIndex);
+ var itemModel = node.getModel();
+ var seriesScope = getTreeNodeStyle(node, itemModel, seriesScope);
+ var virtualRoot = data.tree.root;
+
+ var source = node.parentNode === virtualRoot ? node : node.parentNode || node;
+ var sourceSymbolEl = data.getItemGraphicEl(source.dataIndex);
+ var sourceLayout = source.getLayout();
+ var sourceOldLayout = sourceSymbolEl
+ ? {
+ x: sourceSymbolEl.position[0],
+ y: sourceSymbolEl.position[1],
+ rawX: sourceSymbolEl.__radialOldRawX,
+ rawY: sourceSymbolEl.__radialOldRawY
+ }
+ : sourceLayout;
+ var targetLayout = node.getLayout();
+
+ if (isInit) {
+ symbolEl = new SymbolClz$1(data, dataIndex, seriesScope);
+ symbolEl.attr('position', [sourceOldLayout.x, sourceOldLayout.y]);
+ }
+ else {
+ symbolEl.updateData(data, dataIndex, seriesScope);
+ }
+
+ symbolEl.__radialOldRawX = symbolEl.__radialRawX;
+ symbolEl.__radialOldRawY = symbolEl.__radialRawY;
+ symbolEl.__radialRawX = targetLayout.rawX;
+ symbolEl.__radialRawY = targetLayout.rawY;
+
+ group.add(symbolEl);
+ data.setItemGraphicEl(dataIndex, symbolEl);
+ updateProps(symbolEl, {
+ position: [targetLayout.x, targetLayout.y]
+ }, seriesModel);
+
+ var symbolPath = symbolEl.getSymbolPath();
+
+ if (seriesScope.layout === 'radial') {
+ var realRoot = virtualRoot.children[0];
+ var rootLayout = realRoot.getLayout();
+ var length = realRoot.children.length;
+ var rad;
+ var isLeft;
+
+ if (targetLayout.x === rootLayout.x && node.isExpand === true) {
+ var center = {};
+ center.x = (realRoot.children[0].getLayout().x + realRoot.children[length - 1].getLayout().x) / 2;
+ center.y = (realRoot.children[0].getLayout().y + realRoot.children[length - 1].getLayout().y) / 2;
+ rad = Math.atan2(center.y - rootLayout.y, center.x - rootLayout.x);
+ if (rad < 0) {
+ rad = Math.PI * 2 + rad;
+ }
+ isLeft = center.x < rootLayout.x;
+ if (isLeft) {
+ rad = rad - Math.PI;
+ }
+ }
+ else {
+ rad = Math.atan2(targetLayout.y - rootLayout.y, targetLayout.x - rootLayout.x);
+ if (rad < 0) {
+ rad = Math.PI * 2 + rad;
+ }
+ if (node.children.length === 0 || (node.children.length !== 0 && node.isExpand === false)) {
+ isLeft = targetLayout.x < rootLayout.x;
+ if (isLeft) {
+ rad = rad - Math.PI;
+ }
+ }
+ else {
+ isLeft = targetLayout.x > rootLayout.x;
+ if (!isLeft) {
+ rad = rad - Math.PI;
+ }
+ }
+ }
+
+ var textPosition = isLeft ? 'left' : 'right';
+ var rotate = seriesScope.labelModel.get('rotate');
+ var labelRotateRadian = rotate * (Math.PI / 180);
+
+ symbolPath.setStyle({
+ textPosition: seriesScope.labelModel.get('position') || textPosition,
+ textRotation: rotate == null ? -rad : labelRotateRadian,
+ textOrigin: 'center',
+ verticalAlign: 'middle'
+ });
+ }
+
+ drawEdge(
+ seriesModel, node, virtualRoot, symbolEl, sourceOldLayout,
+ sourceLayout, targetLayout, group, seriesScope
+ );
+
+}
+
+function drawEdge(
+ seriesModel, node, virtualRoot, symbolEl, sourceOldLayout,
+ sourceLayout, targetLayout, group, seriesScope
+) {
+
+ var edgeShape = seriesScope.edgeShape;
+ var edge = symbolEl.__edge;
+ if (edgeShape === 'curve') {
+ if (node.parentNode && node.parentNode !== virtualRoot) {
+ if (!edge) {
+ edge = symbolEl.__edge = new BezierCurve({
+ shape: getEdgeShape(seriesScope, sourceOldLayout, sourceOldLayout),
+ style: defaults({opacity: 0, strokeNoScale: true}, seriesScope.lineStyle)
+ });
+ }
+
+ updateProps(edge, {
+ shape: getEdgeShape(seriesScope, sourceLayout, targetLayout),
+ style: {opacity: 1}
+ }, seriesModel);
+ }
+ }
+ else if (edgeShape === 'polyline') {
+ if (seriesScope.layout === 'orthogonal') {
+ if (node !== virtualRoot && node.children && (node.children.length !== 0) && (node.isExpand === true)) {
+ var children = node.children;
+ var childPoints = [];
+ for (var i = 0; i < children.length; i++) {
+ var childLayout = children[i].getLayout();
+ childPoints.push([childLayout.x, childLayout.y]);
+ }
+
+ if (!edge) {
+ edge = symbolEl.__edge = new TreeShape({
+ shape: {
+ parentPoint: [targetLayout.x, targetLayout.y],
+ childPoints: [[targetLayout.x, targetLayout.y]],
+ orient: seriesScope.orient,
+ forkPosition: seriesScope.edgeForkPosition
+ },
+ style: defaults({opacity: 0, strokeNoScale: true}, seriesScope.lineStyle)
+ });
+ }
+ updateProps(edge, {
+ shape: {
+ parentPoint: [targetLayout.x, targetLayout.y],
+ childPoints: childPoints
+ },
+ style: {opacity: 1}
+ }, seriesModel);
+ }
+ }
+ else {
+ if (__DEV__) {
+ throw new Error('The polyline edgeShape can only be used in orthogonal layout');
+ }
+ }
+ }
+ group.add(edge);
+}
+
+function removeNode(data, dataIndex, symbolEl, group, seriesModel, seriesScope) {
+ var node = data.tree.getNodeByDataIndex(dataIndex);
+ var virtualRoot = data.tree.root;
+ var itemModel = node.getModel();
+ var seriesScope = getTreeNodeStyle(node, itemModel, seriesScope);
+
+ var source = node.parentNode === virtualRoot ? node : node.parentNode || node;
+ var edgeShape = seriesScope.edgeShape;
+ var sourceLayout;
+ while (sourceLayout = source.getLayout(), sourceLayout == null) {
+ source = source.parentNode === virtualRoot ? source : source.parentNode || source;
+ }
+
+ updateProps(symbolEl, {
+ position: [sourceLayout.x + 1, sourceLayout.y + 1]
+ }, seriesModel, function () {
+ group.remove(symbolEl);
+ data.setItemGraphicEl(dataIndex, null);
+ });
+
+ symbolEl.fadeOut(null, {keepLabel: true});
+
+ var sourceSymbolEl = data.getItemGraphicEl(source.dataIndex);
+ var sourceEdge = sourceSymbolEl.__edge;
+
+ // 1. when expand the sub tree, delete the children node should delete the edge of
+ // the source at the same time. because the polyline edge shape is only owned by the source.
+ // 2.when the node is the only children of the source, delete the node should delete the edge of
+ // the source at the same time. the same reason as above.
+ var edge = symbolEl.__edge
+ || ((source.isExpand === false || source.children.length === 1) ? sourceEdge : undefined);
+
+ var edgeShape = seriesScope.edgeShape;
+
+ if (edge) {
+ if (edgeShape === 'curve') {
+ updateProps(edge, {
+ shape: getEdgeShape(seriesScope, sourceLayout, sourceLayout),
+ style: {
+ opacity: 0
+ }
+ }, seriesModel, function () {
+ group.remove(edge);
+ });
+ }
+ else if (edgeShape === 'polyline' && seriesScope.layout === 'orthogonal') {
+ updateProps(edge, {
+ shape: {
+ parentPoint: [sourceLayout.x, sourceLayout.y],
+ childPoints: [[sourceLayout.x, sourceLayout.y]]
+ },
+ style: {
+ opacity: 0
+ }
+ }, seriesModel, function () {
+ group.remove(edge);
+ });
+ }
+ }
+}
+
+function getEdgeShape(seriesScope, sourceLayout, targetLayout) {
+ var cpx1;
+ var cpy1;
+ var cpx2;
+ var cpy2;
+ var orient = seriesScope.orient;
+ var x1;
+ var x2;
+ var y1;
+ var y2;
+
+ if (seriesScope.layout === 'radial') {
+ x1 = sourceLayout.rawX;
+ y1 = sourceLayout.rawY;
+ x2 = targetLayout.rawX;
+ y2 = targetLayout.rawY;
+
+ var radialCoor1 = radialCoordinate(x1, y1);
+ var radialCoor2 = radialCoordinate(x1, y1 + (y2 - y1) * seriesScope.curvature);
+ var radialCoor3 = radialCoordinate(x2, y2 + (y1 - y2) * seriesScope.curvature);
+ var radialCoor4 = radialCoordinate(x2, y2);
+
+ return {
+ x1: radialCoor1.x,
+ y1: radialCoor1.y,
+ x2: radialCoor4.x,
+ y2: radialCoor4.y,
+ cpx1: radialCoor2.x,
+ cpy1: radialCoor2.y,
+ cpx2: radialCoor3.x,
+ cpy2: radialCoor3.y
+ };
+ }
+ else {
+ x1 = sourceLayout.x;
+ y1 = sourceLayout.y;
+ x2 = targetLayout.x;
+ y2 = targetLayout.y;
+
+ if (orient === 'LR' || orient === 'RL') {
+ cpx1 = x1 + (x2 - x1) * seriesScope.curvature;
+ cpy1 = y1;
+ cpx2 = x2 + (x1 - x2) * seriesScope.curvature;
+ cpy2 = y2;
+ }
+ if (orient === 'TB' || orient === 'BT') {
+ cpx1 = x1;
+ cpy1 = y1 + (y2 - y1) * seriesScope.curvature;
+ cpx2 = x2;
+ cpy2 = y2 + (y1 - y2) * seriesScope.curvature;
+ }
+ }
+
+ return {
+ x1: x1,
+ y1: y1,
+ x2: x2,
+ y2: y2,
+ cpx1: cpx1,
+ cpy1: cpy1,
+ cpx2: cpx2,
+ cpy2: cpy2
+ };
+
+}
+
+/*
+* 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.
+*/
+
+registerAction({
+ type: 'treeExpandAndCollapse',
+ event: 'treeExpandAndCollapse',
+ update: 'update'
+}, function (payload, ecModel) {
+ ecModel.eachComponent({mainType: 'series', subType: 'tree', query: payload}, function (seriesModel) {
+ var dataIndex = payload.dataIndex;
+ var tree = seriesModel.getData().tree;
+ var node = tree.getNodeByDataIndex(dataIndex);
+ node.isExpand = !node.isExpand;
+ });
+});
+
+registerAction({
+ type: 'treeRoam',
+ event: 'treeRoam',
+ // Here we set 'none' instead of 'update', because roam action
+ // just need to update the transform matrix without having to recalculate
+ // the layout. So don't need to go through the whole update process, such
+ // as 'dataPrcocess', 'coordSystemUpdate', 'layout' and so on.
+ update: 'none'
+}, function (payload, ecModel) {
+ ecModel.eachComponent({mainType: 'series', subType: 'tree', query: payload}, function (seriesModel) {
+ var coordSys = seriesModel.coordinateSystem;
+ var res = updateCenterAndZoom(coordSys, payload);
+
+ seriesModel.setCenter
+ && seriesModel.setCenter(res.center);
+
+ seriesModel.setZoom
+ && seriesModel.setZoom(res.zoom);
+ });
+});
+
+/*
+* 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.
+*/
+
+
+/**
+ * Traverse the tree from bottom to top and do something
+ * @param {module:echarts/data/Tree~TreeNode} root The real root of the tree
+ * @param {Function} callback
+ */
+function eachAfter(root, callback, separation) {
+ var nodes = [root];
+ var next = [];
+ var node;
+
+ while (node = nodes.pop()) { // jshint ignore:line
+ next.push(node);
+ if (node.isExpand) {
+ var children = node.children;
+ if (children.length) {
+ for (var i = 0; i < children.length; i++) {
+ nodes.push(children[i]);
+ }
+ }
+ }
+ }
+
+ while (node = next.pop()) { // jshint ignore:line
+ callback(node, separation);
+ }
+}
+
+/**
+ * Traverse the tree from top to bottom and do something
+ * @param {module:echarts/data/Tree~TreeNode} root The real root of the tree
+ * @param {Function} callback
+ */
+function eachBefore(root, callback) {
+ var nodes = [root];
+ var node;
+ while (node = nodes.pop()) { // jshint ignore:line
+ callback(node);
+ if (node.isExpand) {
+ var children = node.children;
+ if (children.length) {
+ for (var i = children.length - 1; i >= 0; i--) {
+ nodes.push(children[i]);
+ }
+ }
+ }
+ }
+}
+
+/*
+* 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.
+*/
+
+var treeLayout = function (ecModel, api) {
+ ecModel.eachSeriesByType('tree', function (seriesModel) {
+ commonLayout(seriesModel, api);
+ });
+};
+
+function commonLayout(seriesModel, api) {
+ var layoutInfo = getViewRect$1(seriesModel, api);
+ seriesModel.layoutInfo = layoutInfo;
+ var layout = seriesModel.get('layout');
+ var width = 0;
+ var height = 0;
+ var separation$$1 = null;
+
+ if (layout === 'radial') {
+ width = 2 * Math.PI;
+ height = Math.min(layoutInfo.height, layoutInfo.width) / 2;
+ separation$$1 = separation(function (node1, node2) {
+ return (node1.parentNode === node2.parentNode ? 1 : 2) / node1.depth;
+ });
+ }
+ else {
+ width = layoutInfo.width;
+ height = layoutInfo.height;
+ separation$$1 = separation();
+ }
+
+ var virtualRoot = seriesModel.getData().tree.root;
+ var realRoot = virtualRoot.children[0];
+
+ if (realRoot) {
+ init$2(virtualRoot);
+ eachAfter(realRoot, firstWalk, separation$$1);
+ virtualRoot.hierNode.modifier = -realRoot.hierNode.prelim;
+ eachBefore(realRoot, secondWalk);
+
+ var left = realRoot;
+ var right = realRoot;
+ var bottom = realRoot;
+ eachBefore(realRoot, function (node) {
+ var x = node.getLayout().x;
+ if (x < left.getLayout().x) {
+ left = node;
+ }
+ if (x > right.getLayout().x) {
+ right = node;
+ }
+ if (node.depth > bottom.depth) {
+ bottom = node;
+ }
+ });
+
+ var delta = left === right ? 1 : separation$$1(left, right) / 2;
+ var tx = delta - left.getLayout().x;
+ var kx = 0;
+ var ky = 0;
+ var coorX = 0;
+ var coorY = 0;
+ if (layout === 'radial') {
+ kx = width / (right.getLayout().x + delta + tx);
+ // here we use (node.depth - 1), bucause the real root's depth is 1
+ ky = height / ((bottom.depth - 1) || 1);
+ eachBefore(realRoot, function (node) {
+ coorX = (node.getLayout().x + tx) * kx;
+ coorY = (node.depth - 1) * ky;
+ var finalCoor = radialCoordinate(coorX, coorY);
+ node.setLayout({x: finalCoor.x, y: finalCoor.y, rawX: coorX, rawY: coorY}, true);
+ });
+ }
+ else {
+ var orient = seriesModel.getOrient();
+ if (orient === 'RL' || orient === 'LR') {
+ ky = height / (right.getLayout().x + delta + tx);
+ kx = width / ((bottom.depth - 1) || 1);
+ eachBefore(realRoot, function (node) {
+ coorY = (node.getLayout().x + tx) * ky;
+ coorX = orient === 'LR'
+ ? (node.depth - 1) * kx
+ : width - (node.depth - 1) * kx;
+ node.setLayout({x: coorX, y: coorY}, true);
+ });
+ }
+ else if (orient === 'TB' || orient === 'BT') {
+ kx = width / (right.getLayout().x + delta + tx);
+ ky = height / ((bottom.depth - 1) || 1);
+ eachBefore(realRoot, function (node) {
+ coorX = (node.getLayout().x + tx) * kx;
+ coorY = orient === 'TB'
+ ? (node.depth - 1) * ky
+ : height - (node.depth - 1) * ky;
+ node.setLayout({x: coorX, y: coorY}, true);
+ });
+ }
+ }
+ }
+}
+
+/*
+* 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.
+*/
+
+registerVisual(visualSymbol('tree', 'circle'));
+registerLayout(treeLayout);
+
+/*
+* 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 retrieveTargetInfo(payload, validPayloadTypes, seriesModel) {
+ if (payload && indexOf(validPayloadTypes, payload.type) >= 0) {
+ var root = seriesModel.getData().tree.root;
+ var targetNode = payload.targetNode;
+
+ if (typeof targetNode === 'string') {
+ targetNode = root.getNodeById(targetNode);
+ }
+
+ if (targetNode && root.contains(targetNode)) {
+ return {node: targetNode};
+ }
+
+ var targetNodeId = payload.targetNodeId;
+ if (targetNodeId != null && (targetNode = root.getNodeById(targetNodeId))) {
+ return {node: targetNode};
+ }
+ }
+}
+
+// Not includes the given node at the last item.
+function getPathToRoot(node) {
+ var path = [];
+ while (node) {
+ node = node.parentNode;
+ node && path.push(node);
+ }
+ return path.reverse();
+}
+
+function aboveViewRoot(viewRoot, node) {
+ var viewPath = getPathToRoot(viewRoot);
+ return indexOf(viewPath, node) >= 0;
+}
+
+// From root to the input node (the input node will be included).
+function wrapTreePathInfo(node, seriesModel) {
+ var treePathInfo = [];
+
+ while (node) {
+ var nodeDataIndex = node.dataIndex;
+ treePathInfo.push({
+ name: node.name,
+ dataIndex: nodeDataIndex,
+ value: seriesModel.getRawValue(nodeDataIndex)
+ });
+ node = node.parentNode;
+ }
+
+ treePathInfo.reverse();
+
+ return treePathInfo;
+}
+
+/*
+* 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.
+*/
+
+SeriesModel.extend({
+
+ type: 'series.treemap',
+
+ layoutMode: 'box',
+
+ dependencies: ['grid', 'polar'],
+
+ preventUsingHoverLayer: true,
+
+ /**
+ * @type {module:echarts/data/Tree~Node}
+ */
+ _viewRoot: null,
+
+ defaultOption: {
+ // Disable progressive rendering
+ progressive: 0,
+ // center: ['50%', '50%'], // not supported in ec3.
+ // size: ['80%', '80%'], // deprecated, compatible with ec2.
+ left: 'center',
+ top: 'middle',
+ right: null,
+ bottom: null,
+ width: '80%',
+ height: '80%',
+ sort: true, // Can be null or false or true
+ // (order by desc default, asc not supported yet (strange effect))
+ clipWindow: 'origin', // Size of clipped window when zooming. 'origin' or 'fullscreen'
+ squareRatio: 0.5 * (1 + Math.sqrt(5)), // golden ratio
+ leafDepth: null, // Nodes on depth from root are regarded as leaves.
+ // Count from zero (zero represents only view root).
+ drillDownIcon: '鈻�', // Use html character temporarily because it is complicated
+ // to align specialized icon. 鈻封柖鉂掆潗鈻尖湚
+
+ zoomToNodeRatio: 0.32 * 0.32, // Be effective when using zoomToNode. Specify the proportion of the
+ // target node area in the view area.
+ roam: true, // true, false, 'scale' or 'zoom', 'move'.
+ nodeClick: 'zoomToNode', // Leaf node click behaviour: 'zoomToNode', 'link', false.
+ // If leafDepth is set and clicking a node which has children but
+ // be on left depth, the behaviour would be changing root. Otherwise
+ // use behavious defined above.
+ animation: true,
+ animationDurationUpdate: 900,
+ animationEasing: 'quinticInOut',
+ breadcrumb: {
+ show: true,
+ height: 22,
+ left: 'center',
+ top: 'bottom',
+ // right
+ // bottom
+ emptyItemWidth: 25, // Width of empty node.
+ itemStyle: {
+ color: 'rgba(0,0,0,0.7)', //'#5793f3',
+ borderColor: 'rgba(255,255,255,0.7)',
+ borderWidth: 1,
+ shadowColor: 'rgba(150,150,150,1)',
+ shadowBlur: 3,
+ shadowOffsetX: 0,
+ shadowOffsetY: 0,
+ textStyle: {
+ color: '#fff'
+ }
+ },
+ emphasis: {
+ textStyle: {}
+ }
+ },
+ label: {
+ show: true,
+ // Do not use textDistance, for ellipsis rect just the same as treemap node rect.
+ distance: 0,
+ padding: 5,
+ position: 'inside', // Can be [5, '5%'] or position stirng like 'insideTopLeft', ...
+ // formatter: null,
+ color: '#fff',
+ ellipsis: true
+ // align
+ // verticalAlign
+ },
+ upperLabel: { // Label when node is parent.
+ show: false,
+ position: [0, '50%'],
+ height: 20,
+ // formatter: null,
+ color: '#fff',
+ ellipsis: true,
+ // align: null,
+ verticalAlign: 'middle'
+ },
+ itemStyle: {
+ color: null, // Can be 'none' if not necessary.
+ colorAlpha: null, // Can be 'none' if not necessary.
+ colorSaturation: null, // Can be 'none' if not necessary.
+ borderWidth: 0,
+ gapWidth: 0,
+ borderColor: '#fff',
+ borderColorSaturation: null // If specified, borderColor will be ineffective, and the
+ // border color is evaluated by color of current node and
+ // borderColorSaturation.
+ },
+ emphasis: {
+ upperLabel: {
+ show: true,
+ position: [0, '50%'],
+ color: '#fff',
+ ellipsis: true,
+ verticalAlign: 'middle'
+ }
+ },
+
+ visualDimension: 0, // Can be 0, 1, 2, 3.
+ visualMin: null,
+ visualMax: null,
+
+ color: [], // + treemapSeries.color should not be modified. Please only modified
+ // level[n].color (if necessary).
+ // + Specify color list of each level. level[0].color would be global
+ // color list if not specified. (see method `setDefault`).
+ // + But set as a empty array to forbid fetch color from global palette
+ // when using nodeModel.get('color'), otherwise nodes on deep level
+ // will always has color palette set and are not able to inherit color
+ // from parent node.
+ // + TreemapSeries.color can not be set as 'none', otherwise effect
+ // legend color fetching (see seriesColor.js).
+ colorAlpha: null, // Array. Specify color alpha range of each level, like [0.2, 0.8]
+ colorSaturation: null, // Array. Specify color saturation of each level, like [0.2, 0.5]
+ colorMappingBy: 'index', // 'value' or 'index' or 'id'.
+ visibleMin: 10, // If area less than this threshold (unit: pixel^2), node will not
+ // be rendered. Only works when sort is 'asc' or 'desc'.
+ childrenVisibleMin: null, // If area of a node less than this threshold (unit: pixel^2),
+ // grandchildren will not show.
+ // Why grandchildren? If not grandchildren but children,
+ // some siblings show children and some not,
+ // the appearance may be mess and not consistent,
+ levels: [] // Each item: {
+ // visibleMin, itemStyle, visualDimension, label
+ // }
+ // data: {
+ // value: [],
+ // children: [],
+ // link: 'http://xxx.xxx.xxx',
+ // target: 'blank' or 'self'
+ // }
+ },
+
+ /**
+ * @override
+ */
+ getInitialData: function (option, ecModel) {
+ // Create a virtual root.
+ var root = {name: option.name, children: option.data};
+
+ completeTreeValue(root);
+
+ var levels = option.levels || [];
+
+ levels = option.levels = setDefault(levels, ecModel);
+ var levelModels = map(levels || [], function (levelDefine) {
+ return new Model(levelDefine, this, ecModel);
+ }, this);
+
+ // Make sure always a new tree is created when setOption,
+ // in TreemapView, we check whether oldTree === newTree
+ // to choose mappings approach among old shapes and new shapes.
+ var tree = Tree.createTree(root, this, null, beforeLink);
+
+ function beforeLink(nodeData) {
+ nodeData.wrapMethod('getItemModel', function (model, idx) {
+ var node = tree.getNodeByDataIndex(idx);
+ var levelModel = levelModels[node.depth];
+ levelModel && (model.parentModel = levelModel);
+ return model;
+ });
+ }
+
+ return tree.data;
+ },
+
+ optionUpdated: function () {
+ this.resetViewRoot();
+ },
+
+ /**
+ * @override
+ * @param {number} dataIndex
+ * @param {boolean} [mutipleSeries=false]
+ */
+ formatTooltip: function (dataIndex) {
+ var data = this.getData();
+ var value = this.getRawValue(dataIndex);
+ var formattedValue = isArray(value)
+ ? addCommas(value[0]) : addCommas(value);
+ var name = data.getName(dataIndex);
+
+ return encodeHTML(name + ': ' + formattedValue);
+ },
+
+ /**
+ * Add tree path to tooltip param
+ *
+ * @override
+ * @param {number} dataIndex
+ * @return {Object}
+ */
+ getDataParams: function (dataIndex) {
+ var params = SeriesModel.prototype.getDataParams.apply(this, arguments);
+
+ var node = this.getData().tree.getNodeByDataIndex(dataIndex);
+ params.treePathInfo = wrapTreePathInfo(node, this);
+
+ return params;
+ },
+
+ /**
+ * @public
+ * @param {Object} layoutInfo {
+ * x: containerGroup x
+ * y: containerGroup y
+ * width: containerGroup width
+ * height: containerGroup height
+ * }
+ */
+ setLayoutInfo: function (layoutInfo) {
+ /**
+ * @readOnly
+ * @type {Object}
+ */
+ this.layoutInfo = this.layoutInfo || {};
+ extend(this.layoutInfo, layoutInfo);
+ },
+
+ /**
+ * @param {string} id
+ * @return {number} index
+ */
+ mapIdToIndex: function (id) {
+ // A feature is implemented:
+ // index is monotone increasing with the sequence of
+ // input id at the first time.
+ // This feature can make sure that each data item and its
+ // mapped color have the same index between data list and
+ // color list at the beginning, which is useful for user
+ // to adjust data-color mapping.
+
+ /**
+ * @private
+ * @type {Object}
+ */
+ var idIndexMap = this._idIndexMap;
+
+ if (!idIndexMap) {
+ idIndexMap = this._idIndexMap = createHashMap();
+ /**
+ * @private
+ * @type {number}
+ */
+ this._idIndexMapCount = 0;
+ }
+
+ var index = idIndexMap.get(id);
+ if (index == null) {
+ idIndexMap.set(id, index = this._idIndexMapCount++);
+ }
+
+ return index;
+ },
+
+ getViewRoot: function () {
+ return this._viewRoot;
+ },
+
+ /**
+ * @param {module:echarts/data/Tree~Node} [viewRoot]
+ */
+ resetViewRoot: function (viewRoot) {
+ viewRoot
+ ? (this._viewRoot = viewRoot)
+ : (viewRoot = this._viewRoot);
+
+ var root = this.getRawData().tree.root;
+
+ if (!viewRoot
+ || (viewRoot !== root && !root.contains(viewRoot))
+ ) {
+ this._viewRoot = root;
+ }
+ }
+});
+
+/**
+ * @param {Object} dataNode
+ */
+function completeTreeValue(dataNode) {
+ // Postorder travel tree.
+ // If value of none-leaf node is not set,
+ // calculate it by suming up the value of all children.
+ var sum = 0;
+
+ each$1(dataNode.children, function (child) {
+
+ completeTreeValue(child);
+
+ var childValue = child.value;
+ isArray(childValue) && (childValue = childValue[0]);
+
+ sum += childValue;
+ });
+
+ var thisValue = dataNode.value;
+ if (isArray(thisValue)) {
+ thisValue = thisValue[0];
+ }
+
+ if (thisValue == null || isNaN(thisValue)) {
+ thisValue = sum;
+ }
+ // Value should not less than 0.
+ if (thisValue < 0) {
+ thisValue = 0;
+ }
+
+ isArray(dataNode.value)
+ ? (dataNode.value[0] = thisValue)
+ : (dataNode.value = thisValue);
+}
+
+/**
+ * set default to level configuration
+ */
+function setDefault(levels, ecModel) {
+ var globalColorList = ecModel.get('color');
+
+ if (!globalColorList) {
+ return;
+ }
+
+ levels = levels || [];
+ var hasColorDefine;
+ each$1(levels, function (levelDefine) {
+ var model = new Model(levelDefine);
+ var modelColor = model.get('color');
+
+ if (model.get('itemStyle.color')
+ || (modelColor && modelColor !== 'none')
+ ) {
+ hasColorDefine = true;
+ }
+ });
+
+ if (!hasColorDefine) {
+ var level0 = levels[0] || (levels[0] = {});
+ level0.color = globalColorList.slice();
+ }
+
+ return levels;
+}
+
+/*
+* 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.
+*/
+
+var TEXT_PADDING = 8;
+var ITEM_GAP = 8;
+var ARRAY_LENGTH = 5;
+
+function Breadcrumb(containerGroup) {
+ /**
+ * @private
+ * @type {module:zrender/container/Group}
+ */
+ this.group = new Group();
+
+ containerGroup.add(this.group);
+}
+
+Breadcrumb.prototype = {
+
+ constructor: Breadcrumb,
+
+ render: function (seriesModel, api, targetNode, onSelect) {
+ var model = seriesModel.getModel('breadcrumb');
+ var thisGroup = this.group;
+
+ thisGroup.removeAll();
+
+ if (!model.get('show') || !targetNode) {
+ return;
+ }
+
+ var normalStyleModel = model.getModel('itemStyle');
+ // var emphasisStyleModel = model.getModel('emphasis.itemStyle');
+ var textStyleModel = normalStyleModel.getModel('textStyle');
+
+ var layoutParam = {
+ pos: {
+ left: model.get('left'),
+ right: model.get('right'),
+ top: model.get('top'),
+ bottom: model.get('bottom')
+ },
+ box: {
+ width: api.getWidth(),
+ height: api.getHeight()
+ },
+ emptyItemWidth: model.get('emptyItemWidth'),
+ totalWidth: 0,
+ renderList: []
+ };
+
+ this._prepare(targetNode, layoutParam, textStyleModel);
+ this._renderContent(seriesModel, layoutParam, normalStyleModel, textStyleModel, onSelect);
+
+ positionElement(thisGroup, layoutParam.pos, layoutParam.box);
+ },
+
+ /**
+ * Prepare render list and total width
+ * @private
+ */
+ _prepare: function (targetNode, layoutParam, textStyleModel) {
+ for (var node = targetNode; node; node = node.parentNode) {
+ var text = node.getModel().get('name');
+ var textRect = textStyleModel.getTextRect(text);
+ var itemWidth = Math.max(
+ textRect.width + TEXT_PADDING * 2,
+ layoutParam.emptyItemWidth
+ );
+ layoutParam.totalWidth += itemWidth + ITEM_GAP;
+ layoutParam.renderList.push({node: node, text: text, width: itemWidth});
+ }
+ },
+
+ /**
+ * @private
+ */
+ _renderContent: function (
+ seriesModel, layoutParam, normalStyleModel, textStyleModel, onSelect
+ ) {
+ // Start rendering.
+ var lastX = 0;
+ var emptyItemWidth = layoutParam.emptyItemWidth;
+ var height = seriesModel.get('breadcrumb.height');
+ var availableSize = getAvailableSize(layoutParam.pos, layoutParam.box);
+ var totalWidth = layoutParam.totalWidth;
+ var renderList = layoutParam.renderList;
+
+ for (var i = renderList.length - 1; i >= 0; i--) {
+ var item = renderList[i];
+ var itemNode = item.node;
+ var itemWidth = item.width;
+ var text = item.text;
+
+ // Hdie text and shorten width if necessary.
+ if (totalWidth > availableSize.width) {
+ totalWidth -= itemWidth - emptyItemWidth;
+ itemWidth = emptyItemWidth;
+ text = null;
+ }
+
+ var el = new Polygon({
+ shape: {
+ points: makeItemPoints(
+ lastX, 0, itemWidth, height,
+ i === renderList.length - 1, i === 0
+ )
+ },
+ style: defaults(
+ normalStyleModel.getItemStyle(),
+ {
+ lineJoin: 'bevel',
+ text: text,
+ textFill: textStyleModel.getTextColor(),
+ textFont: textStyleModel.getFont()
+ }
+ ),
+ z: 10,
+ onclick: curry(onSelect, itemNode)
+ });
+ this.group.add(el);
+
+ packEventData(el, seriesModel, itemNode);
+
+ lastX += itemWidth + ITEM_GAP;
+ }
+ },
+
+ /**
+ * @override
+ */
+ remove: function () {
+ this.group.removeAll();
+ }
+};
+
+function makeItemPoints(x, y, itemWidth, itemHeight, head, tail) {
+ var points = [
+ [head ? x : x - ARRAY_LENGTH, y],
+ [x + itemWidth, y],
+ [x + itemWidth, y + itemHeight],
+ [head ? x : x - ARRAY_LENGTH, y + itemHeight]
+ ];
+ !tail && points.splice(2, 0, [x + itemWidth + ARRAY_LENGTH, y + itemHeight / 2]);
+ !head && points.push([x, y + itemHeight / 2]);
+ return points;
+}
+
+// Package custom mouse event.
+function packEventData(el, seriesModel, itemNode) {
+ el.eventData = {
+ componentType: 'series',
+ componentSubType: 'treemap',
+ componentIndex: seriesModel.componentIndex,
+ seriesIndex: seriesModel.componentIndex,
+ seriesName: seriesModel.name,
+ seriesType: 'treemap',
+ selfType: 'breadcrumb', // Distinguish with click event on treemap node.
+ nodeData: {
+ dataIndex: itemNode && itemNode.dataIndex,
+ name: itemNode && itemNode.name
+ },
+ treePathInfo: itemNode && wrapTreePathInfo(itemNode, seriesModel)
+ };
+}
+
+/*
+* 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.
+*/
+
+/**
+ * @param {number} [time=500] Time in ms
+ * @param {string} [easing='linear']
+ * @param {number} [delay=0]
+ * @param {Function} [callback]
+ *
+ * @example
+ * // Animate position
+ * animation
+ * .createWrap()
+ * .add(el1, {position: [10, 10]})
+ * .add(el2, {shape: {width: 500}, style: {fill: 'red'}}, 400)
+ * .done(function () { // done })
+ * .start('cubicOut');
+ */
+function createWrap() {
+
+ var storage = [];
+ var elExistsMap = {};
+ var doneCallback;
+
+ return {
+
+ /**
+ * Caution: a el can only be added once, otherwise 'done'
+ * might not be called. This method checks this (by el.id),
+ * suppresses adding and returns false when existing el found.
+ *
+ * @param {modele:zrender/Element} el
+ * @param {Object} target
+ * @param {number} [time=500]
+ * @param {number} [delay=0]
+ * @param {string} [easing='linear']
+ * @return {boolean} Whether adding succeeded.
+ *
+ * @example
+ * add(el, target, time, delay, easing);
+ * add(el, target, time, easing);
+ * add(el, target, time);
+ * add(el, target);
+ */
+ add: function (el, target, time, delay, easing) {
+ if (isString(delay)) {
+ easing = delay;
+ delay = 0;
+ }
+
+ if (elExistsMap[el.id]) {
+ return false;
+ }
+ elExistsMap[el.id] = 1;
+
+ storage.push(
+ {el: el, target: target, time: time, delay: delay, easing: easing}
+ );
+
+ return true;
+ },
+
+ /**
+ * Only execute when animation finished. Will not execute when any
+ * of 'stop' or 'stopAnimation' called.
+ *
+ * @param {Function} callback
+ */
+ done: function (callback) {
+ doneCallback = callback;
+ return this;
+ },
+
+ /**
+ * Will stop exist animation firstly.
+ */
+ start: function () {
+ var count = storage.length;
+
+ for (var i = 0, len = storage.length; i < len; i++) {
+ var item = storage[i];
+ item.el.animateTo(item.target, item.time, item.delay, item.easing, done);
+ }
+
+ return this;
+
+ function done() {
+ count--;
+ if (!count) {
+ storage.length = 0;
+ elExistsMap = {};
+ doneCallback && doneCallback();
+ }
+ }
+ }
+ };
+}
+
+/*
+* 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.
+*/
+
+var bind$1 = bind;
+var Group$2 = Group;
+var Rect$1 = Rect;
+var each$8 = each$1;
+
+var DRAG_THRESHOLD = 3;
+var PATH_LABEL_NOAMAL = ['label'];
+var PATH_LABEL_EMPHASIS = ['emphasis', 'label'];
+var PATH_UPPERLABEL_NORMAL = ['upperLabel'];
+var PATH_UPPERLABEL_EMPHASIS = ['emphasis', 'upperLabel'];
+var Z_BASE = 10; // Should bigger than every z.
+var Z_BG = 1;
+var Z_CONTENT = 2;
+
+var getItemStyleEmphasis = makeStyleMapper([
+ ['fill', 'color'],
+ // `borderColor` and `borderWidth` has been occupied,
+ // so use `stroke` to indicate the stroke of the rect.
+ ['stroke', 'strokeColor'],
+ ['lineWidth', 'strokeWidth'],
+ ['shadowBlur'],
+ ['shadowOffsetX'],
+ ['shadowOffsetY'],
+ ['shadowColor']
+]);
+var getItemStyleNormal = function (model) {
+ // Normal style props should include emphasis style props.
+ var itemStyle = getItemStyleEmphasis(model);
+ // Clear styles set by emphasis.
+ itemStyle.stroke = itemStyle.fill = itemStyle.lineWidth = null;
+ return itemStyle;
+};
+
+extendChartView({
+
+ type: 'treemap',
+
+ /**
+ * @override
+ */
+ init: function (o, api) {
+
+ /**
+ * @private
+ * @type {module:zrender/container/Group}
+ */
+ this._containerGroup;
+
+ /**
+ * @private
+ * @type {Object.<string, Array.<module:zrender/container/Group>>}
+ */
+ this._storage = createStorage();
+
+ /**
+ * @private
+ * @type {module:echarts/data/Tree}
+ */
+ this._oldTree;
+
+ /**
+ * @private
+ * @type {module:echarts/chart/treemap/Breadcrumb}
+ */
+ this._breadcrumb;
+
+ /**
+ * @private
+ * @type {module:echarts/component/helper/RoamController}
+ */
+ this._controller;
+
+ /**
+ * 'ready', 'animating'
+ * @private
+ */
+ this._state = 'ready';
+ },
+
+ /**
+ * @override
+ */
+ render: function (seriesModel, ecModel, api, payload) {
+
+ var models = ecModel.findComponents({
+ mainType: 'series', subType: 'treemap', query: payload
+ });
+ if (indexOf(models, seriesModel) < 0) {
+ return;
+ }
+
+ this.seriesModel = seriesModel;
+ this.api = api;
+ this.ecModel = ecModel;
+
+ var types = ['treemapZoomToNode', 'treemapRootToNode'];
+ var targetInfo = retrieveTargetInfo(payload, types, seriesModel);
+ var payloadType = payload && payload.type;
+ var layoutInfo = seriesModel.layoutInfo;
+ var isInit = !this._oldTree;
+ var thisStorage = this._storage;
+
+ // Mark new root when action is treemapRootToNode.
+ var reRoot = (payloadType === 'treemapRootToNode' && targetInfo && thisStorage)
+ ? {
+ rootNodeGroup: thisStorage.nodeGroup[targetInfo.node.getRawIndex()],
+ direction: payload.direction
+ }
+ : null;
+
+ var containerGroup = this._giveContainerGroup(layoutInfo);
+
+ var renderResult = this._doRender(containerGroup, seriesModel, reRoot);
+ (
+ !isInit && (
+ !payloadType
+ || payloadType === 'treemapZoomToNode'
+ || payloadType === 'treemapRootToNode'
+ )
+ )
+ ? this._doAnimation(containerGroup, renderResult, seriesModel, reRoot)
+ : renderResult.renderFinally();
+
+ this._resetController(api);
+
+ this._renderBreadcrumb(seriesModel, api, targetInfo);
+ },
+
+ /**
+ * @private
+ */
+ _giveContainerGroup: function (layoutInfo) {
+ var containerGroup = this._containerGroup;
+ if (!containerGroup) {
+ // FIXME
+ // 鍔犱竴灞俢ontainerGroup鏄负浜哻lip锛屼絾鏄幇鍦╟lip鍔熻兘骞舵病鏈夊疄鐜般��
+ containerGroup = this._containerGroup = new Group$2();
+ this._initEvents(containerGroup);
+ this.group.add(containerGroup);
+ }
+ containerGroup.attr('position', [layoutInfo.x, layoutInfo.y]);
+
+ return containerGroup;
+ },
+
+ /**
+ * @private
+ */
+ _doRender: function (containerGroup, seriesModel, reRoot) {
+ var thisTree = seriesModel.getData().tree;
+ var oldTree = this._oldTree;
+
+ // Clear last shape records.
+ var lastsForAnimation = createStorage();
+ var thisStorage = createStorage();
+ var oldStorage = this._storage;
+ var willInvisibleEls = [];
+
+ var doRenderNode = curry(
+ renderNode, seriesModel,
+ thisStorage, oldStorage, reRoot,
+ lastsForAnimation, willInvisibleEls
+ );
+
+ // Notice: when thisTree and oldTree are the same tree (see list.cloneShallow),
+ // the oldTree is actually losted, so we can not find all of the old graphic
+ // elements from tree. So we use this stragegy: make element storage, move
+ // from old storage to new storage, clear old storage.
+
+ dualTravel(
+ thisTree.root ? [thisTree.root] : [],
+ (oldTree && oldTree.root) ? [oldTree.root] : [],
+ containerGroup,
+ thisTree === oldTree || !oldTree,
+ 0
+ );
+
+ // Process all removing.
+ var willDeleteEls = clearStorage(oldStorage);
+
+ this._oldTree = thisTree;
+ this._storage = thisStorage;
+
+ return {
+ lastsForAnimation: lastsForAnimation,
+ willDeleteEls: willDeleteEls,
+ renderFinally: renderFinally
+ };
+
+ function dualTravel(thisViewChildren, oldViewChildren, parentGroup, sameTree, depth) {
+ // When 'render' is triggered by action,
+ // 'this' and 'old' may be the same tree,
+ // we use rawIndex in that case.
+ if (sameTree) {
+ oldViewChildren = thisViewChildren;
+ each$8(thisViewChildren, function (child, index) {
+ !child.isRemoved() && processNode(index, index);
+ });
+ }
+ // Diff hierarchically (diff only in each subtree, but not whole).
+ // because, consistency of view is important.
+ else {
+ (new DataDiffer(oldViewChildren, thisViewChildren, getKey, getKey))
+ .add(processNode)
+ .update(processNode)
+ .remove(curry(processNode, null))
+ .execute();
+ }
+
+ function getKey(node) {
+ // Identify by name or raw index.
+ return node.getId();
+ }
+
+ function processNode(newIndex, oldIndex) {
+ var thisNode = newIndex != null ? thisViewChildren[newIndex] : null;
+ var oldNode = oldIndex != null ? oldViewChildren[oldIndex] : null;
+
+ var group = doRenderNode(thisNode, oldNode, parentGroup, depth);
+
+ group && dualTravel(
+ thisNode && thisNode.viewChildren || [],
+ oldNode && oldNode.viewChildren || [],
+ group,
+ sameTree,
+ depth + 1
+ );
+ }
+ }
+
+ function clearStorage(storage) {
+ var willDeleteEls = createStorage();
+ storage && each$8(storage, function (store, storageName) {
+ var delEls = willDeleteEls[storageName];
+ each$8(store, function (el) {
+ el && (delEls.push(el), el.__tmWillDelete = 1);
+ });
+ });
+ return willDeleteEls;
+ }
+
+ function renderFinally() {
+ each$8(willDeleteEls, function (els) {
+ each$8(els, function (el) {
+ el.parent && el.parent.remove(el);
+ });
+ });
+ each$8(willInvisibleEls, function (el) {
+ el.invisible = true;
+ // Setting invisible is for optimizing, so no need to set dirty,
+ // just mark as invisible.
+ el.dirty();
+ });
+ }
+ },
+
+ /**
+ * @private
+ */
+ _doAnimation: function (containerGroup, renderResult, seriesModel, reRoot) {
+ if (!seriesModel.get('animation')) {
+ return;
+ }
+
+ var duration = seriesModel.get('animationDurationUpdate');
+ var easing = seriesModel.get('animationEasing');
+ var animationWrap = createWrap();
+
+ // Make delete animations.
+ each$8(renderResult.willDeleteEls, function (store, storageName) {
+ each$8(store, function (el, rawIndex) {
+ if (el.invisible) {
+ return;
+ }
+
+ var parent = el.parent; // Always has parent, and parent is nodeGroup.
+ var target;
+
+ if (reRoot && reRoot.direction === 'drillDown') {
+ target = parent === reRoot.rootNodeGroup
+ // This is the content element of view root.
+ // Only `content` will enter this branch, because
+ // `background` and `nodeGroup` will not be deleted.
+ ? {
+ shape: {
+ x: 0,
+ y: 0,
+ width: parent.__tmNodeWidth,
+ height: parent.__tmNodeHeight
+ },
+ style: {
+ opacity: 0
+ }
+ }
+ // Others.
+ : {style: {opacity: 0}};
+ }
+ else {
+ var targetX = 0;
+ var targetY = 0;
+
+ if (!parent.__tmWillDelete) {
+ // Let node animate to right-bottom corner, cooperating with fadeout,
+ // which is appropriate for user understanding.
+ // Divided by 2 for reRoot rolling up effect.
+ targetX = parent.__tmNodeWidth / 2;
+ targetY = parent.__tmNodeHeight / 2;
+ }
+
+ target = storageName === 'nodeGroup'
+ ? {position: [targetX, targetY], style: {opacity: 0}}
+ : {
+ shape: {x: targetX, y: targetY, width: 0, height: 0},
+ style: {opacity: 0}
+ };
+ }
+
+ target && animationWrap.add(el, target, duration, easing);
+ });
+ });
+
+ // Make other animations
+ each$8(this._storage, function (store, storageName) {
+ each$8(store, function (el, rawIndex) {
+ var last = renderResult.lastsForAnimation[storageName][rawIndex];
+ var target = {};
+
+ if (!last) {
+ return;
+ }
+
+ if (storageName === 'nodeGroup') {
+ if (last.old) {
+ target.position = el.position.slice();
+ el.attr('position', last.old);
+ }
+ }
+ else {
+ if (last.old) {
+ target.shape = extend({}, el.shape);
+ el.setShape(last.old);
+ }
+
+ if (last.fadein) {
+ el.setStyle('opacity', 0);
+ target.style = {opacity: 1};
+ }
+ // When animation is stopped for succedent animation starting,
+ // el.style.opacity might not be 1
+ else if (el.style.opacity !== 1) {
+ target.style = {opacity: 1};
+ }
+ }
+
+ animationWrap.add(el, target, duration, easing);
+ });
+ }, this);
+
+ this._state = 'animating';
+
+ animationWrap
+ .done(bind$1(function () {
+ this._state = 'ready';
+ renderResult.renderFinally();
+ }, this))
+ .start();
+ },
+
+ /**
+ * @private
+ */
+ _resetController: function (api) {
+ var controller = this._controller;
+
+ // Init controller.
+ if (!controller) {
+ controller = this._controller = new RoamController(api.getZr());
+ controller.enable(this.seriesModel.get('roam'));
+ controller.on('pan', bind$1(this._onPan, this));
+ controller.on('zoom', bind$1(this._onZoom, this));
+ }
+
+ var rect = new BoundingRect(0, 0, api.getWidth(), api.getHeight());
+ controller.setPointerChecker(function (e, x, y) {
+ return rect.contain(x, y);
+ });
+ },
+
+ /**
+ * @private
+ */
+ _clearController: function () {
+ var controller = this._controller;
+ if (controller) {
+ controller.dispose();
+ controller = null;
+ }
+ },
+
+ /**
+ * @private
+ */
+ _onPan: function (e) {
+ if (this._state !== 'animating'
+ && (Math.abs(e.dx) > DRAG_THRESHOLD || Math.abs(e.dy) > DRAG_THRESHOLD)
+ ) {
+ // These param must not be cached.
+ var root = this.seriesModel.getData().tree.root;
+
+ if (!root) {
+ return;
+ }
+
+ var rootLayout = root.getLayout();
+
+ if (!rootLayout) {
+ return;
+ }
+
+ this.api.dispatchAction({
+ type: 'treemapMove',
+ from: this.uid,
+ seriesId: this.seriesModel.id,
+ rootRect: {
+ x: rootLayout.x + e.dx, y: rootLayout.y + e.dy,
+ width: rootLayout.width, height: rootLayout.height
+ }
+ });
+ }
+ },
+
+ /**
+ * @private
+ */
+ _onZoom: function (e) {
+ var mouseX = e.originX;
+ var mouseY = e.originY;
+
+ if (this._state !== 'animating') {
+ // These param must not be cached.
+ var root = this.seriesModel.getData().tree.root;
+
+ if (!root) {
+ return;
+ }
+
+ var rootLayout = root.getLayout();
+
+ if (!rootLayout) {
+ return;
+ }
+
+ var rect = new BoundingRect(
+ rootLayout.x, rootLayout.y, rootLayout.width, rootLayout.height
+ );
+ var layoutInfo = this.seriesModel.layoutInfo;
+
+ // Transform mouse coord from global to containerGroup.
+ mouseX -= layoutInfo.x;
+ mouseY -= layoutInfo.y;
+
+ // Scale root bounding rect.
+ var m = create$1();
+ translate(m, m, [-mouseX, -mouseY]);
+ scale$1(m, m, [e.scale, e.scale]);
+ translate(m, m, [mouseX, mouseY]);
+
+ rect.applyTransform(m);
+
+ this.api.dispatchAction({
+ type: 'treemapRender',
+ from: this.uid,
+ seriesId: this.seriesModel.id,
+ rootRect: {
+ x: rect.x, y: rect.y,
+ width: rect.width, height: rect.height
+ }
+ });
+ }
+ },
+
+ /**
+ * @private
+ */
+ _initEvents: function (containerGroup) {
+ containerGroup.on('click', function (e) {
+ if (this._state !== 'ready') {
+ return;
+ }
+
+ var nodeClick = this.seriesModel.get('nodeClick', true);
+
+ if (!nodeClick) {
+ return;
+ }
+
+ var targetInfo = this.findTarget(e.offsetX, e.offsetY);
+
+ if (!targetInfo) {
+ return;
+ }
+
+ var node = targetInfo.node;
+ if (node.getLayout().isLeafRoot) {
+ this._rootToNode(targetInfo);
+ }
+ else {
+ if (nodeClick === 'zoomToNode') {
+ this._zoomToNode(targetInfo);
+ }
+ else if (nodeClick === 'link') {
+ var itemModel = node.hostTree.data.getItemModel(node.dataIndex);
+ var link = itemModel.get('link', true);
+ var linkTarget = itemModel.get('target', true) || 'blank';
+ link && windowOpen(link, linkTarget);
+ }
+ }
+
+ }, this);
+ },
+
+ /**
+ * @private
+ */
+ _renderBreadcrumb: function (seriesModel, api, targetInfo) {
+ if (!targetInfo) {
+ targetInfo = seriesModel.get('leafDepth', true) != null
+ ? {node: seriesModel.getViewRoot()}
+ // FIXME
+ // better way?
+ // Find breadcrumb tail on center of containerGroup.
+ : this.findTarget(api.getWidth() / 2, api.getHeight() / 2);
+
+ if (!targetInfo) {
+ targetInfo = {node: seriesModel.getData().tree.root};
+ }
+ }
+
+ (this._breadcrumb || (this._breadcrumb = new Breadcrumb(this.group)))
+ .render(seriesModel, api, targetInfo.node, bind$1(onSelect, this));
+
+ function onSelect(node) {
+ if (this._state !== 'animating') {
+ aboveViewRoot(seriesModel.getViewRoot(), node)
+ ? this._rootToNode({node: node})
+ : this._zoomToNode({node: node});
+ }
+ }
+ },
+
+ /**
+ * @override
+ */
+ remove: function () {
+ this._clearController();
+ this._containerGroup && this._containerGroup.removeAll();
+ this._storage = createStorage();
+ this._state = 'ready';
+ this._breadcrumb && this._breadcrumb.remove();
+ },
+
+ dispose: function () {
+ this._clearController();
+ },
+
+ /**
+ * @private
+ */
+ _zoomToNode: function (targetInfo) {
+ this.api.dispatchAction({
+ type: 'treemapZoomToNode',
+ from: this.uid,
+ seriesId: this.seriesModel.id,
+ targetNode: targetInfo.node
+ });
+ },
+
+ /**
+ * @private
+ */
+ _rootToNode: function (targetInfo) {
+ this.api.dispatchAction({
+ type: 'treemapRootToNode',
+ from: this.uid,
+ seriesId: this.seriesModel.id,
+ targetNode: targetInfo.node
+ });
+ },
+
+ /**
+ * @public
+ * @param {number} x Global coord x.
+ * @param {number} y Global coord y.
+ * @return {Object} info If not found, return undefined;
+ * @return {number} info.node Target node.
+ * @return {number} info.offsetX x refer to target node.
+ * @return {number} info.offsetY y refer to target node.
+ */
+ findTarget: function (x, y) {
+ var targetInfo;
+ var viewRoot = this.seriesModel.getViewRoot();
+
+ viewRoot.eachNode({attr: 'viewChildren', order: 'preorder'}, function (node) {
+ var bgEl = this._storage.background[node.getRawIndex()];
+ // If invisible, there might be no element.
+ if (bgEl) {
+ var point = bgEl.transformCoordToLocal(x, y);
+ var shape = bgEl.shape;
+
+ // For performance consideration, dont use 'getBoundingRect'.
+ if (shape.x <= point[0]
+ && point[0] <= shape.x + shape.width
+ && shape.y <= point[1]
+ && point[1] <= shape.y + shape.height
+ ) {
+ targetInfo = {node: node, offsetX: point[0], offsetY: point[1]};
+ }
+ else {
+ return false; // Suppress visit subtree.
+ }
+ }
+ }, this);
+
+ return targetInfo;
+ }
+
+});
+
+/**
+ * @inner
+ */
+function createStorage() {
+ return {nodeGroup: [], background: [], content: []};
+}
+
+/**
+ * @inner
+ * @return Return undefined means do not travel further.
+ */
+function renderNode(
+ seriesModel, thisStorage, oldStorage, reRoot,
+ lastsForAnimation, willInvisibleEls,
+ thisNode, oldNode, parentGroup, depth
+) {
+ // Whether under viewRoot.
+ if (!thisNode) {
+ // Deleting nodes will be performed finally. This method just find
+ // element from old storage, or create new element, set them to new
+ // storage, and set styles.
+ return;
+ }
+
+ // -------------------------------------------------------------------
+ // Start of closure variables available in "Procedures in renderNode".
+
+ var thisLayout = thisNode.getLayout();
+ var data = seriesModel.getData();
+
+ // Only for enabling highlight/downplay. Clear firstly.
+ // Because some node will not be rendered.
+ data.setItemGraphicEl(thisNode.dataIndex, null);
+
+ if (!thisLayout || !thisLayout.isInView) {
+ return;
+ }
+
+ var thisWidth = thisLayout.width;
+ var thisHeight = thisLayout.height;
+ var borderWidth = thisLayout.borderWidth;
+ var thisInvisible = thisLayout.invisible;
+
+ var thisRawIndex = thisNode.getRawIndex();
+ var oldRawIndex = oldNode && oldNode.getRawIndex();
+
+ var thisViewChildren = thisNode.viewChildren;
+ var upperHeight = thisLayout.upperHeight;
+ var isParent = thisViewChildren && thisViewChildren.length;
+ var itemStyleNormalModel = thisNode.getModel('itemStyle');
+ var itemStyleEmphasisModel = thisNode.getModel('emphasis.itemStyle');
+
+ // End of closure ariables available in "Procedures in renderNode".
+ // -----------------------------------------------------------------
+
+ // Node group
+ var group = giveGraphic('nodeGroup', Group$2);
+
+ if (!group) {
+ return;
+ }
+
+ parentGroup.add(group);
+ // x,y are not set when el is above view root.
+ group.attr('position', [thisLayout.x || 0, thisLayout.y || 0]);
+ group.__tmNodeWidth = thisWidth;
+ group.__tmNodeHeight = thisHeight;
+
+ if (thisLayout.isAboveViewRoot) {
+ return group;
+ }
+
+ var nodeModel = thisNode.getModel();
+
+ // Background
+ var bg = giveGraphic('background', Rect$1, depth, Z_BG);
+ bg && renderBackground(group, bg, isParent && thisLayout.upperLabelHeight);
+
+ // No children, render content.
+ if (isParent) {
+ // Because of the implementation about "traverse" in graphic hover style, we
+ // can not set hover listener on the "group" of non-leaf node. Otherwise the
+ // hover event from the descendents will be listenered.
+ if (isHighDownDispatcher(group)) {
+ setAsHighDownDispatcher(group, false);
+ }
+ if (bg) {
+ setAsHighDownDispatcher(bg, true);
+ // Only for enabling highlight/downplay.
+ data.setItemGraphicEl(thisNode.dataIndex, bg);
+ }
+ }
+ else {
+ var content = giveGraphic('content', Rect$1, depth, Z_CONTENT);
+ content && renderContent(group, content);
+
+ if (bg && isHighDownDispatcher(bg)) {
+ setAsHighDownDispatcher(bg, false);
+ }
+ setAsHighDownDispatcher(group, true);
+ // Only for enabling highlight/downplay.
+ data.setItemGraphicEl(thisNode.dataIndex, group);
+ }
+
+ return group;
+
+ // ----------------------------
+ // | Procedures in renderNode |
+ // ----------------------------
+
+ function renderBackground(group, bg, useUpperLabel) {
+ // For tooltip.
+ bg.dataIndex = thisNode.dataIndex;
+ bg.seriesIndex = seriesModel.seriesIndex;
+
+ bg.setShape({x: 0, y: 0, width: thisWidth, height: thisHeight});
+
+ if (thisInvisible) {
+ // If invisible, do not set visual, otherwise the element will
+ // change immediately before animation. We think it is OK to
+ // remain its origin color when moving out of the view window.
+ processInvisible(bg);
+ }
+ else {
+ bg.invisible = false;
+ var visualBorderColor = thisNode.getVisual('borderColor', true);
+ var emphasisBorderColor = itemStyleEmphasisModel.get('borderColor');
+ var normalStyle = getItemStyleNormal(itemStyleNormalModel);
+ normalStyle.fill = visualBorderColor;
+ var emphasisStyle = getItemStyleEmphasis(itemStyleEmphasisModel);
+ emphasisStyle.fill = emphasisBorderColor;
+
+ if (useUpperLabel) {
+ var upperLabelWidth = thisWidth - 2 * borderWidth;
+
+ prepareText(
+ normalStyle, emphasisStyle, visualBorderColor, upperLabelWidth, upperHeight,
+ {x: borderWidth, y: 0, width: upperLabelWidth, height: upperHeight}
+ );
+ }
+ // For old bg.
+ else {
+ normalStyle.text = emphasisStyle.text = null;
+ }
+
+ bg.setStyle(normalStyle);
+ setElementHoverStyle(bg, emphasisStyle);
+ }
+
+ group.add(bg);
+ }
+
+ function renderContent(group, content) {
+ // For tooltip.
+ content.dataIndex = thisNode.dataIndex;
+ content.seriesIndex = seriesModel.seriesIndex;
+
+ var contentWidth = Math.max(thisWidth - 2 * borderWidth, 0);
+ var contentHeight = Math.max(thisHeight - 2 * borderWidth, 0);
+
+ content.culling = true;
+ content.setShape({
+ x: borderWidth,
+ y: borderWidth,
+ width: contentWidth,
+ height: contentHeight
+ });
+
+ if (thisInvisible) {
+ // If invisible, do not set visual, otherwise the element will
+ // change immediately before animation. We think it is OK to
+ // remain its origin color when moving out of the view window.
+ processInvisible(content);
+ }
+ else {
+ content.invisible = false;
+ var visualColor = thisNode.getVisual('color', true);
+ var normalStyle = getItemStyleNormal(itemStyleNormalModel);
+ normalStyle.fill = visualColor;
+ var emphasisStyle = getItemStyleEmphasis(itemStyleEmphasisModel);
+
+ prepareText(normalStyle, emphasisStyle, visualColor, contentWidth, contentHeight);
+
+ content.setStyle(normalStyle);
+ setElementHoverStyle(content, emphasisStyle);
+ }
+
+ group.add(content);
+ }
+
+ function processInvisible(element) {
+ // Delay invisible setting utill animation finished,
+ // avoid element vanish suddenly before animation.
+ !element.invisible && willInvisibleEls.push(element);
+ }
+
+ function prepareText(normalStyle, emphasisStyle, visualColor, width, height, upperLabelRect) {
+ var defaultText = nodeModel.get('name');
+
+ var normalLabelModel = nodeModel.getModel(
+ upperLabelRect ? PATH_UPPERLABEL_NORMAL : PATH_LABEL_NOAMAL
+ );
+ var emphasisLabelModel = nodeModel.getModel(
+ upperLabelRect ? PATH_UPPERLABEL_EMPHASIS : PATH_LABEL_EMPHASIS
+ );
+
+ var isShow = normalLabelModel.getShallow('show');
+
+ setLabelStyle(
+ normalStyle, emphasisStyle, normalLabelModel, emphasisLabelModel,
+ {
+ defaultText: isShow ? defaultText : null,
+ autoColor: visualColor,
+ isRectText: true,
+ labelFetcher: seriesModel,
+ labelDataIndex: thisNode.dataIndex,
+ labelProp: upperLabelRect ? 'upperLabel' : 'label'
+ }
+ );
+
+ addDrillDownIcon(normalStyle, upperLabelRect, thisLayout);
+ addDrillDownIcon(emphasisStyle, upperLabelRect, thisLayout);
+
+ upperLabelRect && (normalStyle.textRect = clone(upperLabelRect));
+
+ normalStyle.truncate = (isShow && normalLabelModel.get('ellipsis'))
+ ? {
+ outerWidth: width,
+ outerHeight: height,
+ minChar: 2
+ }
+ : null;
+ }
+
+ function addDrillDownIcon(style, upperLabelRect, thisLayout) {
+ var text = style.text;
+ if (!upperLabelRect && thisLayout.isLeafRoot && text != null) {
+ var iconChar = seriesModel.get('drillDownIcon', true);
+ style.text = iconChar ? iconChar + ' ' + text : text;
+ }
+ }
+
+ function giveGraphic(storageName, Ctor, depth, z) {
+ var element = oldRawIndex != null && oldStorage[storageName][oldRawIndex];
+ var lasts = lastsForAnimation[storageName];
+
+ if (element) {
+ // Remove from oldStorage
+ oldStorage[storageName][oldRawIndex] = null;
+ prepareAnimationWhenHasOld(lasts, element, storageName);
+ }
+ // If invisible and no old element, do not create new element (for optimizing).
+ else if (!thisInvisible) {
+ element = new Ctor({z: calculateZ(depth, z)});
+ element.__tmDepth = depth;
+ element.__tmStorageName = storageName;
+ prepareAnimationWhenNoOld(lasts, element, storageName);
+ }
+
+ // Set to thisStorage
+ return (thisStorage[storageName][thisRawIndex] = element);
+ }
+
+ function prepareAnimationWhenHasOld(lasts, element, storageName) {
+ var lastCfg = lasts[thisRawIndex] = {};
+ lastCfg.old = storageName === 'nodeGroup'
+ ? element.position.slice()
+ : extend({}, element.shape);
+ }
+
+ // If a element is new, we need to find the animation start point carefully,
+ // otherwise it will looks strange when 'zoomToNode'.
+ function prepareAnimationWhenNoOld(lasts, element, storageName) {
+ var lastCfg = lasts[thisRawIndex] = {};
+ var parentNode = thisNode.parentNode;
+
+ if (parentNode && (!reRoot || reRoot.direction === 'drillDown')) {
+ var parentOldX = 0;
+ var parentOldY = 0;
+
+ // New nodes appear from right-bottom corner in 'zoomToNode' animation.
+ // For convenience, get old bounding rect from background.
+ var parentOldBg = lastsForAnimation.background[parentNode.getRawIndex()];
+ if (!reRoot && parentOldBg && parentOldBg.old) {
+ parentOldX = parentOldBg.old.width;
+ parentOldY = parentOldBg.old.height;
+ }
+
+ // When no parent old shape found, its parent is new too,
+ // so we can just use {x:0, y:0}.
+ lastCfg.old = storageName === 'nodeGroup'
+ ? [0, parentOldY]
+ : {x: parentOldX, y: parentOldY, width: 0, height: 0};
+ }
+
+ // Fade in, user can be aware that these nodes are new.
+ lastCfg.fadein = storageName !== 'nodeGroup';
+ }
+
+}
+
+// We can not set all backgroud with the same z, Because the behaviour of
+// drill down and roll up differ background creation sequence from tree
+// hierarchy sequence, which cause that lowser background element overlap
+// upper ones. So we calculate z based on depth.
+// Moreover, we try to shrink down z interval to [0, 1] to avoid that
+// treemap with large z overlaps other components.
+function calculateZ(depth, zInLevel) {
+ var zb = depth * Z_BASE + zInLevel;
+ return (zb - 1) / zb;
+}
+
+/*
+* 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.
+*/
+
+/**
+ * @file Treemap action
+ */
+
+var noop$1 = function () {};
+
+var actionTypes = [
+ 'treemapZoomToNode',
+ 'treemapRender',
+ 'treemapMove'
+];
+
+for (var i$2 = 0; i$2 < actionTypes.length; i$2++) {
+ registerAction({type: actionTypes[i$2], update: 'updateView'}, noop$1);
+}
+
+registerAction(
+ {type: 'treemapRootToNode', update: 'updateView'},
+ function (payload, ecModel) {
+
+ ecModel.eachComponent(
+ {mainType: 'series', subType: 'treemap', query: payload},
+ handleRootToNode
+ );
+
+ function handleRootToNode(model, index) {
+ var types = ['treemapZoomToNode', 'treemapRootToNode'];
+ var targetInfo = retrieveTargetInfo(payload, types, model);
+
+ if (targetInfo) {
+ var originViewRoot = model.getViewRoot();
+ if (originViewRoot) {
+ payload.direction = aboveViewRoot(originViewRoot, targetInfo.node)
+ ? 'rollUp' : 'drillDown';
+ }
+ model.resetViewRoot(targetInfo.node);
+ }
+ }
+ }
+);
+
+/*
+* 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.
+*/
+
+var each$9 = each$1;
+var isObject$5 = isObject$1;
+
+var CATEGORY_DEFAULT_VISUAL_INDEX = -1;
+
+/**
+ * @param {Object} option
+ * @param {string} [option.type] See visualHandlers.
+ * @param {string} [option.mappingMethod] 'linear' or 'piecewise' or 'category' or 'fixed'
+ * @param {Array.<number>=} [option.dataExtent] [minExtent, maxExtent],
+ * required when mappingMethod is 'linear'
+ * @param {Array.<Object>=} [option.pieceList] [
+ * {value: someValue},
+ * {interval: [min1, max1], visual: {...}},
+ * {interval: [min2, max2]}
+ * ],
+ * required when mappingMethod is 'piecewise'.
+ * Visual for only each piece can be specified.
+ * @param {Array.<string|Object>=} [option.categories] ['cate1', 'cate2']
+ * required when mappingMethod is 'category'.
+ * If no option.categories, categories is set
+ * as [0, 1, 2, ...].
+ * @param {boolean} [option.loop=false] Whether loop mapping when mappingMethod is 'category'.
+ * @param {(Array|Object|*)} [option.visual] Visual data.
+ * when mappingMethod is 'category',
+ * visual data can be array or object
+ * (like: {cate1: '#222', none: '#fff'})
+ * or primary types (which represents
+ * defualt category visual), otherwise visual
+ * can be array or primary (which will be
+ * normalized to array).
+ *
+ */
+var VisualMapping = function (option) {
+ var mappingMethod = option.mappingMethod;
+ var visualType = option.type;
+
+ /**
+ * @readOnly
+ * @type {Object}
+ */
+ var thisOption = this.option = clone(option);
+
+ /**
+ * @readOnly
+ * @type {string}
+ */
+ this.type = visualType;
+
+ /**
+ * @readOnly
+ * @type {string}
+ */
+ this.mappingMethod = mappingMethod;
+
+ /**
+ * @private
+ * @type {Function}
+ */
+ this._normalizeData = normalizers[mappingMethod];
+
+ var visualHandler = visualHandlers[visualType];
+
+ /**
+ * @public
+ * @type {Function}
+ */
+ this.applyVisual = visualHandler.applyVisual;
+
+ /**
+ * @public
+ * @type {Function}
+ */
+ this.getColorMapper = visualHandler.getColorMapper;
+
+ /**
+ * @private
+ * @type {Function}
+ */
+ this._doMap = visualHandler._doMap[mappingMethod];
+
+ if (mappingMethod === 'piecewise') {
+ normalizeVisualRange(thisOption);
+ preprocessForPiecewise(thisOption);
+ }
+ else if (mappingMethod === 'category') {
+ thisOption.categories
+ ? preprocessForSpecifiedCategory(thisOption)
+ // categories is ordinal when thisOption.categories not specified,
+ // which need no more preprocess except normalize visual.
+ : normalizeVisualRange(thisOption, true);
+ }
+ else { // mappingMethod === 'linear' or 'fixed'
+ assert$1(mappingMethod !== 'linear' || thisOption.dataExtent);
+ normalizeVisualRange(thisOption);
+ }
+};
+
+VisualMapping.prototype = {
+
+ constructor: VisualMapping,
+
+ mapValueToVisual: function (value) {
+ var normalized = this._normalizeData(value);
+ return this._doMap(normalized, value);
+ },
+
+ getNormalizer: function () {
+ return bind(this._normalizeData, this);
+ }
+};
+
+var visualHandlers = VisualMapping.visualHandlers = {
+
+ color: {
+
+ applyVisual: makeApplyVisual('color'),
+
+ /**
+ * Create a mapper function
+ * @return {Function}
+ */
+ getColorMapper: function () {
+ var thisOption = this.option;
+
+ return bind(
+ thisOption.mappingMethod === 'category'
+ ? function (value, isNormalized) {
+ !isNormalized && (value = this._normalizeData(value));
+ return doMapCategory.call(this, value);
+ }
+ : function (value, isNormalized, out) {
+ // If output rgb array
+ // which will be much faster and useful in pixel manipulation
+ var returnRGBArray = !!out;
+ !isNormalized && (value = this._normalizeData(value));
+ out = fastLerp(value, thisOption.parsedVisual, out);
+ return returnRGBArray ? out : stringify(out, 'rgba');
+ },
+ this
+ );
+ },
+
+ _doMap: {
+ linear: function (normalized) {
+ return stringify(
+ fastLerp(normalized, this.option.parsedVisual),
+ 'rgba'
+ );
+ },
+ category: doMapCategory,
+ piecewise: function (normalized, value) {
+ var result = getSpecifiedVisual.call(this, value);
+ if (result == null) {
+ result = stringify(
+ fastLerp(normalized, this.option.parsedVisual),
+ 'rgba'
+ );
+ }
+ return result;
+ },
+ fixed: doMapFixed
+ }
+ },
+
+ colorHue: makePartialColorVisualHandler(function (color, value) {
+ return modifyHSL(color, value);
+ }),
+
+ colorSaturation: makePartialColorVisualHandler(function (color, value) {
+ return modifyHSL(color, null, value);
+ }),
+
+ colorLightness: makePartialColorVisualHandler(function (color, value) {
+ return modifyHSL(color, null, null, value);
+ }),
+
+ colorAlpha: makePartialColorVisualHandler(function (color, value) {
+ return modifyAlpha(color, value);
+ }),
+
+ opacity: {
+ applyVisual: makeApplyVisual('opacity'),
+ _doMap: makeDoMap([0, 1])
+ },
+
+ liftZ: {
+ applyVisual: makeApplyVisual('liftZ'),
+ _doMap: {
+ linear: doMapFixed,
+ category: doMapFixed,
+ piecewise: doMapFixed,
+ fixed: doMapFixed
+ }
+ },
+
+ symbol: {
+ applyVisual: function (value, getter, setter) {
+ var symbolCfg = this.mapValueToVisual(value);
+ if (isString(symbolCfg)) {
+ setter('symbol', symbolCfg);
+ }
+ else if (isObject$5(symbolCfg)) {
+ for (var name in symbolCfg) {
+ if (symbolCfg.hasOwnProperty(name)) {
+ setter(name, symbolCfg[name]);
+ }
+ }
+ }
+ },
+ _doMap: {
+ linear: doMapToArray,
+ category: doMapCategory,
+ piecewise: function (normalized, value) {
+ var result = getSpecifiedVisual.call(this, value);
+ if (result == null) {
+ result = doMapToArray.call(this, normalized);
+ }
+ return result;
+ },
+ fixed: doMapFixed
+ }
+ },
+
+ symbolSize: {
+ applyVisual: makeApplyVisual('symbolSize'),
+ _doMap: makeDoMap([0, 1])
+ }
+};
+
+
+function preprocessForPiecewise(thisOption) {
+ var pieceList = thisOption.pieceList;
+ thisOption.hasSpecialVisual = false;
+
+ each$1(pieceList, function (piece, index) {
+ piece.originIndex = index;
+ // piece.visual is "result visual value" but not
+ // a visual range, so it does not need to be normalized.
+ if (piece.visual != null) {
+ thisOption.hasSpecialVisual = true;
+ }
+ });
+}
+
+function preprocessForSpecifiedCategory(thisOption) {
+ // Hash categories.
+ var categories = thisOption.categories;
+ var visual = thisOption.visual;
+
+ var categoryMap = thisOption.categoryMap = {};
+ each$9(categories, function (cate, index) {
+ categoryMap[cate] = index;
+ });
+
+ // Process visual map input.
+ if (!isArray(visual)) {
+ var visualArr = [];
+
+ if (isObject$1(visual)) {
+ each$9(visual, function (v, cate) {
+ var index = categoryMap[cate];
+ visualArr[index != null ? index : CATEGORY_DEFAULT_VISUAL_INDEX] = v;
+ });
+ }
+ else { // Is primary type, represents default visual.
+ visualArr[CATEGORY_DEFAULT_VISUAL_INDEX] = visual;
+ }
+
+ visual = setVisualToOption(thisOption, visualArr);
+ }
+
+ // Remove categories that has no visual,
+ // then we can mapping them to CATEGORY_DEFAULT_VISUAL_INDEX.
+ for (var i = categories.length - 1; i >= 0; i--) {
+ if (visual[i] == null) {
+ delete categoryMap[categories[i]];
+ categories.pop();
+ }
+ }
+}
+
+function normalizeVisualRange(thisOption, isCategory) {
+ var visual = thisOption.visual;
+ var visualArr = [];
+
+ if (isObject$1(visual)) {
+ each$9(visual, function (v) {
+ visualArr.push(v);
+ });
+ }
+ else if (visual != null) {
+ visualArr.push(visual);
+ }
+
+ var doNotNeedPair = {color: 1, symbol: 1};
+
+ if (!isCategory
+ && visualArr.length === 1
+ && !doNotNeedPair.hasOwnProperty(thisOption.type)
+ ) {
+ // Do not care visualArr.length === 0, which is illegal.
+ visualArr[1] = visualArr[0];
+ }
+
+ setVisualToOption(thisOption, visualArr);
+}
+
+function makePartialColorVisualHandler(applyValue) {
+ return {
+ applyVisual: function (value, getter, setter) {
+ value = this.mapValueToVisual(value);
+ // Must not be array value
+ setter('color', applyValue(getter('color'), value));
+ },
+ _doMap: makeDoMap([0, 1])
+ };
+}
+
+function doMapToArray(normalized) {
+ var visual = this.option.visual;
+ return visual[
+ Math.round(linearMap(normalized, [0, 1], [0, visual.length - 1], true))
+ ] || {};
+}
+
+function makeApplyVisual(visualType) {
+ return function (value, getter, setter) {
+ setter(visualType, this.mapValueToVisual(value));
+ };
+}
+
+function doMapCategory(normalized) {
+ var visual = this.option.visual;
+ return visual[
+ (this.option.loop && normalized !== CATEGORY_DEFAULT_VISUAL_INDEX)
+ ? normalized % visual.length
+ : normalized
+ ];
+}
+
+function doMapFixed() {
+ return this.option.visual[0];
+}
+
+function makeDoMap(sourceExtent) {
+ return {
+ linear: function (normalized) {
+ return linearMap(normalized, sourceExtent, this.option.visual, true);
+ },
+ category: doMapCategory,
+ piecewise: function (normalized, value) {
+ var result = getSpecifiedVisual.call(this, value);
+ if (result == null) {
+ result = linearMap(normalized, sourceExtent, this.option.visual, true);
+ }
+ return result;
+ },
+ fixed: doMapFixed
+ };
+}
+
+function getSpecifiedVisual(value) {
+ var thisOption = this.option;
+ var pieceList = thisOption.pieceList;
+ if (thisOption.hasSpecialVisual) {
+ var pieceIndex = VisualMapping.findPieceIndex(value, pieceList);
+ var piece = pieceList[pieceIndex];
+ if (piece && piece.visual) {
+ return piece.visual[this.type];
+ }
+ }
+}
+
+function setVisualToOption(thisOption, visualArr) {
+ thisOption.visual = visualArr;
+ if (thisOption.type === 'color') {
+ thisOption.parsedVisual = map(visualArr, function (item) {
+ return parse(item);
+ });
+ }
+ return visualArr;
+}
+
+
+/**
+ * Normalizers by mapping methods.
+ */
+var normalizers = {
+
+ linear: function (value) {
+ return linearMap(value, this.option.dataExtent, [0, 1], true);
+ },
+
+ piecewise: function (value) {
+ var pieceList = this.option.pieceList;
+ var pieceIndex = VisualMapping.findPieceIndex(value, pieceList, true);
+ if (pieceIndex != null) {
+ return linearMap(pieceIndex, [0, pieceList.length - 1], [0, 1], true);
+ }
+ },
+
+ category: function (value) {
+ var index = this.option.categories
+ ? this.option.categoryMap[value]
+ : value; // ordinal
+ return index == null ? CATEGORY_DEFAULT_VISUAL_INDEX : index;
+ },
+
+ fixed: noop
+};
+
+
+
+/**
+ * List available visual types.
+ *
+ * @public
+ * @return {Array.<string>}
+ */
+VisualMapping.listVisualTypes = function () {
+ var visualTypes = [];
+ each$1(visualHandlers, function (handler, key) {
+ visualTypes.push(key);
+ });
+ return visualTypes;
+};
+
+/**
+ * @public
+ */
+VisualMapping.addVisualHandler = function (name, handler) {
+ visualHandlers[name] = handler;
+};
+
+/**
+ * @public
+ */
+VisualMapping.isValidType = function (visualType) {
+ return visualHandlers.hasOwnProperty(visualType);
+};
+
+/**
+ * Convinent method.
+ * Visual can be Object or Array or primary type.
+ *
+ * @public
+ */
+VisualMapping.eachVisual = function (visual, callback, context) {
+ if (isObject$1(visual)) {
+ each$1(visual, callback, context);
+ }
+ else {
+ callback.call(context, visual);
+ }
+};
+
+VisualMapping.mapVisual = function (visual, callback, context) {
+ var isPrimary;
+ var newVisual = isArray(visual)
+ ? []
+ : isObject$1(visual)
+ ? {}
+ : (isPrimary = true, null);
+
+ VisualMapping.eachVisual(visual, function (v, key) {
+ var newVal = callback.call(context, v, key);
+ isPrimary ? (newVisual = newVal) : (newVisual[key] = newVal);
+ });
+ return newVisual;
+};
+
+/**
+ * @public
+ * @param {Object} obj
+ * @return {Object} new object containers visual values.
+ * If no visuals, return null.
+ */
+VisualMapping.retrieveVisuals = function (obj) {
+ var ret = {};
+ var hasVisual;
+
+ obj && each$9(visualHandlers, function (h, visualType) {
+ if (obj.hasOwnProperty(visualType)) {
+ ret[visualType] = obj[visualType];
+ hasVisual = true;
+ }
+ });
+
+ return hasVisual ? ret : null;
+};
+
+/**
+ * Give order to visual types, considering colorSaturation, colorAlpha depends on color.
+ *
+ * @public
+ * @param {(Object|Array)} visualTypes If Object, like: {color: ..., colorSaturation: ...}
+ * IF Array, like: ['color', 'symbol', 'colorSaturation']
+ * @return {Array.<string>} Sorted visual types.
+ */
+VisualMapping.prepareVisualTypes = function (visualTypes) {
+ if (isObject$5(visualTypes)) {
+ var types = [];
+ each$9(visualTypes, function (item, type) {
+ types.push(type);
+ });
+ visualTypes = types;
+ }
+ else if (isArray(visualTypes)) {
+ visualTypes = visualTypes.slice();
+ }
+ else {
+ return [];
+ }
+
+ visualTypes.sort(function (type1, type2) {
+ // color should be front of colorSaturation, colorAlpha, ...
+ // symbol and symbolSize do not matter.
+ return (type2 === 'color' && type1 !== 'color' && type1.indexOf('color') === 0)
+ ? 1 : -1;
+ });
+
+ return visualTypes;
+};
+
+/**
+ * 'color', 'colorSaturation', 'colorAlpha', ... are depends on 'color'.
+ * Other visuals are only depends on themself.
+ *
+ * @public
+ * @param {string} visualType1
+ * @param {string} visualType2
+ * @return {boolean}
+ */
+VisualMapping.dependsOn = function (visualType1, visualType2) {
+ return visualType2 === 'color'
+ ? !!(visualType1 && visualType1.indexOf(visualType2) === 0)
+ : visualType1 === visualType2;
+};
+
+/**
+ * @param {number} value
+ * @param {Array.<Object>} pieceList [{value: ..., interval: [min, max]}, ...]
+ * Always from small to big.
+ * @param {boolean} [findClosestWhenOutside=false]
+ * @return {number} index
+ */
+VisualMapping.findPieceIndex = function (value, pieceList, findClosestWhenOutside) {
+ var possibleI;
+ var abs = Infinity;
+
+ // value has the higher priority.
+ for (var i = 0, len = pieceList.length; i < len; i++) {
+ var pieceValue = pieceList[i].value;
+ if (pieceValue != null) {
+ if (pieceValue === value
+ // FIXME
+ // It is supposed to compare value according to value type of dimension,
+ // but currently value type can exactly be string or number.
+ // Compromise for numeric-like string (like '12'), especially
+ // in the case that visualMap.categories is ['22', '33'].
+ || (typeof pieceValue === 'string' && pieceValue === value + '')
+ ) {
+ return i;
+ }
+ findClosestWhenOutside && updatePossible(pieceValue, i);
+ }
+ }
+
+ for (var i = 0, len = pieceList.length; i < len; i++) {
+ var piece = pieceList[i];
+ var interval = piece.interval;
+ var close = piece.close;
+
+ if (interval) {
+ if (interval[0] === -Infinity) {
+ if (littleThan(close[1], value, interval[1])) {
+ return i;
+ }
+ }
+ else if (interval[1] === Infinity) {
+ if (littleThan(close[0], interval[0], value)) {
+ return i;
+ }
+ }
+ else if (
+ littleThan(close[0], interval[0], value)
+ && littleThan(close[1], value, interval[1])
+ ) {
+ return i;
+ }
+ findClosestWhenOutside && updatePossible(interval[0], i);
+ findClosestWhenOutside && updatePossible(interval[1], i);
+ }
+ }
+
+ if (findClosestWhenOutside) {
+ return value === Infinity
+ ? pieceList.length - 1
+ : value === -Infinity
+ ? 0
+ : possibleI;
+ }
+
+ function updatePossible(val, index) {
+ var newAbs = Math.abs(val - value);
+ if (newAbs < abs) {
+ abs = newAbs;
+ possibleI = index;
+ }
+ }
+
+};
+
+function littleThan(close, a, b) {
+ return close ? a <= b : a < b;
+}
+
+/*
+* 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.
+*/
+
+var isArray$2 = isArray;
+
+var ITEM_STYLE_NORMAL = 'itemStyle';
+
+var treemapVisual = {
+ seriesType: 'treemap',
+ reset: function (seriesModel, ecModel, api, payload) {
+ var tree = seriesModel.getData().tree;
+ var root = tree.root;
+ var seriesItemStyleModel = seriesModel.getModel(ITEM_STYLE_NORMAL);
+
+ if (root.isRemoved()) {
+ return;
+ }
+
+ var levelItemStyles = map(tree.levelModels, function (levelModel) {
+ return levelModel ? levelModel.get(ITEM_STYLE_NORMAL) : null;
+ });
+
+ travelTree(
+ root, // Visual should calculate from tree root but not view root.
+ {},
+ levelItemStyles,
+ seriesItemStyleModel,
+ seriesModel.getViewRoot().getAncestors(),
+ seriesModel
+ );
+ }
+};
+
+function travelTree(
+ node, designatedVisual, levelItemStyles, seriesItemStyleModel,
+ viewRootAncestors, seriesModel
+) {
+ var nodeModel = node.getModel();
+ var nodeLayout = node.getLayout();
+
+ // Optimize
+ if (!nodeLayout || nodeLayout.invisible || !nodeLayout.isInView) {
+ return;
+ }
+
+ var nodeItemStyleModel = node.getModel(ITEM_STYLE_NORMAL);
+ var levelItemStyle = levelItemStyles[node.depth];
+ var visuals = buildVisuals(
+ nodeItemStyleModel, designatedVisual, levelItemStyle, seriesItemStyleModel
+ );
+
+ // calculate border color
+ var borderColor = nodeItemStyleModel.get('borderColor');
+ var borderColorSaturation = nodeItemStyleModel.get('borderColorSaturation');
+ var thisNodeColor;
+ if (borderColorSaturation != null) {
+ // For performance, do not always execute 'calculateColor'.
+ thisNodeColor = calculateColor(visuals, node);
+ borderColor = calculateBorderColor(borderColorSaturation, thisNodeColor);
+ }
+ node.setVisual('borderColor', borderColor);
+
+ var viewChildren = node.viewChildren;
+ if (!viewChildren || !viewChildren.length) {
+ thisNodeColor = calculateColor(visuals, node);
+ // Apply visual to this node.
+ node.setVisual('color', thisNodeColor);
+ }
+ else {
+ var mapping = buildVisualMapping(
+ node, nodeModel, nodeLayout, nodeItemStyleModel, visuals, viewChildren
+ );
+
+ // Designate visual to children.
+ each$1(viewChildren, function (child, index) {
+ // If higher than viewRoot, only ancestors of viewRoot is needed to visit.
+ if (child.depth >= viewRootAncestors.length
+ || child === viewRootAncestors[child.depth]
+ ) {
+ var childVisual = mapVisual$1(
+ nodeModel, visuals, child, index, mapping, seriesModel
+ );
+ travelTree(
+ child, childVisual, levelItemStyles, seriesItemStyleModel,
+ viewRootAncestors, seriesModel
+ );
+ }
+ });
+ }
+}
+
+function buildVisuals(
+ nodeItemStyleModel, designatedVisual, levelItemStyle, seriesItemStyleModel
+) {
+ var visuals = extend({}, designatedVisual);
+
+ each$1(['color', 'colorAlpha', 'colorSaturation'], function (visualName) {
+ // Priority: thisNode > thisLevel > parentNodeDesignated > seriesModel
+ var val = nodeItemStyleModel.get(visualName, true); // Ignore parent
+ val == null && levelItemStyle && (val = levelItemStyle[visualName]);
+ val == null && (val = designatedVisual[visualName]);
+ val == null && (val = seriesItemStyleModel.get(visualName));
+
+ val != null && (visuals[visualName] = val);
+ });
+
+ return visuals;
+}
+
+function calculateColor(visuals) {
+ var color = getValueVisualDefine(visuals, 'color');
+
+ if (color) {
+ var colorAlpha = getValueVisualDefine(visuals, 'colorAlpha');
+ var colorSaturation = getValueVisualDefine(visuals, 'colorSaturation');
+ if (colorSaturation) {
+ color = modifyHSL(color, null, null, colorSaturation);
+ }
+ if (colorAlpha) {
+ color = modifyAlpha(color, colorAlpha);
+ }
+
+ return color;
+ }
+}
+
+function calculateBorderColor(borderColorSaturation, thisNodeColor) {
+ return thisNodeColor != null
+ ? modifyHSL(thisNodeColor, null, null, borderColorSaturation)
+ : null;
+}
+
+function getValueVisualDefine(visuals, name) {
+ var value = visuals[name];
+ if (value != null && value !== 'none') {
+ return value;
+ }
+}
+
+function buildVisualMapping(
+ node, nodeModel, nodeLayout, nodeItemStyleModel, visuals, viewChildren
+) {
+ if (!viewChildren || !viewChildren.length) {
+ return;
+ }
+
+ var rangeVisual = getRangeVisual(nodeModel, 'color')
+ || (
+ visuals.color != null
+ && visuals.color !== 'none'
+ && (
+ getRangeVisual(nodeModel, 'colorAlpha')
+ || getRangeVisual(nodeModel, 'colorSaturation')
+ )
+ );
+
+ if (!rangeVisual) {
+ return;
+ }
+
+ var visualMin = nodeModel.get('visualMin');
+ var visualMax = nodeModel.get('visualMax');
+ var dataExtent = nodeLayout.dataExtent.slice();
+ visualMin != null && visualMin < dataExtent[0] && (dataExtent[0] = visualMin);
+ visualMax != null && visualMax > dataExtent[1] && (dataExtent[1] = visualMax);
+
+ var colorMappingBy = nodeModel.get('colorMappingBy');
+ var opt = {
+ type: rangeVisual.name,
+ dataExtent: dataExtent,
+ visual: rangeVisual.range
+ };
+ if (opt.type === 'color'
+ && (colorMappingBy === 'index' || colorMappingBy === 'id')
+ ) {
+ opt.mappingMethod = 'category';
+ opt.loop = true;
+ // categories is ordinal, so do not set opt.categories.
+ }
+ else {
+ opt.mappingMethod = 'linear';
+ }
+
+ var mapping = new VisualMapping(opt);
+ mapping.__drColorMappingBy = colorMappingBy;
+
+ return mapping;
+}
+
+// Notice: If we dont have the attribute 'colorRange', but only use
+// attribute 'color' to represent both concepts of 'colorRange' and 'color',
+// (It means 'colorRange' when 'color' is Array, means 'color' when not array),
+// this problem will be encountered:
+// If a level-1 node dont have children, and its siblings has children,
+// and colorRange is set on level-1, then the node can not be colored.
+// So we separate 'colorRange' and 'color' to different attributes.
+function getRangeVisual(nodeModel, name) {
+ // 'colorRange', 'colorARange', 'colorSRange'.
+ // If not exsits on this node, fetch from levels and series.
+ var range = nodeModel.get(name);
+ return (isArray$2(range) && range.length) ? {name: name, range: range} : null;
+}
+
+function mapVisual$1(nodeModel, visuals, child, index, mapping, seriesModel) {
+ var childVisuals = extend({}, visuals);
+
+ if (mapping) {
+ var mappingType = mapping.type;
+ var colorMappingBy = mappingType === 'color' && mapping.__drColorMappingBy;
+ var value = colorMappingBy === 'index'
+ ? index
+ : colorMappingBy === 'id'
+ ? seriesModel.mapIdToIndex(child.getId())
+ : child.getValue(nodeModel.get('visualDimension'));
+
+ childVisuals[mappingType] = mapping.mapValueToVisual(value);
+ }
+
+ return childVisuals;
+}
+
+/*
+* 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.
+*/
+
+/*
+* A third-party license is embeded for some of the code in this file:
+* The treemap layout implementation was originally copied from
+* "d3.js" with some modifications made for this project.
+* (See more details in the comment of the method "squarify" below.)
+* The use of the source code of this file is also subject to the terms
+* and consitions of the license of "d3.js" (BSD-3Clause, see
+* </licenses/LICENSE-d3>).
+*/
+
+var mathMax$5 = Math.max;
+var mathMin$5 = Math.min;
+var retrieveValue = retrieve;
+var each$10 = each$1;
+
+var PATH_BORDER_WIDTH = ['itemStyle', 'borderWidth'];
+var PATH_GAP_WIDTH = ['itemStyle', 'gapWidth'];
+var PATH_UPPER_LABEL_SHOW = ['upperLabel', 'show'];
+var PATH_UPPER_LABEL_HEIGHT = ['upperLabel', 'height'];
+
+/**
+ * @public
+ */
+var treemapLayout = {
+ seriesType: 'treemap',
+ reset: function (seriesModel, ecModel, api, payload) {
+ // Layout result in each node:
+ // {x, y, width, height, area, borderWidth}
+ var ecWidth = api.getWidth();
+ var ecHeight = api.getHeight();
+ var seriesOption = seriesModel.option;
+
+ var layoutInfo = getLayoutRect(
+ seriesModel.getBoxLayoutParams(),
+ {
+ width: api.getWidth(),
+ height: api.getHeight()
+ }
+ );
+
+ var size = seriesOption.size || []; // Compatible with ec2.
+ var containerWidth = parsePercent$1(
+ retrieveValue(layoutInfo.width, size[0]),
+ ecWidth
+ );
+ var containerHeight = parsePercent$1(
+ retrieveValue(layoutInfo.height, size[1]),
+ ecHeight
+ );
+
+ // Fetch payload info.
+ var payloadType = payload && payload.type;
+ var types = ['treemapZoomToNode', 'treemapRootToNode'];
+ var targetInfo = retrieveTargetInfo(payload, types, seriesModel);
+ var rootRect = (payloadType === 'treemapRender' || payloadType === 'treemapMove')
+ ? payload.rootRect : null;
+ var viewRoot = seriesModel.getViewRoot();
+ var viewAbovePath = getPathToRoot(viewRoot);
+
+ if (payloadType !== 'treemapMove') {
+ var rootSize = payloadType === 'treemapZoomToNode'
+ ? estimateRootSize(
+ seriesModel, targetInfo, viewRoot, containerWidth, containerHeight
+ )
+ : rootRect
+ ? [rootRect.width, rootRect.height]
+ : [containerWidth, containerHeight];
+
+ var sort = seriesOption.sort;
+ if (sort && sort !== 'asc' && sort !== 'desc') {
+ sort = 'desc';
+ }
+ var options = {
+ squareRatio: seriesOption.squareRatio,
+ sort: sort,
+ leafDepth: seriesOption.leafDepth
+ };
+
+ // layout should be cleared because using updateView but not update.
+ viewRoot.hostTree.clearLayouts();
+
+ // TODO
+ // optimize: if out of view clip, do not layout.
+ // But take care that if do not render node out of view clip,
+ // how to calculate start po
+
+ var viewRootLayout = {
+ x: 0, y: 0,
+ width: rootSize[0], height: rootSize[1],
+ area: rootSize[0] * rootSize[1]
+ };
+ viewRoot.setLayout(viewRootLayout);
+
+ squarify(viewRoot, options, false, 0);
+ // Supplement layout.
+ var viewRootLayout = viewRoot.getLayout();
+ each$10(viewAbovePath, function (node, index) {
+ var childValue = (viewAbovePath[index + 1] || viewRoot).getValue();
+ node.setLayout(extend(
+ {dataExtent: [childValue, childValue], borderWidth: 0, upperHeight: 0},
+ viewRootLayout
+ ));
+ });
+ }
+
+ var treeRoot = seriesModel.getData().tree.root;
+
+ treeRoot.setLayout(
+ calculateRootPosition(layoutInfo, rootRect, targetInfo),
+ true
+ );
+
+ seriesModel.setLayoutInfo(layoutInfo);
+
+ // FIXME
+ // 鐜板湪娌℃湁clip鍔熻兘锛屾殏鏃跺彇ec楂樺銆�
+ prunning(
+ treeRoot,
+ // Transform to base element coordinate system.
+ new BoundingRect(-layoutInfo.x, -layoutInfo.y, ecWidth, ecHeight),
+ viewAbovePath,
+ viewRoot,
+ 0
+ );
+ }
+};
+
+/**
+ * Layout treemap with squarify algorithm.
+ * The original presentation of this algorithm
+ * was made by Mark Bruls, Kees Huizing, and Jarke J. van Wijk
+ * <https://graphics.ethz.ch/teaching/scivis_common/Literature/squarifiedTreeMaps.pdf>.
+ * The implementation of this algorithm was originally copied from "d3.js"
+ * <https://github.com/d3/d3/blob/9cc9a875e636a1dcf36cc1e07bdf77e1ad6e2c74/src/layout/treemap.js>
+ * with some modifications made for this program.
+ * See the license statement at the head of this file.
+ *
+ * @protected
+ * @param {module:echarts/data/Tree~TreeNode} node
+ * @param {Object} options
+ * @param {string} options.sort 'asc' or 'desc'
+ * @param {number} options.squareRatio
+ * @param {boolean} hideChildren
+ * @param {number} depth
+ */
+function squarify(node, options, hideChildren, depth) {
+ var width;
+ var height;
+
+ if (node.isRemoved()) {
+ return;
+ }
+
+ var thisLayout = node.getLayout();
+ width = thisLayout.width;
+ height = thisLayout.height;
+
+ // Considering border and gap
+ var nodeModel = node.getModel();
+ var borderWidth = nodeModel.get(PATH_BORDER_WIDTH);
+ var halfGapWidth = nodeModel.get(PATH_GAP_WIDTH) / 2;
+ var upperLabelHeight = getUpperLabelHeight(nodeModel);
+ var upperHeight = Math.max(borderWidth, upperLabelHeight);
+ var layoutOffset = borderWidth - halfGapWidth;
+ var layoutOffsetUpper = upperHeight - halfGapWidth;
+ var nodeModel = node.getModel();
+
+ node.setLayout({
+ borderWidth: borderWidth,
+ upperHeight: upperHeight,
+ upperLabelHeight: upperLabelHeight
+ }, true);
+
+ width = mathMax$5(width - 2 * layoutOffset, 0);
+ height = mathMax$5(height - layoutOffset - layoutOffsetUpper, 0);
+
+ var totalArea = width * height;
+ var viewChildren = initChildren(
+ node, nodeModel, totalArea, options, hideChildren, depth
+ );
+
+ if (!viewChildren.length) {
+ return;
+ }
+
+ var rect = {x: layoutOffset, y: layoutOffsetUpper, width: width, height: height};
+ var rowFixedLength = mathMin$5(width, height);
+ var best = Infinity; // the best row score so far
+ var row = [];
+ row.area = 0;
+
+ for (var i = 0, len = viewChildren.length; i < len;) {
+ var child = viewChildren[i];
+
+ row.push(child);
+ row.area += child.getLayout().area;
+ var score = worst(row, rowFixedLength, options.squareRatio);
+
+ // continue with this orientation
+ if (score <= best) {
+ i++;
+ best = score;
+ }
+ // abort, and try a different orientation
+ else {
+ row.area -= row.pop().getLayout().area;
+ position(row, rowFixedLength, rect, halfGapWidth, false);
+ rowFixedLength = mathMin$5(rect.width, rect.height);
+ row.length = row.area = 0;
+ best = Infinity;
+ }
+ }
+
+ if (row.length) {
+ position(row, rowFixedLength, rect, halfGapWidth, true);
+ }
+
+ if (!hideChildren) {
+ var childrenVisibleMin = nodeModel.get('childrenVisibleMin');
+ if (childrenVisibleMin != null && totalArea < childrenVisibleMin) {
+ hideChildren = true;
+ }
+ }
+
+ for (var i = 0, len = viewChildren.length; i < len; i++) {
+ squarify(viewChildren[i], options, hideChildren, depth + 1);
+ }
+}
+
+/**
+ * Set area to each child, and calculate data extent for visual coding.
+ */
+function initChildren(node, nodeModel, totalArea, options, hideChildren, depth) {
+ var viewChildren = node.children || [];
+ var orderBy = options.sort;
+ orderBy !== 'asc' && orderBy !== 'desc' && (orderBy = null);
+
+ var overLeafDepth = options.leafDepth != null && options.leafDepth <= depth;
+
+ // leafDepth has higher priority.
+ if (hideChildren && !overLeafDepth) {
+ return (node.viewChildren = []);
+ }
+
+ // Sort children, order by desc.
+ viewChildren = filter(viewChildren, function (child) {
+ return !child.isRemoved();
+ });
+
+ sort$1(viewChildren, orderBy);
+
+ var info = statistic(nodeModel, viewChildren, orderBy);
+
+ if (info.sum === 0) {
+ return (node.viewChildren = []);
+ }
+
+ info.sum = filterByThreshold(nodeModel, totalArea, info.sum, orderBy, viewChildren);
+
+ if (info.sum === 0) {
+ return (node.viewChildren = []);
+ }
+
+ // Set area to each child.
+ for (var i = 0, len = viewChildren.length; i < len; i++) {
+ var area = viewChildren[i].getValue() / info.sum * totalArea;
+ // Do not use setLayout({...}, true), because it is needed to clear last layout.
+ viewChildren[i].setLayout({area: area});
+ }
+
+ if (overLeafDepth) {
+ viewChildren.length && node.setLayout({isLeafRoot: true}, true);
+ viewChildren.length = 0;
+ }
+
+ node.viewChildren = viewChildren;
+ node.setLayout({dataExtent: info.dataExtent}, true);
+
+ return viewChildren;
+}
+
+/**
+ * Consider 'visibleMin'. Modify viewChildren and get new sum.
+ */
+function filterByThreshold(nodeModel, totalArea, sum, orderBy, orderedChildren) {
+
+ // visibleMin is not supported yet when no option.sort.
+ if (!orderBy) {
+ return sum;
+ }
+
+ var visibleMin = nodeModel.get('visibleMin');
+ var len = orderedChildren.length;
+ var deletePoint = len;
+
+ // Always travel from little value to big value.
+ for (var i = len - 1; i >= 0; i--) {
+ var value = orderedChildren[
+ orderBy === 'asc' ? len - i - 1 : i
+ ].getValue();
+
+ if (value / sum * totalArea < visibleMin) {
+ deletePoint = i;
+ sum -= value;
+ }
+ }
+
+ orderBy === 'asc'
+ ? orderedChildren.splice(0, len - deletePoint)
+ : orderedChildren.splice(deletePoint, len - deletePoint);
+
+ return sum;
+}
+
+/**
+ * Sort
+ */
+function sort$1(viewChildren, orderBy) {
+ if (orderBy) {
+ viewChildren.sort(function (a, b) {
+ var diff = orderBy === 'asc'
+ ? a.getValue() - b.getValue() : b.getValue() - a.getValue();
+ return diff === 0
+ ? (orderBy === 'asc'
+ ? a.dataIndex - b.dataIndex : b.dataIndex - a.dataIndex
+ )
+ : diff;
+ });
+ }
+ return viewChildren;
+}
+
+/**
+ * Statistic
+ */
+function statistic(nodeModel, children, orderBy) {
+ // Calculate sum.
+ var sum = 0;
+ for (var i = 0, len = children.length; i < len; i++) {
+ sum += children[i].getValue();
+ }
+
+ // Statistic data extent for latter visual coding.
+ // Notice: data extent should be calculate based on raw children
+ // but not filtered view children, otherwise visual mapping will not
+ // be stable when zoom (where children is filtered by visibleMin).
+
+ var dimension = nodeModel.get('visualDimension');
+ var dataExtent;
+
+ // The same as area dimension.
+ if (!children || !children.length) {
+ dataExtent = [NaN, NaN];
+ }
+ else if (dimension === 'value' && orderBy) {
+ dataExtent = [
+ children[children.length - 1].getValue(),
+ children[0].getValue()
+ ];
+ orderBy === 'asc' && dataExtent.reverse();
+ }
+ // Other dimension.
+ else {
+ var dataExtent = [Infinity, -Infinity];
+ each$10(children, function (child) {
+ var value = child.getValue(dimension);
+ value < dataExtent[0] && (dataExtent[0] = value);
+ value > dataExtent[1] && (dataExtent[1] = value);
+ });
+ }
+
+ return {sum: sum, dataExtent: dataExtent};
+}
+
+/**
+ * Computes the score for the specified row,
+ * as the worst aspect ratio.
+ */
+function worst(row, rowFixedLength, ratio) {
+ var areaMax = 0;
+ var areaMin = Infinity;
+
+ for (var i = 0, area, len = row.length; i < len; i++) {
+ area = row[i].getLayout().area;
+ if (area) {
+ area < areaMin && (areaMin = area);
+ area > areaMax && (areaMax = area);
+ }
+ }
+
+ var squareArea = row.area * row.area;
+ var f = rowFixedLength * rowFixedLength * ratio;
+
+ return squareArea
+ ? mathMax$5(
+ (f * areaMax) / squareArea,
+ squareArea / (f * areaMin)
+ )
+ : Infinity;
+}
+
+/**
+ * Positions the specified row of nodes. Modifies `rect`.
+ */
+function position(row, rowFixedLength, rect, halfGapWidth, flush) {
+ // When rowFixedLength === rect.width,
+ // it is horizontal subdivision,
+ // rowFixedLength is the width of the subdivision,
+ // rowOtherLength is the height of the subdivision,
+ // and nodes will be positioned from left to right.
+
+ // wh[idx0WhenH] means: when horizontal,
+ // wh[idx0WhenH] => wh[0] => 'width'.
+ // xy[idx1WhenH] => xy[1] => 'y'.
+ var idx0WhenH = rowFixedLength === rect.width ? 0 : 1;
+ var idx1WhenH = 1 - idx0WhenH;
+ var xy = ['x', 'y'];
+ var wh = ['width', 'height'];
+
+ var last = rect[xy[idx0WhenH]];
+ var rowOtherLength = rowFixedLength
+ ? row.area / rowFixedLength : 0;
+
+ if (flush || rowOtherLength > rect[wh[idx1WhenH]]) {
+ rowOtherLength = rect[wh[idx1WhenH]]; // over+underflow
+ }
+ for (var i = 0, rowLen = row.length; i < rowLen; i++) {
+ var node = row[i];
+ var nodeLayout = {};
+ var step = rowOtherLength
+ ? node.getLayout().area / rowOtherLength : 0;
+
+ var wh1 = nodeLayout[wh[idx1WhenH]] = mathMax$5(rowOtherLength - 2 * halfGapWidth, 0);
+
+ // We use Math.max/min to avoid negative width/height when considering gap width.
+ var remain = rect[xy[idx0WhenH]] + rect[wh[idx0WhenH]] - last;
+ var modWH = (i === rowLen - 1 || remain < step) ? remain : step;
+ var wh0 = nodeLayout[wh[idx0WhenH]] = mathMax$5(modWH - 2 * halfGapWidth, 0);
+
+ nodeLayout[xy[idx1WhenH]] = rect[xy[idx1WhenH]] + mathMin$5(halfGapWidth, wh1 / 2);
+ nodeLayout[xy[idx0WhenH]] = last + mathMin$5(halfGapWidth, wh0 / 2);
+
+ last += modWH;
+ node.setLayout(nodeLayout, true);
+ }
+
+ rect[xy[idx1WhenH]] += rowOtherLength;
+ rect[wh[idx1WhenH]] -= rowOtherLength;
+}
+
+// Return [containerWidth, containerHeight] as defualt.
+function estimateRootSize(seriesModel, targetInfo, viewRoot, containerWidth, containerHeight) {
+ // If targetInfo.node exists, we zoom to the node,
+ // so estimate whold width and heigth by target node.
+ var currNode = (targetInfo || {}).node;
+ var defaultSize = [containerWidth, containerHeight];
+
+ if (!currNode || currNode === viewRoot) {
+ return defaultSize;
+ }
+
+ var parent;
+ var viewArea = containerWidth * containerHeight;
+ var area = viewArea * seriesModel.option.zoomToNodeRatio;
+
+ while (parent = currNode.parentNode) { // jshint ignore:line
+ var sum = 0;
+ var siblings = parent.children;
+
+ for (var i = 0, len = siblings.length; i < len; i++) {
+ sum += siblings[i].getValue();
+ }
+ var currNodeValue = currNode.getValue();
+ if (currNodeValue === 0) {
+ return defaultSize;
+ }
+ area *= sum / currNodeValue;
+
+ // Considering border, suppose aspect ratio is 1.
+ var parentModel = parent.getModel();
+ var borderWidth = parentModel.get(PATH_BORDER_WIDTH);
+ var upperHeight = Math.max(borderWidth, getUpperLabelHeight(parentModel, borderWidth));
+ area += 4 * borderWidth * borderWidth
+ + (3 * borderWidth + upperHeight) * Math.pow(area, 0.5);
+
+ area > MAX_SAFE_INTEGER && (area = MAX_SAFE_INTEGER);
+
+ currNode = parent;
+ }
+
+ area < viewArea && (area = viewArea);
+ var scale = Math.pow(area / viewArea, 0.5);
+
+ return [containerWidth * scale, containerHeight * scale];
+}
+
+// Root postion base on coord of containerGroup
+function calculateRootPosition(layoutInfo, rootRect, targetInfo) {
+ if (rootRect) {
+ return {x: rootRect.x, y: rootRect.y};
+ }
+
+ var defaultPosition = {x: 0, y: 0};
+ if (!targetInfo) {
+ return defaultPosition;
+ }
+
+ // If targetInfo is fetched by 'retrieveTargetInfo',
+ // old tree and new tree are the same tree,
+ // so the node still exists and we can visit it.
+
+ var targetNode = targetInfo.node;
+ var layout = targetNode.getLayout();
+
+ if (!layout) {
+ return defaultPosition;
+ }
+
+ // Transform coord from local to container.
+ var targetCenter = [layout.width / 2, layout.height / 2];
+ var node = targetNode;
+ while (node) {
+ var nodeLayout = node.getLayout();
+ targetCenter[0] += nodeLayout.x;
+ targetCenter[1] += nodeLayout.y;
+ node = node.parentNode;
+ }
+
+ return {
+ x: layoutInfo.width / 2 - targetCenter[0],
+ y: layoutInfo.height / 2 - targetCenter[1]
+ };
+}
+
+// Mark nodes visible for prunning when visual coding and rendering.
+// Prunning depends on layout and root position, so we have to do it after layout.
+function prunning(node, clipRect, viewAbovePath, viewRoot, depth) {
+ var nodeLayout = node.getLayout();
+ var nodeInViewAbovePath = viewAbovePath[depth];
+ var isAboveViewRoot = nodeInViewAbovePath && nodeInViewAbovePath === node;
+
+ if (
+ (nodeInViewAbovePath && !isAboveViewRoot)
+ || (depth === viewAbovePath.length && node !== viewRoot)
+ ) {
+ return;
+ }
+
+ node.setLayout({
+ // isInView means: viewRoot sub tree + viewAbovePath
+ isInView: true,
+ // invisible only means: outside view clip so that the node can not
+ // see but still layout for animation preparation but not render.
+ invisible: !isAboveViewRoot && !clipRect.intersect(nodeLayout),
+ isAboveViewRoot: isAboveViewRoot
+ }, true);
+
+ // Transform to child coordinate.
+ var childClipRect = new BoundingRect(
+ clipRect.x - nodeLayout.x,
+ clipRect.y - nodeLayout.y,
+ clipRect.width,
+ clipRect.height
+ );
+
+ each$10(node.viewChildren || [], function (child) {
+ prunning(child, childClipRect, viewAbovePath, viewRoot, depth + 1);
+ });
+}
+
+function getUpperLabelHeight(model) {
+ return model.get(PATH_UPPER_LABEL_SHOW) ? model.get(PATH_UPPER_LABEL_HEIGHT) : 0;
+}
+
+/*
+* 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.
+*/
+
+registerVisual(treemapVisual);
+registerLayout(treemapLayout);
+
+/*
+* 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.
+*/
+
+// id may be function name of Object, add a prefix to avoid this problem.
+function generateNodeKey(id) {
+ return '_EC_' + id;
+}
+/**
+ * @alias module:echarts/data/Graph
+ * @constructor
+ * @param {boolean} directed
+ */
+var Graph = function (directed) {
+ /**
+ * 鏄惁鏄湁鍚戝浘
+ * @type {boolean}
+ * @private
+ */
+ this._directed = directed || false;
+
+ /**
+ * @type {Array.<module:echarts/data/Graph.Node>}
+ * @readOnly
+ */
+ this.nodes = [];
+
+ /**
+ * @type {Array.<module:echarts/data/Graph.Edge>}
+ * @readOnly
+ */
+ this.edges = [];
+
+ /**
+ * @type {Object.<string, module:echarts/data/Graph.Node>}
+ * @private
+ */
+ this._nodesMap = {};
+ /**
+ * @type {Object.<string, module:echarts/data/Graph.Edge>}
+ * @private
+ */
+ this._edgesMap = {};
+
+ /**
+ * @type {module:echarts/data/List}
+ * @readOnly
+ */
+ this.data;
+
+ /**
+ * @type {module:echarts/data/List}
+ * @readOnly
+ */
+ this.edgeData;
+};
+
+var graphProto = Graph.prototype;
+/**
+ * @type {string}
+ */
+graphProto.type = 'graph';
+
+/**
+ * If is directed graph
+ * @return {boolean}
+ */
+graphProto.isDirected = function () {
+ return this._directed;
+};
+
+/**
+ * Add a new node
+ * @param {string} id
+ * @param {number} [dataIndex]
+ */
+graphProto.addNode = function (id, dataIndex) {
+ id = id == null ? ('' + dataIndex) : ('' + id);
+
+ var nodesMap = this._nodesMap;
+
+ if (nodesMap[generateNodeKey(id)]) {
+ if (__DEV__) {
+ console.error('Graph nodes have duplicate name or id');
+ }
+ return;
+ }
+
+ var node = new Node(id, dataIndex);
+ node.hostGraph = this;
+
+ this.nodes.push(node);
+
+ nodesMap[generateNodeKey(id)] = node;
+ return node;
+};
+
+/**
+ * Get node by data index
+ * @param {number} dataIndex
+ * @return {module:echarts/data/Graph~Node}
+ */
+graphProto.getNodeByIndex = function (dataIndex) {
+ var rawIdx = this.data.getRawIndex(dataIndex);
+ return this.nodes[rawIdx];
+};
+/**
+ * Get node by id
+ * @param {string} id
+ * @return {module:echarts/data/Graph.Node}
+ */
+graphProto.getNodeById = function (id) {
+ return this._nodesMap[generateNodeKey(id)];
+};
+
+/**
+ * Add a new edge
+ * @param {number|string|module:echarts/data/Graph.Node} n1
+ * @param {number|string|module:echarts/data/Graph.Node} n2
+ * @param {number} [dataIndex=-1]
+ * @return {module:echarts/data/Graph.Edge}
+ */
+graphProto.addEdge = function (n1, n2, dataIndex) {
+ var nodesMap = this._nodesMap;
+ var edgesMap = this._edgesMap;
+
+ // PNEDING
+ if (typeof n1 === 'number') {
+ n1 = this.nodes[n1];
+ }
+ if (typeof n2 === 'number') {
+ n2 = this.nodes[n2];
+ }
+
+ if (!Node.isInstance(n1)) {
+ n1 = nodesMap[generateNodeKey(n1)];
+ }
+ if (!Node.isInstance(n2)) {
+ n2 = nodesMap[generateNodeKey(n2)];
+ }
+ if (!n1 || !n2) {
+ return;
+ }
+
+ var key = n1.id + '-' + n2.id;
+ // PENDING
+ if (edgesMap[key]) {
+ return;
+ }
+
+ var edge = new Edge(n1, n2, dataIndex);
+ edge.hostGraph = this;
+
+ if (this._directed) {
+ n1.outEdges.push(edge);
+ n2.inEdges.push(edge);
+ }
+ n1.edges.push(edge);
+ if (n1 !== n2) {
+ n2.edges.push(edge);
+ }
+
+ this.edges.push(edge);
+ edgesMap[key] = edge;
+
+ return edge;
+};
+
+/**
+ * Get edge by data index
+ * @param {number} dataIndex
+ * @return {module:echarts/data/Graph~Node}
+ */
+graphProto.getEdgeByIndex = function (dataIndex) {
+ var rawIdx = this.edgeData.getRawIndex(dataIndex);
+ return this.edges[rawIdx];
+};
+/**
+ * Get edge by two linked nodes
+ * @param {module:echarts/data/Graph.Node|string} n1
+ * @param {module:echarts/data/Graph.Node|string} n2
+ * @return {module:echarts/data/Graph.Edge}
+ */
+graphProto.getEdge = function (n1, n2) {
+ if (Node.isInstance(n1)) {
+ n1 = n1.id;
+ }
+ if (Node.isInstance(n2)) {
+ n2 = n2.id;
+ }
+
+ var edgesMap = this._edgesMap;
+
+ if (this._directed) {
+ return edgesMap[n1 + '-' + n2];
+ }
+ else {
+ return edgesMap[n1 + '-' + n2]
+ || edgesMap[n2 + '-' + n1];
+ }
+};
+
+/**
+ * Iterate all nodes
+ * @param {Function} cb
+ * @param {*} [context]
+ */
+graphProto.eachNode = function (cb, context) {
+ var nodes = this.nodes;
+ var len = nodes.length;
+ for (var i = 0; i < len; i++) {
+ if (nodes[i].dataIndex >= 0) {
+ cb.call(context, nodes[i], i);
+ }
+ }
+};
+
+/**
+ * Iterate all edges
+ * @param {Function} cb
+ * @param {*} [context]
+ */
+graphProto.eachEdge = function (cb, context) {
+ var edges = this.edges;
+ var len = edges.length;
+ for (var i = 0; i < len; i++) {
+ if (edges[i].dataIndex >= 0
+ && edges[i].node1.dataIndex >= 0
+ && edges[i].node2.dataIndex >= 0
+ ) {
+ cb.call(context, edges[i], i);
+ }
+ }
+};
+
+/**
+ * Breadth first traverse
+ * @param {Function} cb
+ * @param {module:echarts/data/Graph.Node} startNode
+ * @param {string} [direction='none'] 'none'|'in'|'out'
+ * @param {*} [context]
+ */
+graphProto.breadthFirstTraverse = function (
+ cb, startNode, direction, context
+) {
+ if (!Node.isInstance(startNode)) {
+ startNode = this._nodesMap[generateNodeKey(startNode)];
+ }
+ if (!startNode) {
+ return;
+ }
+
+ var edgeType = direction === 'out'
+ ? 'outEdges' : (direction === 'in' ? 'inEdges' : 'edges');
+
+ for (var i = 0; i < this.nodes.length; i++) {
+ this.nodes[i].__visited = false;
+ }
+
+ if (cb.call(context, startNode, null)) {
+ return;
+ }
+
+ var queue = [startNode];
+ while (queue.length) {
+ var currentNode = queue.shift();
+ var edges = currentNode[edgeType];
+
+ for (var i = 0; i < edges.length; i++) {
+ var e = edges[i];
+ var otherNode = e.node1 === currentNode
+ ? e.node2 : e.node1;
+ if (!otherNode.__visited) {
+ if (cb.call(context, otherNode, currentNode)) {
+ // Stop traversing
+ return;
+ }
+ queue.push(otherNode);
+ otherNode.__visited = true;
+ }
+ }
+ }
+};
+
+// TODO
+// graphProto.depthFirstTraverse = function (
+// cb, startNode, direction, context
+// ) {
+
+// };
+
+// Filter update
+graphProto.update = function () {
+ var data = this.data;
+ var edgeData = this.edgeData;
+ var nodes = this.nodes;
+ var edges = this.edges;
+
+ for (var i = 0, len = nodes.length; i < len; i++) {
+ nodes[i].dataIndex = -1;
+ }
+ for (var i = 0, len = data.count(); i < len; i++) {
+ nodes[data.getRawIndex(i)].dataIndex = i;
+ }
+
+ edgeData.filterSelf(function (idx) {
+ var edge = edges[edgeData.getRawIndex(idx)];
+ return edge.node1.dataIndex >= 0 && edge.node2.dataIndex >= 0;
+ });
+
+ // Update edge
+ for (var i = 0, len = edges.length; i < len; i++) {
+ edges[i].dataIndex = -1;
+ }
+ for (var i = 0, len = edgeData.count(); i < len; i++) {
+ edges[edgeData.getRawIndex(i)].dataIndex = i;
+ }
+};
+
+/**
+ * @return {module:echarts/data/Graph}
+ */
+graphProto.clone = function () {
+ var graph = new Graph(this._directed);
+ var nodes = this.nodes;
+ var edges = this.edges;
+ for (var i = 0; i < nodes.length; i++) {
+ graph.addNode(nodes[i].id, nodes[i].dataIndex);
+ }
+ for (var i = 0; i < edges.length; i++) {
+ var e = edges[i];
+ graph.addEdge(e.node1.id, e.node2.id, e.dataIndex);
+ }
+ return graph;
+};
+
+
+/**
+ * @alias module:echarts/data/Graph.Node
+ */
+function Node(id, dataIndex) {
+ /**
+ * @type {string}
+ */
+ this.id = id == null ? '' : id;
+
+ /**
+ * @type {Array.<module:echarts/data/Graph.Edge>}
+ */
+ this.inEdges = [];
+ /**
+ * @type {Array.<module:echarts/data/Graph.Edge>}
+ */
+ this.outEdges = [];
+ /**
+ * @type {Array.<module:echarts/data/Graph.Edge>}
+ */
+ this.edges = [];
+ /**
+ * @type {module:echarts/data/Graph}
+ */
+ this.hostGraph;
+
+ /**
+ * @type {number}
+ */
+ this.dataIndex = dataIndex == null ? -1 : dataIndex;
+}
+
+Node.prototype = {
+
+ constructor: Node,
+
+ /**
+ * @return {number}
+ */
+ degree: function () {
+ return this.edges.length;
+ },
+
+ /**
+ * @return {number}
+ */
+ inDegree: function () {
+ return this.inEdges.length;
+ },
+
+ /**
+ * @return {number}
+ */
+ outDegree: function () {
+ return this.outEdges.length;
+ },
+
+ /**
+ * @param {string} [path]
+ * @return {module:echarts/model/Model}
+ */
+ getModel: function (path) {
+ if (this.dataIndex < 0) {
+ return;
+ }
+ var graph = this.hostGraph;
+ var itemModel = graph.data.getItemModel(this.dataIndex);
+
+ return itemModel.getModel(path);
+ }
+};
+
+/**
+ * 鍥捐竟
+ * @alias module:echarts/data/Graph.Edge
+ * @param {module:echarts/data/Graph.Node} n1
+ * @param {module:echarts/data/Graph.Node} n2
+ * @param {number} [dataIndex=-1]
+ */
+function Edge(n1, n2, dataIndex) {
+
+ /**
+ * 鑺傜偣1锛屽鏋滄槸鏈夊悜鍥惧垯涓烘簮鑺傜偣
+ * @type {module:echarts/data/Graph.Node}
+ */
+ this.node1 = n1;
+
+ /**
+ * 鑺傜偣2锛屽鏋滄槸鏈夊悜鍥惧垯涓虹洰鏍囪妭鐐�
+ * @type {module:echarts/data/Graph.Node}
+ */
+ this.node2 = n2;
+
+ this.dataIndex = dataIndex == null ? -1 : dataIndex;
+}
+
+/**
+ * @param {string} [path]
+ * @return {module:echarts/model/Model}
+ */
+Edge.prototype.getModel = function (path) {
+ if (this.dataIndex < 0) {
+ return;
+ }
+ var graph = this.hostGraph;
+ var itemModel = graph.edgeData.getItemModel(this.dataIndex);
+
+ return itemModel.getModel(path);
+};
+
+var createGraphDataProxyMixin = function (hostName, dataName) {
+ return {
+ /**
+ * @param {string=} [dimension='value'] Default 'value'. can be 'a', 'b', 'c', 'd', 'e'.
+ * @return {number}
+ */
+ getValue: function (dimension) {
+ var data = this[hostName][dataName];
+ return data.get(data.getDimension(dimension || 'value'), this.dataIndex);
+ },
+
+ /**
+ * @param {Object|string} key
+ * @param {*} [value]
+ */
+ setVisual: function (key, value) {
+ this.dataIndex >= 0
+ && this[hostName][dataName].setItemVisual(this.dataIndex, key, value);
+ },
+
+ /**
+ * @param {string} key
+ * @return {boolean}
+ */
+ getVisual: function (key, ignoreParent) {
+ return this[hostName][dataName].getItemVisual(this.dataIndex, key, ignoreParent);
+ },
+
+ /**
+ * @param {Object} layout
+ * @return {boolean} [merge=false]
+ */
+ setLayout: function (layout, merge$$1) {
+ this.dataIndex >= 0
+ && this[hostName][dataName].setItemLayout(this.dataIndex, layout, merge$$1);
+ },
+
+ /**
+ * @return {Object}
+ */
+ getLayout: function () {
+ return this[hostName][dataName].getItemLayout(this.dataIndex);
+ },
+
+ /**
+ * @return {module:zrender/Element}
+ */
+ getGraphicEl: function () {
+ return this[hostName][dataName].getItemGraphicEl(this.dataIndex);
+ },
+
+ /**
+ * @return {number}
+ */
+ getRawIndex: function () {
+ return this[hostName][dataName].getRawIndex(this.dataIndex);
+ }
+ };
+};
+
+mixin(Node, createGraphDataProxyMixin('hostGraph', 'data'));
+mixin(Edge, createGraphDataProxyMixin('hostGraph', 'edgeData'));
+
+Graph.Node = Node;
+Graph.Edge = Edge;
+
+enableClassCheck(Node);
+enableClassCheck(Edge);
+
+/*
+* 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.
+*/
+
+var createGraphFromNodeEdge = function (nodes, edges, seriesModel, directed, beforeLink) {
+ // ??? TODO
+ // support dataset?
+ var graph = new Graph(directed);
+ for (var i = 0; i < nodes.length; i++) {
+ graph.addNode(retrieve(
+ // Id, name, dataIndex
+ nodes[i].id, nodes[i].name, i
+ ), i);
+ }
+
+ var linkNameList = [];
+ var validEdges = [];
+ var linkCount = 0;
+ for (var i = 0; i < edges.length; i++) {
+ var link = edges[i];
+ var source = link.source;
+ var target = link.target;
+ // addEdge may fail when source or target not exists
+ if (graph.addEdge(source, target, linkCount)) {
+ validEdges.push(link);
+ linkNameList.push(retrieve(link.id, source + ' > ' + target));
+ linkCount++;
+ }
+ }
+
+ var coordSys = seriesModel.get('coordinateSystem');
+ var nodeData;
+ if (coordSys === 'cartesian2d' || coordSys === 'polar') {
+ nodeData = createListFromArray(nodes, seriesModel);
+ }
+ else {
+ var coordSysCtor = CoordinateSystemManager.get(coordSys);
+ var coordDimensions = (coordSysCtor && coordSysCtor.type !== 'view')
+ ? (coordSysCtor.dimensions || []) : [];
+ // FIXME: Some geo do not need `value` dimenson, whereas `calendar` needs
+ // `value` dimension, but graph need `value` dimension. It's better to
+ // uniform this behavior.
+ if (indexOf(coordDimensions, 'value') < 0) {
+ coordDimensions.concat(['value']);
+ }
+
+ var dimensionNames = createDimensions(nodes, {
+ coordDimensions: coordDimensions
+ });
+ nodeData = new List(dimensionNames, seriesModel);
+ nodeData.initData(nodes);
+ }
+
+ var edgeData = new List(['value'], seriesModel);
+ edgeData.initData(validEdges, linkNameList);
+
+ beforeLink && beforeLink(nodeData, edgeData);
+
+ linkList({
+ mainData: nodeData,
+ struct: graph,
+ structAttr: 'graph',
+ datas: {node: nodeData, edge: edgeData},
+ datasAttr: {node: 'data', edge: 'edgeData'}
+ });
+
+ // Update dataIndex of nodes and edges because invalid edge may be removed
+ graph.update();
+
+ return graph;
+};
+
+/*
+* 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.
+*/
+
+var GraphSeries = extendSeriesModel({
+
+ type: 'series.graph',
+
+ init: function (option) {
+ GraphSeries.superApply(this, 'init', arguments);
+
+ var self = this;
+ function getCategoriesData() {
+ return self._categoriesData;
+ }
+ // Provide data for legend select
+ this.legendVisualProvider = new LegendVisualProvider(
+ getCategoriesData, getCategoriesData
+ );
+
+ this.fillDataTextStyle(option.edges || option.links);
+
+ this._updateCategoriesData();
+ },
+
+ mergeOption: function (option) {
+ GraphSeries.superApply(this, 'mergeOption', arguments);
+
+ this.fillDataTextStyle(option.edges || option.links);
+
+ this._updateCategoriesData();
+ },
+
+ mergeDefaultAndTheme: function (option) {
+ GraphSeries.superApply(this, 'mergeDefaultAndTheme', arguments);
+ defaultEmphasis(option, ['edgeLabel'], ['show']);
+ },
+
+ getInitialData: function (option, ecModel) {
+ var edges = option.edges || option.links || [];
+ var nodes = option.data || option.nodes || [];
+ var self = this;
+
+ if (nodes && edges) {
+ return createGraphFromNodeEdge(nodes, edges, this, true, beforeLink).data;
+ }
+
+ function beforeLink(nodeData, edgeData) {
+ // Overwrite nodeData.getItemModel to
+ nodeData.wrapMethod('getItemModel', function (model) {
+ var categoriesModels = self._categoriesModels;
+ var categoryIdx = model.getShallow('category');
+ var categoryModel = categoriesModels[categoryIdx];
+ if (categoryModel) {
+ categoryModel.parentModel = model.parentModel;
+ model.parentModel = categoryModel;
+ }
+ return model;
+ });
+
+ var edgeLabelModel = self.getModel('edgeLabel');
+ // For option `edgeLabel` can be found by label.xxx.xxx on item mode.
+ var fakeSeriesModel = new Model(
+ {label: edgeLabelModel.option},
+ edgeLabelModel.parentModel,
+ ecModel
+ );
+ var emphasisEdgeLabelModel = self.getModel('emphasis.edgeLabel');
+ var emphasisFakeSeriesModel = new Model(
+ {emphasis: {label: emphasisEdgeLabelModel.option}},
+ emphasisEdgeLabelModel.parentModel,
+ ecModel
+ );
+
+ edgeData.wrapMethod('getItemModel', function (model) {
+ model.customizeGetParent(edgeGetParent);
+ return model;
+ });
+
+ function edgeGetParent(path) {
+ path = this.parsePath(path);
+ return (path && path[0] === 'label')
+ ? fakeSeriesModel
+ : (path && path[0] === 'emphasis' && path[1] === 'label')
+ ? emphasisFakeSeriesModel
+ : this.parentModel;
+ }
+ }
+ },
+
+ /**
+ * @return {module:echarts/data/Graph}
+ */
+ getGraph: function () {
+ return this.getData().graph;
+ },
+
+ /**
+ * @return {module:echarts/data/List}
+ */
+ getEdgeData: function () {
+ return this.getGraph().edgeData;
+ },
+
+ /**
+ * @return {module:echarts/data/List}
+ */
+ getCategoriesData: function () {
+ return this._categoriesData;
+ },
+
+ /**
+ * @override
+ */
+ formatTooltip: function (dataIndex, multipleSeries, dataType) {
+ if (dataType === 'edge') {
+ var nodeData = this.getData();
+ var params = this.getDataParams(dataIndex, dataType);
+ var edge = nodeData.graph.getEdgeByIndex(dataIndex);
+ var sourceName = nodeData.getName(edge.node1.dataIndex);
+ var targetName = nodeData.getName(edge.node2.dataIndex);
+
+ var html = [];
+ sourceName != null && html.push(sourceName);
+ targetName != null && html.push(targetName);
+ html = encodeHTML(html.join(' > '));
+
+ if (params.value) {
+ html += ' : ' + encodeHTML(params.value);
+ }
+ return html;
+ }
+ else { // dataType === 'node' or empty
+ return GraphSeries.superApply(this, 'formatTooltip', arguments);
+ }
+ },
+
+ _updateCategoriesData: function () {
+ var categories = map(this.option.categories || [], function (category) {
+ // Data must has value
+ return category.value != null ? category : extend({
+ value: 0
+ }, category);
+ });
+ var categoriesData = new List(['value'], this);
+ categoriesData.initData(categories);
+
+ this._categoriesData = categoriesData;
+
+ this._categoriesModels = categoriesData.mapArray(function (idx) {
+ return categoriesData.getItemModel(idx, true);
+ });
+ },
+
+ setZoom: function (zoom) {
+ this.option.zoom = zoom;
+ },
+
+ setCenter: function (center) {
+ this.option.center = center;
+ },
+
+ isAnimationEnabled: function () {
+ return GraphSeries.superCall(this, 'isAnimationEnabled')
+ // Not enable animation when do force layout
+ && !(this.get('layout') === 'force' && this.get('force.layoutAnimation'));
+ },
+
+ defaultOption: {
+ zlevel: 0,
+ z: 2,
+
+ coordinateSystem: 'view',
+
+ // Default option for all coordinate systems
+ // xAxisIndex: 0,
+ // yAxisIndex: 0,
+ // polarIndex: 0,
+ // geoIndex: 0,
+
+ legendHoverLink: true,
+
+ hoverAnimation: true,
+
+ layout: null,
+
+ focusNodeAdjacency: false,
+
+ // Configuration of circular layout
+ circular: {
+ rotateLabel: false
+ },
+ // Configuration of force directed layout
+ force: {
+ initLayout: null,
+ // Node repulsion. Can be an array to represent range.
+ repulsion: [0, 50],
+ gravity: 0.1,
+ // Initial friction
+ friction: 0.6,
+
+ // Edge length. Can be an array to represent range.
+ edgeLength: 30,
+
+ layoutAnimation: true
+ },
+
+ left: 'center',
+ top: 'center',
+ // right: null,
+ // bottom: null,
+ // width: '80%',
+ // height: '80%',
+
+ symbol: 'circle',
+ symbolSize: 10,
+
+ edgeSymbol: ['none', 'none'],
+ edgeSymbolSize: 10,
+ edgeLabel: {
+ position: 'middle',
+ distance: 5
+ },
+
+ draggable: false,
+
+ roam: false,
+
+ // Default on center of graph
+ center: null,
+
+ zoom: 1,
+ // Symbol size scale ratio in roam
+ nodeScaleRatio: 0.6,
+ // cursor: null,
+
+ // categories: [],
+
+ // data: []
+ // Or
+ // nodes: []
+ //
+ // links: []
+ // Or
+ // edges: []
+
+ label: {
+ show: false,
+ formatter: '{b}'
+ },
+
+ itemStyle: {},
+
+ lineStyle: {
+ color: '#aaa',
+ width: 1,
+ curveness: 0,
+ opacity: 0.5
+ },
+ emphasis: {
+ label: {
+ show: true
+ }
+ }
+ }
+});
+
+/*
+* 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.
+*/
+
+/**
+ * Line path for bezier and straight line draw
+ */
+
+var straightLineProto = Line.prototype;
+var bezierCurveProto = BezierCurve.prototype;
+
+function isLine(shape) {
+ return isNaN(+shape.cpx1) || isNaN(+shape.cpy1);
+}
+
+var LinePath = extendShape({
+
+ type: 'ec-line',
+
+ style: {
+ stroke: '#000',
+ fill: null
+ },
+
+ shape: {
+ x1: 0,
+ y1: 0,
+ x2: 0,
+ y2: 0,
+ percent: 1,
+ cpx1: null,
+ cpy1: null
+ },
+
+ buildPath: function (ctx, shape) {
+ this[isLine(shape) ? '_buildPathLine' : '_buildPathCurve'](ctx, shape);
+ },
+ _buildPathLine: straightLineProto.buildPath,
+ _buildPathCurve: bezierCurveProto.buildPath,
+
+ pointAt: function (t) {
+ return this[isLine(this.shape) ? '_pointAtLine' : '_pointAtCurve'](t);
+ },
+ _pointAtLine: straightLineProto.pointAt,
+ _pointAtCurve: bezierCurveProto.pointAt,
+
+ tangentAt: function (t) {
+ var shape = this.shape;
+ var p = isLine(shape)
+ ? [shape.x2 - shape.x1, shape.y2 - shape.y1]
+ : this._tangentAtCurve(t);
+ return normalize(p, p);
+ },
+ _tangentAtCurve: bezierCurveProto.tangentAt
+
+});
+
+/*
+* 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.
+*/
+
+/**
+ * @module echarts/chart/helper/Line
+ */
+
+var SYMBOL_CATEGORIES = ['fromSymbol', 'toSymbol'];
+
+function makeSymbolTypeKey(symbolCategory) {
+ return '_' + symbolCategory + 'Type';
+}
+/**
+ * @inner
+ */
+function createSymbol$1(name, lineData, idx) {
+ var color = lineData.getItemVisual(idx, 'color');
+ var symbolType = lineData.getItemVisual(idx, name);
+ var symbolSize = lineData.getItemVisual(idx, name + 'Size');
+
+ if (!symbolType || symbolType === 'none') {
+ return;
+ }
+
+ if (!isArray(symbolSize)) {
+ symbolSize = [symbolSize, symbolSize];
+ }
+ var symbolPath = createSymbol(
+ symbolType, -symbolSize[0] / 2, -symbolSize[1] / 2,
+ symbolSize[0], symbolSize[1], color
+ );
+
+ symbolPath.name = name;
+
+ return symbolPath;
+}
+
+function createLine(points) {
+ var line = new LinePath({
+ name: 'line',
+ subPixelOptimize: true
+ });
+ setLinePoints(line.shape, points);
+ return line;
+}
+
+function setLinePoints(targetShape, points) {
+ targetShape.x1 = points[0][0];
+ targetShape.y1 = points[0][1];
+ targetShape.x2 = points[1][0];
+ targetShape.y2 = points[1][1];
+ targetShape.percent = 1;
+
+ var cp1 = points[2];
+ if (cp1) {
+ targetShape.cpx1 = cp1[0];
+ targetShape.cpy1 = cp1[1];
+ }
+ else {
+ targetShape.cpx1 = NaN;
+ targetShape.cpy1 = NaN;
+ }
+}
+
+function updateSymbolAndLabelBeforeLineUpdate() {
+ var lineGroup = this;
+ var symbolFrom = lineGroup.childOfName('fromSymbol');
+ var symbolTo = lineGroup.childOfName('toSymbol');
+ var label = lineGroup.childOfName('label');
+ // Quick reject
+ if (!symbolFrom && !symbolTo && label.ignore) {
+ return;
+ }
+
+ var invScale = 1;
+ var parentNode = this.parent;
+ while (parentNode) {
+ if (parentNode.scale) {
+ invScale /= parentNode.scale[0];
+ }
+ parentNode = parentNode.parent;
+ }
+
+ var line = lineGroup.childOfName('line');
+ // If line not changed
+ // FIXME Parent scale changed
+ if (!this.__dirty && !line.__dirty) {
+ return;
+ }
+
+ var percent = line.shape.percent;
+ var fromPos = line.pointAt(0);
+ var toPos = line.pointAt(percent);
+
+ var d = sub([], toPos, fromPos);
+ normalize(d, d);
+
+ if (symbolFrom) {
+ symbolFrom.attr('position', fromPos);
+ var tangent = line.tangentAt(0);
+ symbolFrom.attr('rotation', Math.PI / 2 - Math.atan2(
+ tangent[1], tangent[0]
+ ));
+ symbolFrom.attr('scale', [invScale * percent, invScale * percent]);
+ }
+ if (symbolTo) {
+ symbolTo.attr('position', toPos);
+ var tangent = line.tangentAt(1);
+ symbolTo.attr('rotation', -Math.PI / 2 - Math.atan2(
+ tangent[1], tangent[0]
+ ));
+ symbolTo.attr('scale', [invScale * percent, invScale * percent]);
+ }
+
+ if (!label.ignore) {
+ label.attr('position', toPos);
+
+ var textPosition;
+ var textAlign;
+ var textVerticalAlign;
+ var textOrigin;
+
+ var distance$$1 = label.__labelDistance;
+ var distanceX = distance$$1[0] * invScale;
+ var distanceY = distance$$1[1] * invScale;
+ var halfPercent = percent / 2;
+ var tangent = line.tangentAt(halfPercent);
+ var n = [tangent[1], -tangent[0]];
+ var cp = line.pointAt(halfPercent);
+ if (n[1] > 0) {
+ n[0] = -n[0];
+ n[1] = -n[1];
+ }
+ var dir = tangent[0] < 0 ? -1 : 1;
+
+ if (label.__position !== 'start' && label.__position !== 'end') {
+ var rotation = -Math.atan2(tangent[1], tangent[0]);
+ if (toPos[0] < fromPos[0]) {
+ rotation = Math.PI + rotation;
+ }
+ label.attr('rotation', rotation);
+ }
+
+ var dy;
+ switch (label.__position) {
+ case 'insideStartTop':
+ case 'insideMiddleTop':
+ case 'insideEndTop':
+ case 'middle':
+ dy = -distanceY;
+ textVerticalAlign = 'bottom';
+ break;
+
+ case 'insideStartBottom':
+ case 'insideMiddleBottom':
+ case 'insideEndBottom':
+ dy = distanceY;
+ textVerticalAlign = 'top';
+ break;
+
+ default:
+ dy = 0;
+ textVerticalAlign = 'middle';
+ }
+
+ switch (label.__position) {
+ case 'end':
+ textPosition = [d[0] * distanceX + toPos[0], d[1] * distanceY + toPos[1]];
+ textAlign = d[0] > 0.8 ? 'left' : (d[0] < -0.8 ? 'right' : 'center');
+ textVerticalAlign = d[1] > 0.8 ? 'top' : (d[1] < -0.8 ? 'bottom' : 'middle');
+ break;
+
+ case 'start':
+ textPosition = [-d[0] * distanceX + fromPos[0], -d[1] * distanceY + fromPos[1]];
+ textAlign = d[0] > 0.8 ? 'right' : (d[0] < -0.8 ? 'left' : 'center');
+ textVerticalAlign = d[1] > 0.8 ? 'bottom' : (d[1] < -0.8 ? 'top' : 'middle');
+ break;
+
+ case 'insideStartTop':
+ case 'insideStart':
+ case 'insideStartBottom':
+ textPosition = [distanceX * dir + fromPos[0], fromPos[1] + dy];
+ textAlign = tangent[0] < 0 ? 'right' : 'left';
+ textOrigin = [-distanceX * dir, -dy];
+ break;
+
+ case 'insideMiddleTop':
+ case 'insideMiddle':
+ case 'insideMiddleBottom':
+ case 'middle':
+ textPosition = [cp[0], cp[1] + dy];
+ textAlign = 'center';
+ textOrigin = [0, -dy];
+ break;
+
+ case 'insideEndTop':
+ case 'insideEnd':
+ case 'insideEndBottom':
+ textPosition = [-distanceX * dir + toPos[0], toPos[1] + dy];
+ textAlign = tangent[0] >= 0 ? 'right' : 'left';
+ textOrigin = [distanceX * dir, -dy];
+ break;
+ }
+
+ label.attr({
+ style: {
+ // Use the user specified text align and baseline first
+ textVerticalAlign: label.__verticalAlign || textVerticalAlign,
+ textAlign: label.__textAlign || textAlign
+ },
+ position: textPosition,
+ scale: [invScale, invScale],
+ origin: textOrigin
+ });
+ }
+}
+
+/**
+ * @constructor
+ * @extends {module:zrender/graphic/Group}
+ * @alias {module:echarts/chart/helper/Line}
+ */
+function Line$1(lineData, idx, seriesScope) {
+ Group.call(this);
+
+ this._createLine(lineData, idx, seriesScope);
+}
+
+var lineProto = Line$1.prototype;
+
+// Update symbol position and rotation
+lineProto.beforeUpdate = updateSymbolAndLabelBeforeLineUpdate;
+
+lineProto._createLine = function (lineData, idx, seriesScope) {
+ var seriesModel = lineData.hostModel;
+ var linePoints = lineData.getItemLayout(idx);
+ var line = createLine(linePoints);
+ line.shape.percent = 0;
+ initProps(line, {
+ shape: {
+ percent: 1
+ }
+ }, seriesModel, idx);
+
+ this.add(line);
+
+ var label = new Text({
+ name: 'label',
+ // FIXME
+ // Temporary solution for `focusNodeAdjacency`.
+ // line label do not use the opacity of lineStyle.
+ lineLabelOriginalOpacity: 1
+ });
+ this.add(label);
+
+ each$1(SYMBOL_CATEGORIES, function (symbolCategory) {
+ var symbol = createSymbol$1(symbolCategory, lineData, idx);
+ // symbols must added after line to make sure
+ // it will be updated after line#update.
+ // Or symbol position and rotation update in line#beforeUpdate will be one frame slow
+ this.add(symbol);
+ this[makeSymbolTypeKey(symbolCategory)] = lineData.getItemVisual(idx, symbolCategory);
+ }, this);
+
+ this._updateCommonStl(lineData, idx, seriesScope);
+};
+
+lineProto.updateData = function (lineData, idx, seriesScope) {
+ var seriesModel = lineData.hostModel;
+
+ var line = this.childOfName('line');
+ var linePoints = lineData.getItemLayout(idx);
+ var target = {
+ shape: {}
+ };
+
+ setLinePoints(target.shape, linePoints);
+ updateProps(line, target, seriesModel, idx);
+
+ each$1(SYMBOL_CATEGORIES, function (symbolCategory) {
+ var symbolType = lineData.getItemVisual(idx, symbolCategory);
+ var key = makeSymbolTypeKey(symbolCategory);
+ // Symbol changed
+ if (this[key] !== symbolType) {
+ this.remove(this.childOfName(symbolCategory));
+ var symbol = createSymbol$1(symbolCategory, lineData, idx);
+ this.add(symbol);
+ }
+ this[key] = symbolType;
+ }, this);
+
+ this._updateCommonStl(lineData, idx, seriesScope);
+};
+
+lineProto._updateCommonStl = function (lineData, idx, seriesScope) {
+ var seriesModel = lineData.hostModel;
+
+ var line = this.childOfName('line');
+
+ var lineStyle = seriesScope && seriesScope.lineStyle;
+ var hoverLineStyle = seriesScope && seriesScope.hoverLineStyle;
+ var labelModel = seriesScope && seriesScope.labelModel;
+ var hoverLabelModel = seriesScope && seriesScope.hoverLabelModel;
+
+ // Optimization for large dataset
+ if (!seriesScope || lineData.hasItemOption) {
+ var itemModel = lineData.getItemModel(idx);
+
+ lineStyle = itemModel.getModel('lineStyle').getLineStyle();
+ hoverLineStyle = itemModel.getModel('emphasis.lineStyle').getLineStyle();
+
+ labelModel = itemModel.getModel('label');
+ hoverLabelModel = itemModel.getModel('emphasis.label');
+ }
+
+ var visualColor = lineData.getItemVisual(idx, 'color');
+ var visualOpacity = retrieve3(
+ lineData.getItemVisual(idx, 'opacity'),
+ lineStyle.opacity,
+ 1
+ );
+
+ line.useStyle(defaults(
+ {
+ strokeNoScale: true,
+ fill: 'none',
+ stroke: visualColor,
+ opacity: visualOpacity
+ },
+ lineStyle
+ ));
+ line.hoverStyle = hoverLineStyle;
+
+ // Update symbol
+ each$1(SYMBOL_CATEGORIES, function (symbolCategory) {
+ var symbol = this.childOfName(symbolCategory);
+ if (symbol) {
+ symbol.setColor(visualColor);
+ symbol.setStyle({
+ opacity: visualOpacity
+ });
+ }
+ }, this);
+
+ var showLabel = labelModel.getShallow('show');
+ var hoverShowLabel = hoverLabelModel.getShallow('show');
+
+ var label = this.childOfName('label');
+ var defaultLabelColor;
+ var baseText;
+
+ // FIXME: the logic below probably should be merged to `graphic.setLabelStyle`.
+ if (showLabel || hoverShowLabel) {
+ defaultLabelColor = visualColor || '#000';
+
+ baseText = seriesModel.getFormattedLabel(idx, 'normal', lineData.dataType);
+ if (baseText == null) {
+ var rawVal = seriesModel.getRawValue(idx);
+ baseText = rawVal == null
+ ? lineData.getName(idx)
+ : isFinite(rawVal)
+ ? round$1(rawVal)
+ : rawVal;
+ }
+ }
+ var normalText = showLabel ? baseText : null;
+ var emphasisText = hoverShowLabel
+ ? retrieve2(
+ seriesModel.getFormattedLabel(idx, 'emphasis', lineData.dataType),
+ baseText
+ )
+ : null;
+
+ var labelStyle = label.style;
+
+ // Always set `textStyle` even if `normalStyle.text` is null, because default
+ // values have to be set on `normalStyle`.
+ if (normalText != null || emphasisText != null) {
+ setTextStyle(label.style, labelModel, {
+ text: normalText
+ }, {
+ autoColor: defaultLabelColor
+ });
+
+ label.__textAlign = labelStyle.textAlign;
+ label.__verticalAlign = labelStyle.textVerticalAlign;
+ // 'start', 'middle', 'end'
+ label.__position = labelModel.get('position') || 'middle';
+
+ var distance$$1 = labelModel.get('distance');
+ if (!isArray(distance$$1)) {
+ distance$$1 = [distance$$1, distance$$1];
+ }
+ label.__labelDistance = distance$$1;
+ }
+
+ if (emphasisText != null) {
+ // Only these properties supported in this emphasis style here.
+ label.hoverStyle = {
+ text: emphasisText,
+ textFill: hoverLabelModel.getTextColor(true),
+ // For merging hover style to normal style, do not use
+ // `hoverLabelModel.getFont()` here.
+ fontStyle: hoverLabelModel.getShallow('fontStyle'),
+ fontWeight: hoverLabelModel.getShallow('fontWeight'),
+ fontSize: hoverLabelModel.getShallow('fontSize'),
+ fontFamily: hoverLabelModel.getShallow('fontFamily')
+ };
+ }
+ else {
+ label.hoverStyle = {
+ text: null
+ };
+ }
+
+ label.ignore = !showLabel && !hoverShowLabel;
+
+ setHoverStyle(this);
+};
+
+lineProto.highlight = function () {
+ this.trigger('emphasis');
+};
+
+lineProto.downplay = function () {
+ this.trigger('normal');
+};
+
+lineProto.updateLayout = function (lineData, idx) {
+ this.setLinePoints(lineData.getItemLayout(idx));
+};
+
+lineProto.setLinePoints = function (points) {
+ var linePath = this.childOfName('line');
+ setLinePoints(linePath.shape, points);
+ linePath.dirty();
+};
+
+inherits(Line$1, Group);
+
+/*
+* 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.
+*/
+
+/**
+ * @module echarts/chart/helper/LineDraw
+ */
+
+// import IncrementalDisplayable from 'zrender/src/graphic/IncrementalDisplayable';
+
+/**
+ * @alias module:echarts/component/marker/LineDraw
+ * @constructor
+ */
+function LineDraw(ctor) {
+ this._ctor = ctor || Line$1;
+
+ this.group = new Group();
+}
+
+var lineDrawProto = LineDraw.prototype;
+
+lineDrawProto.isPersistent = function () {
+ return true;
+};
+
+/**
+ * @param {module:echarts/data/List} lineData
+ */
+lineDrawProto.updateData = function (lineData) {
+ var lineDraw = this;
+ var group = lineDraw.group;
+
+ var oldLineData = lineDraw._lineData;
+ lineDraw._lineData = lineData;
+
+ // There is no oldLineData only when first rendering or switching from
+ // stream mode to normal mode, where previous elements should be removed.
+ if (!oldLineData) {
+ group.removeAll();
+ }
+
+ var seriesScope = makeSeriesScope$1(lineData);
+
+ lineData.diff(oldLineData)
+ .add(function (idx) {
+ doAdd(lineDraw, lineData, idx, seriesScope);
+ })
+ .update(function (newIdx, oldIdx) {
+ doUpdate(lineDraw, oldLineData, lineData, oldIdx, newIdx, seriesScope);
+ })
+ .remove(function (idx) {
+ group.remove(oldLineData.getItemGraphicEl(idx));
+ })
+ .execute();
+};
+
+function doAdd(lineDraw, lineData, idx, seriesScope) {
+ var itemLayout = lineData.getItemLayout(idx);
+
+ if (!lineNeedsDraw(itemLayout)) {
+ return;
+ }
+
+ var el = new lineDraw._ctor(lineData, idx, seriesScope);
+ lineData.setItemGraphicEl(idx, el);
+ lineDraw.group.add(el);
+}
+
+function doUpdate(lineDraw, oldLineData, newLineData, oldIdx, newIdx, seriesScope) {
+ var itemEl = oldLineData.getItemGraphicEl(oldIdx);
+
+ if (!lineNeedsDraw(newLineData.getItemLayout(newIdx))) {
+ lineDraw.group.remove(itemEl);
+ return;
+ }
+
+ if (!itemEl) {
+ itemEl = new lineDraw._ctor(newLineData, newIdx, seriesScope);
+ }
+ else {
+ itemEl.updateData(newLineData, newIdx, seriesScope);
+ }
+
+ newLineData.setItemGraphicEl(newIdx, itemEl);
+
+ lineDraw.group.add(itemEl);
+}
+
+lineDrawProto.updateLayout = function () {
+ var lineData = this._lineData;
+
+ // Do not support update layout in incremental mode.
+ if (!lineData) {
+ return;
+ }
+
+ lineData.eachItemGraphicEl(function (el, idx) {
+ el.updateLayout(lineData, idx);
+ }, this);
+};
+
+lineDrawProto.incrementalPrepareUpdate = function (lineData) {
+ this._seriesScope = makeSeriesScope$1(lineData);
+ this._lineData = null;
+ this.group.removeAll();
+};
+
+function isEffectObject(el) {
+ return el.animators && el.animators.length > 0;
+}
+
+lineDrawProto.incrementalUpdate = function (taskParams, lineData) {
+ function updateIncrementalAndHover(el) {
+ if (!el.isGroup && !isEffectObject(el)) {
+ el.incremental = el.useHoverLayer = true;
+ }
+ }
+
+ for (var idx = taskParams.start; idx < taskParams.end; idx++) {
+ var itemLayout = lineData.getItemLayout(idx);
+
+ if (lineNeedsDraw(itemLayout)) {
+ var el = new this._ctor(lineData, idx, this._seriesScope);
+ el.traverse(updateIncrementalAndHover);
+
+ this.group.add(el);
+ lineData.setItemGraphicEl(idx, el);
+ }
+ }
+};
+
+function makeSeriesScope$1(lineData) {
+ var hostModel = lineData.hostModel;
+ return {
+ lineStyle: hostModel.getModel('lineStyle').getLineStyle(),
+ hoverLineStyle: hostModel.getModel('emphasis.lineStyle').getLineStyle(),
+ labelModel: hostModel.getModel('label'),
+ hoverLabelModel: hostModel.getModel('emphasis.label')
+ };
+}
+
+lineDrawProto.remove = function () {
+ this._clearIncremental();
+ this._incremental = null;
+ this.group.removeAll();
+};
+
+lineDrawProto._clearIncremental = function () {
+ var incremental = this._incremental;
+ if (incremental) {
+ incremental.clearDisplaybles();
+ }
+};
+
+function isPointNaN(pt) {
+ return isNaN(pt[0]) || isNaN(pt[1]);
+}
+
+function lineNeedsDraw(pts) {
+ return !isPointNaN(pts[0]) && !isPointNaN(pts[1]);
+}
+
+/*
+* 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 getNodeGlobalScale(seriesModel) {
+ var coordSys = seriesModel.coordinateSystem;
+ if (coordSys.type !== 'view') {
+ return 1;
+ }
+
+ var nodeScaleRatio = seriesModel.option.nodeScaleRatio;
+
+ var groupScale = coordSys.scale;
+ var groupZoom = (groupScale && groupScale[0]) || 1;
+ // Scale node when zoom changes
+ var roamZoom = coordSys.getZoom();
+ var nodeScale = (roamZoom - 1) * nodeScaleRatio + 1;
+
+ return nodeScale / groupZoom;
+}
+
+function getSymbolSize$1(node) {
+ var symbolSize = node.getVisual('symbolSize');
+ if (symbolSize instanceof Array) {
+ symbolSize = (symbolSize[0] + symbolSize[1]) / 2;
+ }
+ return +symbolSize;
+}
+
+/*
+* 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.
+*/
+
+var v1 = [];
+var v2 = [];
+var v3 = [];
+var quadraticAt$1 = quadraticAt;
+var v2DistSquare = distSquare;
+var mathAbs$1 = Math.abs;
+function intersectCurveCircle(curvePoints, center, radius) {
+ var p0 = curvePoints[0];
+ var p1 = curvePoints[1];
+ var p2 = curvePoints[2];
+
+ var d = Infinity;
+ var t;
+ var radiusSquare = radius * radius;
+ var interval = 0.1;
+
+ for (var _t = 0.1; _t <= 0.9; _t += 0.1) {
+ v1[0] = quadraticAt$1(p0[0], p1[0], p2[0], _t);
+ v1[1] = quadraticAt$1(p0[1], p1[1], p2[1], _t);
+ var diff = mathAbs$1(v2DistSquare(v1, center) - radiusSquare);
+ if (diff < d) {
+ d = diff;
+ t = _t;
+ }
+ }
+
+ // Assume the segment is monotone锛孎ind root through Bisection method
+ // At most 32 iteration
+ for (var i = 0; i < 32; i++) {
+ // var prev = t - interval;
+ var next = t + interval;
+ // v1[0] = quadraticAt(p0[0], p1[0], p2[0], prev);
+ // v1[1] = quadraticAt(p0[1], p1[1], p2[1], prev);
+ v2[0] = quadraticAt$1(p0[0], p1[0], p2[0], t);
+ v2[1] = quadraticAt$1(p0[1], p1[1], p2[1], t);
+ v3[0] = quadraticAt$1(p0[0], p1[0], p2[0], next);
+ v3[1] = quadraticAt$1(p0[1], p1[1], p2[1], next);
+
+ var diff = v2DistSquare(v2, center) - radiusSquare;
+ if (mathAbs$1(diff) < 1e-2) {
+ break;
+ }
+
+ // var prevDiff = v2DistSquare(v1, center) - radiusSquare;
+ var nextDiff = v2DistSquare(v3, center) - radiusSquare;
+
+ interval /= 2;
+ if (diff < 0) {
+ if (nextDiff >= 0) {
+ t = t + interval;
+ }
+ else {
+ t = t - interval;
+ }
+ }
+ else {
+ if (nextDiff >= 0) {
+ t = t - interval;
+ }
+ else {
+ t = t + interval;
+ }
+ }
+ }
+
+ return t;
+}
+
+// Adjust edge to avoid
+var adjustEdge = function (graph, scale$$1) {
+ var tmp0 = [];
+ var quadraticSubdivide$$1 = quadraticSubdivide;
+ var pts = [[], [], []];
+ var pts2 = [[], []];
+ var v = [];
+ scale$$1 /= 2;
+
+ graph.eachEdge(function (edge, idx) {
+ var linePoints = edge.getLayout();
+ var fromSymbol = edge.getVisual('fromSymbol');
+ var toSymbol = edge.getVisual('toSymbol');
+
+ if (!linePoints.__original) {
+ linePoints.__original = [
+ clone$1(linePoints[0]),
+ clone$1(linePoints[1])
+ ];
+ if (linePoints[2]) {
+ linePoints.__original.push(clone$1(linePoints[2]));
+ }
+ }
+ var originalPoints = linePoints.__original;
+ // Quadratic curve
+ if (linePoints[2] != null) {
+ copy(pts[0], originalPoints[0]);
+ copy(pts[1], originalPoints[2]);
+ copy(pts[2], originalPoints[1]);
+ if (fromSymbol && fromSymbol !== 'none') {
+ var symbolSize = getSymbolSize$1(edge.node1);
+
+ var t = intersectCurveCircle(pts, originalPoints[0], symbolSize * scale$$1);
+ // Subdivide and get the second
+ quadraticSubdivide$$1(pts[0][0], pts[1][0], pts[2][0], t, tmp0);
+ pts[0][0] = tmp0[3];
+ pts[1][0] = tmp0[4];
+ quadraticSubdivide$$1(pts[0][1], pts[1][1], pts[2][1], t, tmp0);
+ pts[0][1] = tmp0[3];
+ pts[1][1] = tmp0[4];
+ }
+ if (toSymbol && toSymbol !== 'none') {
+ var symbolSize = getSymbolSize$1(edge.node2);
+
+ var t = intersectCurveCircle(pts, originalPoints[1], symbolSize * scale$$1);
+ // Subdivide and get the first
+ quadraticSubdivide$$1(pts[0][0], pts[1][0], pts[2][0], t, tmp0);
+ pts[1][0] = tmp0[1];
+ pts[2][0] = tmp0[2];
+ quadraticSubdivide$$1(pts[0][1], pts[1][1], pts[2][1], t, tmp0);
+ pts[1][1] = tmp0[1];
+ pts[2][1] = tmp0[2];
+ }
+ // Copy back to layout
+ copy(linePoints[0], pts[0]);
+ copy(linePoints[1], pts[2]);
+ copy(linePoints[2], pts[1]);
+ }
+ // Line
+ else {
+ copy(pts2[0], originalPoints[0]);
+ copy(pts2[1], originalPoints[1]);
+
+ sub(v, pts2[1], pts2[0]);
+ normalize(v, v);
+ if (fromSymbol && fromSymbol !== 'none') {
+
+ var symbolSize = getSymbolSize$1(edge.node1);
+
+ scaleAndAdd(pts2[0], pts2[0], v, symbolSize * scale$$1);
+ }
+ if (toSymbol && toSymbol !== 'none') {
+ var symbolSize = getSymbolSize$1(edge.node2);
+
+ scaleAndAdd(pts2[1], pts2[1], v, -symbolSize * scale$$1);
+ }
+ copy(linePoints[0], pts2[0]);
+ copy(linePoints[1], pts2[1]);
+ }
+ });
+};
+
+/*
+* 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.
+*/
+
+var FOCUS_ADJACENCY = '__focusNodeAdjacency';
+var UNFOCUS_ADJACENCY = '__unfocusNodeAdjacency';
+
+var nodeOpacityPath = ['itemStyle', 'opacity'];
+var lineOpacityPath = ['lineStyle', 'opacity'];
+
+function getItemOpacity(item, opacityPath) {
+ var opacity = item.getVisual('opacity');
+ return opacity != null ? opacity : item.getModel().get(opacityPath);
+}
+
+function fadeOutItem(item, opacityPath, opacityRatio) {
+ var el = item.getGraphicEl();
+ var opacity = getItemOpacity(item, opacityPath);
+
+ if (opacityRatio != null) {
+ opacity == null && (opacity = 1);
+ opacity *= opacityRatio;
+ }
+
+ el.downplay && el.downplay();
+ el.traverse(function (child) {
+ if (!child.isGroup) {
+ var opct = child.lineLabelOriginalOpacity;
+ if (opct == null || opacityRatio != null) {
+ opct = opacity;
+ }
+ child.setStyle('opacity', opct);
+ }
+ });
+}
+
+function fadeInItem(item, opacityPath) {
+ var opacity = getItemOpacity(item, opacityPath);
+ var el = item.getGraphicEl();
+ // Should go back to normal opacity first, consider hoverLayer,
+ // where current state is copied to elMirror, and support
+ // emphasis opacity here.
+ el.traverse(function (child) {
+ !child.isGroup && child.setStyle('opacity', opacity);
+ });
+ el.highlight && el.highlight();
+}
+
+extendChartView({
+
+ type: 'graph',
+
+ init: function (ecModel, api) {
+ var symbolDraw = new SymbolDraw();
+ var lineDraw = new LineDraw();
+ var group = this.group;
+
+ this._controller = new RoamController(api.getZr());
+ this._controllerHost = {target: group};
+
+ group.add(symbolDraw.group);
+ group.add(lineDraw.group);
+
+ this._symbolDraw = symbolDraw;
+ this._lineDraw = lineDraw;
+
+ this._firstRender = true;
+ },
+
+ render: function (seriesModel, ecModel, api) {
+ var graphView = this;
+ var coordSys = seriesModel.coordinateSystem;
+
+ this._model = seriesModel;
+
+ var symbolDraw = this._symbolDraw;
+ var lineDraw = this._lineDraw;
+
+ var group = this.group;
+
+ if (coordSys.type === 'view') {
+ var groupNewProp = {
+ position: coordSys.position,
+ scale: coordSys.scale
+ };
+ if (this._firstRender) {
+ group.attr(groupNewProp);
+ }
+ else {
+ updateProps(group, groupNewProp, seriesModel);
+ }
+ }
+ // Fix edge contact point with node
+ adjustEdge(seriesModel.getGraph(), getNodeGlobalScale(seriesModel));
+
+ var data = seriesModel.getData();
+ symbolDraw.updateData(data);
+
+ var edgeData = seriesModel.getEdgeData();
+ lineDraw.updateData(edgeData);
+
+ this._updateNodeAndLinkScale();
+
+ this._updateController(seriesModel, ecModel, api);
+
+ clearTimeout(this._layoutTimeout);
+ var forceLayout = seriesModel.forceLayout;
+ var layoutAnimation = seriesModel.get('force.layoutAnimation');
+ if (forceLayout) {
+ this._startForceLayoutIteration(forceLayout, layoutAnimation);
+ }
+
+ data.eachItemGraphicEl(function (el, idx) {
+ var itemModel = data.getItemModel(idx);
+ // Update draggable
+ el.off('drag').off('dragend');
+ var draggable = itemModel.get('draggable');
+ if (draggable) {
+ el.on('drag', function () {
+ if (forceLayout) {
+ forceLayout.warmUp();
+ !this._layouting
+ && this._startForceLayoutIteration(forceLayout, layoutAnimation);
+ forceLayout.setFixed(idx);
+ // Write position back to layout
+ data.setItemLayout(idx, el.position);
+ }
+ }, this).on('dragend', function () {
+ if (forceLayout) {
+ forceLayout.setUnfixed(idx);
+ }
+ }, this);
+ }
+ el.setDraggable(draggable && forceLayout);
+
+ el[FOCUS_ADJACENCY] && el.off('mouseover', el[FOCUS_ADJACENCY]);
+ el[UNFOCUS_ADJACENCY] && el.off('mouseout', el[UNFOCUS_ADJACENCY]);
+
+ if (itemModel.get('focusNodeAdjacency')) {
+ el.on('mouseover', el[FOCUS_ADJACENCY] = function () {
+ graphView._clearTimer();
+ api.dispatchAction({
+ type: 'focusNodeAdjacency',
+ seriesId: seriesModel.id,
+ dataIndex: el.dataIndex
+ });
+ });
+ el.on('mouseout', el[UNFOCUS_ADJACENCY] = function () {
+ graphView._dispatchUnfocus(api);
+ });
+ }
+
+ }, this);
+
+ data.graph.eachEdge(function (edge) {
+ var el = edge.getGraphicEl();
+
+ el[FOCUS_ADJACENCY] && el.off('mouseover', el[FOCUS_ADJACENCY]);
+ el[UNFOCUS_ADJACENCY] && el.off('mouseout', el[UNFOCUS_ADJACENCY]);
+
+ if (edge.getModel().get('focusNodeAdjacency')) {
+ el.on('mouseover', el[FOCUS_ADJACENCY] = function () {
+ graphView._clearTimer();
+ api.dispatchAction({
+ type: 'focusNodeAdjacency',
+ seriesId: seriesModel.id,
+ edgeDataIndex: edge.dataIndex
+ });
+ });
+ el.on('mouseout', el[UNFOCUS_ADJACENCY] = function () {
+ graphView._dispatchUnfocus(api);
+ });
+ }
+ });
+
+ var circularRotateLabel = seriesModel.get('layout') === 'circular'
+ && seriesModel.get('circular.rotateLabel');
+ var cx = data.getLayout('cx');
+ var cy = data.getLayout('cy');
+ data.eachItemGraphicEl(function (el, idx) {
+ var itemModel = data.getItemModel(idx);
+ var labelRotate = itemModel.get('label.rotate') || 0;
+ var symbolPath = el.getSymbolPath();
+ if (circularRotateLabel) {
+ var pos = data.getItemLayout(idx);
+ var rad = Math.atan2(pos[1] - cy, pos[0] - cx);
+ if (rad < 0) {
+ rad = Math.PI * 2 + rad;
+ }
+ var isLeft = pos[0] < cx;
+ if (isLeft) {
+ rad = rad - Math.PI;
+ }
+ var textPosition = isLeft ? 'left' : 'right';
+ modifyLabelStyle(
+ symbolPath,
+ {
+ textRotation: -rad,
+ textPosition: textPosition,
+ textOrigin: 'center'
+ },
+ {
+ textPosition: textPosition
+ }
+ );
+ }
+ else {
+ modifyLabelStyle(
+ symbolPath,
+ {
+ textRotation: labelRotate *= Math.PI / 180
+ }
+ );
+ }
+ });
+
+ this._firstRender = false;
+ },
+
+ dispose: function () {
+ this._controller && this._controller.dispose();
+ this._controllerHost = {};
+ this._clearTimer();
+ },
+
+ _dispatchUnfocus: function (api, opt) {
+ var self = this;
+ this._clearTimer();
+ this._unfocusDelayTimer = setTimeout(function () {
+ self._unfocusDelayTimer = null;
+ api.dispatchAction({
+ type: 'unfocusNodeAdjacency',
+ seriesId: self._model.id
+ });
+ }, 500);
+
+ },
+
+ _clearTimer: function () {
+ if (this._unfocusDelayTimer) {
+ clearTimeout(this._unfocusDelayTimer);
+ this._unfocusDelayTimer = null;
+ }
+ },
+
+ focusNodeAdjacency: function (seriesModel, ecModel, api, payload) {
+ var data = seriesModel.getData();
+ var graph = data.graph;
+ var dataIndex = payload.dataIndex;
+ var edgeDataIndex = payload.edgeDataIndex;
+
+ var node = graph.getNodeByIndex(dataIndex);
+ var edge = graph.getEdgeByIndex(edgeDataIndex);
+
+ if (!node && !edge) {
+ return;
+ }
+
+ graph.eachNode(function (node) {
+ fadeOutItem(node, nodeOpacityPath, 0.1);
+ });
+ graph.eachEdge(function (edge) {
+ fadeOutItem(edge, lineOpacityPath, 0.1);
+ });
+
+ if (node) {
+ fadeInItem(node, nodeOpacityPath);
+ each$1(node.edges, function (adjacentEdge) {
+ if (adjacentEdge.dataIndex < 0) {
+ return;
+ }
+ fadeInItem(adjacentEdge, lineOpacityPath);
+ fadeInItem(adjacentEdge.node1, nodeOpacityPath);
+ fadeInItem(adjacentEdge.node2, nodeOpacityPath);
+ });
+ }
+ if (edge) {
+ fadeInItem(edge, lineOpacityPath);
+ fadeInItem(edge.node1, nodeOpacityPath);
+ fadeInItem(edge.node2, nodeOpacityPath);
+ }
+ },
+
+ unfocusNodeAdjacency: function (seriesModel, ecModel, api, payload) {
+ var graph = seriesModel.getData().graph;
+
+ graph.eachNode(function (node) {
+ fadeOutItem(node, nodeOpacityPath);
+ });
+ graph.eachEdge(function (edge) {
+ fadeOutItem(edge, lineOpacityPath);
+ });
+ },
+
+ _startForceLayoutIteration: function (forceLayout, layoutAnimation) {
+ var self = this;
+ (function step() {
+ forceLayout.step(function (stopped) {
+ self.updateLayout(self._model);
+ (self._layouting = !stopped) && (
+ layoutAnimation
+ ? (self._layoutTimeout = setTimeout(step, 16))
+ : step()
+ );
+ });
+ })();
+ },
+
+ _updateController: function (seriesModel, ecModel, api) {
+ var controller = this._controller;
+ var controllerHost = this._controllerHost;
+ var group = this.group;
+
+ controller.setPointerChecker(function (e, x, y) {
+ var rect = group.getBoundingRect();
+ rect.applyTransform(group.transform);
+ return rect.contain(x, y)
+ && !onIrrelevantElement(e, api, seriesModel);
+ });
+
+ if (seriesModel.coordinateSystem.type !== 'view') {
+ controller.disable();
+ return;
+ }
+ controller.enable(seriesModel.get('roam'));
+ controllerHost.zoomLimit = seriesModel.get('scaleLimit');
+ controllerHost.zoom = seriesModel.coordinateSystem.getZoom();
+
+ controller
+ .off('pan')
+ .off('zoom')
+ .on('pan', function (e) {
+ updateViewOnPan(controllerHost, e.dx, e.dy);
+ api.dispatchAction({
+ seriesId: seriesModel.id,
+ type: 'graphRoam',
+ dx: e.dx,
+ dy: e.dy
+ });
+ })
+ .on('zoom', function (e) {
+ updateViewOnZoom(controllerHost, e.scale, e.originX, e.originY);
+ api.dispatchAction({
+ seriesId: seriesModel.id,
+ type: 'graphRoam',
+ zoom: e.scale,
+ originX: e.originX,
+ originY: e.originY
+ });
+ this._updateNodeAndLinkScale();
+ adjustEdge(seriesModel.getGraph(), getNodeGlobalScale(seriesModel));
+ this._lineDraw.updateLayout();
+ }, this);
+ },
+
+ _updateNodeAndLinkScale: function () {
+ var seriesModel = this._model;
+ var data = seriesModel.getData();
+
+ var nodeScale = getNodeGlobalScale(seriesModel);
+ var invScale = [nodeScale, nodeScale];
+
+ data.eachItemGraphicEl(function (el, idx) {
+ el.attr('scale', invScale);
+ });
+ },
+
+ updateLayout: function (seriesModel) {
+ adjustEdge(seriesModel.getGraph(), getNodeGlobalScale(seriesModel));
+
+ this._symbolDraw.updateLayout();
+ this._lineDraw.updateLayout();
+ },
+
+ remove: function (ecModel, api) {
+ this._symbolDraw && this._symbolDraw.remove();
+ this._lineDraw && this._lineDraw.remove();
+ }
+});
+
+/*
+* 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.
+*/
+
+/**
+ * @payload
+ * @property {number} [seriesIndex]
+ * @property {string} [seriesId]
+ * @property {string} [seriesName]
+ * @property {number} [dataIndex]
+ */
+registerAction({
+ type: 'focusNodeAdjacency',
+ event: 'focusNodeAdjacency',
+ update: 'series:focusNodeAdjacency'
+}, function () {});
+
+/**
+ * @payload
+ * @property {number} [seriesIndex]
+ * @property {string} [seriesId]
+ * @property {string} [seriesName]
+ */
+registerAction({
+ type: 'unfocusNodeAdjacency',
+ event: 'unfocusNodeAdjacency',
+ update: 'series:unfocusNodeAdjacency'
+}, function () {});
+
+/*
+* 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.
+*/
+
+var actionInfo = {
+ type: 'graphRoam',
+ event: 'graphRoam',
+ update: 'none'
+};
+
+/**
+ * @payload
+ * @property {string} name Series name
+ * @property {number} [dx]
+ * @property {number} [dy]
+ * @property {number} [zoom]
+ * @property {number} [originX]
+ * @property {number} [originY]
+ */
+registerAction(actionInfo, function (payload, ecModel) {
+ ecModel.eachComponent({mainType: 'series', query: payload}, function (seriesModel) {
+ var coordSys = seriesModel.coordinateSystem;
+
+ var res = updateCenterAndZoom(coordSys, payload);
+
+ seriesModel.setCenter
+ && seriesModel.setCenter(res.center);
+
+ seriesModel.setZoom
+ && seriesModel.setZoom(res.zoom);
+ });
+});
+
+/*
+* 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.
+*/
+
+
+var categoryFilter = function (ecModel) {
+ var legendModels = ecModel.findComponents({
+ mainType: 'legend'
+ });
+ if (!legendModels || !legendModels.length) {
+ return;
+ }
+ ecModel.eachSeriesByType('graph', function (graphSeries) {
+ var categoriesData = graphSeries.getCategoriesData();
+ var graph = graphSeries.getGraph();
+ var data = graph.data;
+
+ var categoryNames = categoriesData.mapArray(categoriesData.getName);
+
+ data.filterSelf(function (idx) {
+ var model = data.getItemModel(idx);
+ var category = model.getShallow('category');
+ if (category != null) {
+ if (typeof category === 'number') {
+ category = categoryNames[category];
+ }
+ // If in any legend component the status is not selected.
+ for (var i = 0; i < legendModels.length; i++) {
+ if (!legendModels[i].isSelected(category)) {
+ return false;
+ }
+ }
+ }
+ return true;
+ });
+ }, this);
+};
+
+/*
+* 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.
+*/
+
+
+var categoryVisual = function (ecModel) {
+
+ var paletteScope = {};
+ ecModel.eachSeriesByType('graph', function (seriesModel) {
+ var categoriesData = seriesModel.getCategoriesData();
+ var data = seriesModel.getData();
+
+ var categoryNameIdxMap = {};
+
+ categoriesData.each(function (idx) {
+ var name = categoriesData.getName(idx);
+ // Add prefix to avoid conflict with Object.prototype.
+ categoryNameIdxMap['ec-' + name] = idx;
+ var itemModel = categoriesData.getItemModel(idx);
+
+ var color = itemModel.get('itemStyle.color')
+ || seriesModel.getColorFromPalette(name, paletteScope);
+ categoriesData.setItemVisual(idx, 'color', color);
+
+ var itemStyleList = ['opacity', 'symbol', 'symbolSize', 'symbolKeepAspect'];
+ for (var i = 0; i < itemStyleList.length; i++) {
+ var itemStyle = itemModel.getShallow(itemStyleList[i], true);
+ if (itemStyle != null) {
+ categoriesData.setItemVisual(idx, itemStyleList[i], itemStyle);
+ }
+ }
+ });
+
+ // Assign category color to visual
+ if (categoriesData.count()) {
+ data.each(function (idx) {
+ var model = data.getItemModel(idx);
+ var category = model.getShallow('category');
+ if (category != null) {
+ if (typeof category === 'string') {
+ category = categoryNameIdxMap['ec-' + category];
+ }
+
+ var itemStyleList = ['color', 'opacity', 'symbol', 'symbolSize', 'symbolKeepAspect'];
+
+ for (var i = 0; i < itemStyleList.length; i++) {
+ if (data.getItemVisual(idx, itemStyleList[i], true) == null) {
+ data.setItemVisual(
+ idx, itemStyleList[i],
+ categoriesData.getItemVisual(category, itemStyleList[i])
+ );
+ }
+ }
+ }
+ });
+ }
+ });
+};
+
+/*
+* 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 normalize$1(a) {
+ if (!(a instanceof Array)) {
+ a = [a, a];
+ }
+ return a;
+}
+
+var edgeVisual = function (ecModel) {
+ ecModel.eachSeriesByType('graph', function (seriesModel) {
+ var graph = seriesModel.getGraph();
+ var edgeData = seriesModel.getEdgeData();
+ var symbolType = normalize$1(seriesModel.get('edgeSymbol'));
+ var symbolSize = normalize$1(seriesModel.get('edgeSymbolSize'));
+
+ var colorQuery = 'lineStyle.color'.split('.');
+ var opacityQuery = 'lineStyle.opacity'.split('.');
+
+ edgeData.setVisual('fromSymbol', symbolType && symbolType[0]);
+ edgeData.setVisual('toSymbol', symbolType && symbolType[1]);
+ edgeData.setVisual('fromSymbolSize', symbolSize && symbolSize[0]);
+ edgeData.setVisual('toSymbolSize', symbolSize && symbolSize[1]);
+ edgeData.setVisual('color', seriesModel.get(colorQuery));
+ edgeData.setVisual('opacity', seriesModel.get(opacityQuery));
+
+ edgeData.each(function (idx) {
+ var itemModel = edgeData.getItemModel(idx);
+ var edge = graph.getEdgeByIndex(idx);
+ var symbolType = normalize$1(itemModel.getShallow('symbol', true));
+ var symbolSize = normalize$1(itemModel.getShallow('symbolSize', true));
+ // Edge visual must after node visual
+ var color = itemModel.get(colorQuery);
+ var opacity = itemModel.get(opacityQuery);
+ switch (color) {
+ case 'source':
+ color = edge.node1.getVisual('color');
+ break;
+ case 'target':
+ color = edge.node2.getVisual('color');
+ break;
+ }
+
+ symbolType[0] && edge.setVisual('fromSymbol', symbolType[0]);
+ symbolType[1] && edge.setVisual('toSymbol', symbolType[1]);
+ symbolSize[0] && edge.setVisual('fromSymbolSize', symbolSize[0]);
+ symbolSize[1] && edge.setVisual('toSymbolSize', symbolSize[1]);
+
+ edge.setVisual('color', color);
+ edge.setVisual('opacity', opacity);
+ });
+ });
+};
+
+/*
+* 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 simpleLayout$1(seriesModel) {
+ var coordSys = seriesModel.coordinateSystem;
+ if (coordSys && coordSys.type !== 'view') {
+ return;
+ }
+ var graph = seriesModel.getGraph();
+
+ graph.eachNode(function (node) {
+ var model = node.getModel();
+ node.setLayout([+model.get('x'), +model.get('y')]);
+ });
+
+ simpleLayoutEdge(graph);
+}
+
+function simpleLayoutEdge(graph) {
+ graph.eachEdge(function (edge) {
+ var curveness = edge.getModel().get('lineStyle.curveness') || 0;
+ var p1 = clone$1(edge.node1.getLayout());
+ var p2 = clone$1(edge.node2.getLayout());
+ var points = [p1, p2];
+ if (+curveness) {
+ points.push([
+ (p1[0] + p2[0]) / 2 - (p1[1] - p2[1]) * curveness,
+ (p1[1] + p2[1]) / 2 - (p2[0] - p1[0]) * curveness
+ ]);
+ }
+ edge.setLayout(points);
+ });
+}
+
+/*
+* 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.
+*/
+
+var simpleLayout = function (ecModel, api) {
+ ecModel.eachSeriesByType('graph', function (seriesModel) {
+ var layout = seriesModel.get('layout');
+ var coordSys = seriesModel.coordinateSystem;
+ if (coordSys && coordSys.type !== 'view') {
+ var data = seriesModel.getData();
+
+ var dimensions = [];
+ each$1(coordSys.dimensions, function (coordDim) {
+ dimensions = dimensions.concat(data.mapDimension(coordDim, true));
+ });
+
+ for (var dataIndex = 0; dataIndex < data.count(); dataIndex++) {
+ var value = [];
+ var hasValue = false;
+ for (var i = 0; i < dimensions.length; i++) {
+ var val = data.get(dimensions[i], dataIndex);
+ if (!isNaN(val)) {
+ hasValue = true;
+ }
+ value.push(val);
+ }
+ if (hasValue) {
+ data.setItemLayout(dataIndex, coordSys.dataToPoint(value));
+ }
+ else {
+ // Also {Array.<number>}, not undefined to avoid if...else... statement
+ data.setItemLayout(dataIndex, [NaN, NaN]);
+ }
+ }
+
+ simpleLayoutEdge(data.graph);
+ }
+ else if (!layout || layout === 'none') {
+ simpleLayout$1(seriesModel);
+ }
+ });
+};
+
+/*
+* 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.
+*/
+
+var PI$3 = Math.PI;
+
+var _symbolRadiansHalf = [];
+
+/**
+ * `basedOn` can be:
+ * 'value':
+ * This layout is not accurate and have same bad case. For example,
+ * if the min value is very smaller than the max value, the nodes
+ * with the min value probably overlap even though there is enough
+ * space to layout them. So we only use this approach in the as the
+ * init layout of the force layout.
+ * FIXME
+ * Probably we do not need this method any more but use
+ * `basedOn: 'symbolSize'` in force layout if
+ * delay its init operations to GraphView.
+ * 'symbolSize':
+ * This approach work only if all of the symbol size calculated.
+ * That is, the progressive rendering is not applied to graph.
+ * FIXME
+ * If progressive rendering is applied to graph some day,
+ * probably we have to use `basedOn: 'value'`.
+ *
+ * @param {module:echarts/src/model/Series} seriesModel
+ * @param {string} basedOn 'value' or 'symbolSize'
+ */
+function circularLayout$1(seriesModel, basedOn) {
+ var coordSys = seriesModel.coordinateSystem;
+ if (coordSys && coordSys.type !== 'view') {
+ return;
+ }
+
+ var rect = coordSys.getBoundingRect();
+
+ var nodeData = seriesModel.getData();
+ var graph = nodeData.graph;
+
+ var cx = rect.width / 2 + rect.x;
+ var cy = rect.height / 2 + rect.y;
+ var r = Math.min(rect.width, rect.height) / 2;
+ var count = nodeData.count();
+
+ nodeData.setLayout({
+ cx: cx,
+ cy: cy
+ });
+
+ if (!count) {
+ return;
+ }
+
+ _layoutNodesBasedOn[basedOn](seriesModel, coordSys, graph, nodeData, r, cx, cy, count);
+
+ graph.eachEdge(function (edge) {
+ var curveness = edge.getModel().get('lineStyle.curveness') || 0;
+ var p1 = clone$1(edge.node1.getLayout());
+ var p2 = clone$1(edge.node2.getLayout());
+ var cp1;
+ var x12 = (p1[0] + p2[0]) / 2;
+ var y12 = (p1[1] + p2[1]) / 2;
+ if (+curveness) {
+ curveness *= 3;
+ cp1 = [
+ cx * curveness + x12 * (1 - curveness),
+ cy * curveness + y12 * (1 - curveness)
+ ];
+ }
+ edge.setLayout([p1, p2, cp1]);
+ });
+}
+
+var _layoutNodesBasedOn = {
+
+ value: function (seriesModel, coordSys, graph, nodeData, r, cx, cy, count) {
+ var angle = 0;
+ var sum = nodeData.getSum('value');
+ var unitAngle = Math.PI * 2 / (sum || count);
+
+ graph.eachNode(function (node) {
+ var value = node.getValue('value');
+ var radianHalf = unitAngle * (sum ? value : 1) / 2;
+
+ angle += radianHalf;
+ node.setLayout([
+ r * Math.cos(angle) + cx,
+ r * Math.sin(angle) + cy
+ ]);
+ angle += radianHalf;
+ });
+ },
+
+ symbolSize: function (seriesModel, coordSys, graph, nodeData, r, cx, cy, count) {
+ var sumRadian = 0;
+ _symbolRadiansHalf.length = count;
+
+ var nodeScale = getNodeGlobalScale(seriesModel);
+
+ graph.eachNode(function (node) {
+ var symbolSize = getSymbolSize$1(node);
+
+ // Normally this case will not happen, but we still add
+ // some the defensive code (2px is an arbitrary value).
+ isNaN(symbolSize) && (symbolSize = 2);
+ symbolSize < 0 && (symbolSize = 0);
+
+ symbolSize *= nodeScale;
+
+ var symbolRadianHalf = Math.asin(symbolSize / 2 / r);
+ // when `symbolSize / 2` is bigger than `r`.
+ isNaN(symbolRadianHalf) && (symbolRadianHalf = PI$3 / 2);
+ _symbolRadiansHalf[node.dataIndex] = symbolRadianHalf;
+ sumRadian += symbolRadianHalf * 2;
+ });
+
+ var halfRemainRadian = (2 * PI$3 - sumRadian) / count / 2;
+
+ var angle = 0;
+ graph.eachNode(function (node) {
+ var radianHalf = halfRemainRadian + _symbolRadiansHalf[node.dataIndex];
+
+ angle += radianHalf;
+ node.setLayout([
+ r * Math.cos(angle) + cx,
+ r * Math.sin(angle) + cy
+ ]);
+ angle += radianHalf;
+ });
+ }
+};
+
+/*
+* 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.
+*/
+
+var circularLayout = function (ecModel) {
+ ecModel.eachSeriesByType('graph', function (seriesModel) {
+ if (seriesModel.get('layout') === 'circular') {
+ circularLayout$1(seriesModel, 'symbolSize');
+ }
+ });
+};
+
+/*
+* 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.
+*/
+
+/*
+* A third-party license is embeded for some of the code in this file:
+* Some formulas were originally copied from "d3.js" with some
+* modifications made for this project.
+* (See more details in the comment of the method "step" below.)
+* The use of the source code of this file is also subject to the terms
+* and consitions of the license of "d3.js" (BSD-3Clause, see
+* </licenses/LICENSE-d3>).
+*/
+
+var scaleAndAdd$2 = scaleAndAdd;
+
+// function adjacentNode(n, e) {
+// return e.n1 === n ? e.n2 : e.n1;
+// }
+
+function forceLayout$1(nodes, edges, opts) {
+ var rect = opts.rect;
+ var width = rect.width;
+ var height = rect.height;
+ var center = [rect.x + width / 2, rect.y + height / 2];
+ // var scale = opts.scale || 1;
+ var gravity = opts.gravity == null ? 0.1 : opts.gravity;
+
+ // for (var i = 0; i < edges.length; i++) {
+ // var e = edges[i];
+ // var n1 = e.n1;
+ // var n2 = e.n2;
+ // n1.edges = n1.edges || [];
+ // n2.edges = n2.edges || [];
+ // n1.edges.push(e);
+ // n2.edges.push(e);
+ // }
+ // Init position
+ for (var i = 0; i < nodes.length; i++) {
+ var n = nodes[i];
+ if (!n.p) {
+ n.p = create(
+ width * (Math.random() - 0.5) + center[0],
+ height * (Math.random() - 0.5) + center[1]
+ );
+ }
+ n.pp = clone$1(n.p);
+ n.edges = null;
+ }
+
+ // Formula in 'Graph Drawing by Force-directed Placement'
+ // var k = scale * Math.sqrt(width * height / nodes.length);
+ // var k2 = k * k;
+
+ var initialFriction = opts.friction == null ? 0.6 : opts.friction;
+ var friction = initialFriction;
+
+ return {
+ warmUp: function () {
+ friction = initialFriction * 0.8;
+ },
+
+ setFixed: function (idx) {
+ nodes[idx].fixed = true;
+ },
+
+ setUnfixed: function (idx) {
+ nodes[idx].fixed = false;
+ },
+
+ /**
+ * Some formulas were originally copied from "d3.js"
+ * https://github.com/d3/d3/blob/b516d77fb8566b576088e73410437494717ada26/src/layout/force.js
+ * with some modifications made for this project.
+ * See the license statement at the head of this file.
+ */
+ step: function (cb) {
+ var v12 = [];
+ var nLen = nodes.length;
+ for (var i = 0; i < edges.length; i++) {
+ var e = edges[i];
+ if (e.ignoreForceLayout) {
+ continue;
+ }
+ var n1 = e.n1;
+ var n2 = e.n2;
+
+ sub(v12, n2.p, n1.p);
+ var d = len(v12) - e.d;
+ var w = n2.w / (n1.w + n2.w);
+
+ if (isNaN(w)) {
+ w = 0;
+ }
+
+ normalize(v12, v12);
+
+ !n1.fixed && scaleAndAdd$2(n1.p, n1.p, v12, w * d * friction);
+ !n2.fixed && scaleAndAdd$2(n2.p, n2.p, v12, -(1 - w) * d * friction);
+ }
+ // Gravity
+ for (var i = 0; i < nLen; i++) {
+ var n = nodes[i];
+ if (!n.fixed) {
+ sub(v12, center, n.p);
+ // var d = vec2.len(v12);
+ // vec2.scale(v12, v12, 1 / d);
+ // var gravityFactor = gravity;
+ scaleAndAdd$2(n.p, n.p, v12, gravity * friction);
+ }
+ }
+
+ // Repulsive
+ // PENDING
+ for (var i = 0; i < nLen; i++) {
+ var n1 = nodes[i];
+ for (var j = i + 1; j < nLen; j++) {
+ var n2 = nodes[j];
+ sub(v12, n2.p, n1.p);
+ var d = len(v12);
+ if (d === 0) {
+ // Random repulse
+ set(v12, Math.random() - 0.5, Math.random() - 0.5);
+ d = 1;
+ }
+ var repFact = (n1.rep + n2.rep) / d / d;
+ !n1.fixed && scaleAndAdd$2(n1.pp, n1.pp, v12, repFact);
+ !n2.fixed && scaleAndAdd$2(n2.pp, n2.pp, v12, -repFact);
+ }
+ }
+ var v = [];
+ for (var i = 0; i < nLen; i++) {
+ var n = nodes[i];
+ if (!n.fixed) {
+ sub(v, n.p, n.pp);
+ scaleAndAdd$2(n.p, n.p, v, friction);
+ copy(n.pp, n.p);
+ }
+ }
+
+ friction = friction * 0.992;
+
+ cb && cb(nodes, edges, friction < 0.01);
+ }
+ };
+}
+
+/*
+* 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.
+*/
+
+var forceLayout = function (ecModel) {
+ ecModel.eachSeriesByType('graph', function (graphSeries) {
+ var coordSys = graphSeries.coordinateSystem;
+ if (coordSys && coordSys.type !== 'view') {
+ return;
+ }
+ if (graphSeries.get('layout') === 'force') {
+ var preservedPoints = graphSeries.preservedPoints || {};
+ var graph = graphSeries.getGraph();
+ var nodeData = graph.data;
+ var edgeData = graph.edgeData;
+ var forceModel = graphSeries.getModel('force');
+ var initLayout = forceModel.get('initLayout');
+ if (graphSeries.preservedPoints) {
+ nodeData.each(function (idx) {
+ var id = nodeData.getId(idx);
+ nodeData.setItemLayout(idx, preservedPoints[id] || [NaN, NaN]);
+ });
+ }
+ else if (!initLayout || initLayout === 'none') {
+ simpleLayout$1(graphSeries);
+ }
+ else if (initLayout === 'circular') {
+ circularLayout$1(graphSeries, 'value');
+ }
+
+ var nodeDataExtent = nodeData.getDataExtent('value');
+ var edgeDataExtent = edgeData.getDataExtent('value');
+ // var edgeDataExtent = edgeData.getDataExtent('value');
+ var repulsion = forceModel.get('repulsion');
+ var edgeLength = forceModel.get('edgeLength');
+ if (!isArray(repulsion)) {
+ repulsion = [repulsion, repulsion];
+ }
+ if (!isArray(edgeLength)) {
+ edgeLength = [edgeLength, edgeLength];
+ }
+ // Larger value has smaller length
+ edgeLength = [edgeLength[1], edgeLength[0]];
+
+ var nodes = nodeData.mapArray('value', function (value, idx) {
+ var point = nodeData.getItemLayout(idx);
+ var rep = linearMap(value, nodeDataExtent, repulsion);
+ if (isNaN(rep)) {
+ rep = (repulsion[0] + repulsion[1]) / 2;
+ }
+ return {
+ w: rep,
+ rep: rep,
+ fixed: nodeData.getItemModel(idx).get('fixed'),
+ p: (!point || isNaN(point[0]) || isNaN(point[1])) ? null : point
+ };
+ });
+ var edges = edgeData.mapArray('value', function (value, idx) {
+ var edge = graph.getEdgeByIndex(idx);
+ var d = linearMap(value, edgeDataExtent, edgeLength);
+ if (isNaN(d)) {
+ d = (edgeLength[0] + edgeLength[1]) / 2;
+ }
+ var edgeModel = edge.getModel();
+ return {
+ n1: nodes[edge.node1.dataIndex],
+ n2: nodes[edge.node2.dataIndex],
+ d: d,
+ curveness: edgeModel.get('lineStyle.curveness') || 0,
+ ignoreForceLayout: edgeModel.get('ignoreForceLayout')
+ };
+ });
+
+ var coordSys = graphSeries.coordinateSystem;
+ var rect = coordSys.getBoundingRect();
+ var forceInstance = forceLayout$1(nodes, edges, {
+ rect: rect,
+ gravity: forceModel.get('gravity'),
+ friction: forceModel.get('friction')
+ });
+ var oldStep = forceInstance.step;
+ forceInstance.step = function (cb) {
+ for (var i = 0, l = nodes.length; i < l; i++) {
+ if (nodes[i].fixed) {
+ // Write back to layout instance
+ copy(nodes[i].p, graph.getNodeByIndex(i).getLayout());
+ }
+ }
+ oldStep(function (nodes, edges, stopped) {
+ for (var i = 0, l = nodes.length; i < l; i++) {
+ if (!nodes[i].fixed) {
+ graph.getNodeByIndex(i).setLayout(nodes[i].p);
+ }
+ preservedPoints[nodeData.getId(i)] = nodes[i].p;
+ }
+ for (var i = 0, l = edges.length; i < l; i++) {
+ var e = edges[i];
+ var edge = graph.getEdgeByIndex(i);
+ var p1 = e.n1.p;
+ var p2 = e.n2.p;
+ var points = edge.getLayout();
+ points = points ? points.slice() : [];
+ points[0] = points[0] || [];
+ points[1] = points[1] || [];
+ copy(points[0], p1);
+ copy(points[1], p2);
+ if (+e.curveness) {
+ points[2] = [
+ (p1[0] + p2[0]) / 2 - (p1[1] - p2[1]) * e.curveness,
+ (p1[1] + p2[1]) / 2 - (p2[0] - p1[0]) * e.curveness
+ ];
+ }
+ edge.setLayout(points);
+ }
+ // Update layout
+
+ cb && cb(stopped);
+ });
+ };
+ graphSeries.forceLayout = forceInstance;
+ graphSeries.preservedPoints = preservedPoints;
+
+ // Step to get the layout
+ forceInstance.step();
+ }
+ else {
+ // Remove prev injected forceLayout instance
+ graphSeries.forceLayout = null;
+ }
+ });
+};
+
+/*
+* 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.
+*/
+
+// FIXME Where to create the simple view coordinate system
+function getViewRect$2(seriesModel, api, aspect) {
+ var option = seriesModel.getBoxLayoutParams();
+ option.aspect = aspect;
+ return getLayoutRect(option, {
+ width: api.getWidth(),
+ height: api.getHeight()
+ });
+}
+
+var createView = function (ecModel, api) {
+ var viewList = [];
+ ecModel.eachSeriesByType('graph', function (seriesModel) {
+ var coordSysType = seriesModel.get('coordinateSystem');
+ if (!coordSysType || coordSysType === 'view') {
+
+ var data = seriesModel.getData();
+ var positions = data.mapArray(function (idx) {
+ var itemModel = data.getItemModel(idx);
+ return [+itemModel.get('x'), +itemModel.get('y')];
+ });
+
+ var min = [];
+ var max = [];
+
+ fromPoints(positions, min, max);
+
+ // If width or height is 0
+ if (max[0] - min[0] === 0) {
+ max[0] += 1;
+ min[0] -= 1;
+ }
+ if (max[1] - min[1] === 0) {
+ max[1] += 1;
+ min[1] -= 1;
+ }
+ var aspect = (max[0] - min[0]) / (max[1] - min[1]);
+ // FIXME If get view rect after data processed?
+ var viewRect = getViewRect$2(seriesModel, api, aspect);
+ // Position may be NaN, use view rect instead
+ if (isNaN(aspect)) {
+ min = [viewRect.x, viewRect.y];
+ max = [viewRect.x + viewRect.width, viewRect.y + viewRect.height];
+ }
+
+ var bbWidth = max[0] - min[0];
+ var bbHeight = max[1] - min[1];
+
+ var viewWidth = viewRect.width;
+ var viewHeight = viewRect.height;
+
+ var viewCoordSys = seriesModel.coordinateSystem = new View();
+ viewCoordSys.zoomLimit = seriesModel.get('scaleLimit');
+
+ viewCoordSys.setBoundingRect(
+ min[0], min[1], bbWidth, bbHeight
+ );
+ viewCoordSys.setViewRect(
+ viewRect.x, viewRect.y, viewWidth, viewHeight
+ );
+
+ // Update roam info
+ viewCoordSys.setCenter(seriesModel.get('center'));
+ viewCoordSys.setZoom(seriesModel.get('zoom'));
+
+ viewList.push(viewCoordSys);
+ }
+ });
+
+ return viewList;
+};
+
+/*
+* 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.
+*/
+
+registerProcessor(categoryFilter);
+
+registerVisual(visualSymbol('graph', 'circle', null));
+registerVisual(categoryVisual);
+registerVisual(edgeVisual);
+
+registerLayout(simpleLayout);
+registerLayout(PRIORITY.VISUAL.POST_CHART_LAYOUT, circularLayout);
+registerLayout(forceLayout);
+
+// Graph view coordinate system
+registerCoordinateSystem('graphView', {
+ create: createView
+});
+
+/*
+* 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.
+*/
+
+var GaugeSeries = SeriesModel.extend({
+
+ type: 'series.gauge',
+
+ getInitialData: function (option, ecModel) {
+ return createListSimply(this, ['value']);
+ },
+
+ defaultOption: {
+ zlevel: 0,
+ z: 2,
+ // 榛樿鍏ㄥ眬灞呬腑
+ center: ['50%', '50%'],
+ legendHoverLink: true,
+ radius: '75%',
+ startAngle: 225,
+ endAngle: -45,
+ clockwise: true,
+ // 鏈�灏忓��
+ min: 0,
+ // 鏈�澶у��
+ max: 100,
+ // 鍒嗗壊娈垫暟锛岄粯璁や负10
+ splitNumber: 10,
+ // 鍧愭爣杞寸嚎
+ axisLine: {
+ // 榛樿鏄剧ず锛屽睘鎬how鎺у埗鏄剧ず涓庡惁
+ show: true,
+ lineStyle: { // 灞炴�ineStyle鎺у埗绾挎潯鏍峰紡
+ color: [[0.2, '#91c7ae'], [0.8, '#63869e'], [1, '#c23531']],
+ width: 30
+ }
+ },
+ // 鍒嗛殧绾�
+ splitLine: {
+ // 榛樿鏄剧ず锛屽睘鎬how鎺у埗鏄剧ず涓庡惁
+ show: true,
+ // 灞炴�ength鎺у埗绾块暱
+ length: 30,
+ // 灞炴�ineStyle锛堣瑙乴ineStyle锛夋帶鍒剁嚎鏉℃牱寮�
+ lineStyle: {
+ color: '#eee',
+ width: 2,
+ type: 'solid'
+ }
+ },
+ // 鍧愭爣杞村皬鏍囪
+ axisTick: {
+ // 灞炴�how鎺у埗鏄剧ず涓庡惁锛岄粯璁や笉鏄剧ず
+ show: true,
+ // 姣忎唤split缁嗗垎澶氬皯娈�
+ splitNumber: 5,
+ // 灞炴�ength鎺у埗绾块暱
+ length: 8,
+ // 灞炴�ineStyle鎺у埗绾挎潯鏍峰紡
+ lineStyle: {
+ color: '#eee',
+ width: 1,
+ type: 'solid'
+ }
+ },
+ axisLabel: {
+ show: true,
+ distance: 5,
+ // formatter: null,
+ color: 'auto'
+ },
+ pointer: {
+ show: true,
+ length: '80%',
+ width: 8
+ },
+ itemStyle: {
+ color: 'auto'
+ },
+ title: {
+ show: true,
+ // x, y锛屽崟浣峱x
+ offsetCenter: [0, '-40%'],
+ // 鍏朵綑灞炴�ч粯璁や娇鐢ㄥ叏灞�鏂囨湰鏍峰紡锛岃瑙乀EXTSTYLE
+ color: '#333',
+ fontSize: 15
+ },
+ detail: {
+ show: true,
+ backgroundColor: 'rgba(0,0,0,0)',
+ borderWidth: 0,
+ borderColor: '#ccc',
+ width: 100,
+ height: null, // self-adaption
+ padding: [5, 10],
+ // x, y锛屽崟浣峱x
+ offsetCenter: [0, '40%'],
+ // formatter: null,
+ // 鍏朵綑灞炴�ч粯璁や娇鐢ㄥ叏灞�鏂囨湰鏍峰紡锛岃瑙乀EXTSTYLE
+ color: 'auto',
+ fontSize: 30
+ }
+ }
+});
+
+/*
+* 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.
+*/
+
+var PointerPath = Path.extend({
+
+ type: 'echartsGaugePointer',
+
+ shape: {
+ angle: 0,
+
+ width: 10,
+
+ r: 10,
+
+ x: 0,
+
+ y: 0
+ },
+
+ buildPath: function (ctx, shape) {
+ var mathCos = Math.cos;
+ var mathSin = Math.sin;
+
+ var r = shape.r;
+ var width = shape.width;
+ var angle = shape.angle;
+ var x = shape.x - mathCos(angle) * width * (width >= r / 3 ? 1 : 2);
+ var y = shape.y - mathSin(angle) * width * (width >= r / 3 ? 1 : 2);
+
+ angle = shape.angle - Math.PI / 2;
+ ctx.moveTo(x, y);
+ ctx.lineTo(
+ shape.x + mathCos(angle) * width,
+ shape.y + mathSin(angle) * width
+ );
+ ctx.lineTo(
+ shape.x + mathCos(shape.angle) * r,
+ shape.y + mathSin(shape.angle) * r
+ );
+ ctx.lineTo(
+ shape.x - mathCos(angle) * width,
+ shape.y - mathSin(angle) * width
+ );
+ ctx.lineTo(x, y);
+ return;
+ }
+});
+
+/*
+* 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 parsePosition(seriesModel, api) {
+ var center = seriesModel.get('center');
+ var width = api.getWidth();
+ var height = api.getHeight();
+ var size = Math.min(width, height);
+ var cx = parsePercent$1(center[0], api.getWidth());
+ var cy = parsePercent$1(center[1], api.getHeight());
+ var r = parsePercent$1(seriesModel.get('radius'), size / 2);
+
+ return {
+ cx: cx,
+ cy: cy,
+ r: r
+ };
+}
+
+function formatLabel(label, labelFormatter) {
+ if (labelFormatter) {
+ if (typeof labelFormatter === 'string') {
+ label = labelFormatter.replace('{value}', label != null ? label : '');
+ }
+ else if (typeof labelFormatter === 'function') {
+ label = labelFormatter(label);
+ }
+ }
+
+ return label;
+}
+
+var PI2$5 = Math.PI * 2;
+
+var GaugeView = Chart.extend({
+
+ type: 'gauge',
+
+ render: function (seriesModel, ecModel, api) {
+
+ this.group.removeAll();
+
+ var colorList = seriesModel.get('axisLine.lineStyle.color');
+ var posInfo = parsePosition(seriesModel, api);
+
+ this._renderMain(
+ seriesModel, ecModel, api, colorList, posInfo
+ );
+ },
+
+ dispose: function () {},
+
+ _renderMain: function (seriesModel, ecModel, api, colorList, posInfo) {
+ var group = this.group;
+
+ var axisLineModel = seriesModel.getModel('axisLine');
+ var lineStyleModel = axisLineModel.getModel('lineStyle');
+
+ var clockwise = seriesModel.get('clockwise');
+ var startAngle = -seriesModel.get('startAngle') / 180 * Math.PI;
+ var endAngle = -seriesModel.get('endAngle') / 180 * Math.PI;
+
+ var angleRangeSpan = (endAngle - startAngle) % PI2$5;
+
+ var prevEndAngle = startAngle;
+ var axisLineWidth = lineStyleModel.get('width');
+ var showAxis = axisLineModel.get('show');
+
+ for (var i = 0; showAxis && i < colorList.length; i++) {
+ // Clamp
+ var percent = Math.min(Math.max(colorList[i][0], 0), 1);
+ var endAngle = startAngle + angleRangeSpan * percent;
+ var sector = new Sector({
+ shape: {
+ startAngle: prevEndAngle,
+ endAngle: endAngle,
+ cx: posInfo.cx,
+ cy: posInfo.cy,
+ clockwise: clockwise,
+ r0: posInfo.r - axisLineWidth,
+ r: posInfo.r
+ },
+ silent: true
+ });
+
+ sector.setStyle({
+ fill: colorList[i][1]
+ });
+
+ sector.setStyle(lineStyleModel.getLineStyle(
+ // Because we use sector to simulate arc
+ // so the properties for stroking are useless
+ ['color', 'borderWidth', 'borderColor']
+ ));
+
+ group.add(sector);
+
+ prevEndAngle = endAngle;
+ }
+
+ var getColor = function (percent) {
+ // Less than 0
+ if (percent <= 0) {
+ return colorList[0][1];
+ }
+ for (var i = 0; i < colorList.length; i++) {
+ if (colorList[i][0] >= percent
+ && (i === 0 ? 0 : colorList[i - 1][0]) < percent
+ ) {
+ return colorList[i][1];
+ }
+ }
+ // More than 1
+ return colorList[i - 1][1];
+ };
+
+ if (!clockwise) {
+ var tmp = startAngle;
+ startAngle = endAngle;
+ endAngle = tmp;
+ }
+
+ this._renderTicks(
+ seriesModel, ecModel, api, getColor, posInfo,
+ startAngle, endAngle, clockwise
+ );
+
+ this._renderPointer(
+ seriesModel, ecModel, api, getColor, posInfo,
+ startAngle, endAngle, clockwise
+ );
+
+ this._renderTitle(
+ seriesModel, ecModel, api, getColor, posInfo
+ );
+ this._renderDetail(
+ seriesModel, ecModel, api, getColor, posInfo
+ );
+ },
+
+ _renderTicks: function (
+ seriesModel, ecModel, api, getColor, posInfo,
+ startAngle, endAngle, clockwise
+ ) {
+ var group = this.group;
+ var cx = posInfo.cx;
+ var cy = posInfo.cy;
+ var r = posInfo.r;
+
+ var minVal = +seriesModel.get('min');
+ var maxVal = +seriesModel.get('max');
+
+ var splitLineModel = seriesModel.getModel('splitLine');
+ var tickModel = seriesModel.getModel('axisTick');
+ var labelModel = seriesModel.getModel('axisLabel');
+
+ var splitNumber = seriesModel.get('splitNumber');
+ var subSplitNumber = tickModel.get('splitNumber');
+
+ var splitLineLen = parsePercent$1(
+ splitLineModel.get('length'), r
+ );
+ var tickLen = parsePercent$1(
+ tickModel.get('length'), r
+ );
+
+ var angle = startAngle;
+ var step = (endAngle - startAngle) / splitNumber;
+ var subStep = step / subSplitNumber;
+
+ var splitLineStyle = splitLineModel.getModel('lineStyle').getLineStyle();
+ var tickLineStyle = tickModel.getModel('lineStyle').getLineStyle();
+
+ for (var i = 0; i <= splitNumber; i++) {
+ var unitX = Math.cos(angle);
+ var unitY = Math.sin(angle);
+ // Split line
+ if (splitLineModel.get('show')) {
+ var splitLine = new Line({
+ shape: {
+ x1: unitX * r + cx,
+ y1: unitY * r + cy,
+ x2: unitX * (r - splitLineLen) + cx,
+ y2: unitY * (r - splitLineLen) + cy
+ },
+ style: splitLineStyle,
+ silent: true
+ });
+ if (splitLineStyle.stroke === 'auto') {
+ splitLine.setStyle({
+ stroke: getColor(i / splitNumber)
+ });
+ }
+
+ group.add(splitLine);
+ }
+
+ // Label
+ if (labelModel.get('show')) {
+ var label = formatLabel(
+ round$1(i / splitNumber * (maxVal - minVal) + minVal),
+ labelModel.get('formatter')
+ );
+ var distance = labelModel.get('distance');
+ var autoColor = getColor(i / splitNumber);
+
+ group.add(new Text({
+ style: setTextStyle({}, labelModel, {
+ text: label,
+ x: unitX * (r - splitLineLen - distance) + cx,
+ y: unitY * (r - splitLineLen - distance) + cy,
+ textVerticalAlign: unitY < -0.4 ? 'top' : (unitY > 0.4 ? 'bottom' : 'middle'),
+ textAlign: unitX < -0.4 ? 'left' : (unitX > 0.4 ? 'right' : 'center')
+ }, {autoColor: autoColor}),
+ silent: true
+ }));
+ }
+
+ // Axis tick
+ if (tickModel.get('show') && i !== splitNumber) {
+ for (var j = 0; j <= subSplitNumber; j++) {
+ var unitX = Math.cos(angle);
+ var unitY = Math.sin(angle);
+ var tickLine = new Line({
+ shape: {
+ x1: unitX * r + cx,
+ y1: unitY * r + cy,
+ x2: unitX * (r - tickLen) + cx,
+ y2: unitY * (r - tickLen) + cy
+ },
+ silent: true,
+ style: tickLineStyle
+ });
+
+ if (tickLineStyle.stroke === 'auto') {
+ tickLine.setStyle({
+ stroke: getColor((i + j / subSplitNumber) / splitNumber)
+ });
+ }
+
+ group.add(tickLine);
+ angle += subStep;
+ }
+ angle -= subStep;
+ }
+ else {
+ angle += step;
+ }
+ }
+ },
+
+ _renderPointer: function (
+ seriesModel, ecModel, api, getColor, posInfo,
+ startAngle, endAngle, clockwise
+ ) {
+
+ var group = this.group;
+ var oldData = this._data;
+
+ if (!seriesModel.get('pointer.show')) {
+ // Remove old element
+ oldData && oldData.eachItemGraphicEl(function (el) {
+ group.remove(el);
+ });
+ return;
+ }
+
+ var valueExtent = [+seriesModel.get('min'), +seriesModel.get('max')];
+ var angleExtent = [startAngle, endAngle];
+
+ var data = seriesModel.getData();
+ var valueDim = data.mapDimension('value');
+
+ data.diff(oldData)
+ .add(function (idx) {
+ var pointer = new PointerPath({
+ shape: {
+ angle: startAngle
+ }
+ });
+
+ initProps(pointer, {
+ shape: {
+ angle: linearMap(data.get(valueDim, idx), valueExtent, angleExtent, true)
+ }
+ }, seriesModel);
+
+ group.add(pointer);
+ data.setItemGraphicEl(idx, pointer);
+ })
+ .update(function (newIdx, oldIdx) {
+ var pointer = oldData.getItemGraphicEl(oldIdx);
+
+ updateProps(pointer, {
+ shape: {
+ angle: linearMap(data.get(valueDim, newIdx), valueExtent, angleExtent, true)
+ }
+ }, seriesModel);
+
+ group.add(pointer);
+ data.setItemGraphicEl(newIdx, pointer);
+ })
+ .remove(function (idx) {
+ var pointer = oldData.getItemGraphicEl(idx);
+ group.remove(pointer);
+ })
+ .execute();
+
+ data.eachItemGraphicEl(function (pointer, idx) {
+ var itemModel = data.getItemModel(idx);
+ var pointerModel = itemModel.getModel('pointer');
+
+ pointer.setShape({
+ x: posInfo.cx,
+ y: posInfo.cy,
+ width: parsePercent$1(
+ pointerModel.get('width'), posInfo.r
+ ),
+ r: parsePercent$1(pointerModel.get('length'), posInfo.r)
+ });
+
+ pointer.useStyle(itemModel.getModel('itemStyle').getItemStyle());
+
+ if (pointer.style.fill === 'auto') {
+ pointer.setStyle('fill', getColor(
+ linearMap(data.get(valueDim, idx), valueExtent, [0, 1], true)
+ ));
+ }
+
+ setHoverStyle(
+ pointer, itemModel.getModel('emphasis.itemStyle').getItemStyle()
+ );
+ });
+
+ this._data = data;
+ },
+
+ _renderTitle: function (
+ seriesModel, ecModel, api, getColor, posInfo
+ ) {
+ var data = seriesModel.getData();
+ var valueDim = data.mapDimension('value');
+ var titleModel = seriesModel.getModel('title');
+ if (titleModel.get('show')) {
+ var offsetCenter = titleModel.get('offsetCenter');
+ var x = posInfo.cx + parsePercent$1(offsetCenter[0], posInfo.r);
+ var y = posInfo.cy + parsePercent$1(offsetCenter[1], posInfo.r);
+
+ var minVal = +seriesModel.get('min');
+ var maxVal = +seriesModel.get('max');
+ var value = seriesModel.getData().get(valueDim, 0);
+ var autoColor = getColor(
+ linearMap(value, [minVal, maxVal], [0, 1], true)
+ );
+
+ this.group.add(new Text({
+ silent: true,
+ style: setTextStyle({}, titleModel, {
+ x: x,
+ y: y,
+ // FIXME First data name ?
+ text: data.getName(0),
+ textAlign: 'center',
+ textVerticalAlign: 'middle'
+ }, {autoColor: autoColor, forceRich: true})
+ }));
+ }
+ },
+
+ _renderDetail: function (
+ seriesModel, ecModel, api, getColor, posInfo
+ ) {
+ var detailModel = seriesModel.getModel('detail');
+ var minVal = +seriesModel.get('min');
+ var maxVal = +seriesModel.get('max');
+ if (detailModel.get('show')) {
+ var offsetCenter = detailModel.get('offsetCenter');
+ var x = posInfo.cx + parsePercent$1(offsetCenter[0], posInfo.r);
+ var y = posInfo.cy + parsePercent$1(offsetCenter[1], posInfo.r);
+ var width = parsePercent$1(detailModel.get('width'), posInfo.r);
+ var height = parsePercent$1(detailModel.get('height'), posInfo.r);
+ var data = seriesModel.getData();
+ var value = data.get(data.mapDimension('value'), 0);
+ var autoColor = getColor(
+ linearMap(value, [minVal, maxVal], [0, 1], true)
+ );
+
+ this.group.add(new Text({
+ silent: true,
+ style: setTextStyle({}, detailModel, {
+ x: x,
+ y: y,
+ text: formatLabel(
+ // FIXME First data name ?
+ value, detailModel.get('formatter')
+ ),
+ textWidth: isNaN(width) ? null : width,
+ textHeight: isNaN(height) ? null : height,
+ textAlign: 'center',
+ textVerticalAlign: 'middle'
+ }, {autoColor: autoColor, forceRich: true})
+ }));
+ }
+ }
+});
+
+/*
+* 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.
+*/
+
+/*
+* 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.
+*/
+
+var FunnelSeries = extendSeriesModel({
+
+ type: 'series.funnel',
+
+ init: function (option) {
+ FunnelSeries.superApply(this, 'init', arguments);
+
+ // Enable legend selection for each data item
+ // Use a function instead of direct access because data reference may changed
+ this.legendVisualProvider = new LegendVisualProvider(
+ bind(this.getData, this), bind(this.getRawData, this)
+ );
+ // Extend labelLine emphasis
+ this._defaultLabelLine(option);
+ },
+
+ getInitialData: function (option, ecModel) {
+ return createListSimply(this, {
+ coordDimensions: ['value'],
+ encodeDefaulter: curry(makeSeriesEncodeForNameBased, this)
+ });
+ },
+
+ _defaultLabelLine: function (option) {
+ // Extend labelLine emphasis
+ defaultEmphasis(option, 'labelLine', ['show']);
+
+ var labelLineNormalOpt = option.labelLine;
+ var labelLineEmphasisOpt = option.emphasis.labelLine;
+ // Not show label line if `label.normal.show = false`
+ labelLineNormalOpt.show = labelLineNormalOpt.show
+ && option.label.show;
+ labelLineEmphasisOpt.show = labelLineEmphasisOpt.show
+ && option.emphasis.label.show;
+ },
+
+ // Overwrite
+ getDataParams: function (dataIndex) {
+ var data = this.getData();
+ var params = FunnelSeries.superCall(this, 'getDataParams', dataIndex);
+ var valueDim = data.mapDimension('value');
+ var sum = data.getSum(valueDim);
+ // Percent is 0 if sum is 0
+ params.percent = !sum ? 0 : +(data.get(valueDim, dataIndex) / sum * 100).toFixed(2);
+
+ params.$vars.push('percent');
+ return params;
+ },
+
+ defaultOption: {
+ zlevel: 0, // 涓�绾у眰鍙�
+ z: 2, // 浜岀骇灞傚彔
+ legendHoverLink: true,
+ left: 80,
+ top: 60,
+ right: 80,
+ bottom: 60,
+ // width: {totalWidth} - left - right,
+ // height: {totalHeight} - top - bottom,
+
+ // 榛樿鍙栨暟鎹渶灏忔渶澶у��
+ // min: 0,
+ // max: 100,
+ minSize: '0%',
+ maxSize: '100%',
+ sort: 'descending', // 'ascending', 'descending'
+ gap: 0,
+ funnelAlign: 'center',
+ label: {
+ show: true,
+ position: 'outer'
+ // formatter: 鏍囩鏂囨湰鏍煎紡鍣紝鍚孴ooltip.formatter锛屼笉鏀寔寮傛鍥炶皟
+ },
+ labelLine: {
+ show: true,
+ length: 20,
+ lineStyle: {
+ // color: 鍚勫紓,
+ width: 1,
+ type: 'solid'
+ }
+ },
+ itemStyle: {
+ // color: 鍚勫紓,
+ borderColor: '#fff',
+ borderWidth: 1
+ },
+ emphasis: {
+ label: {
+ show: true
+ }
+ }
+ }
+});
+
+/*
+* 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.
+*/
+
+/**
+ * Piece of pie including Sector, Label, LabelLine
+ * @constructor
+ * @extends {module:zrender/graphic/Group}
+ */
+function FunnelPiece(data, idx) {
+
+ Group.call(this);
+
+ var polygon = new Polygon();
+ var labelLine = new Polyline();
+ var text = new Text();
+ this.add(polygon);
+ this.add(labelLine);
+ this.add(text);
+
+ this.highDownOnUpdate = function (fromState, toState) {
+ if (toState === 'emphasis') {
+ labelLine.ignore = labelLine.hoverIgnore;
+ text.ignore = text.hoverIgnore;
+ }
+ else {
+ labelLine.ignore = labelLine.normalIgnore;
+ text.ignore = text.normalIgnore;
+ }
+ };
+
+ this.updateData(data, idx, true);
+}
+
+var funnelPieceProto = FunnelPiece.prototype;
+
+var opacityAccessPath = ['itemStyle', 'opacity'];
+funnelPieceProto.updateData = function (data, idx, firstCreate) {
+
+ var polygon = this.childAt(0);
+
+ var seriesModel = data.hostModel;
+ var itemModel = data.getItemModel(idx);
+ var layout = data.getItemLayout(idx);
+ var opacity = data.getItemModel(idx).get(opacityAccessPath);
+ opacity = opacity == null ? 1 : opacity;
+
+ // Reset style
+ polygon.useStyle({});
+
+ if (firstCreate) {
+ polygon.setShape({
+ points: layout.points
+ });
+ polygon.setStyle({opacity: 0});
+ initProps(polygon, {
+ style: {
+ opacity: opacity
+ }
+ }, seriesModel, idx);
+ }
+ else {
+ updateProps(polygon, {
+ style: {
+ opacity: opacity
+ },
+ shape: {
+ points: layout.points
+ }
+ }, seriesModel, idx);
+ }
+
+ // Update common style
+ var itemStyleModel = itemModel.getModel('itemStyle');
+ var visualColor = data.getItemVisual(idx, 'color');
+
+ polygon.setStyle(
+ defaults(
+ {
+ lineJoin: 'round',
+ fill: visualColor
+ },
+ itemStyleModel.getItemStyle(['opacity'])
+ )
+ );
+ polygon.hoverStyle = itemStyleModel.getModel('emphasis').getItemStyle();
+
+ this._updateLabel(data, idx);
+
+ setHoverStyle(this);
+};
+
+funnelPieceProto._updateLabel = function (data, idx) {
+
+ var labelLine = this.childAt(1);
+ var labelText = this.childAt(2);
+
+ var seriesModel = data.hostModel;
+ var itemModel = data.getItemModel(idx);
+ var layout = data.getItemLayout(idx);
+ var labelLayout = layout.label;
+ var visualColor = data.getItemVisual(idx, 'color');
+
+ updateProps(labelLine, {
+ shape: {
+ points: labelLayout.linePoints || labelLayout.linePoints
+ }
+ }, seriesModel, idx);
+
+ updateProps(labelText, {
+ style: {
+ x: labelLayout.x,
+ y: labelLayout.y
+ }
+ }, seriesModel, idx);
+ labelText.attr({
+ rotation: labelLayout.rotation,
+ origin: [labelLayout.x, labelLayout.y],
+ z2: 10
+ });
+
+ var labelModel = itemModel.getModel('label');
+ var labelHoverModel = itemModel.getModel('emphasis.label');
+ var labelLineModel = itemModel.getModel('labelLine');
+ var labelLineHoverModel = itemModel.getModel('emphasis.labelLine');
+ var visualColor = data.getItemVisual(idx, 'color');
+
+ setLabelStyle(
+ labelText.style, labelText.hoverStyle = {}, labelModel, labelHoverModel,
+ {
+ labelFetcher: data.hostModel,
+ labelDataIndex: idx,
+ defaultText: data.getName(idx),
+ autoColor: visualColor,
+ useInsideStyle: !!labelLayout.inside
+ },
+ {
+ textAlign: labelLayout.textAlign,
+ textVerticalAlign: labelLayout.verticalAlign
+ }
+ );
+
+ labelText.ignore = labelText.normalIgnore = !labelModel.get('show');
+ labelText.hoverIgnore = !labelHoverModel.get('show');
+
+ labelLine.ignore = labelLine.normalIgnore = !labelLineModel.get('show');
+ labelLine.hoverIgnore = !labelLineHoverModel.get('show');
+
+ // Default use item visual color
+ labelLine.setStyle({
+ stroke: visualColor
+ });
+ labelLine.setStyle(labelLineModel.getModel('lineStyle').getLineStyle());
+
+ labelLine.hoverStyle = labelLineHoverModel.getModel('lineStyle').getLineStyle();
+};
+
+inherits(FunnelPiece, Group);
+
+
+var FunnelView = Chart.extend({
+
+ type: 'funnel',
+
+ render: function (seriesModel, ecModel, api) {
+ var data = seriesModel.getData();
+ var oldData = this._data;
+
+ var group = this.group;
+
+ data.diff(oldData)
+ .add(function (idx) {
+ var funnelPiece = new FunnelPiece(data, idx);
+
+ data.setItemGraphicEl(idx, funnelPiece);
+
+ group.add(funnelPiece);
+ })
+ .update(function (newIdx, oldIdx) {
+ var piePiece = oldData.getItemGraphicEl(oldIdx);
+
+ piePiece.updateData(data, newIdx);
+
+ group.add(piePiece);
+ data.setItemGraphicEl(newIdx, piePiece);
+ })
+ .remove(function (idx) {
+ var piePiece = oldData.getItemGraphicEl(idx);
+ group.remove(piePiece);
+ })
+ .execute();
+
+ this._data = data;
+ },
+
+ remove: function () {
+ this.group.removeAll();
+ this._data = null;
+ },
+
+ dispose: function () {}
+});
+
+/*
+* 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 getViewRect$3(seriesModel, api) {
+ return getLayoutRect(
+ seriesModel.getBoxLayoutParams(), {
+ width: api.getWidth(),
+ height: api.getHeight()
+ }
+ );
+}
+
+function getSortedIndices(data, sort) {
+ var valueDim = data.mapDimension('value');
+ var valueArr = data.mapArray(valueDim, function (val) {
+ return val;
+ });
+ var indices = [];
+ var isAscending = sort === 'ascending';
+ for (var i = 0, len = data.count(); i < len; i++) {
+ indices[i] = i;
+ }
+
+ // Add custom sortable function & none sortable opetion by "options.sort"
+ if (typeof sort === 'function') {
+ indices.sort(sort);
+ }
+ else if (sort !== 'none') {
+ indices.sort(function (a, b) {
+ return isAscending ? valueArr[a] - valueArr[b] : valueArr[b] - valueArr[a];
+ });
+ }
+ return indices;
+}
+
+function labelLayout$1(data) {
+ data.each(function (idx) {
+ var itemModel = data.getItemModel(idx);
+ var labelModel = itemModel.getModel('label');
+ var labelPosition = labelModel.get('position');
+
+ var labelLineModel = itemModel.getModel('labelLine');
+
+ var layout = data.getItemLayout(idx);
+ var points = layout.points;
+
+ var isLabelInside = labelPosition === 'inner'
+ || labelPosition === 'inside' || labelPosition === 'center'
+ || labelPosition === 'insideLeft' || labelPosition === 'insideRight';
+
+ var textAlign;
+ var textX;
+ var textY;
+ var linePoints;
+
+ if (isLabelInside) {
+ if (labelPosition === 'insideLeft') {
+ textX = (points[0][0] + points[3][0]) / 2 + 5;
+ textY = (points[0][1] + points[3][1]) / 2;
+ textAlign = 'left';
+ }
+ else if (labelPosition === 'insideRight') {
+ textX = (points[1][0] + points[2][0]) / 2 - 5;
+ textY = (points[1][1] + points[2][1]) / 2;
+ textAlign = 'right';
+ }
+ else {
+ textX = (points[0][0] + points[1][0] + points[2][0] + points[3][0]) / 4;
+ textY = (points[0][1] + points[1][1] + points[2][1] + points[3][1]) / 4;
+ textAlign = 'center';
+ }
+ linePoints = [
+ [textX, textY], [textX, textY]
+ ];
+ }
+ else {
+ var x1;
+ var y1;
+ var x2;
+ var labelLineLen = labelLineModel.get('length');
+ if (labelPosition === 'left') {
+ // Left side
+ x1 = (points[3][0] + points[0][0]) / 2;
+ y1 = (points[3][1] + points[0][1]) / 2;
+ x2 = x1 - labelLineLen;
+ textX = x2 - 5;
+ textAlign = 'right';
+ }
+ else if (labelPosition === 'right') {
+ // Right side
+ x1 = (points[1][0] + points[2][0]) / 2;
+ y1 = (points[1][1] + points[2][1]) / 2;
+ x2 = x1 + labelLineLen;
+ textX = x2 + 5;
+ textAlign = 'left';
+ }
+ else if (labelPosition === 'rightTop') {
+ // RightTop side
+ x1 = points[1][0];
+ y1 = points[1][1];
+ x2 = x1 + labelLineLen;
+ textX = x2 + 5;
+ textAlign = 'top';
+ }
+ else if (labelPosition === 'rightBottom') {
+ // RightBottom side
+ x1 = points[2][0];
+ y1 = points[2][1];
+ x2 = x1 + labelLineLen;
+ textX = x2 + 5;
+ textAlign = 'bottom';
+ }
+ else if (labelPosition === 'leftTop') {
+ // LeftTop side
+ x1 = points[0][0];
+ y1 = points[1][1];
+ x2 = x1 - labelLineLen;
+ textX = x2 - 5;
+ textAlign = 'right';
+ }
+ else if (labelPosition === 'leftBottom') {
+ // LeftBottom side
+ x1 = points[3][0];
+ y1 = points[2][1];
+ x2 = x1 - labelLineLen;
+ textX = x2 - 5;
+ textAlign = 'right';
+ }
+ else {
+ // Right side
+ x1 = (points[1][0] + points[2][0]) / 2;
+ y1 = (points[1][1] + points[2][1]) / 2;
+ x2 = x1 + labelLineLen;
+ textX = x2 + 5;
+ textAlign = 'left';
+ }
+ var y2 = y1;
+
+ linePoints = [[x1, y1], [x2, y2]];
+ textY = y2;
+ }
+
+ layout.label = {
+ linePoints: linePoints,
+ x: textX,
+ y: textY,
+ verticalAlign: 'middle',
+ textAlign: textAlign,
+ inside: isLabelInside
+ };
+ });
+}
+
+var funnelLayout = function (ecModel, api, payload) {
+ ecModel.eachSeriesByType('funnel', function (seriesModel) {
+ var data = seriesModel.getData();
+ var valueDim = data.mapDimension('value');
+ var sort = seriesModel.get('sort');
+ var viewRect = getViewRect$3(seriesModel, api);
+ var indices = getSortedIndices(data, sort);
+
+ var sizeExtent = [
+ parsePercent$1(seriesModel.get('minSize'), viewRect.width),
+ parsePercent$1(seriesModel.get('maxSize'), viewRect.width)
+ ];
+ var dataExtent = data.getDataExtent(valueDim);
+ var min = seriesModel.get('min');
+ var max = seriesModel.get('max');
+ if (min == null) {
+ min = Math.min(dataExtent[0], 0);
+ }
+ if (max == null) {
+ max = dataExtent[1];
+ }
+
+ var funnelAlign = seriesModel.get('funnelAlign');
+ var gap = seriesModel.get('gap');
+ var itemHeight = (viewRect.height - gap * (data.count() - 1)) / data.count();
+
+ var y = viewRect.y;
+
+ var getLinePoints = function (idx, offY) {
+ // End point index is data.count() and we assign it 0
+ var val = data.get(valueDim, idx) || 0;
+ var itemWidth = linearMap(val, [min, max], sizeExtent, true);
+ var x0;
+ switch (funnelAlign) {
+ case 'left':
+ x0 = viewRect.x;
+ break;
+ case 'center':
+ x0 = viewRect.x + (viewRect.width - itemWidth) / 2;
+ break;
+ case 'right':
+ x0 = viewRect.x + viewRect.width - itemWidth;
+ break;
+ }
+ return [
+ [x0, offY],
+ [x0 + itemWidth, offY]
+ ];
+ };
+
+ if (sort === 'ascending') {
+ // From bottom to top
+ itemHeight = -itemHeight;
+ gap = -gap;
+ y += viewRect.height;
+ indices = indices.reverse();
+ }
+
+ for (var i = 0; i < indices.length; i++) {
+ var idx = indices[i];
+ var nextIdx = indices[i + 1];
+
+ var itemModel = data.getItemModel(idx);
+ var height = itemModel.get('itemStyle.height');
+ if (height == null) {
+ height = itemHeight;
+ }
+ else {
+ height = parsePercent$1(height, viewRect.height);
+ if (sort === 'ascending') {
+ height = -height;
+ }
+ }
+
+ var start = getLinePoints(idx, y);
+ var end = getLinePoints(nextIdx, y + height);
+
+ y += height + gap;
+
+ data.setItemLayout(idx, {
+ points: start.concat(end.slice().reverse())
+ });
+ }
+
+ labelLayout$1(data);
+ });
+};
+
+/*
+* 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.
+*/
+
+registerVisual(dataColor('funnel'));
+registerLayout(funnelLayout);
+registerProcessor(dataFilter('funnel'));
+
+/*
+* 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.
+*/
+
+var parallelPreprocessor = function (option) {
+ createParallelIfNeeded(option);
+ mergeAxisOptionFromParallel(option);
+};
+
+/**
+ * Create a parallel coordinate if not exists.
+ * @inner
+ */
+function createParallelIfNeeded(option) {
+ if (option.parallel) {
+ return;
+ }
+
+ var hasParallelSeries = false;
+
+ each$1(option.series, function (seriesOpt) {
+ if (seriesOpt && seriesOpt.type === 'parallel') {
+ hasParallelSeries = true;
+ }
+ });
+
+ if (hasParallelSeries) {
+ option.parallel = [{}];
+ }
+}
+
+/**
+ * Merge aixs definition from parallel option (if exists) to axis option.
+ * @inner
+ */
+function mergeAxisOptionFromParallel(option) {
+ var axes = normalizeToArray(option.parallelAxis);
+
+ each$1(axes, function (axisOption) {
+ if (!isObject$1(axisOption)) {
+ return;
+ }
+
+ var parallelIndex = axisOption.parallelIndex || 0;
+ var parallelOption = normalizeToArray(option.parallel)[parallelIndex];
+
+ if (parallelOption && parallelOption.parallelAxisDefault) {
+ merge(axisOption, parallelOption.parallelAxisDefault, false);
+ }
+ });
+}
+
+/*
+* 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.
+*/
+
+/**
+ * @constructor module:echarts/coord/parallel/ParallelAxis
+ * @extends {module:echarts/coord/Axis}
+ * @param {string} dim
+ * @param {*} scale
+ * @param {Array.<number>} coordExtent
+ * @param {string} axisType
+ */
+var ParallelAxis = function (dim, scale, coordExtent, axisType, axisIndex) {
+
+ Axis.call(this, dim, scale, coordExtent);
+
+ /**
+ * Axis type
+ * - 'category'
+ * - 'value'
+ * - 'time'
+ * - 'log'
+ * @type {string}
+ */
+ this.type = axisType || 'value';
+
+ /**
+ * @type {number}
+ * @readOnly
+ */
+ this.axisIndex = axisIndex;
+};
+
+ParallelAxis.prototype = {
+
+ constructor: ParallelAxis,
+
+ /**
+ * Axis model
+ * @param {module:echarts/coord/parallel/AxisModel}
+ */
+ model: null,
+
+ /**
+ * @override
+ */
+ isHorizontal: function () {
+ return this.coordinateSystem.getModel().get('layout') !== 'horizontal';
+ }
+
+};
+
+inherits(ParallelAxis, Axis);
+
+/*
+* 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.
+*/
+
+/**
+ * Calculate slider move result.
+ * Usage:
+ * (1) If both handle0 and handle1 are needed to be moved, set minSpan the same as
+ * maxSpan and the same as `Math.abs(handleEnd[1] - handleEnds[0])`.
+ * (2) If handle0 is forbidden to cross handle1, set minSpan as `0`.
+ *
+ * @param {number} delta Move length.
+ * @param {Array.<number>} handleEnds handleEnds[0] can be bigger then handleEnds[1].
+ * handleEnds will be modified in this method.
+ * @param {Array.<number>} extent handleEnds is restricted by extent.
+ * extent[0] should less or equals than extent[1].
+ * @param {number|string} handleIndex Can be 'all', means that both move the two handleEnds.
+ * @param {number} [minSpan] The range of dataZoom can not be smaller than that.
+ * If not set, handle0 and cross handle1. If set as a non-negative
+ * number (including `0`), handles will push each other when reaching
+ * the minSpan.
+ * @param {number} [maxSpan] The range of dataZoom can not be larger than that.
+ * @return {Array.<number>} The input handleEnds.
+ */
+var sliderMove = function (delta, handleEnds, extent, handleIndex, minSpan, maxSpan) {
+
+ delta = delta || 0;
+
+ var extentSpan = extent[1] - extent[0];
+
+ // Notice maxSpan and minSpan can be null/undefined.
+ if (minSpan != null) {
+ minSpan = restrict$1(minSpan, [0, extentSpan]);
+ }
+ if (maxSpan != null) {
+ maxSpan = Math.max(maxSpan, minSpan != null ? minSpan : 0);
+ }
+ if (handleIndex === 'all') {
+ var handleSpan = Math.abs(handleEnds[1] - handleEnds[0]);
+ handleSpan = restrict$1(handleSpan, [0, extentSpan]);
+ minSpan = maxSpan = restrict$1(handleSpan, [minSpan, maxSpan]);
+ handleIndex = 0;
+ }
+
+ handleEnds[0] = restrict$1(handleEnds[0], extent);
+ handleEnds[1] = restrict$1(handleEnds[1], extent);
+
+ var originalDistSign = getSpanSign(handleEnds, handleIndex);
+
+ handleEnds[handleIndex] += delta;
+
+ // Restrict in extent.
+ var extentMinSpan = minSpan || 0;
+ var realExtent = extent.slice();
+ originalDistSign.sign < 0 ? (realExtent[0] += extentMinSpan) : (realExtent[1] -= extentMinSpan);
+ handleEnds[handleIndex] = restrict$1(handleEnds[handleIndex], realExtent);
+
+ // Expand span.
+ var currDistSign = getSpanSign(handleEnds, handleIndex);
+ if (minSpan != null && (
+ currDistSign.sign !== originalDistSign.sign || currDistSign.span < minSpan
+ )) {
+ // If minSpan exists, 'cross' is forbidden.
+ handleEnds[1 - handleIndex] = handleEnds[handleIndex] + originalDistSign.sign * minSpan;
+ }
+
+ // Shrink span.
+ var currDistSign = getSpanSign(handleEnds, handleIndex);
+ if (maxSpan != null && currDistSign.span > maxSpan) {
+ handleEnds[1 - handleIndex] = handleEnds[handleIndex] + currDistSign.sign * maxSpan;
+ }
+
+ return handleEnds;
+};
+
+function getSpanSign(handleEnds, handleIndex) {
+ var dist = handleEnds[handleIndex] - handleEnds[1 - handleIndex];
+ // If `handleEnds[0] === handleEnds[1]`, always believe that handleEnd[0]
+ // is at left of handleEnds[1] for non-cross case.
+ return {span: Math.abs(dist), sign: dist > 0 ? -1 : dist < 0 ? 1 : handleIndex ? -1 : 1};
+}
+
+function restrict$1(value, extend) {
+ return Math.min(
+ extend[1] != null ? extend[1] : Infinity,
+ Math.max(extend[0] != null ? extend[0] : -Infinity, value)
+ );
+}
+
+/*
+* 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.
+*/
+
+/**
+ * Parallel Coordinates
+ * <https://en.wikipedia.org/wiki/Parallel_coordinates>
+ */
+
+var each$11 = each$1;
+var mathMin$6 = Math.min;
+var mathMax$6 = Math.max;
+var mathFloor$2 = Math.floor;
+var mathCeil$2 = Math.ceil;
+var round$2 = round$1;
+
+var PI$4 = Math.PI;
+
+function Parallel(parallelModel, ecModel, api) {
+
+ /**
+ * key: dimension
+ * @type {Object.<string, module:echarts/coord/parallel/Axis>}
+ * @private
+ */
+ this._axesMap = createHashMap();
+
+ /**
+ * key: dimension
+ * value: {position: [], rotation, }
+ * @type {Object.<string, Object>}
+ * @private
+ */
+ this._axesLayout = {};
+
+ /**
+ * Always follow axis order.
+ * @type {Array.<string>}
+ * @readOnly
+ */
+ this.dimensions = parallelModel.dimensions;
+
+ /**
+ * @type {module:zrender/core/BoundingRect}
+ */
+ this._rect;
+
+ /**
+ * @type {module:echarts/coord/parallel/ParallelModel}
+ */
+ this._model = parallelModel;
+
+ this._init(parallelModel, ecModel, api);
+}
+
+Parallel.prototype = {
+
+ type: 'parallel',
+
+ constructor: Parallel,
+
+ /**
+ * Initialize cartesian coordinate systems
+ * @private
+ */
+ _init: function (parallelModel, ecModel, api) {
+
+ var dimensions = parallelModel.dimensions;
+ var parallelAxisIndex = parallelModel.parallelAxisIndex;
+
+ each$11(dimensions, function (dim, idx) {
+
+ var axisIndex = parallelAxisIndex[idx];
+ var axisModel = ecModel.getComponent('parallelAxis', axisIndex);
+
+ var axis = this._axesMap.set(dim, new ParallelAxis(
+ dim,
+ createScaleByModel(axisModel),
+ [0, 0],
+ axisModel.get('type'),
+ axisIndex
+ ));
+
+ var isCategory = axis.type === 'category';
+ axis.onBand = isCategory && axisModel.get('boundaryGap');
+ axis.inverse = axisModel.get('inverse');
+
+ // Injection
+ axisModel.axis = axis;
+ axis.model = axisModel;
+ axis.coordinateSystem = axisModel.coordinateSystem = this;
+
+ }, this);
+ },
+
+ /**
+ * Update axis scale after data processed
+ * @param {module:echarts/model/Global} ecModel
+ * @param {module:echarts/ExtensionAPI} api
+ */
+ update: function (ecModel, api) {
+ this._updateAxesFromSeries(this._model, ecModel);
+ },
+
+ /**
+ * @override
+ */
+ containPoint: function (point) {
+ var layoutInfo = this._makeLayoutInfo();
+ var axisBase = layoutInfo.axisBase;
+ var layoutBase = layoutInfo.layoutBase;
+ var pixelDimIndex = layoutInfo.pixelDimIndex;
+ var pAxis = point[1 - pixelDimIndex];
+ var pLayout = point[pixelDimIndex];
+
+ return pAxis >= axisBase
+ && pAxis <= axisBase + layoutInfo.axisLength
+ && pLayout >= layoutBase
+ && pLayout <= layoutBase + layoutInfo.layoutLength;
+ },
+
+ getModel: function () {
+ return this._model;
+ },
+
+ /**
+ * Update properties from series
+ * @private
+ */
+ _updateAxesFromSeries: function (parallelModel, ecModel) {
+ ecModel.eachSeries(function (seriesModel) {
+
+ if (!parallelModel.contains(seriesModel, ecModel)) {
+ return;
+ }
+
+ var data = seriesModel.getData();
+
+ each$11(this.dimensions, function (dim) {
+ var axis = this._axesMap.get(dim);
+ axis.scale.unionExtentFromData(data, data.mapDimension(dim));
+ niceScaleExtent(axis.scale, axis.model);
+ }, this);
+ }, this);
+ },
+
+ /**
+ * Resize the parallel coordinate system.
+ * @param {module:echarts/coord/parallel/ParallelModel} parallelModel
+ * @param {module:echarts/ExtensionAPI} api
+ */
+ resize: function (parallelModel, api) {
+ this._rect = getLayoutRect(
+ parallelModel.getBoxLayoutParams(),
+ {
+ width: api.getWidth(),
+ height: api.getHeight()
+ }
+ );
+
+ this._layoutAxes();
+ },
+
+ /**
+ * @return {module:zrender/core/BoundingRect}
+ */
+ getRect: function () {
+ return this._rect;
+ },
+
+ /**
+ * @private
+ */
+ _makeLayoutInfo: function () {
+ var parallelModel = this._model;
+ var rect = this._rect;
+ var xy = ['x', 'y'];
+ var wh = ['width', 'height'];
+ var layout = parallelModel.get('layout');
+ var pixelDimIndex = layout === 'horizontal' ? 0 : 1;
+ var layoutLength = rect[wh[pixelDimIndex]];
+ var layoutExtent = [0, layoutLength];
+ var axisCount = this.dimensions.length;
+
+ var axisExpandWidth = restrict(parallelModel.get('axisExpandWidth'), layoutExtent);
+ var axisExpandCount = restrict(parallelModel.get('axisExpandCount') || 0, [0, axisCount]);
+ var axisExpandable = parallelModel.get('axisExpandable')
+ && axisCount > 3
+ && axisCount > axisExpandCount
+ && axisExpandCount > 1
+ && axisExpandWidth > 0
+ && layoutLength > 0;
+
+ // `axisExpandWindow` is According to the coordinates of [0, axisExpandLength],
+ // for sake of consider the case that axisCollapseWidth is 0 (when screen is narrow),
+ // where collapsed axes should be overlapped.
+ var axisExpandWindow = parallelModel.get('axisExpandWindow');
+ var winSize;
+ if (!axisExpandWindow) {
+ winSize = restrict(axisExpandWidth * (axisExpandCount - 1), layoutExtent);
+ var axisExpandCenter = parallelModel.get('axisExpandCenter') || mathFloor$2(axisCount / 2);
+ axisExpandWindow = [axisExpandWidth * axisExpandCenter - winSize / 2];
+ axisExpandWindow[1] = axisExpandWindow[0] + winSize;
+ }
+ else {
+ winSize = restrict(axisExpandWindow[1] - axisExpandWindow[0], layoutExtent);
+ axisExpandWindow[1] = axisExpandWindow[0] + winSize;
+ }
+
+ var axisCollapseWidth = (layoutLength - winSize) / (axisCount - axisExpandCount);
+ // Avoid axisCollapseWidth is too small.
+ axisCollapseWidth < 3 && (axisCollapseWidth = 0);
+
+ // Find the first and last indices > ewin[0] and < ewin[1].
+ var winInnerIndices = [
+ mathFloor$2(round$2(axisExpandWindow[0] / axisExpandWidth, 1)) + 1,
+ mathCeil$2(round$2(axisExpandWindow[1] / axisExpandWidth, 1)) - 1
+ ];
+
+ // Pos in ec coordinates.
+ var axisExpandWindow0Pos = axisCollapseWidth / axisExpandWidth * axisExpandWindow[0];
+
+ return {
+ layout: layout,
+ pixelDimIndex: pixelDimIndex,
+ layoutBase: rect[xy[pixelDimIndex]],
+ layoutLength: layoutLength,
+ axisBase: rect[xy[1 - pixelDimIndex]],
+ axisLength: rect[wh[1 - pixelDimIndex]],
+ axisExpandable: axisExpandable,
+ axisExpandWidth: axisExpandWidth,
+ axisCollapseWidth: axisCollapseWidth,
+ axisExpandWindow: axisExpandWindow,
+ axisCount: axisCount,
+ winInnerIndices: winInnerIndices,
+ axisExpandWindow0Pos: axisExpandWindow0Pos
+ };
+ },
+
+ /**
+ * @private
+ */
+ _layoutAxes: function () {
+ var rect = this._rect;
+ var axes = this._axesMap;
+ var dimensions = this.dimensions;
+ var layoutInfo = this._makeLayoutInfo();
+ var layout = layoutInfo.layout;
+
+ axes.each(function (axis) {
+ var axisExtent = [0, layoutInfo.axisLength];
+ var idx = axis.inverse ? 1 : 0;
+ axis.setExtent(axisExtent[idx], axisExtent[1 - idx]);
+ });
+
+ each$11(dimensions, function (dim, idx) {
+ var posInfo = (layoutInfo.axisExpandable
+ ? layoutAxisWithExpand : layoutAxisWithoutExpand
+ )(idx, layoutInfo);
+
+ var positionTable = {
+ horizontal: {
+ x: posInfo.position,
+ y: layoutInfo.axisLength
+ },
+ vertical: {
+ x: 0,
+ y: posInfo.position
+ }
+ };
+ var rotationTable = {
+ horizontal: PI$4 / 2,
+ vertical: 0
+ };
+
+ var position = [
+ positionTable[layout].x + rect.x,
+ positionTable[layout].y + rect.y
+ ];
+
+ var rotation = rotationTable[layout];
+ var transform = create$1();
+ rotate(transform, transform, rotation);
+ translate(transform, transform, position);
+
+ // TODO
+ // tick绛夋帓甯冧俊鎭��
+
+ // TODO
+ // 鏍规嵁axis order 鏇存柊 dimensions椤哄簭銆�
+
+ this._axesLayout[dim] = {
+ position: position,
+ rotation: rotation,
+ transform: transform,
+ axisNameAvailableWidth: posInfo.axisNameAvailableWidth,
+ axisLabelShow: posInfo.axisLabelShow,
+ nameTruncateMaxWidth: posInfo.nameTruncateMaxWidth,
+ tickDirection: 1,
+ labelDirection: 1
+ };
+ }, this);
+ },
+
+ /**
+ * Get axis by dim.
+ * @param {string} dim
+ * @return {module:echarts/coord/parallel/ParallelAxis} [description]
+ */
+ getAxis: function (dim) {
+ return this._axesMap.get(dim);
+ },
+
+ /**
+ * Convert a dim value of a single item of series data to Point.
+ * @param {*} value
+ * @param {string} dim
+ * @return {Array}
+ */
+ dataToPoint: function (value, dim) {
+ return this.axisCoordToPoint(
+ this._axesMap.get(dim).dataToCoord(value),
+ dim
+ );
+ },
+
+ /**
+ * Travel data for one time, get activeState of each data item.
+ * @param {module:echarts/data/List} data
+ * @param {Functio} cb param: {string} activeState 'active' or 'inactive' or 'normal'
+ * {number} dataIndex
+ * @param {number} [start=0] the start dataIndex that travel from.
+ * @param {number} [end=data.count()] the next dataIndex of the last dataIndex will be travel.
+ */
+ eachActiveState: function (data, callback, start, end) {
+ start == null && (start = 0);
+ end == null && (end = data.count());
+
+ var axesMap = this._axesMap;
+ var dimensions = this.dimensions;
+ var dataDimensions = [];
+ var axisModels = [];
+
+ each$1(dimensions, function (axisDim) {
+ dataDimensions.push(data.mapDimension(axisDim));
+ axisModels.push(axesMap.get(axisDim).model);
+ });
+
+ var hasActiveSet = this.hasAxisBrushed();
+
+ for (var dataIndex = start; dataIndex < end; dataIndex++) {
+ var activeState;
+
+ if (!hasActiveSet) {
+ activeState = 'normal';
+ }
+ else {
+ activeState = 'active';
+ var values = data.getValues(dataDimensions, dataIndex);
+ for (var j = 0, lenj = dimensions.length; j < lenj; j++) {
+ var state = axisModels[j].getActiveState(values[j]);
+
+ if (state === 'inactive') {
+ activeState = 'inactive';
+ break;
+ }
+ }
+ }
+
+ callback(activeState, dataIndex);
+ }
+ },
+
+ /**
+ * Whether has any activeSet.
+ * @return {boolean}
+ */
+ hasAxisBrushed: function () {
+ var dimensions = this.dimensions;
+ var axesMap = this._axesMap;
+ var hasActiveSet = false;
+
+ for (var j = 0, lenj = dimensions.length; j < lenj; j++) {
+ if (axesMap.get(dimensions[j]).model.getActiveState() !== 'normal') {
+ hasActiveSet = true;
+ }
+ }
+
+ return hasActiveSet;
+ },
+
+ /**
+ * Convert coords of each axis to Point.
+ * Return point. For example: [10, 20]
+ * @param {Array.<number>} coords
+ * @param {string} dim
+ * @return {Array.<number>}
+ */
+ axisCoordToPoint: function (coord, dim) {
+ var axisLayout = this._axesLayout[dim];
+ return applyTransform$1([coord, 0], axisLayout.transform);
+ },
+
+ /**
+ * Get axis layout.
+ */
+ getAxisLayout: function (dim) {
+ return clone(this._axesLayout[dim]);
+ },
+
+ /**
+ * @param {Array.<number>} point
+ * @return {Object} {axisExpandWindow, delta, behavior: 'jump' | 'slide' | 'none'}.
+ */
+ getSlidedAxisExpandWindow: function (point) {
+ var layoutInfo = this._makeLayoutInfo();
+ var pixelDimIndex = layoutInfo.pixelDimIndex;
+ var axisExpandWindow = layoutInfo.axisExpandWindow.slice();
+ var winSize = axisExpandWindow[1] - axisExpandWindow[0];
+ var extent = [0, layoutInfo.axisExpandWidth * (layoutInfo.axisCount - 1)];
+
+ // Out of the area of coordinate system.
+ if (!this.containPoint(point)) {
+ return {behavior: 'none', axisExpandWindow: axisExpandWindow};
+ }
+
+ // Conver the point from global to expand coordinates.
+ var pointCoord = point[pixelDimIndex] - layoutInfo.layoutBase - layoutInfo.axisExpandWindow0Pos;
+
+ // For dragging operation convenience, the window should not be
+ // slided when mouse is the center area of the window.
+ var delta;
+ var behavior = 'slide';
+ var axisCollapseWidth = layoutInfo.axisCollapseWidth;
+ var triggerArea = this._model.get('axisExpandSlideTriggerArea');
+ // But consider touch device, jump is necessary.
+ var useJump = triggerArea[0] != null;
+
+ if (axisCollapseWidth) {
+ if (useJump && axisCollapseWidth && pointCoord < winSize * triggerArea[0]) {
+ behavior = 'jump';
+ delta = pointCoord - winSize * triggerArea[2];
+ }
+ else if (useJump && axisCollapseWidth && pointCoord > winSize * (1 - triggerArea[0])) {
+ behavior = 'jump';
+ delta = pointCoord - winSize * (1 - triggerArea[2]);
+ }
+ else {
+ (delta = pointCoord - winSize * triggerArea[1]) >= 0
+ && (delta = pointCoord - winSize * (1 - triggerArea[1])) <= 0
+ && (delta = 0);
+ }
+ delta *= layoutInfo.axisExpandWidth / axisCollapseWidth;
+ delta
+ ? sliderMove(delta, axisExpandWindow, extent, 'all')
+ // Avoid nonsense triger on mousemove.
+ : (behavior = 'none');
+ }
+ // When screen is too narrow, make it visible and slidable, although it is hard to interact.
+ else {
+ var winSize = axisExpandWindow[1] - axisExpandWindow[0];
+ var pos = extent[1] * pointCoord / winSize;
+ axisExpandWindow = [mathMax$6(0, pos - winSize / 2)];
+ axisExpandWindow[1] = mathMin$6(extent[1], axisExpandWindow[0] + winSize);
+ axisExpandWindow[0] = axisExpandWindow[1] - winSize;
+ }
+
+ return {
+ axisExpandWindow: axisExpandWindow,
+ behavior: behavior
+ };
+ }
+};
+
+function restrict(len, extent) {
+ return mathMin$6(mathMax$6(len, extent[0]), extent[1]);
+}
+
+function layoutAxisWithoutExpand(axisIndex, layoutInfo) {
+ var step = layoutInfo.layoutLength / (layoutInfo.axisCount - 1);
+ return {
+ position: step * axisIndex,
+ axisNameAvailableWidth: step,
+ axisLabelShow: true
+ };
+}
+
+function layoutAxisWithExpand(axisIndex, layoutInfo) {
+ var layoutLength = layoutInfo.layoutLength;
+ var axisExpandWidth = layoutInfo.axisExpandWidth;
+ var axisCount = layoutInfo.axisCount;
+ var axisCollapseWidth = layoutInfo.axisCollapseWidth;
+ var winInnerIndices = layoutInfo.winInnerIndices;
+
+ var position;
+ var axisNameAvailableWidth = axisCollapseWidth;
+ var axisLabelShow = false;
+ var nameTruncateMaxWidth;
+
+ if (axisIndex < winInnerIndices[0]) {
+ position = axisIndex * axisCollapseWidth;
+ nameTruncateMaxWidth = axisCollapseWidth;
+ }
+ else if (axisIndex <= winInnerIndices[1]) {
+ position = layoutInfo.axisExpandWindow0Pos
+ + axisIndex * axisExpandWidth - layoutInfo.axisExpandWindow[0];
+ axisNameAvailableWidth = axisExpandWidth;
+ axisLabelShow = true;
+ }
+ else {
+ position = layoutLength - (axisCount - 1 - axisIndex) * axisCollapseWidth;
+ nameTruncateMaxWidth = axisCollapseWidth;
+ }
+
+ return {
+ position: position,
+ axisNameAvailableWidth: axisNameAvailableWidth,
+ axisLabelShow: axisLabelShow,
+ nameTruncateMaxWidth: nameTruncateMaxWidth
+ };
+}
+
+/*
+* 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.
+*/
+
+/**
+ * Parallel coordinate system creater.
+ */
+
+function create$2(ecModel, api) {
+ var coordSysList = [];
+
+ ecModel.eachComponent('parallel', function (parallelModel, idx) {
+ var coordSys = new Parallel(parallelModel, ecModel, api);
+
+ coordSys.name = 'parallel_' + idx;
+ coordSys.resize(parallelModel, api);
+
+ parallelModel.coordinateSystem = coordSys;
+ coordSys.model = parallelModel;
+
+ coordSysList.push(coordSys);
+ });
+
+ // Inject the coordinateSystems into seriesModel
+ ecModel.eachSeries(function (seriesModel) {
+ if (seriesModel.get('coordinateSystem') === 'parallel') {
+ var parallelModel = ecModel.queryComponents({
+ mainType: 'parallel',
+ index: seriesModel.get('parallelIndex'),
+ id: seriesModel.get('parallelId')
+ })[0];
+ seriesModel.coordinateSystem = parallelModel.coordinateSystem;
+ }
+ });
+
+ return coordSysList;
+}
+
+CoordinateSystemManager.register('parallel', {create: create$2});
+
+/*
+* 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.
+*/
+
+var AxisModel$2 = ComponentModel.extend({
+
+ type: 'baseParallelAxis',
+
+ /**
+ * @type {module:echarts/coord/parallel/Axis}
+ */
+ axis: null,
+
+ /**
+ * @type {Array.<Array.<number>}
+ * @readOnly
+ */
+ activeIntervals: [],
+
+ /**
+ * @return {Object}
+ */
+ getAreaSelectStyle: function () {
+ return makeStyleMapper(
+ [
+ ['fill', 'color'],
+ ['lineWidth', 'borderWidth'],
+ ['stroke', 'borderColor'],
+ ['width', 'width'],
+ ['opacity', 'opacity']
+ ]
+ )(this.getModel('areaSelectStyle'));
+ },
+
+ /**
+ * The code of this feature is put on AxisModel but not ParallelAxis,
+ * because axisModel can be alive after echarts updating but instance of
+ * ParallelAxis having been disposed. this._activeInterval should be kept
+ * when action dispatched (i.e. legend click).
+ *
+ * @param {Array.<Array<number>>} intervals interval.length === 0
+ * means set all active.
+ * @public
+ */
+ setActiveIntervals: function (intervals) {
+ var activeIntervals = this.activeIntervals = clone(intervals);
+
+ // Normalize
+ if (activeIntervals) {
+ for (var i = activeIntervals.length - 1; i >= 0; i--) {
+ asc(activeIntervals[i]);
+ }
+ }
+ },
+
+ /**
+ * @param {number|string} [value] When attempting to detect 'no activeIntervals set',
+ * value can not be input.
+ * @return {string} 'normal': no activeIntervals set,
+ * 'active',
+ * 'inactive'.
+ * @public
+ */
+ getActiveState: function (value) {
+ var activeIntervals = this.activeIntervals;
+
+ if (!activeIntervals.length) {
+ return 'normal';
+ }
+
+ if (value == null || isNaN(value)) {
+ return 'inactive';
+ }
+
+ // Simple optimization
+ if (activeIntervals.length === 1) {
+ var interval = activeIntervals[0];
+ if (interval[0] <= value && value <= interval[1]) {
+ return 'active';
+ }
+ }
+ else {
+ for (var i = 0, len = activeIntervals.length; i < len; i++) {
+ if (activeIntervals[i][0] <= value && value <= activeIntervals[i][1]) {
+ return 'active';
+ }
+ }
+ }
+
+ return 'inactive';
+ }
+
+});
+
+var defaultOption$1 = {
+
+ type: 'value',
+
+ /**
+ * @type {Array.<number>}
+ */
+ dim: null, // 0, 1, 2, ...
+
+ // parallelIndex: null,
+
+ areaSelectStyle: {
+ width: 20,
+ borderWidth: 1,
+ borderColor: 'rgba(160,197,232)',
+ color: 'rgba(160,197,232)',
+ opacity: 0.3
+ },
+
+ realtime: true, // Whether realtime update view when select.
+
+ z: 10
+};
+
+merge(AxisModel$2.prototype, axisModelCommonMixin);
+
+function getAxisType$1(axisName, option) {
+ return option.type || (option.data ? 'category' : 'value');
+}
+
+axisModelCreator('parallel', AxisModel$2, getAxisType$1, defaultOption$1);
+
+/*
+* 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.
+*/
+
+ComponentModel.extend({
+
+ type: 'parallel',
+
+ dependencies: ['parallelAxis'],
+
+ /**
+ * @type {module:echarts/coord/parallel/Parallel}
+ */
+ coordinateSystem: null,
+
+ /**
+ * Each item like: 'dim0', 'dim1', 'dim2', ...
+ * @type {Array.<string>}
+ * @readOnly
+ */
+ dimensions: null,
+
+ /**
+ * Coresponding to dimensions.
+ * @type {Array.<number>}
+ * @readOnly
+ */
+ parallelAxisIndex: null,
+
+ layoutMode: 'box',
+
+ defaultOption: {
+ zlevel: 0,
+ z: 0,
+ left: 80,
+ top: 60,
+ right: 80,
+ bottom: 60,
+ // width: {totalWidth} - left - right,
+ // height: {totalHeight} - top - bottom,
+
+ layout: 'horizontal', // 'horizontal' or 'vertical'
+
+ // FIXME
+ // naming?
+ axisExpandable: false,
+ axisExpandCenter: null,
+ axisExpandCount: 0,
+ axisExpandWidth: 50, // FIXME '10%' ?
+ axisExpandRate: 17,
+ axisExpandDebounce: 50,
+ // [out, in, jumpTarget]. In percentage. If use [null, 0.05], null means full.
+ // Do not doc to user until necessary.
+ axisExpandSlideTriggerArea: [-0.15, 0.05, 0.4],
+ axisExpandTriggerOn: 'click', // 'mousemove' or 'click'
+
+ parallelAxisDefault: null
+ },
+
+ /**
+ * @override
+ */
+ init: function () {
+ ComponentModel.prototype.init.apply(this, arguments);
+
+ this.mergeOption({});
+ },
+
+ /**
+ * @override
+ */
+ mergeOption: function (newOption) {
+ var thisOption = this.option;
+
+ newOption && merge(thisOption, newOption, true);
+
+ this._initDimensions();
+ },
+
+ /**
+ * Whether series or axis is in this coordinate system.
+ * @param {module:echarts/model/Series|module:echarts/coord/parallel/AxisModel} model
+ * @param {module:echarts/model/Global} ecModel
+ */
+ contains: function (model, ecModel) {
+ var parallelIndex = model.get('parallelIndex');
+ return parallelIndex != null
+ && ecModel.getComponent('parallel', parallelIndex) === this;
+ },
+
+ setAxisExpand: function (opt) {
+ each$1(
+ ['axisExpandable', 'axisExpandCenter', 'axisExpandCount', 'axisExpandWidth', 'axisExpandWindow'],
+ function (name) {
+ if (opt.hasOwnProperty(name)) {
+ this.option[name] = opt[name];
+ }
+ },
+ this
+ );
+ },
+
+ /**
+ * @private
+ */
+ _initDimensions: function () {
+ var dimensions = this.dimensions = [];
+ var parallelAxisIndex = this.parallelAxisIndex = [];
+
+ var axisModels = filter(this.dependentModels.parallelAxis, function (axisModel) {
+ // Can not use this.contains here, because
+ // initialization has not been completed yet.
+ return (axisModel.get('parallelIndex') || 0) === this.componentIndex;
+ }, this);
+
+ each$1(axisModels, function (axisModel) {
+ dimensions.push('dim' + axisModel.get('dim'));
+ parallelAxisIndex.push(axisModel.componentIndex);
+ });
+ }
+
+});
+
+/*
+* 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.
+*/
+
+/**
+ * @payload
+ * @property {string} parallelAxisId
+ * @property {Array.<Array.<number>>} intervals
+ */
+var actionInfo$1 = {
+ type: 'axisAreaSelect',
+ event: 'axisAreaSelected'
+ // update: 'updateVisual'
+};
+
+registerAction(actionInfo$1, function (payload, ecModel) {
+ ecModel.eachComponent(
+ {mainType: 'parallelAxis', query: payload},
+ function (parallelAxisModel) {
+ parallelAxisModel.axis.model.setActiveIntervals(payload.intervals);
+ }
+ );
+});
+
+/**
+ * @payload
+ */
+registerAction('parallelAxisExpand', function (payload, ecModel) {
+ ecModel.eachComponent(
+ {mainType: 'parallel', query: payload},
+ function (parallelModel) {
+ parallelModel.setAxisExpand(payload);
+ }
+ );
+
+});
+
+/*
+* 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.
+*/
+
+var curry$2 = curry;
+var each$12 = each$1;
+var map$2 = map;
+var mathMin$7 = Math.min;
+var mathMax$7 = Math.max;
+var mathPow$2 = Math.pow;
+
+var COVER_Z = 10000;
+var UNSELECT_THRESHOLD = 6;
+var MIN_RESIZE_LINE_WIDTH = 6;
+var MUTEX_RESOURCE_KEY = 'globalPan';
+
+var DIRECTION_MAP = {
+ w: [0, 0],
+ e: [0, 1],
+ n: [1, 0],
+ s: [1, 1]
+};
+var CURSOR_MAP = {
+ w: 'ew',
+ e: 'ew',
+ n: 'ns',
+ s: 'ns',
+ ne: 'nesw',
+ sw: 'nesw',
+ nw: 'nwse',
+ se: 'nwse'
+};
+var DEFAULT_BRUSH_OPT = {
+ brushStyle: {
+ lineWidth: 2,
+ stroke: 'rgba(0,0,0,0.3)',
+ fill: 'rgba(0,0,0,0.1)'
+ },
+ transformable: true,
+ brushMode: 'single',
+ removeOnClick: false
+};
+
+var baseUID = 0;
+
+/**
+ * @alias module:echarts/component/helper/BrushController
+ * @constructor
+ * @mixin {module:zrender/mixin/Eventful}
+ * @event module:echarts/component/helper/BrushController#brush
+ * params:
+ * areas: Array.<Array>, coord relates to container group,
+ * If no container specified, to global.
+ * opt {
+ * isEnd: boolean,
+ * removeOnClick: boolean
+ * }
+ *
+ * @param {module:zrender/zrender~ZRender} zr
+ */
+function BrushController(zr) {
+
+ if (__DEV__) {
+ assert$1(zr);
+ }
+
+ Eventful.call(this);
+
+ /**
+ * @type {module:zrender/zrender~ZRender}
+ * @private
+ */
+ this._zr = zr;
+
+ /**
+ * @type {module:zrender/container/Group}
+ * @readOnly
+ */
+ this.group = new Group();
+
+ /**
+ * Only for drawing (after enabledBrush).
+ * 'line', 'rect', 'polygon' or false
+ * If passing false/null/undefined, disable brush.
+ * If passing 'auto', determined by panel.defaultBrushType
+ * @private
+ * @type {string}
+ */
+ this._brushType;
+
+ /**
+ * Only for drawing (after enabledBrush).
+ *
+ * @private
+ * @type {Object}
+ */
+ this._brushOption;
+
+ /**
+ * @private
+ * @type {Object}
+ */
+ this._panels;
+
+ /**
+ * @private
+ * @type {Array.<nubmer>}
+ */
+ this._track = [];
+
+ /**
+ * @private
+ * @type {boolean}
+ */
+ this._dragging;
+
+ /**
+ * @private
+ * @type {Array}
+ */
+ this._covers = [];
+
+ /**
+ * @private
+ * @type {moudule:zrender/container/Group}
+ */
+ this._creatingCover;
+
+ /**
+ * `true` means global panel
+ * @private
+ * @type {module:zrender/container/Group|boolean}
+ */
+ this._creatingPanel;
+
+ /**
+ * @private
+ * @type {boolean}
+ */
+ this._enableGlobalPan;
+
+ /**
+ * @private
+ * @type {boolean}
+ */
+ if (__DEV__) {
+ this._mounted;
+ }
+
+ /**
+ * @private
+ * @type {string}
+ */
+ this._uid = 'brushController_' + baseUID++;
+
+ /**
+ * @private
+ * @type {Object}
+ */
+ this._handlers = {};
+
+ each$12(pointerHandlers, function (handler, eventName) {
+ this._handlers[eventName] = bind(handler, this);
+ }, this);
+}
+
+BrushController.prototype = {
+
+ constructor: BrushController,
+
+ /**
+ * If set to null/undefined/false, select disabled.
+ * @param {Object} brushOption
+ * @param {string|boolean} brushOption.brushType 'line', 'rect', 'polygon' or false
+ * If passing false/null/undefined, disable brush.
+ * If passing 'auto', determined by panel.defaultBrushType.
+ * ('auto' can not be used in global panel)
+ * @param {number} [brushOption.brushMode='single'] 'single' or 'multiple'
+ * @param {boolean} [brushOption.transformable=true]
+ * @param {boolean} [brushOption.removeOnClick=false]
+ * @param {Object} [brushOption.brushStyle]
+ * @param {number} [brushOption.brushStyle.width]
+ * @param {number} [brushOption.brushStyle.lineWidth]
+ * @param {string} [brushOption.brushStyle.stroke]
+ * @param {string} [brushOption.brushStyle.fill]
+ * @param {number} [brushOption.z]
+ */
+ enableBrush: function (brushOption) {
+ if (__DEV__) {
+ assert$1(this._mounted);
+ }
+
+ this._brushType && doDisableBrush(this);
+ brushOption.brushType && doEnableBrush(this, brushOption);
+
+ return this;
+ },
+
+ /**
+ * @param {Array.<Object>} panelOpts If not pass, it is global brush.
+ * Each items: {
+ * panelId, // mandatory.
+ * clipPath, // mandatory. function.
+ * isTargetByCursor, // mandatory. function.
+ * defaultBrushType, // optional, only used when brushType is 'auto'.
+ * getLinearBrushOtherExtent, // optional. function.
+ * }
+ */
+ setPanels: function (panelOpts) {
+ if (panelOpts && panelOpts.length) {
+ var panels = this._panels = {};
+ each$1(panelOpts, function (panelOpts) {
+ panels[panelOpts.panelId] = clone(panelOpts);
+ });
+ }
+ else {
+ this._panels = null;
+ }
+ return this;
+ },
+
+ /**
+ * @param {Object} [opt]
+ * @return {boolean} [opt.enableGlobalPan=false]
+ */
+ mount: function (opt) {
+ opt = opt || {};
+
+ if (__DEV__) {
+ this._mounted = true; // should be at first.
+ }
+
+ this._enableGlobalPan = opt.enableGlobalPan;
+
+ var thisGroup = this.group;
+ this._zr.add(thisGroup);
+
+ thisGroup.attr({
+ position: opt.position || [0, 0],
+ rotation: opt.rotation || 0,
+ scale: opt.scale || [1, 1]
+ });
+ this._transform = thisGroup.getLocalTransform();
+
+ return this;
+ },
+
+ eachCover: function (cb, context) {
+ each$12(this._covers, cb, context);
+ },
+
+ /**
+ * Update covers.
+ * @param {Array.<Object>} brushOptionList Like:
+ * [
+ * {id: 'xx', brushType: 'line', range: [23, 44], brushStyle, transformable},
+ * {id: 'yy', brushType: 'rect', range: [[23, 44], [23, 54]]},
+ * ...
+ * ]
+ * `brushType` is required in each cover info. (can not be 'auto')
+ * `id` is not mandatory.
+ * `brushStyle`, `transformable` is not mandatory, use DEFAULT_BRUSH_OPT by default.
+ * If brushOptionList is null/undefined, all covers removed.
+ */
+ updateCovers: function (brushOptionList) {
+ if (__DEV__) {
+ assert$1(this._mounted);
+ }
+
+ brushOptionList = map(brushOptionList, function (brushOption) {
+ return merge(clone(DEFAULT_BRUSH_OPT), brushOption, true);
+ });
+
+ var tmpIdPrefix = '\0-brush-index-';
+ var oldCovers = this._covers;
+ var newCovers = this._covers = [];
+ var controller = this;
+ var creatingCover = this._creatingCover;
+
+ (new DataDiffer(oldCovers, brushOptionList, oldGetKey, getKey))
+ .add(addOrUpdate)
+ .update(addOrUpdate)
+ .remove(remove)
+ .execute();
+
+ return this;
+
+ function getKey(brushOption, index) {
+ return (brushOption.id != null ? brushOption.id : tmpIdPrefix + index)
+ + '-' + brushOption.brushType;
+ }
+
+ function oldGetKey(cover, index) {
+ return getKey(cover.__brushOption, index);
+ }
+
+ function addOrUpdate(newIndex, oldIndex) {
+ var newBrushOption = brushOptionList[newIndex];
+ // Consider setOption in event listener of brushSelect,
+ // where updating cover when creating should be forbiden.
+ if (oldIndex != null && oldCovers[oldIndex] === creatingCover) {
+ newCovers[newIndex] = oldCovers[oldIndex];
+ }
+ else {
+ var cover = newCovers[newIndex] = oldIndex != null
+ ? (
+ oldCovers[oldIndex].__brushOption = newBrushOption,
+ oldCovers[oldIndex]
+ )
+ : endCreating(controller, createCover(controller, newBrushOption));
+ updateCoverAfterCreation(controller, cover);
+ }
+ }
+
+ function remove(oldIndex) {
+ if (oldCovers[oldIndex] !== creatingCover) {
+ controller.group.remove(oldCovers[oldIndex]);
+ }
+ }
+ },
+
+ unmount: function () {
+ if (__DEV__) {
+ if (!this._mounted) {
+ return;
+ }
+ }
+
+ this.enableBrush(false);
+
+ // container may 'removeAll' outside.
+ clearCovers(this);
+ this._zr.remove(this.group);
+
+ if (__DEV__) {
+ this._mounted = false; // should be at last.
+ }
+
+ return this;
+ },
+
+ dispose: function () {
+ this.unmount();
+ this.off();
+ }
+};
+
+mixin(BrushController, Eventful);
+
+function doEnableBrush(controller, brushOption) {
+ var zr = controller._zr;
+
+ // Consider roam, which takes globalPan too.
+ if (!controller._enableGlobalPan) {
+ take(zr, MUTEX_RESOURCE_KEY, controller._uid);
+ }
+
+ mountHandlers(zr, controller._handlers);
+
+ controller._brushType = brushOption.brushType;
+ controller._brushOption = merge(clone(DEFAULT_BRUSH_OPT), brushOption, true);
+}
+
+function doDisableBrush(controller) {
+ var zr = controller._zr;
+
+ release(zr, MUTEX_RESOURCE_KEY, controller._uid);
+
+ unmountHandlers(zr, controller._handlers);
+
+ controller._brushType = controller._brushOption = null;
+}
+
+function mountHandlers(zr, handlers) {
+ each$12(handlers, function (handler, eventName) {
+ zr.on(eventName, handler);
+ });
+}
+
+function unmountHandlers(zr, handlers) {
+ each$12(handlers, function (handler, eventName) {
+ zr.off(eventName, handler);
+ });
+}
+
+function createCover(controller, brushOption) {
+ var cover = coverRenderers[brushOption.brushType].createCover(controller, brushOption);
+ cover.__brushOption = brushOption;
+ updateZ$1(cover, brushOption);
+ controller.group.add(cover);
+ return cover;
+}
+
+function endCreating(controller, creatingCover) {
+ var coverRenderer = getCoverRenderer(creatingCover);
+ if (coverRenderer.endCreating) {
+ coverRenderer.endCreating(controller, creatingCover);
+ updateZ$1(creatingCover, creatingCover.__brushOption);
+ }
+ return creatingCover;
+}
+
+function updateCoverShape(controller, cover) {
+ var brushOption = cover.__brushOption;
+ getCoverRenderer(cover).updateCoverShape(
+ controller, cover, brushOption.range, brushOption
+ );
+}
+
+function updateZ$1(cover, brushOption) {
+ var z = brushOption.z;
+ z == null && (z = COVER_Z);
+ cover.traverse(function (el) {
+ el.z = z;
+ el.z2 = z; // Consider in given container.
+ });
+}
+
+function updateCoverAfterCreation(controller, cover) {
+ getCoverRenderer(cover).updateCommon(controller, cover);
+ updateCoverShape(controller, cover);
+}
+
+function getCoverRenderer(cover) {
+ return coverRenderers[cover.__brushOption.brushType];
+}
+
+// return target panel or `true` (means global panel)
+function getPanelByPoint(controller, e, localCursorPoint) {
+ var panels = controller._panels;
+ if (!panels) {
+ return true; // Global panel
+ }
+ var panel;
+ var transform = controller._transform;
+ each$12(panels, function (pn) {
+ pn.isTargetByCursor(e, localCursorPoint, transform) && (panel = pn);
+ });
+ return panel;
+}
+
+// Return a panel or true
+function getPanelByCover(controller, cover) {
+ var panels = controller._panels;
+ if (!panels) {
+ return true; // Global panel
+ }
+ var panelId = cover.__brushOption.panelId;
+ // User may give cover without coord sys info,
+ // which is then treated as global panel.
+ return panelId != null ? panels[panelId] : true;
+}
+
+function clearCovers(controller) {
+ var covers = controller._covers;
+ var originalLength = covers.length;
+ each$12(covers, function (cover) {
+ controller.group.remove(cover);
+ }, controller);
+ covers.length = 0;
+
+ return !!originalLength;
+}
+
+function trigger$1(controller, opt) {
+ var areas = map$2(controller._covers, function (cover) {
+ var brushOption = cover.__brushOption;
+ var range = clone(brushOption.range);
+ return {
+ brushType: brushOption.brushType,
+ panelId: brushOption.panelId,
+ range: range
+ };
+ });
+
+ controller.trigger('brush', areas, {
+ isEnd: !!opt.isEnd,
+ removeOnClick: !!opt.removeOnClick
+ });
+}
+
+function shouldShowCover(controller) {
+ var track = controller._track;
+
+ if (!track.length) {
+ return false;
+ }
+
+ var p2 = track[track.length - 1];
+ var p1 = track[0];
+ var dx = p2[0] - p1[0];
+ var dy = p2[1] - p1[1];
+ var dist = mathPow$2(dx * dx + dy * dy, 0.5);
+
+ return dist > UNSELECT_THRESHOLD;
+}
+
+function getTrackEnds(track) {
+ var tail = track.length - 1;
+ tail < 0 && (tail = 0);
+ return [track[0], track[tail]];
+}
+
+function createBaseRectCover(doDrift, controller, brushOption, edgeNames) {
+ var cover = new Group();
+
+ cover.add(new Rect({
+ name: 'main',
+ style: makeStyle(brushOption),
+ silent: true,
+ draggable: true,
+ cursor: 'move',
+ drift: curry$2(doDrift, controller, cover, 'nswe'),
+ ondragend: curry$2(trigger$1, controller, {isEnd: true})
+ }));
+
+ each$12(
+ edgeNames,
+ function (name) {
+ cover.add(new Rect({
+ name: name,
+ style: {opacity: 0},
+ draggable: true,
+ silent: true,
+ invisible: true,
+ drift: curry$2(doDrift, controller, cover, name),
+ ondragend: curry$2(trigger$1, controller, {isEnd: true})
+ }));
+ }
+ );
+
+ return cover;
+}
+
+function updateBaseRect(controller, cover, localRange, brushOption) {
+ var lineWidth = brushOption.brushStyle.lineWidth || 0;
+ var handleSize = mathMax$7(lineWidth, MIN_RESIZE_LINE_WIDTH);
+ var x = localRange[0][0];
+ var y = localRange[1][0];
+ var xa = x - lineWidth / 2;
+ var ya = y - lineWidth / 2;
+ var x2 = localRange[0][1];
+ var y2 = localRange[1][1];
+ var x2a = x2 - handleSize + lineWidth / 2;
+ var y2a = y2 - handleSize + lineWidth / 2;
+ var width = x2 - x;
+ var height = y2 - y;
+ var widtha = width + lineWidth;
+ var heighta = height + lineWidth;
+
+ updateRectShape(controller, cover, 'main', x, y, width, height);
+
+ if (brushOption.transformable) {
+ updateRectShape(controller, cover, 'w', xa, ya, handleSize, heighta);
+ updateRectShape(controller, cover, 'e', x2a, ya, handleSize, heighta);
+ updateRectShape(controller, cover, 'n', xa, ya, widtha, handleSize);
+ updateRectShape(controller, cover, 's', xa, y2a, widtha, handleSize);
+
+ updateRectShape(controller, cover, 'nw', xa, ya, handleSize, handleSize);
+ updateRectShape(controller, cover, 'ne', x2a, ya, handleSize, handleSize);
+ updateRectShape(controller, cover, 'sw', xa, y2a, handleSize, handleSize);
+ updateRectShape(controller, cover, 'se', x2a, y2a, handleSize, handleSize);
+ }
+}
+
+function updateCommon(controller, cover) {
+ var brushOption = cover.__brushOption;
+ var transformable = brushOption.transformable;
+
+ var mainEl = cover.childAt(0);
+ mainEl.useStyle(makeStyle(brushOption));
+ mainEl.attr({
+ silent: !transformable,
+ cursor: transformable ? 'move' : 'default'
+ });
+
+ each$12(
+ ['w', 'e', 'n', 's', 'se', 'sw', 'ne', 'nw'],
+ function (name) {
+ var el = cover.childOfName(name);
+ var globalDir = getGlobalDirection(controller, name);
+
+ el && el.attr({
+ silent: !transformable,
+ invisible: !transformable,
+ cursor: transformable ? CURSOR_MAP[globalDir] + '-resize' : null
+ });
+ }
+ );
+}
+
+function updateRectShape(controller, cover, name, x, y, w, h) {
+ var el = cover.childOfName(name);
+ el && el.setShape(pointsToRect(
+ clipByPanel(controller, cover, [[x, y], [x + w, y + h]])
+ ));
+}
+
+function makeStyle(brushOption) {
+ return defaults({strokeNoScale: true}, brushOption.brushStyle);
+}
+
+function formatRectRange(x, y, x2, y2) {
+ var min = [mathMin$7(x, x2), mathMin$7(y, y2)];
+ var max = [mathMax$7(x, x2), mathMax$7(y, y2)];
+
+ return [
+ [min[0], max[0]], // x range
+ [min[1], max[1]] // y range
+ ];
+}
+
+function getTransform$1(controller) {
+ return getTransform(controller.group);
+}
+
+function getGlobalDirection(controller, localDirection) {
+ if (localDirection.length > 1) {
+ localDirection = localDirection.split('');
+ var globalDir = [
+ getGlobalDirection(controller, localDirection[0]),
+ getGlobalDirection(controller, localDirection[1])
+ ];
+ (globalDir[0] === 'e' || globalDir[0] === 'w') && globalDir.reverse();
+ return globalDir.join('');
+ }
+ else {
+ var map$$1 = {w: 'left', e: 'right', n: 'top', s: 'bottom'};
+ var inverseMap = {left: 'w', right: 'e', top: 'n', bottom: 's'};
+ var globalDir = transformDirection(
+ map$$1[localDirection], getTransform$1(controller)
+ );
+ return inverseMap[globalDir];
+ }
+}
+
+function driftRect(toRectRange, fromRectRange, controller, cover, name, dx, dy, e) {
+ var brushOption = cover.__brushOption;
+ var rectRange = toRectRange(brushOption.range);
+ var localDelta = toLocalDelta(controller, dx, dy);
+
+ each$12(name.split(''), function (namePart) {
+ var ind = DIRECTION_MAP[namePart];
+ rectRange[ind[0]][ind[1]] += localDelta[ind[0]];
+ });
+
+ brushOption.range = fromRectRange(formatRectRange(
+ rectRange[0][0], rectRange[1][0], rectRange[0][1], rectRange[1][1]
+ ));
+
+ updateCoverAfterCreation(controller, cover);
+ trigger$1(controller, {isEnd: false});
+}
+
+function driftPolygon(controller, cover, dx, dy, e) {
+ var range = cover.__brushOption.range;
+ var localDelta = toLocalDelta(controller, dx, dy);
+
+ each$12(range, function (point) {
+ point[0] += localDelta[0];
+ point[1] += localDelta[1];
+ });
+
+ updateCoverAfterCreation(controller, cover);
+ trigger$1(controller, {isEnd: false});
+}
+
+function toLocalDelta(controller, dx, dy) {
+ var thisGroup = controller.group;
+ var localD = thisGroup.transformCoordToLocal(dx, dy);
+ var localZero = thisGroup.transformCoordToLocal(0, 0);
+
+ return [localD[0] - localZero[0], localD[1] - localZero[1]];
+}
+
+function clipByPanel(controller, cover, data) {
+ var panel = getPanelByCover(controller, cover);
+
+ return (panel && panel !== true)
+ ? panel.clipPath(data, controller._transform)
+ : clone(data);
+}
+
+function pointsToRect(points) {
+ var xmin = mathMin$7(points[0][0], points[1][0]);
+ var ymin = mathMin$7(points[0][1], points[1][1]);
+ var xmax = mathMax$7(points[0][0], points[1][0]);
+ var ymax = mathMax$7(points[0][1], points[1][1]);
+
+ return {
+ x: xmin,
+ y: ymin,
+ width: xmax - xmin,
+ height: ymax - ymin
+ };
+}
+
+function resetCursor(controller, e, localCursorPoint) {
+ if (
+ // Check active
+ !controller._brushType
+ // resetCursor should be always called when mouse is in zr area,
+ // but not called when mouse is out of zr area to avoid bad influence
+ // if `mousemove`, `mouseup` are triggered from `document` event.
+ || isOutsideZrArea(controller, e)
+ ) {
+ return;
+ }
+
+ var zr = controller._zr;
+ var covers = controller._covers;
+ var currPanel = getPanelByPoint(controller, e, localCursorPoint);
+
+ // Check whether in covers.
+ if (!controller._dragging) {
+ for (var i = 0; i < covers.length; i++) {
+ var brushOption = covers[i].__brushOption;
+ if (currPanel
+ && (currPanel === true || brushOption.panelId === currPanel.panelId)
+ && coverRenderers[brushOption.brushType].contain(
+ covers[i], localCursorPoint[0], localCursorPoint[1]
+ )
+ ) {
+ // Use cursor style set on cover.
+ return;
+ }
+ }
+ }
+
+ currPanel && zr.setCursorStyle('crosshair');
+}
+
+function preventDefault(e) {
+ var rawE = e.event;
+ rawE.preventDefault && rawE.preventDefault();
+}
+
+function mainShapeContain(cover, x, y) {
+ return cover.childOfName('main').contain(x, y);
+}
+
+function updateCoverByMouse(controller, e, localCursorPoint, isEnd) {
+ var creatingCover = controller._creatingCover;
+ var panel = controller._creatingPanel;
+ var thisBrushOption = controller._brushOption;
+ var eventParams;
+
+ controller._track.push(localCursorPoint.slice());
+
+ if (shouldShowCover(controller) || creatingCover) {
+
+ if (panel && !creatingCover) {
+ thisBrushOption.brushMode === 'single' && clearCovers(controller);
+ var brushOption = clone(thisBrushOption);
+ brushOption.brushType = determineBrushType(brushOption.brushType, panel);
+ brushOption.panelId = panel === true ? null : panel.panelId;
+ creatingCover = controller._creatingCover = createCover(controller, brushOption);
+ controller._covers.push(creatingCover);
+ }
+
+ if (creatingCover) {
+ var coverRenderer = coverRenderers[determineBrushType(controller._brushType, panel)];
+ var coverBrushOption = creatingCover.__brushOption;
+
+ coverBrushOption.range = coverRenderer.getCreatingRange(
+ clipByPanel(controller, creatingCover, controller._track)
+ );
+
+ if (isEnd) {
+ endCreating(controller, creatingCover);
+ coverRenderer.updateCommon(controller, creatingCover);
+ }
+
+ updateCoverShape(controller, creatingCover);
+
+ eventParams = {isEnd: isEnd};
+ }
+ }
+ else if (
+ isEnd
+ && thisBrushOption.brushMode === 'single'
+ && thisBrushOption.removeOnClick
+ ) {
+ // Help user to remove covers easily, only by a tiny drag, in 'single' mode.
+ // But a single click do not clear covers, because user may have casual
+ // clicks (for example, click on other component and do not expect covers
+ // disappear).
+ // Only some cover removed, trigger action, but not every click trigger action.
+ if (getPanelByPoint(controller, e, localCursorPoint) && clearCovers(controller)) {
+ eventParams = {isEnd: isEnd, removeOnClick: true};
+ }
+ }
+
+ return eventParams;
+}
+
+function determineBrushType(brushType, panel) {
+ if (brushType === 'auto') {
+ if (__DEV__) {
+ assert$1(
+ panel && panel.defaultBrushType,
+ 'MUST have defaultBrushType when brushType is "atuo"'
+ );
+ }
+ return panel.defaultBrushType;
+ }
+ return brushType;
+}
+
+var pointerHandlers = {
+
+ mousedown: function (e) {
+ if (this._dragging) {
+ // In case some browser do not support globalOut,
+ // and release mose out side the browser.
+ handleDragEnd(this, e);
+ }
+ else if (!e.target || !e.target.draggable) {
+
+ preventDefault(e);
+
+ var localCursorPoint = this.group.transformCoordToLocal(e.offsetX, e.offsetY);
+
+ this._creatingCover = null;
+ var panel = this._creatingPanel = getPanelByPoint(this, e, localCursorPoint);
+
+ if (panel) {
+ this._dragging = true;
+ this._track = [localCursorPoint.slice()];
+ }
+ }
+ },
+
+ mousemove: function (e) {
+ var x = e.offsetX;
+ var y = e.offsetY;
+
+ var localCursorPoint = this.group.transformCoordToLocal(x, y);
+
+ resetCursor(this, e, localCursorPoint);
+
+ if (this._dragging) {
+ preventDefault(e);
+ var eventParams = updateCoverByMouse(this, e, localCursorPoint, false);
+ eventParams && trigger$1(this, eventParams);
+ }
+ },
+
+ mouseup: function (e) {
+ handleDragEnd(this, e);
+ }
+};
+
+
+function handleDragEnd(controller, e) {
+ if (controller._dragging) {
+ preventDefault(e);
+
+ var x = e.offsetX;
+ var y = e.offsetY;
+
+ var localCursorPoint = controller.group.transformCoordToLocal(x, y);
+ var eventParams = updateCoverByMouse(controller, e, localCursorPoint, true);
+
+ controller._dragging = false;
+ controller._track = [];
+ controller._creatingCover = null;
+
+ // trigger event shoule be at final, after procedure will be nested.
+ eventParams && trigger$1(controller, eventParams);
+ }
+}
+
+function isOutsideZrArea(controller, x, y) {
+ var zr = controller._zr;
+ return x < 0 || x > zr.getWidth() || y < 0 || y > zr.getHeight();
+}
+
+
+/**
+ * key: brushType
+ * @type {Object}
+ */
+var coverRenderers = {
+
+ lineX: getLineRenderer(0),
+
+ lineY: getLineRenderer(1),
+
+ rect: {
+ createCover: function (controller, brushOption) {
+ return createBaseRectCover(
+ curry$2(
+ driftRect,
+ function (range) {
+ return range;
+ },
+ function (range) {
+ return range;
+ }
+ ),
+ controller,
+ brushOption,
+ ['w', 'e', 'n', 's', 'se', 'sw', 'ne', 'nw']
+ );
+ },
+ getCreatingRange: function (localTrack) {
+ var ends = getTrackEnds(localTrack);
+ return formatRectRange(ends[1][0], ends[1][1], ends[0][0], ends[0][1]);
+ },
+ updateCoverShape: function (controller, cover, localRange, brushOption) {
+ updateBaseRect(controller, cover, localRange, brushOption);
+ },
+ updateCommon: updateCommon,
+ contain: mainShapeContain
+ },
+
+ polygon: {
+ createCover: function (controller, brushOption) {
+ var cover = new Group();
+
+ // Do not use graphic.Polygon because graphic.Polyline do not close the
+ // border of the shape when drawing, which is a better experience for user.
+ cover.add(new Polyline({
+ name: 'main',
+ style: makeStyle(brushOption),
+ silent: true
+ }));
+
+ return cover;
+ },
+ getCreatingRange: function (localTrack) {
+ return localTrack;
+ },
+ endCreating: function (controller, cover) {
+ cover.remove(cover.childAt(0));
+ // Use graphic.Polygon close the shape.
+ cover.add(new Polygon({
+ name: 'main',
+ draggable: true,
+ drift: curry$2(driftPolygon, controller, cover),
+ ondragend: curry$2(trigger$1, controller, {isEnd: true})
+ }));
+ },
+ updateCoverShape: function (controller, cover, localRange, brushOption) {
+ cover.childAt(0).setShape({
+ points: clipByPanel(controller, cover, localRange)
+ });
+ },
+ updateCommon: updateCommon,
+ contain: mainShapeContain
+ }
+};
+
+function getLineRenderer(xyIndex) {
+ return {
+ createCover: function (controller, brushOption) {
+ return createBaseRectCover(
+ curry$2(
+ driftRect,
+ function (range) {
+ var rectRange = [range, [0, 100]];
+ xyIndex && rectRange.reverse();
+ return rectRange;
+ },
+ function (rectRange) {
+ return rectRange[xyIndex];
+ }
+ ),
+ controller,
+ brushOption,
+ [['w', 'e'], ['n', 's']][xyIndex]
+ );
+ },
+ getCreatingRange: function (localTrack) {
+ var ends = getTrackEnds(localTrack);
+ var min = mathMin$7(ends[0][xyIndex], ends[1][xyIndex]);
+ var max = mathMax$7(ends[0][xyIndex], ends[1][xyIndex]);
+
+ return [min, max];
+ },
+ updateCoverShape: function (controller, cover, localRange, brushOption) {
+ var otherExtent;
+ // If brushWidth not specified, fit the panel.
+ var panel = getPanelByCover(controller, cover);
+ if (panel !== true && panel.getLinearBrushOtherExtent) {
+ otherExtent = panel.getLinearBrushOtherExtent(
+ xyIndex, controller._transform
+ );
+ }
+ else {
+ var zr = controller._zr;
+ otherExtent = [0, [zr.getWidth(), zr.getHeight()][1 - xyIndex]];
+ }
+ var rectRange = [localRange, otherExtent];
+ xyIndex && rectRange.reverse();
+
+ updateBaseRect(controller, cover, rectRange, brushOption);
+ },
+ updateCommon: updateCommon,
+ contain: mainShapeContain
+ };
+}
+
+/*
+* 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 makeRectPanelClipPath(rect) {
+ rect = normalizeRect(rect);
+ return function (localPoints, transform) {
+ return clipPointsByRect(localPoints, rect);
+ };
+}
+
+function makeLinearBrushOtherExtent(rect, specifiedXYIndex) {
+ rect = normalizeRect(rect);
+ return function (xyIndex) {
+ var idx = specifiedXYIndex != null ? specifiedXYIndex : xyIndex;
+ var brushWidth = idx ? rect.width : rect.height;
+ var base = idx ? rect.x : rect.y;
+ return [base, base + (brushWidth || 0)];
+ };
+}
+
+function makeRectIsTargetByCursor(rect, api, targetModel) {
+ rect = normalizeRect(rect);
+ return function (e, localCursorPoint, transform) {
+ return rect.contain(localCursorPoint[0], localCursorPoint[1])
+ && !onIrrelevantElement(e, api, targetModel);
+ };
+}
+
+// Consider width/height is negative.
+function normalizeRect(rect) {
+ return BoundingRect.create(rect);
+}
+
+/*
+* 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.
+*/
+
+var elementList = ['axisLine', 'axisTickLabel', 'axisName'];
+
+var AxisView$2 = extendComponentView({
+
+ type: 'parallelAxis',
+
+ /**
+ * @override
+ */
+ init: function (ecModel, api) {
+ AxisView$2.superApply(this, 'init', arguments);
+
+ /**
+ * @type {module:echarts/component/helper/BrushController}
+ */
+ (this._brushController = new BrushController(api.getZr()))
+ .on('brush', bind(this._onBrush, this));
+ },
+
+ /**
+ * @override
+ */
+ render: function (axisModel, ecModel, api, payload) {
+ if (fromAxisAreaSelect(axisModel, ecModel, payload)) {
+ return;
+ }
+
+ this.axisModel = axisModel;
+ this.api = api;
+
+ this.group.removeAll();
+
+ var oldAxisGroup = this._axisGroup;
+ this._axisGroup = new Group();
+ this.group.add(this._axisGroup);
+
+ if (!axisModel.get('show')) {
+ return;
+ }
+
+ var coordSysModel = getCoordSysModel(axisModel, ecModel);
+ var coordSys = coordSysModel.coordinateSystem;
+
+ var areaSelectStyle = axisModel.getAreaSelectStyle();
+ var areaWidth = areaSelectStyle.width;
+
+ var dim = axisModel.axis.dim;
+ var axisLayout = coordSys.getAxisLayout(dim);
+
+ var builderOpt = extend(
+ {strokeContainThreshold: areaWidth},
+ axisLayout
+ );
+
+ var axisBuilder = new AxisBuilder(axisModel, builderOpt);
+
+ each$1(elementList, axisBuilder.add, axisBuilder);
+
+ this._axisGroup.add(axisBuilder.getGroup());
+
+ this._refreshBrushController(
+ builderOpt, areaSelectStyle, axisModel, coordSysModel, areaWidth, api
+ );
+
+ var animationModel = (payload && payload.animation === false) ? null : axisModel;
+ groupTransition(oldAxisGroup, this._axisGroup, animationModel);
+ },
+
+ // /**
+ // * @override
+ // */
+ // updateVisual: function (axisModel, ecModel, api, payload) {
+ // this._brushController && this._brushController
+ // .updateCovers(getCoverInfoList(axisModel));
+ // },
+
+ _refreshBrushController: function (
+ builderOpt, areaSelectStyle, axisModel, coordSysModel, areaWidth, api
+ ) {
+ // After filtering, axis may change, select area needs to be update.
+ var extent = axisModel.axis.getExtent();
+ var extentLen = extent[1] - extent[0];
+ var extra = Math.min(30, Math.abs(extentLen) * 0.1); // Arbitrary value.
+
+ // width/height might be negative, which will be
+ // normalized in BoundingRect.
+ var rect = BoundingRect.create({
+ x: extent[0],
+ y: -areaWidth / 2,
+ width: extentLen,
+ height: areaWidth
+ });
+ rect.x -= extra;
+ rect.width += 2 * extra;
+
+ this._brushController
+ .mount({
+ enableGlobalPan: true,
+ rotation: builderOpt.rotation,
+ position: builderOpt.position
+ })
+ .setPanels([{
+ panelId: 'pl',
+ clipPath: makeRectPanelClipPath(rect),
+ isTargetByCursor: makeRectIsTargetByCursor(rect, api, coordSysModel),
+ getLinearBrushOtherExtent: makeLinearBrushOtherExtent(rect, 0)
+ }])
+ .enableBrush({
+ brushType: 'lineX',
+ brushStyle: areaSelectStyle,
+ removeOnClick: true
+ })
+ .updateCovers(getCoverInfoList(axisModel));
+ },
+
+ _onBrush: function (coverInfoList, opt) {
+ // Do not cache these object, because the mey be changed.
+ var axisModel = this.axisModel;
+ var axis = axisModel.axis;
+ var intervals = map(coverInfoList, function (coverInfo) {
+ return [
+ axis.coordToData(coverInfo.range[0], true),
+ axis.coordToData(coverInfo.range[1], true)
+ ];
+ });
+
+ // If realtime is true, action is not dispatched on drag end, because
+ // the drag end emits the same params with the last drag move event,
+ // and may have some delay when using touch pad.
+ if (!axisModel.option.realtime === opt.isEnd || opt.removeOnClick) { // jshint ignore:line
+ this.api.dispatchAction({
+ type: 'axisAreaSelect',
+ parallelAxisId: axisModel.id,
+ intervals: intervals
+ });
+ }
+ },
+
+ /**
+ * @override
+ */
+ dispose: function () {
+ this._brushController.dispose();
+ }
+});
+
+function fromAxisAreaSelect(axisModel, ecModel, payload) {
+ return payload
+ && payload.type === 'axisAreaSelect'
+ && ecModel.findComponents(
+ {mainType: 'parallelAxis', query: payload}
+ )[0] === axisModel;
+}
+
+function getCoverInfoList(axisModel) {
+ var axis = axisModel.axis;
+ return map(axisModel.activeIntervals, function (interval) {
+ return {
+ brushType: 'lineX',
+ panelId: 'pl',
+ range: [
+ axis.dataToCoord(interval[0], true),
+ axis.dataToCoord(interval[1], true)
+ ]
+ };
+ });
+}
+
+function getCoordSysModel(axisModel, ecModel) {
+ return ecModel.getComponent(
+ 'parallel', axisModel.get('parallelIndex')
+ );
+}
+
+/*
+* 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.
+*/
+
+/*
+* 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.
+*/
+
+var CLICK_THRESHOLD = 5; // > 4
+
+// Parallel view
+extendComponentView({
+ type: 'parallel',
+
+ render: function (parallelModel, ecModel, api) {
+ this._model = parallelModel;
+ this._api = api;
+
+ if (!this._handlers) {
+ this._handlers = {};
+ each$1(handlers, function (handler, eventName) {
+ api.getZr().on(eventName, this._handlers[eventName] = bind(handler, this));
+ }, this);
+ }
+
+ createOrUpdate(
+ this,
+ '_throttledDispatchExpand',
+ parallelModel.get('axisExpandRate'),
+ 'fixRate'
+ );
+ },
+
+ dispose: function (ecModel, api) {
+ each$1(this._handlers, function (handler, eventName) {
+ api.getZr().off(eventName, handler);
+ });
+ this._handlers = null;
+ },
+
+ /**
+ * @param {Object} [opt] If null, cancle the last action triggering for debounce.
+ */
+ _throttledDispatchExpand: function (opt) {
+ this._dispatchExpand(opt);
+ },
+
+ _dispatchExpand: function (opt) {
+ opt && this._api.dispatchAction(
+ extend({type: 'parallelAxisExpand'}, opt)
+ );
+ }
+
+});
+
+var handlers = {
+
+ mousedown: function (e) {
+ if (checkTrigger(this, 'click')) {
+ this._mouseDownPoint = [e.offsetX, e.offsetY];
+ }
+ },
+
+ mouseup: function (e) {
+ var mouseDownPoint = this._mouseDownPoint;
+
+ if (checkTrigger(this, 'click') && mouseDownPoint) {
+ var point = [e.offsetX, e.offsetY];
+ var dist = Math.pow(mouseDownPoint[0] - point[0], 2)
+ + Math.pow(mouseDownPoint[1] - point[1], 2);
+
+ if (dist > CLICK_THRESHOLD) {
+ return;
+ }
+
+ var result = this._model.coordinateSystem.getSlidedAxisExpandWindow(
+ [e.offsetX, e.offsetY]
+ );
+
+ result.behavior !== 'none' && this._dispatchExpand({
+ axisExpandWindow: result.axisExpandWindow
+ });
+ }
+
+ this._mouseDownPoint = null;
+ },
+
+ mousemove: function (e) {
+ // Should do nothing when brushing.
+ if (this._mouseDownPoint || !checkTrigger(this, 'mousemove')) {
+ return;
+ }
+ var model = this._model;
+ var result = model.coordinateSystem.getSlidedAxisExpandWindow(
+ [e.offsetX, e.offsetY]
+ );
+
+ var behavior = result.behavior;
+ behavior === 'jump' && this._throttledDispatchExpand.debounceNextCall(model.get('axisExpandDebounce'));
+ this._throttledDispatchExpand(
+ behavior === 'none'
+ ? null // Cancle the last trigger, in case that mouse slide out of the area quickly.
+ : {
+ axisExpandWindow: result.axisExpandWindow,
+ // Jumping uses animation, and sliding suppresses animation.
+ animation: behavior === 'jump' ? null : false
+ }
+ );
+ }
+};
+
+function checkTrigger(view, triggerOn) {
+ var model = view._model;
+ return model.get('axisExpandable') && model.get('axisExpandTriggerOn') === triggerOn;
+}
+
+registerPreprocessor(parallelPreprocessor);
+
+/*
+* 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.
+*/
+
+SeriesModel.extend({
+
+ type: 'series.parallel',
+
+ dependencies: ['parallel'],
+
+ visualColorAccessPath: 'lineStyle.color',
+
+ getInitialData: function (option, ecModel) {
+ var source = this.getSource();
+
+ setEncodeAndDimensions(source, this);
+
+ return createListFromArray(source, this);
+ },
+
+ /**
+ * User can get data raw indices on 'axisAreaSelected' event received.
+ *
+ * @public
+ * @param {string} activeState 'active' or 'inactive' or 'normal'
+ * @return {Array.<number>} Raw indices
+ */
+ getRawIndicesByActiveState: function (activeState) {
+ var coordSys = this.coordinateSystem;
+ var data = this.getData();
+ var indices = [];
+
+ coordSys.eachActiveState(data, function (theActiveState, dataIndex) {
+ if (activeState === theActiveState) {
+ indices.push(data.getRawIndex(dataIndex));
+ }
+ });
+
+ return indices;
+ },
+
+ defaultOption: {
+ zlevel: 0, // 涓�绾у眰鍙�
+ z: 2, // 浜岀骇灞傚彔
+
+ coordinateSystem: 'parallel',
+ parallelIndex: 0,
+
+ label: {
+ show: false
+ },
+
+ inactiveOpacity: 0.05,
+ activeOpacity: 1,
+
+ lineStyle: {
+ width: 1,
+ opacity: 0.45,
+ type: 'solid'
+ },
+ emphasis: {
+ label: {
+ show: false
+ }
+ },
+
+ progressive: 500,
+ smooth: false, // true | false | number
+
+ animationEasing: 'linear'
+ }
+});
+
+function setEncodeAndDimensions(source, seriesModel) {
+ // The mapping of parallelAxis dimension to data dimension can
+ // be specified in parallelAxis.option.dim. For example, if
+ // parallelAxis.option.dim is 'dim3', it mapping to the third
+ // dimension of data. But `data.encode` has higher priority.
+ // Moreover, parallelModel.dimension should not be regarded as data
+ // dimensions. Consider dimensions = ['dim4', 'dim2', 'dim6'];
+
+ if (source.encodeDefine) {
+ return;
+ }
+
+ var parallelModel = seriesModel.ecModel.getComponent(
+ 'parallel', seriesModel.get('parallelIndex')
+ );
+ if (!parallelModel) {
+ return;
+ }
+
+ var encodeDefine = source.encodeDefine = createHashMap();
+ each$1(parallelModel.dimensions, function (axisDim) {
+ var dataDimIndex = convertDimNameToNumber(axisDim);
+ encodeDefine.set(axisDim, dataDimIndex);
+ });
+}
+
+function convertDimNameToNumber(dimName) {
+ return +dimName.replace('dim', '');
+}
+
+/*
+* 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.
+*/
+
+var DEFAULT_SMOOTH = 0.3;
+
+var ParallelView = Chart.extend({
+
+ type: 'parallel',
+
+ init: function () {
+
+ /**
+ * @type {module:zrender/container/Group}
+ * @private
+ */
+ this._dataGroup = new Group();
+
+ this.group.add(this._dataGroup);
+
+ /**
+ * @type {module:echarts/data/List}
+ */
+ this._data;
+
+ /**
+ * @type {boolean}
+ */
+ this._initialized;
+ },
+
+ /**
+ * @override
+ */
+ render: function (seriesModel, ecModel, api, payload) {
+ var dataGroup = this._dataGroup;
+ var data = seriesModel.getData();
+ var oldData = this._data;
+ var coordSys = seriesModel.coordinateSystem;
+ var dimensions = coordSys.dimensions;
+ var seriesScope = makeSeriesScope$2(seriesModel);
+
+ data.diff(oldData)
+ .add(add)
+ .update(update)
+ .remove(remove)
+ .execute();
+
+ function add(newDataIndex) {
+ var line = addEl(data, dataGroup, newDataIndex, dimensions, coordSys);
+ updateElCommon(line, data, newDataIndex, seriesScope);
+ }
+
+ function update(newDataIndex, oldDataIndex) {
+ var line = oldData.getItemGraphicEl(oldDataIndex);
+ var points = createLinePoints(data, newDataIndex, dimensions, coordSys);
+ data.setItemGraphicEl(newDataIndex, line);
+ var animationModel = (payload && payload.animation === false) ? null : seriesModel;
+ updateProps(line, {shape: {points: points}}, animationModel, newDataIndex);
+
+ updateElCommon(line, data, newDataIndex, seriesScope);
+ }
+
+ function remove(oldDataIndex) {
+ var line = oldData.getItemGraphicEl(oldDataIndex);
+ dataGroup.remove(line);
+ }
+
+ // First create
+ if (!this._initialized) {
+ this._initialized = true;
+ var clipPath = createGridClipShape(
+ coordSys, seriesModel, function () {
+ // Callback will be invoked immediately if there is no animation
+ setTimeout(function () {
+ dataGroup.removeClipPath();
+ });
+ }
+ );
+ dataGroup.setClipPath(clipPath);
+ }
+
+ this._data = data;
+ },
+
+ incrementalPrepareRender: function (seriesModel, ecModel, api) {
+ this._initialized = true;
+ this._data = null;
+ this._dataGroup.removeAll();
+ },
+
+ incrementalRender: function (taskParams, seriesModel, ecModel) {
+ var data = seriesModel.getData();
+ var coordSys = seriesModel.coordinateSystem;
+ var dimensions = coordSys.dimensions;
+ var seriesScope = makeSeriesScope$2(seriesModel);
+
+ for (var dataIndex = taskParams.start; dataIndex < taskParams.end; dataIndex++) {
+ var line = addEl(data, this._dataGroup, dataIndex, dimensions, coordSys);
+ line.incremental = true;
+ updateElCommon(line, data, dataIndex, seriesScope);
+ }
+ },
+
+ dispose: function () {},
+
+ // _renderForProgressive: function (seriesModel) {
+ // var dataGroup = this._dataGroup;
+ // var data = seriesModel.getData();
+ // var oldData = this._data;
+ // var coordSys = seriesModel.coordinateSystem;
+ // var dimensions = coordSys.dimensions;
+ // var option = seriesModel.option;
+ // var progressive = option.progressive;
+ // var smooth = option.smooth ? SMOOTH : null;
+
+ // // In progressive animation is disabled, so use simple data diff,
+ // // which effects performance less.
+ // // (Typically performance for data with length 7000+ like:
+ // // simpleDiff: 60ms, addEl: 184ms,
+ // // in RMBP 2.4GHz intel i7, OSX 10.9 chrome 50.0.2661.102 (64-bit))
+ // if (simpleDiff(oldData, data, dimensions)) {
+ // dataGroup.removeAll();
+ // data.each(function (dataIndex) {
+ // addEl(data, dataGroup, dataIndex, dimensions, coordSys);
+ // });
+ // }
+
+ // updateElCommon(data, progressive, smooth);
+
+ // // Consider switch between progressive and not.
+ // data.__plProgressive = true;
+ // this._data = data;
+ // },
+
+ /**
+ * @override
+ */
+ remove: function () {
+ this._dataGroup && this._dataGroup.removeAll();
+ this._data = null;
+ }
+});
+
+function createGridClipShape(coordSys, seriesModel, cb) {
+ var parallelModel = coordSys.model;
+ var rect = coordSys.getRect();
+ var rectEl = new Rect({
+ shape: {
+ x: rect.x,
+ y: rect.y,
+ width: rect.width,
+ height: rect.height
+ }
+ });
+
+ var dim = parallelModel.get('layout') === 'horizontal' ? 'width' : 'height';
+ rectEl.setShape(dim, 0);
+ initProps(rectEl, {
+ shape: {
+ width: rect.width,
+ height: rect.height
+ }
+ }, seriesModel, cb);
+ return rectEl;
+}
+
+function createLinePoints(data, dataIndex, dimensions, coordSys) {
+ var points = [];
+ for (var i = 0; i < dimensions.length; i++) {
+ var dimName = dimensions[i];
+ var value = data.get(data.mapDimension(dimName), dataIndex);
+ if (!isEmptyValue(value, coordSys.getAxis(dimName).type)) {
+ points.push(coordSys.dataToPoint(value, dimName));
+ }
+ }
+ return points;
+}
+
+function addEl(data, dataGroup, dataIndex, dimensions, coordSys) {
+ var points = createLinePoints(data, dataIndex, dimensions, coordSys);
+ var line = new Polyline({
+ shape: {points: points},
+ silent: true,
+ z2: 10
+ });
+ dataGroup.add(line);
+ data.setItemGraphicEl(dataIndex, line);
+ return line;
+}
+
+function makeSeriesScope$2(seriesModel) {
+ var smooth = seriesModel.get('smooth', true);
+ smooth === true && (smooth = DEFAULT_SMOOTH);
+ return {
+ lineStyle: seriesModel.getModel('lineStyle').getLineStyle(),
+ smooth: smooth != null ? smooth : DEFAULT_SMOOTH
+ };
+}
+
+function updateElCommon(el, data, dataIndex, seriesScope) {
+ var lineStyle = seriesScope.lineStyle;
+
+ if (data.hasItemOption) {
+ var lineStyleModel = data.getItemModel(dataIndex).getModel('lineStyle');
+ lineStyle = lineStyleModel.getLineStyle();
+ }
+
+ el.useStyle(lineStyle);
+
+ var elStyle = el.style;
+ elStyle.fill = null;
+ // lineStyle.color have been set to itemVisual in module:echarts/visual/seriesColor.
+ elStyle.stroke = data.getItemVisual(dataIndex, 'color');
+ // lineStyle.opacity have been set to itemVisual in parallelVisual.
+ elStyle.opacity = data.getItemVisual(dataIndex, 'opacity');
+
+ seriesScope.smooth && (el.shape.smooth = seriesScope.smooth);
+}
+
+// function simpleDiff(oldData, newData, dimensions) {
+// var oldLen;
+// if (!oldData
+// || !oldData.__plProgressive
+// || (oldLen = oldData.count()) !== newData.count()
+// ) {
+// return true;
+// }
+
+// var dimLen = dimensions.length;
+// for (var i = 0; i < oldLen; i++) {
+// for (var j = 0; j < dimLen; j++) {
+// if (oldData.get(dimensions[j], i) !== newData.get(dimensions[j], i)) {
+// return true;
+// }
+// }
+// }
+
+// return false;
+// }
+
+// FIXME
+// 鍏敤鏂规硶?
+function isEmptyValue(val, axisType) {
+ return axisType === 'category'
+ ? val == null
+ : (val == null || isNaN(val)); // axisType === 'value'
+}
+
+/*
+* 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.
+*/
+
+
+var opacityAccessPath$1 = ['lineStyle', 'normal', 'opacity'];
+
+var parallelVisual = {
+
+ seriesType: 'parallel',
+
+ reset: function (seriesModel, ecModel, api) {
+
+ var itemStyleModel = seriesModel.getModel('itemStyle');
+ var lineStyleModel = seriesModel.getModel('lineStyle');
+ var globalColors = ecModel.get('color');
+
+ var color = lineStyleModel.get('color')
+ || itemStyleModel.get('color')
+ || globalColors[seriesModel.seriesIndex % globalColors.length];
+ var inactiveOpacity = seriesModel.get('inactiveOpacity');
+ var activeOpacity = seriesModel.get('activeOpacity');
+ var lineStyle = seriesModel.getModel('lineStyle').getLineStyle();
+
+ var coordSys = seriesModel.coordinateSystem;
+ var data = seriesModel.getData();
+
+ var opacityMap = {
+ normal: lineStyle.opacity,
+ active: activeOpacity,
+ inactive: inactiveOpacity
+ };
+
+ data.setVisual('color', color);
+
+ function progress(params, data) {
+ coordSys.eachActiveState(data, function (activeState, dataIndex) {
+ var opacity = opacityMap[activeState];
+ if (activeState === 'normal' && data.hasItemOption) {
+ var itemOpacity = data.getItemModel(dataIndex).get(opacityAccessPath$1, true);
+ itemOpacity != null && (opacity = itemOpacity);
+ }
+ data.setItemVisual(dataIndex, 'opacity', opacity);
+ }, params.start, params.end);
+ }
+
+ return {progress: progress};
+ }
+};
+
+/*
+* 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.
+*/
+
+registerVisual(parallelVisual);
+
+/*
+* 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.
+*/
+
+var SankeySeries = SeriesModel.extend({
+
+ type: 'series.sankey',
+
+ layoutInfo: null,
+
+ levelModels: null,
+
+ /**
+ * Init a graph data structure from data in option series
+ *
+ * @param {Object} option the object used to config echarts view
+ * @return {module:echarts/data/List} storage initial data
+ */
+ getInitialData: function (option, ecModel) {
+ var links = option.edges || option.links;
+ var nodes = option.data || option.nodes;
+ var levels = option.levels;
+ var levelModels = this.levelModels = {};
+
+ for (var i = 0; i < levels.length; i++) {
+ if (levels[i].depth != null && levels[i].depth >= 0) {
+ levelModels[levels[i].depth] = new Model(levels[i], this, ecModel);
+ }
+ else {
+ if (__DEV__) {
+ throw new Error('levels[i].depth is mandatory and should be natural number');
+ }
+ }
+ }
+ if (nodes && links) {
+ var graph = createGraphFromNodeEdge(nodes, links, this, true, beforeLink);
+ return graph.data;
+ }
+ function beforeLink(nodeData, edgeData) {
+ nodeData.wrapMethod('getItemModel', function (model, idx) {
+ model.customizeGetParent(function (path) {
+ var parentModel = this.parentModel;
+ var nodeDepth = parentModel.getData().getItemLayout(idx).depth;
+ var levelModel = parentModel.levelModels[nodeDepth];
+ return levelModel || this.parentModel;
+ });
+ return model;
+ });
+
+ edgeData.wrapMethod('getItemModel', function (model, idx) {
+ model.customizeGetParent(function (path) {
+ var parentModel = this.parentModel;
+ var edge = parentModel.getGraph().getEdgeByIndex(idx);
+ var depth = edge.node1.getLayout().depth;
+ var levelModel = parentModel.levelModels[depth];
+ return levelModel || this.parentModel;
+ });
+ return model;
+ });
+ }
+ },
+
+ setNodePosition: function (dataIndex, localPosition) {
+ var dataItem = this.option.data[dataIndex];
+ dataItem.localX = localPosition[0];
+ dataItem.localY = localPosition[1];
+ },
+
+ /**
+ * Return the graphic data structure
+ *
+ * @return {module:echarts/data/Graph} graphic data structure
+ */
+ getGraph: function () {
+ return this.getData().graph;
+ },
+
+ /**
+ * Get edge data of graphic data structure
+ *
+ * @return {module:echarts/data/List} data structure of list
+ */
+ getEdgeData: function () {
+ return this.getGraph().edgeData;
+ },
+
+ /**
+ * @override
+ */
+ formatTooltip: function (dataIndex, multipleSeries, dataType) {
+ // dataType === 'node' or empty do not show tooltip by default
+ if (dataType === 'edge') {
+ var params = this.getDataParams(dataIndex, dataType);
+ var rawDataOpt = params.data;
+ var html = rawDataOpt.source + ' -- ' + rawDataOpt.target;
+ if (params.value) {
+ html += ' : ' + params.value;
+ }
+ return encodeHTML(html);
+ }
+ else if (dataType === 'node') {
+ var node = this.getGraph().getNodeByIndex(dataIndex);
+ var value = node.getLayout().value;
+ var name = this.getDataParams(dataIndex, dataType).data.name;
+ if (value) {
+ var html = name + ' : ' + value;
+ }
+ return encodeHTML(html);
+ }
+ return SankeySeries.superCall(this, 'formatTooltip', dataIndex, multipleSeries);
+ },
+
+ optionUpdated: function () {
+ var option = this.option;
+ if (option.focusNodeAdjacency === true) {
+ option.focusNodeAdjacency = 'allEdges';
+ }
+ },
+
+ // Override Series.getDataParams()
+ getDataParams: function (dataIndex, dataType) {
+ var params = SankeySeries.superCall(this, 'getDataParams', dataIndex, dataType);
+ if (params.value == null && dataType === 'node') {
+ var node = this.getGraph().getNodeByIndex(dataIndex);
+ var nodeValue = node.getLayout().value;
+ params.value = nodeValue;
+ }
+ return params;
+ },
+
+ defaultOption: {
+ zlevel: 0,
+ z: 2,
+
+ coordinateSystem: 'view',
+
+ layout: null,
+
+ // The position of the whole view
+ left: '5%',
+ top: '5%',
+ right: '20%',
+ bottom: '5%',
+
+ // Value can be 'vertical'
+ orient: 'horizontal',
+
+ // The dx of the node
+ nodeWidth: 20,
+
+ // The vertical distance between two nodes
+ nodeGap: 8,
+
+ // Control if the node can move or not
+ draggable: true,
+
+ // Value can be 'inEdges', 'outEdges', 'allEdges', true (the same as 'allEdges').
+ focusNodeAdjacency: false,
+
+ // The number of iterations to change the position of the node
+ layoutIterations: 32,
+
+ label: {
+ show: true,
+ position: 'right',
+ color: '#000',
+ fontSize: 12
+ },
+
+ levels: [],
+
+ // Value can be 'left' or 'right'
+ nodeAlign: 'justify',
+
+ itemStyle: {
+ borderWidth: 1,
+ borderColor: '#333'
+ },
+
+ lineStyle: {
+ color: '#314656',
+ opacity: 0.2,
+ curveness: 0.5
+ },
+
+ emphasis: {
+ label: {
+ show: true
+ },
+ lineStyle: {
+ opacity: 0.5
+ }
+ },
+
+ animationEasing: 'linear',
+
+ animationDuration: 1000
+ }
+
+});
+
+/*
+* 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.
+*/
+
+var nodeOpacityPath$1 = ['itemStyle', 'opacity'];
+var hoverNodeOpacityPath = ['emphasis', 'itemStyle', 'opacity'];
+var lineOpacityPath$1 = ['lineStyle', 'opacity'];
+var hoverLineOpacityPath = ['emphasis', 'lineStyle', 'opacity'];
+
+function getItemOpacity$1(item, opacityPath) {
+ return item.getVisual('opacity') || item.getModel().get(opacityPath);
+}
+
+function fadeOutItem$1(item, opacityPath, opacityRatio) {
+ var el = item.getGraphicEl();
+ var opacity = getItemOpacity$1(item, opacityPath);
+
+ if (opacityRatio != null) {
+ opacity == null && (opacity = 1);
+ opacity *= opacityRatio;
+ }
+
+ el.downplay && el.downplay();
+ el.traverse(function (child) {
+ if (child.type !== 'group') {
+ child.setStyle('opacity', opacity);
+ }
+ });
+}
+
+function fadeInItem$1(item, opacityPath) {
+ var opacity = getItemOpacity$1(item, opacityPath);
+ var el = item.getGraphicEl();
+
+ el.traverse(function (child) {
+ if (child.type !== 'group') {
+ child.setStyle('opacity', opacity);
+ }
+ });
+
+ // Support emphasis here.
+ el.highlight && el.highlight();
+}
+
+var SankeyShape = extendShape({
+ shape: {
+ x1: 0, y1: 0,
+ x2: 0, y2: 0,
+ cpx1: 0, cpy1: 0,
+ cpx2: 0, cpy2: 0,
+ extent: 0,
+ orient: ''
+ },
+
+ buildPath: function (ctx, shape) {
+ var extent = shape.extent;
+ ctx.moveTo(shape.x1, shape.y1);
+ ctx.bezierCurveTo(
+ shape.cpx1, shape.cpy1,
+ shape.cpx2, shape.cpy2,
+ shape.x2, shape.y2
+ );
+ if (shape.orient === 'vertical') {
+ ctx.lineTo(shape.x2 + extent, shape.y2);
+ ctx.bezierCurveTo(
+ shape.cpx2 + extent, shape.cpy2,
+ shape.cpx1 + extent, shape.cpy1,
+ shape.x1 + extent, shape.y1
+ );
+ }
+ else {
+ ctx.lineTo(shape.x2, shape.y2 + extent);
+ ctx.bezierCurveTo(
+ shape.cpx2, shape.cpy2 + extent,
+ shape.cpx1, shape.cpy1 + extent,
+ shape.x1, shape.y1 + extent
+ );
+ }
+ ctx.closePath();
+ },
+
+ highlight: function () {
+ this.trigger('emphasis');
+ },
+
+ downplay: function () {
+ this.trigger('normal');
+ }
+});
+
+extendChartView({
+
+ type: 'sankey',
+
+ /**
+ * @private
+ * @type {module:echarts/chart/sankey/SankeySeries}
+ */
+ _model: null,
+
+ /**
+ * @private
+ * @type {boolean}
+ */
+ _focusAdjacencyDisabled: false,
+
+ render: function (seriesModel, ecModel, api) {
+ var sankeyView = this;
+ var graph = seriesModel.getGraph();
+ var group = this.group;
+ var layoutInfo = seriesModel.layoutInfo;
+ // view width
+ var width = layoutInfo.width;
+ // view height
+ var height = layoutInfo.height;
+ var nodeData = seriesModel.getData();
+ var edgeData = seriesModel.getData('edge');
+ var orient = seriesModel.get('orient');
+
+ this._model = seriesModel;
+
+ group.removeAll();
+
+ group.attr('position', [layoutInfo.x, layoutInfo.y]);
+
+ // generate a bezire Curve for each edge
+ graph.eachEdge(function (edge) {
+ var curve = new SankeyShape();
+ curve.dataIndex = edge.dataIndex;
+ curve.seriesIndex = seriesModel.seriesIndex;
+ curve.dataType = 'edge';
+ var lineStyleModel = edge.getModel('lineStyle');
+ var curvature = lineStyleModel.get('curveness');
+ var n1Layout = edge.node1.getLayout();
+ var node1Model = edge.node1.getModel();
+ var dragX1 = node1Model.get('localX');
+ var dragY1 = node1Model.get('localY');
+ var n2Layout = edge.node2.getLayout();
+ var node2Model = edge.node2.getModel();
+ var dragX2 = node2Model.get('localX');
+ var dragY2 = node2Model.get('localY');
+ var edgeLayout = edge.getLayout();
+ var x1;
+ var y1;
+ var x2;
+ var y2;
+ var cpx1;
+ var cpy1;
+ var cpx2;
+ var cpy2;
+
+ curve.shape.extent = Math.max(1, edgeLayout.dy);
+ curve.shape.orient = orient;
+
+ if (orient === 'vertical') {
+ x1 = (dragX1 != null ? dragX1 * width : n1Layout.x) + edgeLayout.sy;
+ y1 = (dragY1 != null ? dragY1 * height : n1Layout.y) + n1Layout.dy;
+ x2 = (dragX2 != null ? dragX2 * width : n2Layout.x) + edgeLayout.ty;
+ y2 = dragY2 != null ? dragY2 * height : n2Layout.y;
+ cpx1 = x1;
+ cpy1 = y1 * (1 - curvature) + y2 * curvature;
+ cpx2 = x2;
+ cpy2 = y1 * curvature + y2 * (1 - curvature);
+ }
+ else {
+ x1 = (dragX1 != null ? dragX1 * width : n1Layout.x) + n1Layout.dx;
+ y1 = (dragY1 != null ? dragY1 * height : n1Layout.y) + edgeLayout.sy;
+ x2 = dragX2 != null ? dragX2 * width : n2Layout.x;
+ y2 = (dragY2 != null ? dragY2 * height : n2Layout.y) + edgeLayout.ty;
+ cpx1 = x1 * (1 - curvature) + x2 * curvature;
+ cpy1 = y1;
+ cpx2 = x1 * curvature + x2 * (1 - curvature);
+ cpy2 = y2;
+ }
+
+ curve.setShape({
+ x1: x1,
+ y1: y1,
+ x2: x2,
+ y2: y2,
+ cpx1: cpx1,
+ cpy1: cpy1,
+ cpx2: cpx2,
+ cpy2: cpy2
+ });
+
+ curve.setStyle(lineStyleModel.getItemStyle());
+ // Special color, use source node color or target node color
+ switch (curve.style.fill) {
+ case 'source':
+ curve.style.fill = edge.node1.getVisual('color');
+ break;
+ case 'target':
+ curve.style.fill = edge.node2.getVisual('color');
+ break;
+ }
+
+ setHoverStyle(curve, edge.getModel('emphasis.lineStyle').getItemStyle());
+
+ group.add(curve);
+
+ edgeData.setItemGraphicEl(edge.dataIndex, curve);
+ });
+
+ // Generate a rect for each node
+ graph.eachNode(function (node) {
+ var layout = node.getLayout();
+ var itemModel = node.getModel();
+ var dragX = itemModel.get('localX');
+ var dragY = itemModel.get('localY');
+ var labelModel = itemModel.getModel('label');
+ var labelHoverModel = itemModel.getModel('emphasis.label');
+
+ var rect = new Rect({
+ shape: {
+ x: dragX != null ? dragX * width : layout.x,
+ y: dragY != null ? dragY * height : layout.y,
+ width: layout.dx,
+ height: layout.dy
+ },
+ style: itemModel.getModel('itemStyle').getItemStyle()
+ });
+
+ var hoverStyle = node.getModel('emphasis.itemStyle').getItemStyle();
+
+ setLabelStyle(
+ rect.style, hoverStyle, labelModel, labelHoverModel,
+ {
+ labelFetcher: seriesModel,
+ labelDataIndex: node.dataIndex,
+ defaultText: node.id,
+ isRectText: true
+ }
+ );
+
+ rect.setStyle('fill', node.getVisual('color'));
+
+ setHoverStyle(rect, hoverStyle);
+
+ group.add(rect);
+
+ nodeData.setItemGraphicEl(node.dataIndex, rect);
+
+ rect.dataType = 'node';
+ });
+
+ nodeData.eachItemGraphicEl(function (el, dataIndex) {
+ var itemModel = nodeData.getItemModel(dataIndex);
+ if (itemModel.get('draggable')) {
+ el.drift = function (dx, dy) {
+ sankeyView._focusAdjacencyDisabled = true;
+ this.shape.x += dx;
+ this.shape.y += dy;
+ this.dirty();
+ api.dispatchAction({
+ type: 'dragNode',
+ seriesId: seriesModel.id,
+ dataIndex: nodeData.getRawIndex(dataIndex),
+ localX: this.shape.x / width,
+ localY: this.shape.y / height
+ });
+ };
+ el.ondragend = function () {
+ sankeyView._focusAdjacencyDisabled = false;
+ };
+ el.draggable = true;
+ el.cursor = 'move';
+ }
+
+ el.highlight = function () {
+ this.trigger('emphasis');
+ };
+
+ el.downplay = function () {
+ this.trigger('normal');
+ };
+
+ el.focusNodeAdjHandler && el.off('mouseover', el.focusNodeAdjHandler);
+ el.unfocusNodeAdjHandler && el.off('mouseout', el.unfocusNodeAdjHandler);
+
+ if (itemModel.get('focusNodeAdjacency')) {
+ el.on('mouseover', el.focusNodeAdjHandler = function () {
+ if (!sankeyView._focusAdjacencyDisabled) {
+ sankeyView._clearTimer();
+ api.dispatchAction({
+ type: 'focusNodeAdjacency',
+ seriesId: seriesModel.id,
+ dataIndex: el.dataIndex
+ });
+ }
+ });
+
+ el.on('mouseout', el.unfocusNodeAdjHandler = function () {
+ if (!sankeyView._focusAdjacencyDisabled) {
+ sankeyView._dispatchUnfocus(api);
+ }
+ });
+ }
+ });
+
+ edgeData.eachItemGraphicEl(function (el, dataIndex) {
+ var edgeModel = edgeData.getItemModel(dataIndex);
+
+ el.focusNodeAdjHandler && el.off('mouseover', el.focusNodeAdjHandler);
+ el.unfocusNodeAdjHandler && el.off('mouseout', el.unfocusNodeAdjHandler);
+
+ if (edgeModel.get('focusNodeAdjacency')) {
+ el.on('mouseover', el.focusNodeAdjHandler = function () {
+ if (!sankeyView._focusAdjacencyDisabled) {
+ sankeyView._clearTimer();
+ api.dispatchAction({
+ type: 'focusNodeAdjacency',
+ seriesId: seriesModel.id,
+ edgeDataIndex: el.dataIndex
+ });
+ }
+ });
+
+ el.on('mouseout', el.unfocusNodeAdjHandler = function () {
+ if (!sankeyView._focusAdjacencyDisabled) {
+ sankeyView._dispatchUnfocus(api);
+ }
+ });
+ }
+ });
+
+ if (!this._data && seriesModel.get('animation')) {
+ group.setClipPath(createGridClipShape$1(group.getBoundingRect(), seriesModel, function () {
+ group.removeClipPath();
+ }));
+ }
+
+ this._data = seriesModel.getData();
+ },
+
+ dispose: function () {
+ this._clearTimer();
+ },
+
+ _dispatchUnfocus: function (api) {
+ var self = this;
+ this._clearTimer();
+ this._unfocusDelayTimer = setTimeout(function () {
+ self._unfocusDelayTimer = null;
+ api.dispatchAction({
+ type: 'unfocusNodeAdjacency',
+ seriesId: self._model.id
+ });
+ }, 500);
+ },
+
+ _clearTimer: function () {
+ if (this._unfocusDelayTimer) {
+ clearTimeout(this._unfocusDelayTimer);
+ this._unfocusDelayTimer = null;
+ }
+ },
+
+ focusNodeAdjacency: function (seriesModel, ecModel, api, payload) {
+ var data = seriesModel.getData();
+ var graph = data.graph;
+ var dataIndex = payload.dataIndex;
+ var itemModel = data.getItemModel(dataIndex);
+ var edgeDataIndex = payload.edgeDataIndex;
+
+ if (dataIndex == null && edgeDataIndex == null) {
+ return;
+ }
+ var node = graph.getNodeByIndex(dataIndex);
+ var edge = graph.getEdgeByIndex(edgeDataIndex);
+
+ graph.eachNode(function (node) {
+ fadeOutItem$1(node, nodeOpacityPath$1, 0.1);
+ });
+ graph.eachEdge(function (edge) {
+ fadeOutItem$1(edge, lineOpacityPath$1, 0.1);
+ });
+
+ if (node) {
+ fadeInItem$1(node, hoverNodeOpacityPath);
+ var focusNodeAdj = itemModel.get('focusNodeAdjacency');
+ if (focusNodeAdj === 'outEdges') {
+ each$1(node.outEdges, function (edge) {
+ if (edge.dataIndex < 0) {
+ return;
+ }
+ fadeInItem$1(edge, hoverLineOpacityPath);
+ fadeInItem$1(edge.node2, hoverNodeOpacityPath);
+ });
+ }
+ else if (focusNodeAdj === 'inEdges') {
+ each$1(node.inEdges, function (edge) {
+ if (edge.dataIndex < 0) {
+ return;
+ }
+ fadeInItem$1(edge, hoverLineOpacityPath);
+ fadeInItem$1(edge.node1, hoverNodeOpacityPath);
+ });
+ }
+ else if (focusNodeAdj === 'allEdges') {
+ each$1(node.edges, function (edge) {
+ if (edge.dataIndex < 0) {
+ return;
+ }
+ fadeInItem$1(edge, hoverLineOpacityPath);
+ (edge.node1 !== node) && fadeInItem$1(edge.node1, hoverNodeOpacityPath);
+ (edge.node2 !== node) && fadeInItem$1(edge.node2, hoverNodeOpacityPath);
+ });
+ }
+ }
+ if (edge) {
+ fadeInItem$1(edge, hoverLineOpacityPath);
+ fadeInItem$1(edge.node1, hoverNodeOpacityPath);
+ fadeInItem$1(edge.node2, hoverNodeOpacityPath);
+ }
+ },
+
+ unfocusNodeAdjacency: function (seriesModel, ecModel, api, payload) {
+ var graph = seriesModel.getGraph();
+
+ graph.eachNode(function (node) {
+ fadeOutItem$1(node, nodeOpacityPath$1);
+ });
+ graph.eachEdge(function (edge) {
+ fadeOutItem$1(edge, lineOpacityPath$1);
+ });
+ }
+});
+
+// Add animation to the view
+function createGridClipShape$1(rect, seriesModel, cb) {
+ var rectEl = new Rect({
+ shape: {
+ x: rect.x - 10,
+ y: rect.y - 10,
+ width: 0,
+ height: rect.height + 20
+ }
+ });
+ initProps(rectEl, {
+ shape: {
+ width: rect.width + 20
+ }
+ }, seriesModel, cb);
+
+ return rectEl;
+}
+
+/*
+* 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.
+*/
+
+registerAction({
+ type: 'dragNode',
+ event: 'dragnode',
+ // here can only use 'update' now, other value is not support in echarts.
+ update: 'update'
+}, function (payload, ecModel) {
+ ecModel.eachComponent({mainType: 'series', subType: 'sankey', query: payload}, function (seriesModel) {
+ seriesModel.setNodePosition(payload.dataIndex, [payload.localX, payload.localY]);
+ });
+});
+
+/*
+* 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.
+*/
+
+var sankeyLayout = function (ecModel, api, payload) {
+
+ ecModel.eachSeriesByType('sankey', function (seriesModel) {
+
+ var nodeWidth = seriesModel.get('nodeWidth');
+ var nodeGap = seriesModel.get('nodeGap');
+
+ var layoutInfo = getViewRect$4(seriesModel, api);
+
+ seriesModel.layoutInfo = layoutInfo;
+
+ var width = layoutInfo.width;
+ var height = layoutInfo.height;
+
+ var graph = seriesModel.getGraph();
+
+ var nodes = graph.nodes;
+ var edges = graph.edges;
+
+ computeNodeValues(nodes);
+
+ var filteredNodes = filter(nodes, function (node) {
+ return node.getLayout().value === 0;
+ });
+
+ var iterations = filteredNodes.length !== 0 ? 0 : seriesModel.get('layoutIterations');
+
+ var orient = seriesModel.get('orient');
+
+ var nodeAlign = seriesModel.get('nodeAlign');
+
+ layoutSankey(nodes, edges, nodeWidth, nodeGap, width, height, iterations, orient, nodeAlign);
+ });
+};
+
+/**
+ * Get the layout position of the whole view
+ *
+ * @param {module:echarts/model/Series} seriesModel the model object of sankey series
+ * @param {module:echarts/ExtensionAPI} api provide the API list that the developer can call
+ * @return {module:zrender/core/BoundingRect} size of rect to draw the sankey view
+ */
+function getViewRect$4(seriesModel, api) {
+ return getLayoutRect(
+ seriesModel.getBoxLayoutParams(), {
+ width: api.getWidth(),
+ height: api.getHeight()
+ }
+ );
+}
+
+function layoutSankey(nodes, edges, nodeWidth, nodeGap, width, height, iterations, orient, nodeAlign) {
+ computeNodeBreadths(nodes, edges, nodeWidth, width, height, orient, nodeAlign);
+ computeNodeDepths(nodes, edges, height, width, nodeGap, iterations, orient);
+ computeEdgeDepths(nodes, orient);
+}
+
+/**
+ * Compute the value of each node by summing the associated edge's value
+ *
+ * @param {module:echarts/data/Graph~Node} nodes node of sankey view
+ */
+function computeNodeValues(nodes) {
+ each$1(nodes, function (node) {
+ var value1 = sum(node.outEdges, getEdgeValue);
+ var value2 = sum(node.inEdges, getEdgeValue);
+ var nodeRawValue = node.getValue() || 0;
+ var value = Math.max(value1, value2, nodeRawValue);
+ node.setLayout({value: value}, true);
+ });
+}
+
+/**
+ * Compute the x-position for each node.
+ *
+ * Here we use Kahn algorithm to detect cycle when we traverse
+ * the node to computer the initial x position.
+ *
+ * @param {module:echarts/data/Graph~Node} nodes node of sankey view
+ * @param {number} nodeWidth the dx of the node
+ * @param {number} width the whole width of the area to draw the view
+ */
+function computeNodeBreadths(nodes, edges, nodeWidth, width, height, orient, nodeAlign) {
+ // Used to mark whether the edge is deleted. if it is deleted,
+ // the value is 0, otherwise it is 1.
+ var remainEdges = [];
+ // Storage each node's indegree.
+ var indegreeArr = [];
+ //Used to storage the node with indegree is equal to 0.
+ var zeroIndegrees = [];
+ var nextTargetNode = [];
+ var x = 0;
+ var kx = 0;
+
+ for (var i = 0; i < edges.length; i++) {
+ remainEdges[i] = 1;
+ }
+ for (i = 0; i < nodes.length; i++) {
+ indegreeArr[i] = nodes[i].inEdges.length;
+ if (indegreeArr[i] === 0) {
+ zeroIndegrees.push(nodes[i]);
+ }
+ }
+ var maxNodeDepth = -1;
+ // Traversing nodes using topological sorting to calculate the
+ // horizontal(if orient === 'horizontal') or vertical(if orient === 'vertical')
+ // position of the nodes.
+ while (zeroIndegrees.length) {
+ for (var idx = 0; idx < zeroIndegrees.length; idx++) {
+ var node = zeroIndegrees[idx];
+ var item = node.hostGraph.data.getRawDataItem(node.dataIndex);
+ var isItemDepth = item.depth != null && item.depth >= 0;
+ if (isItemDepth && item.depth > maxNodeDepth) {
+ maxNodeDepth = item.depth;
+ }
+ node.setLayout({depth: isItemDepth ? item.depth : x}, true);
+ orient === 'vertical'
+ ? node.setLayout({dy: nodeWidth}, true)
+ : node.setLayout({dx: nodeWidth}, true);
+
+ for (var edgeIdx = 0; edgeIdx < node.outEdges.length; edgeIdx++) {
+ var edge = node.outEdges[edgeIdx];
+ var indexEdge = edges.indexOf(edge);
+ remainEdges[indexEdge] = 0;
+ var targetNode = edge.node2;
+ var nodeIndex = nodes.indexOf(targetNode);
+ if (--indegreeArr[nodeIndex] === 0 && nextTargetNode.indexOf(targetNode) < 0) {
+ nextTargetNode.push(targetNode);
+ }
+ }
+ }
+ ++x;
+ zeroIndegrees = nextTargetNode;
+ nextTargetNode = [];
+ }
+
+ for (i = 0; i < remainEdges.length; i++) {
+ if (remainEdges[i] === 1) {
+ throw new Error('Sankey is a DAG, the original data has cycle!');
+ }
+ }
+
+ var maxDepth = maxNodeDepth > x - 1 ? maxNodeDepth : x - 1;
+ if (nodeAlign && nodeAlign !== 'left') {
+ adjustNodeWithNodeAlign(nodes, nodeAlign, orient, maxDepth);
+ }
+ var kx = orient === 'vertical'
+ ? (height - nodeWidth) / maxDepth
+ : (width - nodeWidth) / maxDepth;
+
+ scaleNodeBreadths(nodes, kx, orient);
+}
+
+function isNodeDepth(node) {
+ var item = node.hostGraph.data.getRawDataItem(node.dataIndex);
+ return item.depth != null && item.depth >= 0;
+}
+
+function adjustNodeWithNodeAlign(nodes, nodeAlign, orient, maxDepth) {
+ if (nodeAlign === 'right') {
+ var nextSourceNode = [];
+ var remainNodes = nodes;
+ var nodeHeight = 0;
+ while (remainNodes.length) {
+ for (var i = 0; i < remainNodes.length; i++) {
+ var node = remainNodes[i];
+ node.setLayout({skNodeHeight: nodeHeight}, true);
+ for (var j = 0; j < node.inEdges.length; j++) {
+ var edge = node.inEdges[j];
+ if (nextSourceNode.indexOf(edge.node1) < 0) {
+ nextSourceNode.push(edge.node1);
+ }
+ }
+ }
+ remainNodes = nextSourceNode;
+ nextSourceNode = [];
+ ++nodeHeight;
+ }
+
+ each$1(nodes, function (node) {
+ if (!isNodeDepth(node)) {
+ node.setLayout({depth: Math.max(0, maxDepth - node.getLayout().skNodeHeight)}, true);
+ }
+ });
+ }
+ else if (nodeAlign === 'justify') {
+ moveSinksRight(nodes, maxDepth);
+ }
+}
+
+/**
+ * All the node without outEgdes are assigned maximum x-position and
+ * be aligned in the last column.
+ *
+ * @param {module:echarts/data/Graph~Node} nodes. node of sankey view.
+ * @param {number} maxDepth. use to assign to node without outEdges as x-position.
+ */
+function moveSinksRight(nodes, maxDepth) {
+ each$1(nodes, function (node) {
+ if (!isNodeDepth(node) && !node.outEdges.length) {
+ node.setLayout({depth: maxDepth}, true);
+ }
+ });
+}
+
+/**
+ * Scale node x-position to the width
+ *
+ * @param {module:echarts/data/Graph~Node} nodes node of sankey view
+ * @param {number} kx multiple used to scale nodes
+ */
+function scaleNodeBreadths(nodes, kx, orient) {
+ each$1(nodes, function (node) {
+ var nodeDepth = node.getLayout().depth * kx;
+ orient === 'vertical'
+ ? node.setLayout({y: nodeDepth}, true)
+ : node.setLayout({x: nodeDepth}, true);
+ });
+}
+
+/**
+ * Using Gauss-Seidel iterations method to compute the node depth(y-position)
+ *
+ * @param {module:echarts/data/Graph~Node} nodes node of sankey view
+ * @param {module:echarts/data/Graph~Edge} edges edge of sankey view
+ * @param {number} height the whole height of the area to draw the view
+ * @param {number} nodeGap the vertical distance between two nodes
+ * in the same column.
+ * @param {number} iterations the number of iterations for the algorithm
+ */
+function computeNodeDepths(nodes, edges, height, width, nodeGap, iterations, orient) {
+ var nodesByBreadth = prepareNodesByBreadth(nodes, orient);
+
+ initializeNodeDepth(nodesByBreadth, edges, height, width, nodeGap, orient);
+ resolveCollisions(nodesByBreadth, nodeGap, height, width, orient);
+
+ for (var alpha = 1; iterations > 0; iterations--) {
+ // 0.99 is a experience parameter, ensure that each iterations of
+ // changes as small as possible.
+ alpha *= 0.99;
+ relaxRightToLeft(nodesByBreadth, alpha, orient);
+ resolveCollisions(nodesByBreadth, nodeGap, height, width, orient);
+ relaxLeftToRight(nodesByBreadth, alpha, orient);
+ resolveCollisions(nodesByBreadth, nodeGap, height, width, orient);
+ }
+}
+
+function prepareNodesByBreadth(nodes, orient) {
+ var nodesByBreadth = [];
+ var keyAttr = orient === 'vertical' ? 'y' : 'x';
+
+ var groupResult = groupData(nodes, function (node) {
+ return node.getLayout()[keyAttr];
+ });
+ groupResult.keys.sort(function (a, b) {
+ return a - b;
+ });
+ each$1(groupResult.keys, function (key) {
+ nodesByBreadth.push(groupResult.buckets.get(key));
+ });
+
+ return nodesByBreadth;
+}
+
+/**
+ * Compute the original y-position for each node
+ *
+ * @param {module:echarts/data/Graph~Node} nodes node of sankey view
+ * @param {Array.<Array.<module:echarts/data/Graph~Node>>} nodesByBreadth
+ * group by the array of all sankey nodes based on the nodes x-position.
+ * @param {module:echarts/data/Graph~Edge} edges edge of sankey view
+ * @param {number} height the whole height of the area to draw the view
+ * @param {number} nodeGap the vertical distance between two nodes
+ */
+function initializeNodeDepth(nodesByBreadth, edges, height, width, nodeGap, orient) {
+ var minKy = Infinity;
+ each$1(nodesByBreadth, function (nodes) {
+ var n = nodes.length;
+ var sum = 0;
+ each$1(nodes, function (node) {
+ sum += node.getLayout().value;
+ });
+ var ky = orient === 'vertical'
+ ? (width - (n - 1) * nodeGap) / sum
+ : (height - (n - 1) * nodeGap) / sum;
+
+ if (ky < minKy) {
+ minKy = ky;
+ }
+ });
+
+ each$1(nodesByBreadth, function (nodes) {
+ each$1(nodes, function (node, i) {
+ var nodeDy = node.getLayout().value * minKy;
+ if (orient === 'vertical') {
+ node.setLayout({x: i}, true);
+ node.setLayout({dx: nodeDy}, true);
+ }
+ else {
+ node.setLayout({y: i}, true);
+ node.setLayout({dy: nodeDy}, true);
+ }
+ });
+ });
+
+ each$1(edges, function (edge) {
+ var edgeDy = +edge.getValue() * minKy;
+ edge.setLayout({dy: edgeDy}, true);
+ });
+}
+
+/**
+ * Resolve the collision of initialized depth (y-position)
+ *
+ * @param {Array.<Array.<module:echarts/data/Graph~Node>>} nodesByBreadth
+ * group by the array of all sankey nodes based on the nodes x-position.
+ * @param {number} nodeGap the vertical distance between two nodes
+ * @param {number} height the whole height of the area to draw the view
+ */
+function resolveCollisions(nodesByBreadth, nodeGap, height, width, orient) {
+ var keyAttr = orient === 'vertical' ? 'x' : 'y';
+ each$1(nodesByBreadth, function (nodes) {
+ nodes.sort(function (a, b) {
+ return a.getLayout()[keyAttr] - b.getLayout()[keyAttr];
+ });
+ var nodeX;
+ var node;
+ var dy;
+ var y0 = 0;
+ var n = nodes.length;
+ var nodeDyAttr = orient === 'vertical' ? 'dx' : 'dy';
+ for (var i = 0; i < n; i++) {
+ node = nodes[i];
+ dy = y0 - node.getLayout()[keyAttr];
+ if (dy > 0) {
+ nodeX = node.getLayout()[keyAttr] + dy;
+ orient === 'vertical'
+ ? node.setLayout({x: nodeX}, true)
+ : node.setLayout({y: nodeX}, true);
+ }
+ y0 = node.getLayout()[keyAttr] + node.getLayout()[nodeDyAttr] + nodeGap;
+ }
+ var viewWidth = orient === 'vertical' ? width : height;
+ // If the bottommost node goes outside the bounds, push it back up
+ dy = y0 - nodeGap - viewWidth;
+ if (dy > 0) {
+ nodeX = node.getLayout()[keyAttr] - dy;
+ orient === 'vertical'
+ ? node.setLayout({x: nodeX}, true)
+ : node.setLayout({y: nodeX}, true);
+
+ y0 = nodeX;
+ for (i = n - 2; i >= 0; --i) {
+ node = nodes[i];
+ dy = node.getLayout()[keyAttr] + node.getLayout()[nodeDyAttr] + nodeGap - y0;
+ if (dy > 0) {
+ nodeX = node.getLayout()[keyAttr] - dy;
+ orient === 'vertical'
+ ? node.setLayout({x: nodeX}, true)
+ : node.setLayout({y: nodeX}, true);
+ }
+ y0 = node.getLayout()[keyAttr];
+ }
+ }
+ });
+}
+
+/**
+ * Change the y-position of the nodes, except most the right side nodes
+ *
+ * @param {Array.<Array.<module:echarts/data/Graph~Node>>} nodesByBreadth
+ * group by the array of all sankey nodes based on the node x-position.
+ * @param {number} alpha parameter used to adjust the nodes y-position
+ */
+function relaxRightToLeft(nodesByBreadth, alpha, orient) {
+ each$1(nodesByBreadth.slice().reverse(), function (nodes) {
+ each$1(nodes, function (node) {
+ if (node.outEdges.length) {
+ var y = sum(node.outEdges, weightedTarget, orient)
+ / sum(node.outEdges, getEdgeValue, orient);
+
+ if (isNaN(y)) {
+ var len = node.outEdges.length;
+ y = len ? sum(node.outEdges, centerTarget, orient) / len : 0;
+ }
+
+ if (orient === 'vertical') {
+ var nodeX = node.getLayout().x + (y - center$1(node, orient)) * alpha;
+ node.setLayout({x: nodeX}, true);
+ }
+ else {
+ var nodeY = node.getLayout().y + (y - center$1(node, orient)) * alpha;
+ node.setLayout({y: nodeY}, true);
+ }
+ }
+ });
+ });
+}
+
+function weightedTarget(edge, orient) {
+ return center$1(edge.node2, orient) * edge.getValue();
+}
+function centerTarget(edge, orient) {
+ return center$1(edge.node2, orient);
+}
+
+function weightedSource(edge, orient) {
+ return center$1(edge.node1, orient) * edge.getValue();
+}
+function centerSource(edge, orient) {
+ return center$1(edge.node1, orient);
+}
+
+function center$1(node, orient) {
+ return orient === 'vertical'
+ ? node.getLayout().x + node.getLayout().dx / 2
+ : node.getLayout().y + node.getLayout().dy / 2;
+}
+
+function getEdgeValue(edge) {
+ return edge.getValue();
+}
+
+function sum(array, cb, orient) {
+ var sum = 0;
+ var len = array.length;
+ var i = -1;
+ while (++i < len) {
+ var value = +cb.call(array, array[i], orient);
+ if (!isNaN(value)) {
+ sum += value;
+ }
+ }
+ return sum;
+}
+
+/**
+ * Change the y-position of the nodes, except most the left side nodes
+ *
+ * @param {Array.<Array.<module:echarts/data/Graph~Node>>} nodesByBreadth
+ * group by the array of all sankey nodes based on the node x-position.
+ * @param {number} alpha parameter used to adjust the nodes y-position
+ */
+function relaxLeftToRight(nodesByBreadth, alpha, orient) {
+ each$1(nodesByBreadth, function (nodes) {
+ each$1(nodes, function (node) {
+ if (node.inEdges.length) {
+
+ var y = sum(node.inEdges, weightedSource, orient)
+ / sum(node.inEdges, getEdgeValue, orient);
+
+ if (isNaN(y)) {
+ var len = node.inEdges.length;
+ y = len ? sum(node.inEdges, centerSource, orient) / len : 0;
+ }
+
+ if (orient === 'vertical') {
+ var nodeX = node.getLayout().x + (y - center$1(node, orient)) * alpha;
+ node.setLayout({x: nodeX}, true);
+ }
+ else {
+ var nodeY = node.getLayout().y + (y - center$1(node, orient)) * alpha;
+ node.setLayout({y: nodeY}, true);
+ }
+ }
+ });
+ });
+}
+
+/**
+ * Compute the depth(y-position) of each edge
+ *
+ * @param {module:echarts/data/Graph~Node} nodes node of sankey view
+ */
+function computeEdgeDepths(nodes, orient) {
+ var keyAttr = orient === 'vertical' ? 'x' : 'y';
+ each$1(nodes, function (node) {
+ node.outEdges.sort(function (a, b) {
+ return a.node2.getLayout()[keyAttr] - b.node2.getLayout()[keyAttr];
+ });
+ node.inEdges.sort(function (a, b) {
+ return a.node1.getLayout()[keyAttr] - b.node1.getLayout()[keyAttr];
+ });
+ });
+ each$1(nodes, function (node) {
+ var sy = 0;
+ var ty = 0;
+ each$1(node.outEdges, function (edge) {
+ edge.setLayout({sy: sy}, true);
+ sy += edge.getLayout().dy;
+ });
+ each$1(node.inEdges, function (edge) {
+ edge.setLayout({ty: ty}, true);
+ ty += edge.getLayout().dy;
+ });
+ });
+}
+
+/*
+* 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.
+*/
+
+var sankeyVisual = function (ecModel, payload) {
+ ecModel.eachSeriesByType('sankey', function (seriesModel) {
+ var graph = seriesModel.getGraph();
+ var nodes = graph.nodes;
+ if (nodes.length) {
+ var minValue = Infinity;
+ var maxValue = -Infinity;
+ each$1(nodes, function (node) {
+ var nodeValue = node.getLayout().value;
+ if (nodeValue < minValue) {
+ minValue = nodeValue;
+ }
+ if (nodeValue > maxValue) {
+ maxValue = nodeValue;
+ }
+ });
+
+ each$1(nodes, function (node) {
+ var mapping = new VisualMapping({
+ type: 'color',
+ mappingMethod: 'linear',
+ dataExtent: [minValue, maxValue],
+ visual: seriesModel.get('color')
+ });
+
+ var mapValueToColor = mapping.mapValueToVisual(node.getLayout().value);
+ var customColor = node.getModel().get('itemStyle.color');
+ customColor != null
+ ? node.setVisual('color', customColor)
+ : node.setVisual('color', mapValueToColor);
+ });
+ }
+ });
+};
+
+/*
+* 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.
+*/
+
+registerLayout(sankeyLayout);
+registerVisual(sankeyVisual);
+
+/*
+* 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.
+*/
+
+
+var seriesModelMixin = {
+
+ /**
+ * @private
+ * @type {string}
+ */
+ _baseAxisDim: null,
+
+ /**
+ * @override
+ */
+ getInitialData: function (option, ecModel) {
+ // When both types of xAxis and yAxis are 'value', layout is
+ // needed to be specified by user. Otherwise, layout can be
+ // judged by which axis is category.
+
+ var ordinalMeta;
+
+ var xAxisModel = ecModel.getComponent('xAxis', this.get('xAxisIndex'));
+ var yAxisModel = ecModel.getComponent('yAxis', this.get('yAxisIndex'));
+ var xAxisType = xAxisModel.get('type');
+ var yAxisType = yAxisModel.get('type');
+ var addOrdinal;
+
+ // FIXME
+ // Consider time axis.
+
+ if (xAxisType === 'category') {
+ option.layout = 'horizontal';
+ ordinalMeta = xAxisModel.getOrdinalMeta();
+ addOrdinal = true;
+ }
+ else if (yAxisType === 'category') {
+ option.layout = 'vertical';
+ ordinalMeta = yAxisModel.getOrdinalMeta();
+ addOrdinal = true;
+ }
+ else {
+ option.layout = option.layout || 'horizontal';
+ }
+
+ var coordDims = ['x', 'y'];
+ var baseAxisDimIndex = option.layout === 'horizontal' ? 0 : 1;
+ var baseAxisDim = this._baseAxisDim = coordDims[baseAxisDimIndex];
+ var otherAxisDim = coordDims[1 - baseAxisDimIndex];
+ var axisModels = [xAxisModel, yAxisModel];
+ var baseAxisType = axisModels[baseAxisDimIndex].get('type');
+ var otherAxisType = axisModels[1 - baseAxisDimIndex].get('type');
+ var data = option.data;
+
+ // ??? FIXME make a stage to perform data transfrom.
+ // MUST create a new data, consider setOption({}) again.
+ if (data && addOrdinal) {
+ var newOptionData = [];
+ each$1(data, function (item, index) {
+ var newItem;
+ if (item.value && isArray(item.value)) {
+ newItem = item.value.slice();
+ item.value.unshift(index);
+ }
+ else if (isArray(item)) {
+ newItem = item.slice();
+ item.unshift(index);
+ }
+ else {
+ newItem = item;
+ }
+ newOptionData.push(newItem);
+ });
+ option.data = newOptionData;
+ }
+
+ var defaultValueDimensions = this.defaultValueDimensions;
+ var coordDimensions = [{
+ name: baseAxisDim,
+ type: getDimensionTypeByAxis(baseAxisType),
+ ordinalMeta: ordinalMeta,
+ otherDims: {
+ tooltip: false,
+ itemName: 0
+ },
+ dimsDef: ['base']
+ }, {
+ name: otherAxisDim,
+ type: getDimensionTypeByAxis(otherAxisType),
+ dimsDef: defaultValueDimensions.slice()
+ }];
+
+ return createListSimply(
+ this,
+ {
+ coordDimensions: coordDimensions,
+ dimensionsCount: defaultValueDimensions.length + 1,
+ encodeDefaulter: curry(
+ makeSeriesEncodeForAxisCoordSys, coordDimensions, this
+ )
+ }
+ );
+ },
+
+ /**
+ * If horizontal, base axis is x, otherwise y.
+ * @override
+ */
+ getBaseAxis: function () {
+ var dim = this._baseAxisDim;
+ return this.ecModel.getComponent(dim + 'Axis', this.get(dim + 'AxisIndex')).axis;
+ }
+
+};
+
+/*
+* 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.
+*/
+
+var BoxplotSeries = SeriesModel.extend({
+
+ type: 'series.boxplot',
+
+ dependencies: ['xAxis', 'yAxis', 'grid'],
+
+ // TODO
+ // box width represents group size, so dimension should have 'size'.
+
+ /**
+ * @see <https://en.wikipedia.org/wiki/Box_plot>
+ * The meanings of 'min' and 'max' depend on user,
+ * and echarts do not need to know it.
+ * @readOnly
+ */
+ defaultValueDimensions: [
+ {name: 'min', defaultTooltip: true},
+ {name: 'Q1', defaultTooltip: true},
+ {name: 'median', defaultTooltip: true},
+ {name: 'Q3', defaultTooltip: true},
+ {name: 'max', defaultTooltip: true}
+ ],
+
+ /**
+ * @type {Array.<string>}
+ * @readOnly
+ */
+ dimensions: null,
+
+ /**
+ * @override
+ */
+ defaultOption: {
+ zlevel: 0, // 涓�绾у眰鍙�
+ z: 2, // 浜岀骇灞傚彔
+ coordinateSystem: 'cartesian2d',
+ legendHoverLink: true,
+
+ hoverAnimation: true,
+
+ // xAxisIndex: 0,
+ // yAxisIndex: 0,
+
+ layout: null, // 'horizontal' or 'vertical'
+ boxWidth: [7, 50], // [min, max] can be percent of band width.
+
+ itemStyle: {
+ color: '#fff',
+ borderWidth: 1
+ },
+
+ emphasis: {
+ itemStyle: {
+ borderWidth: 2,
+ shadowBlur: 5,
+ shadowOffsetX: 2,
+ shadowOffsetY: 2,
+ shadowColor: 'rgba(0,0,0,0.4)'
+ }
+ },
+
+ animationEasing: 'elasticOut',
+ animationDuration: 800
+ }
+});
+
+mixin(BoxplotSeries, seriesModelMixin, true);
+
+/*
+* 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.
+*/
+
+// Update common properties
+var NORMAL_ITEM_STYLE_PATH = ['itemStyle'];
+var EMPHASIS_ITEM_STYLE_PATH = ['emphasis', 'itemStyle'];
+
+var BoxplotView = Chart.extend({
+
+ type: 'boxplot',
+
+ render: function (seriesModel, ecModel, api) {
+ var data = seriesModel.getData();
+ var group = this.group;
+ var oldData = this._data;
+
+ // There is no old data only when first rendering or switching from
+ // stream mode to normal mode, where previous elements should be removed.
+ if (!this._data) {
+ group.removeAll();
+ }
+
+ var constDim = seriesModel.get('layout') === 'horizontal' ? 1 : 0;
+
+ data.diff(oldData)
+ .add(function (newIdx) {
+ if (data.hasValue(newIdx)) {
+ var itemLayout = data.getItemLayout(newIdx);
+ var symbolEl = createNormalBox(itemLayout, data, newIdx, constDim, true);
+ data.setItemGraphicEl(newIdx, symbolEl);
+ group.add(symbolEl);
+ }
+ })
+ .update(function (newIdx, oldIdx) {
+ var symbolEl = oldData.getItemGraphicEl(oldIdx);
+
+ // Empty data
+ if (!data.hasValue(newIdx)) {
+ group.remove(symbolEl);
+ return;
+ }
+
+ var itemLayout = data.getItemLayout(newIdx);
+ if (!symbolEl) {
+ symbolEl = createNormalBox(itemLayout, data, newIdx, constDim);
+ }
+ else {
+ updateNormalBoxData(itemLayout, symbolEl, data, newIdx);
+ }
+
+ group.add(symbolEl);
+
+ data.setItemGraphicEl(newIdx, symbolEl);
+ })
+ .remove(function (oldIdx) {
+ var el = oldData.getItemGraphicEl(oldIdx);
+ el && group.remove(el);
+ })
+ .execute();
+
+ this._data = data;
+ },
+
+ remove: function (ecModel) {
+ var group = this.group;
+ var data = this._data;
+ this._data = null;
+ data && data.eachItemGraphicEl(function (el) {
+ el && group.remove(el);
+ });
+ },
+
+ dispose: noop
+
+});
+
+
+var BoxPath = Path.extend({
+
+ type: 'boxplotBoxPath',
+
+ shape: {},
+
+ buildPath: function (ctx, shape) {
+ var ends = shape.points;
+
+ var i = 0;
+ ctx.moveTo(ends[i][0], ends[i][1]);
+ i++;
+ for (; i < 4; i++) {
+ ctx.lineTo(ends[i][0], ends[i][1]);
+ }
+ ctx.closePath();
+
+ for (; i < ends.length; i++) {
+ ctx.moveTo(ends[i][0], ends[i][1]);
+ i++;
+ ctx.lineTo(ends[i][0], ends[i][1]);
+ }
+ }
+});
+
+
+function createNormalBox(itemLayout, data, dataIndex, constDim, isInit) {
+ var ends = itemLayout.ends;
+
+ var el = new BoxPath({
+ shape: {
+ points: isInit
+ ? transInit(ends, constDim, itemLayout)
+ : ends
+ }
+ });
+
+ updateNormalBoxData(itemLayout, el, data, dataIndex, isInit);
+
+ return el;
+}
+
+function updateNormalBoxData(itemLayout, el, data, dataIndex, isInit) {
+ var seriesModel = data.hostModel;
+ var updateMethod = graphic[isInit ? 'initProps' : 'updateProps'];
+
+ updateMethod(
+ el,
+ {shape: {points: itemLayout.ends}},
+ seriesModel,
+ dataIndex
+ );
+
+ var itemModel = data.getItemModel(dataIndex);
+ var normalItemStyleModel = itemModel.getModel(NORMAL_ITEM_STYLE_PATH);
+ var borderColor = data.getItemVisual(dataIndex, 'color');
+
+ // Exclude borderColor.
+ var itemStyle = normalItemStyleModel.getItemStyle(['borderColor']);
+ itemStyle.stroke = borderColor;
+ itemStyle.strokeNoScale = true;
+ el.useStyle(itemStyle);
+
+ el.z2 = 100;
+
+ var hoverStyle = itemModel.getModel(EMPHASIS_ITEM_STYLE_PATH).getItemStyle();
+ setHoverStyle(el, hoverStyle);
+}
+
+function transInit(points, dim, itemLayout) {
+ return map(points, function (point) {
+ point = point.slice();
+ point[dim] = itemLayout.initBaseline;
+ return point;
+ });
+}
+
+/*
+* 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.
+*/
+
+
+var borderColorQuery = ['itemStyle', 'borderColor'];
+
+var boxplotVisual = function (ecModel, api) {
+
+ var globalColors = ecModel.get('color');
+
+ ecModel.eachRawSeriesByType('boxplot', function (seriesModel) {
+
+ var defaulColor = globalColors[seriesModel.seriesIndex % globalColors.length];
+ var data = seriesModel.getData();
+
+ data.setVisual({
+ legendSymbol: 'roundRect',
+ // Use name 'color' but not 'borderColor' for legend usage and
+ // visual coding from other component like dataRange.
+ color: seriesModel.get(borderColorQuery) || defaulColor
+ });
+
+ // Only visible series has each data be visual encoded
+ if (!ecModel.isSeriesFiltered(seriesModel)) {
+ data.each(function (idx) {
+ var itemModel = data.getItemModel(idx);
+ data.setItemVisual(
+ idx,
+ {color: itemModel.get(borderColorQuery, true)}
+ );
+ });
+ }
+ });
+
+};
+
+/*
+* 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.
+*/
+
+var each$13 = each$1;
+
+var boxplotLayout = function (ecModel) {
+
+ var groupResult = groupSeriesByAxis(ecModel);
+
+ each$13(groupResult, function (groupItem) {
+ var seriesModels = groupItem.seriesModels;
+
+ if (!seriesModels.length) {
+ return;
+ }
+
+ calculateBase(groupItem);
+
+ each$13(seriesModels, function (seriesModel, idx) {
+ layoutSingleSeries(
+ seriesModel,
+ groupItem.boxOffsetList[idx],
+ groupItem.boxWidthList[idx]
+ );
+ });
+ });
+};
+
+/**
+ * Group series by axis.
+ */
+function groupSeriesByAxis(ecModel) {
+ var result = [];
+ var axisList = [];
+
+ ecModel.eachSeriesByType('boxplot', function (seriesModel) {
+ var baseAxis = seriesModel.getBaseAxis();
+ var idx = indexOf(axisList, baseAxis);
+
+ if (idx < 0) {
+ idx = axisList.length;
+ axisList[idx] = baseAxis;
+ result[idx] = {axis: baseAxis, seriesModels: []};
+ }
+
+ result[idx].seriesModels.push(seriesModel);
+ });
+
+ return result;
+}
+
+/**
+ * Calculate offset and box width for each series.
+ */
+function calculateBase(groupItem) {
+ var extent;
+ var baseAxis = groupItem.axis;
+ var seriesModels = groupItem.seriesModels;
+ var seriesCount = seriesModels.length;
+
+ var boxWidthList = groupItem.boxWidthList = [];
+ var boxOffsetList = groupItem.boxOffsetList = [];
+ var boundList = [];
+
+ var bandWidth;
+ if (baseAxis.type === 'category') {
+ bandWidth = baseAxis.getBandWidth();
+ }
+ else {
+ var maxDataCount = 0;
+ each$13(seriesModels, function (seriesModel) {
+ maxDataCount = Math.max(maxDataCount, seriesModel.getData().count());
+ });
+ extent = baseAxis.getExtent(),
+ Math.abs(extent[1] - extent[0]) / maxDataCount;
+ }
+
+ each$13(seriesModels, function (seriesModel) {
+ var boxWidthBound = seriesModel.get('boxWidth');
+ if (!isArray(boxWidthBound)) {
+ boxWidthBound = [boxWidthBound, boxWidthBound];
+ }
+ boundList.push([
+ parsePercent$1(boxWidthBound[0], bandWidth) || 0,
+ parsePercent$1(boxWidthBound[1], bandWidth) || 0
+ ]);
+ });
+
+ var availableWidth = bandWidth * 0.8 - 2;
+ var boxGap = availableWidth / seriesCount * 0.3;
+ var boxWidth = (availableWidth - boxGap * (seriesCount - 1)) / seriesCount;
+ var base = boxWidth / 2 - availableWidth / 2;
+
+ each$13(seriesModels, function (seriesModel, idx) {
+ boxOffsetList.push(base);
+ base += boxGap + boxWidth;
+
+ boxWidthList.push(
+ Math.min(Math.max(boxWidth, boundList[idx][0]), boundList[idx][1])
+ );
+ });
+}
+
+/**
+ * Calculate points location for each series.
+ */
+function layoutSingleSeries(seriesModel, offset, boxWidth) {
+ var coordSys = seriesModel.coordinateSystem;
+ var data = seriesModel.getData();
+ var halfWidth = boxWidth / 2;
+ var cDimIdx = seriesModel.get('layout') === 'horizontal' ? 0 : 1;
+ var vDimIdx = 1 - cDimIdx;
+ var coordDims = ['x', 'y'];
+ var cDim = data.mapDimension(coordDims[cDimIdx]);
+ var vDims = data.mapDimension(coordDims[vDimIdx], true);
+
+ if (cDim == null || vDims.length < 5) {
+ return;
+ }
+
+ for (var dataIndex = 0; dataIndex < data.count(); dataIndex++) {
+ var axisDimVal = data.get(cDim, dataIndex);
+
+ var median = getPoint(axisDimVal, vDims[2], dataIndex);
+ var end1 = getPoint(axisDimVal, vDims[0], dataIndex);
+ var end2 = getPoint(axisDimVal, vDims[1], dataIndex);
+ var end4 = getPoint(axisDimVal, vDims[3], dataIndex);
+ var end5 = getPoint(axisDimVal, vDims[4], dataIndex);
+
+ var ends = [];
+ addBodyEnd(ends, end2, 0);
+ addBodyEnd(ends, end4, 1);
+
+ ends.push(end1, end2, end5, end4);
+ layEndLine(ends, end1);
+ layEndLine(ends, end5);
+ layEndLine(ends, median);
+
+ data.setItemLayout(dataIndex, {
+ initBaseline: median[vDimIdx],
+ ends: ends
+ });
+ }
+
+ function getPoint(axisDimVal, dimIdx, dataIndex) {
+ var val = data.get(dimIdx, dataIndex);
+ var p = [];
+ p[cDimIdx] = axisDimVal;
+ p[vDimIdx] = val;
+ var point;
+ if (isNaN(axisDimVal) || isNaN(val)) {
+ point = [NaN, NaN];
+ }
+ else {
+ point = coordSys.dataToPoint(p);
+ point[cDimIdx] += offset;
+ }
+ return point;
+ }
+
+ function addBodyEnd(ends, point, start) {
+ var point1 = point.slice();
+ var point2 = point.slice();
+ point1[cDimIdx] += halfWidth;
+ point2[cDimIdx] -= halfWidth;
+ start
+ ? ends.push(point1, point2)
+ : ends.push(point2, point1);
+ }
+
+ function layEndLine(ends, endCenter) {
+ var from = endCenter.slice();
+ var to = endCenter.slice();
+ from[cDimIdx] -= halfWidth;
+ to[cDimIdx] += halfWidth;
+ ends.push(from, to);
+ }
+}
+
+/*
+* 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.
+*/
+
+registerVisual(boxplotVisual);
+registerLayout(boxplotLayout);
+
+/*
+* 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.
+*/
+
+var CandlestickSeries = SeriesModel.extend({
+
+ type: 'series.candlestick',
+
+ dependencies: ['xAxis', 'yAxis', 'grid'],
+
+ /**
+ * @readOnly
+ */
+ defaultValueDimensions: [
+ {name: 'open', defaultTooltip: true},
+ {name: 'close', defaultTooltip: true},
+ {name: 'lowest', defaultTooltip: true},
+ {name: 'highest', defaultTooltip: true}
+ ],
+
+ /**
+ * @type {Array.<string>}
+ * @readOnly
+ */
+ dimensions: null,
+
+ /**
+ * @override
+ */
+ defaultOption: {
+ zlevel: 0,
+ z: 2,
+ coordinateSystem: 'cartesian2d',
+ legendHoverLink: true,
+
+ hoverAnimation: true,
+
+ // xAxisIndex: 0,
+ // yAxisIndex: 0,
+
+ layout: null, // 'horizontal' or 'vertical'
+
+ clip: true,
+
+ itemStyle: {
+ color: '#c23531', // 闃崇嚎 positive
+ color0: '#314656', // 闃寸嚎 negative '#c23531', '#314656'
+ borderWidth: 1,
+ // FIXME
+ // ec2涓娇鐢ㄧ殑鏄痩ineStyle.color 鍜� lineStyle.color0
+ borderColor: '#c23531',
+ borderColor0: '#314656'
+ },
+
+ emphasis: {
+ itemStyle: {
+ borderWidth: 2
+ }
+ },
+
+ barMaxWidth: null,
+ barMinWidth: null,
+ barWidth: null,
+
+ large: true,
+ largeThreshold: 600,
+
+ progressive: 3e3,
+ progressiveThreshold: 1e4,
+ progressiveChunkMode: 'mod',
+
+ animationUpdate: false,
+ animationEasing: 'linear',
+ animationDuration: 300
+ },
+
+ /**
+ * Get dimension for shadow in dataZoom
+ * @return {string} dimension name
+ */
+ getShadowDim: function () {
+ return 'open';
+ },
+
+ brushSelector: function (dataIndex, data, selectors) {
+ var itemLayout = data.getItemLayout(dataIndex);
+ return itemLayout && selectors.rect(itemLayout.brushRect);
+ }
+
+});
+
+mixin(CandlestickSeries, seriesModelMixin, true);
+
+/*
+* 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.
+*/
+
+var NORMAL_ITEM_STYLE_PATH$1 = ['itemStyle'];
+var EMPHASIS_ITEM_STYLE_PATH$1 = ['emphasis', 'itemStyle'];
+var SKIP_PROPS = ['color', 'color0', 'borderColor', 'borderColor0'];
+
+var CandlestickView = Chart.extend({
+
+ type: 'candlestick',
+
+ render: function (seriesModel, ecModel, api) {
+ // If there is clipPath created in large mode. Remove it.
+ this.group.removeClipPath();
+
+ this._updateDrawMode(seriesModel);
+
+ this._isLargeDraw
+ ? this._renderLarge(seriesModel)
+ : this._renderNormal(seriesModel);
+ },
+
+ incrementalPrepareRender: function (seriesModel, ecModel, api) {
+ this._clear();
+ this._updateDrawMode(seriesModel);
+ },
+
+ incrementalRender: function (params, seriesModel, ecModel, api) {
+ this._isLargeDraw
+ ? this._incrementalRenderLarge(params, seriesModel)
+ : this._incrementalRenderNormal(params, seriesModel);
+ },
+
+ _updateDrawMode: function (seriesModel) {
+ var isLargeDraw = seriesModel.pipelineContext.large;
+ if (this._isLargeDraw == null || isLargeDraw ^ this._isLargeDraw) {
+ this._isLargeDraw = isLargeDraw;
+ this._clear();
+ }
+ },
+
+ _renderNormal: function (seriesModel) {
+ var data = seriesModel.getData();
+ var oldData = this._data;
+ var group = this.group;
+ var isSimpleBox = data.getLayout('isSimpleBox');
+
+ var needsClip = seriesModel.get('clip', true);
+ var coord = seriesModel.coordinateSystem;
+ var clipArea = coord.getArea && coord.getArea();
+
+ // There is no old data only when first rendering or switching from
+ // stream mode to normal mode, where previous elements should be removed.
+ if (!this._data) {
+ group.removeAll();
+ }
+
+ data.diff(oldData)
+ .add(function (newIdx) {
+ if (data.hasValue(newIdx)) {
+ var el;
+
+ var itemLayout = data.getItemLayout(newIdx);
+
+ if (needsClip && isNormalBoxClipped(clipArea, itemLayout)) {
+ return;
+ }
+
+ el = createNormalBox$1(itemLayout, newIdx, true);
+ initProps(el, {shape: {points: itemLayout.ends}}, seriesModel, newIdx);
+
+ setBoxCommon(el, data, newIdx, isSimpleBox);
+
+ group.add(el);
+
+ data.setItemGraphicEl(newIdx, el);
+ }
+ })
+ .update(function (newIdx, oldIdx) {
+ var el = oldData.getItemGraphicEl(oldIdx);
+
+ // Empty data
+ if (!data.hasValue(newIdx)) {
+ group.remove(el);
+ return;
+ }
+
+ var itemLayout = data.getItemLayout(newIdx);
+ if (needsClip && isNormalBoxClipped(clipArea, itemLayout)) {
+ group.remove(el);
+ return;
+ }
+
+ if (!el) {
+ el = createNormalBox$1(itemLayout, newIdx);
+ }
+ else {
+ updateProps(el, {shape: {points: itemLayout.ends}}, seriesModel, newIdx);
+ }
+
+ setBoxCommon(el, data, newIdx, isSimpleBox);
+
+ group.add(el);
+ data.setItemGraphicEl(newIdx, el);
+ })
+ .remove(function (oldIdx) {
+ var el = oldData.getItemGraphicEl(oldIdx);
+ el && group.remove(el);
+ })
+ .execute();
+
+ this._data = data;
+ },
+
+ _renderLarge: function (seriesModel) {
+ this._clear();
+
+ createLarge$1(seriesModel, this.group);
+
+ var clipPath = seriesModel.get('clip', true)
+ ? createClipPath(seriesModel.coordinateSystem, false, seriesModel)
+ : null;
+ if (clipPath) {
+ this.group.setClipPath(clipPath);
+ }
+ else {
+ this.group.removeClipPath();
+ }
+
+ },
+
+ _incrementalRenderNormal: function (params, seriesModel) {
+ var data = seriesModel.getData();
+ var isSimpleBox = data.getLayout('isSimpleBox');
+
+ var dataIndex;
+ while ((dataIndex = params.next()) != null) {
+ var el;
+
+ var itemLayout = data.getItemLayout(dataIndex);
+ el = createNormalBox$1(itemLayout, dataIndex);
+ setBoxCommon(el, data, dataIndex, isSimpleBox);
+
+ el.incremental = true;
+ this.group.add(el);
+ }
+ },
+
+ _incrementalRenderLarge: function (params, seriesModel) {
+ createLarge$1(seriesModel, this.group, true);
+ },
+
+ remove: function (ecModel) {
+ this._clear();
+ },
+
+ _clear: function () {
+ this.group.removeAll();
+ this._data = null;
+ },
+
+ dispose: noop
+
+});
+
+
+var NormalBoxPath = Path.extend({
+
+ type: 'normalCandlestickBox',
+
+ shape: {},
+
+ buildPath: function (ctx, shape) {
+ var ends = shape.points;
+
+ if (this.__simpleBox) {
+ ctx.moveTo(ends[4][0], ends[4][1]);
+ ctx.lineTo(ends[6][0], ends[6][1]);
+ }
+ else {
+ ctx.moveTo(ends[0][0], ends[0][1]);
+ ctx.lineTo(ends[1][0], ends[1][1]);
+ ctx.lineTo(ends[2][0], ends[2][1]);
+ ctx.lineTo(ends[3][0], ends[3][1]);
+ ctx.closePath();
+
+ ctx.moveTo(ends[4][0], ends[4][1]);
+ ctx.lineTo(ends[5][0], ends[5][1]);
+ ctx.moveTo(ends[6][0], ends[6][1]);
+ ctx.lineTo(ends[7][0], ends[7][1]);
+ }
+ }
+});
+
+
+function createNormalBox$1(itemLayout, dataIndex, isInit) {
+ var ends = itemLayout.ends;
+ return new NormalBoxPath({
+ shape: {
+ points: isInit
+ ? transInit$1(ends, itemLayout)
+ : ends
+ },
+ z2: 100
+ });
+}
+
+function isNormalBoxClipped(clipArea, itemLayout) {
+ var clipped = true;
+ for (var i = 0; i < itemLayout.ends.length; i++) {
+ // If any point are in the region.
+ if (clipArea.contain(itemLayout.ends[i][0], itemLayout.ends[i][1])) {
+ clipped = false;
+ break;
+ }
+ }
+ return clipped;
+}
+
+function setBoxCommon(el, data, dataIndex, isSimpleBox) {
+ var itemModel = data.getItemModel(dataIndex);
+ var normalItemStyleModel = itemModel.getModel(NORMAL_ITEM_STYLE_PATH$1);
+ var color = data.getItemVisual(dataIndex, 'color');
+ var borderColor = data.getItemVisual(dataIndex, 'borderColor') || color;
+
+ // Color must be excluded.
+ // Because symbol provide setColor individually to set fill and stroke
+ var itemStyle = normalItemStyleModel.getItemStyle(SKIP_PROPS);
+
+ el.useStyle(itemStyle);
+ el.style.strokeNoScale = true;
+ el.style.fill = color;
+ el.style.stroke = borderColor;
+
+ el.__simpleBox = isSimpleBox;
+
+ var hoverStyle = itemModel.getModel(EMPHASIS_ITEM_STYLE_PATH$1).getItemStyle();
+ setHoverStyle(el, hoverStyle);
+}
+
+function transInit$1(points, itemLayout) {
+ return map(points, function (point) {
+ point = point.slice();
+ point[1] = itemLayout.initBaseline;
+ return point;
+ });
+}
+
+
+
+var LargeBoxPath = Path.extend({
+
+ type: 'largeCandlestickBox',
+
+ shape: {},
+
+ buildPath: function (ctx, shape) {
+ // Drawing lines is more efficient than drawing
+ // a whole line or drawing rects.
+ var points = shape.points;
+ for (var i = 0; i < points.length;) {
+ if (this.__sign === points[i++]) {
+ var x = points[i++];
+ ctx.moveTo(x, points[i++]);
+ ctx.lineTo(x, points[i++]);
+ }
+ else {
+ i += 3;
+ }
+ }
+ }
+});
+
+function createLarge$1(seriesModel, group, incremental) {
+ var data = seriesModel.getData();
+ var largePoints = data.getLayout('largePoints');
+
+ var elP = new LargeBoxPath({
+ shape: {points: largePoints},
+ __sign: 1
+ });
+ group.add(elP);
+ var elN = new LargeBoxPath({
+ shape: {points: largePoints},
+ __sign: -1
+ });
+ group.add(elN);
+
+ setLargeStyle$1(1, elP, seriesModel, data);
+ setLargeStyle$1(-1, elN, seriesModel, data);
+
+ if (incremental) {
+ elP.incremental = true;
+ elN.incremental = true;
+ }
+}
+
+function setLargeStyle$1(sign, el, seriesModel, data) {
+ var suffix = sign > 0 ? 'P' : 'N';
+ var borderColor = data.getVisual('borderColor' + suffix)
+ || data.getVisual('color' + suffix);
+
+ // Color must be excluded.
+ // Because symbol provide setColor individually to set fill and stroke
+ var itemStyle = seriesModel.getModel(NORMAL_ITEM_STYLE_PATH$1).getItemStyle(SKIP_PROPS);
+
+ el.useStyle(itemStyle);
+ el.style.fill = null;
+ el.style.stroke = borderColor;
+ // No different
+ // el.style.lineWidth = .5;
+}
+
+/*
+* 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.
+*/
+
+var preprocessor = function (option) {
+ if (!option || !isArray(option.series)) {
+ return;
+ }
+
+ // Translate 'k' to 'candlestick'.
+ each$1(option.series, function (seriesItem) {
+ if (isObject$1(seriesItem) && seriesItem.type === 'k') {
+ seriesItem.type = 'candlestick';
+ }
+ });
+};
+
+/*
+* 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.
+*/
+
+var positiveBorderColorQuery = ['itemStyle', 'borderColor'];
+var negativeBorderColorQuery = ['itemStyle', 'borderColor0'];
+var positiveColorQuery = ['itemStyle', 'color'];
+var negativeColorQuery = ['itemStyle', 'color0'];
+
+var candlestickVisual = {
+
+ seriesType: 'candlestick',
+
+ plan: createRenderPlanner(),
+
+ // For legend.
+ performRawSeries: true,
+
+ reset: function (seriesModel, ecModel) {
+
+ var data = seriesModel.getData();
+
+ data.setVisual({
+ legendSymbol: 'roundRect',
+ colorP: getColor(1, seriesModel),
+ colorN: getColor(-1, seriesModel),
+ borderColorP: getBorderColor(1, seriesModel),
+ borderColorN: getBorderColor(-1, seriesModel)
+ });
+
+ // Only visible series has each data be visual encoded
+ if (ecModel.isSeriesFiltered(seriesModel)) {
+ return;
+ }
+
+ var isLargeRender = seriesModel.pipelineContext.large;
+ return !isLargeRender && {progress: progress};
+
+
+ function progress(params, data) {
+ var dataIndex;
+ while ((dataIndex = params.next()) != null) {
+ var itemModel = data.getItemModel(dataIndex);
+ var sign = data.getItemLayout(dataIndex).sign;
+
+ data.setItemVisual(
+ dataIndex,
+ {
+ color: getColor(sign, itemModel),
+ borderColor: getBorderColor(sign, itemModel)
+ }
+ );
+ }
+ }
+
+ function getColor(sign, model) {
+ return model.get(
+ sign > 0 ? positiveColorQuery : negativeColorQuery
+ );
+ }
+
+ function getBorderColor(sign, model) {
+ return model.get(
+ sign > 0 ? positiveBorderColorQuery : negativeBorderColorQuery
+ );
+ }
+
+ }
+
+};
+
+/*
+* 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.
+*/
+
+/* global Float32Array */
+
+var LargeArr$1 = typeof Float32Array !== 'undefined' ? Float32Array : Array;
+
+var candlestickLayout = {
+
+ seriesType: 'candlestick',
+
+ plan: createRenderPlanner(),
+
+ reset: function (seriesModel) {
+
+ var coordSys = seriesModel.coordinateSystem;
+ var data = seriesModel.getData();
+ var candleWidth = calculateCandleWidth(seriesModel, data);
+ var cDimIdx = 0;
+ var vDimIdx = 1;
+ var coordDims = ['x', 'y'];
+ var cDim = data.mapDimension(coordDims[cDimIdx]);
+ var vDims = data.mapDimension(coordDims[vDimIdx], true);
+ var openDim = vDims[0];
+ var closeDim = vDims[1];
+ var lowestDim = vDims[2];
+ var highestDim = vDims[3];
+
+ data.setLayout({
+ candleWidth: candleWidth,
+ // The value is experimented visually.
+ isSimpleBox: candleWidth <= 1.3
+ });
+
+ if (cDim == null || vDims.length < 4) {
+ return;
+ }
+
+ return {
+ progress: seriesModel.pipelineContext.large
+ ? largeProgress : normalProgress
+ };
+
+ function normalProgress(params, data) {
+ var dataIndex;
+ while ((dataIndex = params.next()) != null) {
+
+ var axisDimVal = data.get(cDim, dataIndex);
+ var openVal = data.get(openDim, dataIndex);
+ var closeVal = data.get(closeDim, dataIndex);
+ var lowestVal = data.get(lowestDim, dataIndex);
+ var highestVal = data.get(highestDim, dataIndex);
+
+ var ocLow = Math.min(openVal, closeVal);
+ var ocHigh = Math.max(openVal, closeVal);
+
+ var ocLowPoint = getPoint(ocLow, axisDimVal);
+ var ocHighPoint = getPoint(ocHigh, axisDimVal);
+ var lowestPoint = getPoint(lowestVal, axisDimVal);
+ var highestPoint = getPoint(highestVal, axisDimVal);
+
+ var ends = [];
+ addBodyEnd(ends, ocHighPoint, 0);
+ addBodyEnd(ends, ocLowPoint, 1);
+
+ ends.push(
+ subPixelOptimizePoint(highestPoint),
+ subPixelOptimizePoint(ocHighPoint),
+ subPixelOptimizePoint(lowestPoint),
+ subPixelOptimizePoint(ocLowPoint)
+ );
+
+ data.setItemLayout(dataIndex, {
+ sign: getSign(data, dataIndex, openVal, closeVal, closeDim),
+ initBaseline: openVal > closeVal
+ ? ocHighPoint[vDimIdx] : ocLowPoint[vDimIdx], // open point.
+ ends: ends,
+ brushRect: makeBrushRect(lowestVal, highestVal, axisDimVal)
+ });
+ }
+
+ function getPoint(val, axisDimVal) {
+ var p = [];
+ p[cDimIdx] = axisDimVal;
+ p[vDimIdx] = val;
+ return (isNaN(axisDimVal) || isNaN(val))
+ ? [NaN, NaN]
+ : coordSys.dataToPoint(p);
+ }
+
+ function addBodyEnd(ends, point, start) {
+ var point1 = point.slice();
+ var point2 = point.slice();
+
+ point1[cDimIdx] = subPixelOptimize(
+ point1[cDimIdx] + candleWidth / 2, 1, false
+ );
+ point2[cDimIdx] = subPixelOptimize(
+ point2[cDimIdx] - candleWidth / 2, 1, true
+ );
+
+ start
+ ? ends.push(point1, point2)
+ : ends.push(point2, point1);
+ }
+
+ function makeBrushRect(lowestVal, highestVal, axisDimVal) {
+ var pmin = getPoint(lowestVal, axisDimVal);
+ var pmax = getPoint(highestVal, axisDimVal);
+
+ pmin[cDimIdx] -= candleWidth / 2;
+ pmax[cDimIdx] -= candleWidth / 2;
+
+ return {
+ x: pmin[0],
+ y: pmin[1],
+ width: vDimIdx ? candleWidth : pmax[0] - pmin[0],
+ height: vDimIdx ? pmax[1] - pmin[1] : candleWidth
+ };
+ }
+
+ function subPixelOptimizePoint(point) {
+ point[cDimIdx] = subPixelOptimize(point[cDimIdx], 1);
+ return point;
+ }
+ }
+
+ function largeProgress(params, data) {
+ // Structure: [sign, x, yhigh, ylow, sign, x, yhigh, ylow, ...]
+ var points = new LargeArr$1(params.count * 4);
+ var offset = 0;
+ var point;
+ var tmpIn = [];
+ var tmpOut = [];
+ var dataIndex;
+
+ while ((dataIndex = params.next()) != null) {
+ var axisDimVal = data.get(cDim, dataIndex);
+ var openVal = data.get(openDim, dataIndex);
+ var closeVal = data.get(closeDim, dataIndex);
+ var lowestVal = data.get(lowestDim, dataIndex);
+ var highestVal = data.get(highestDim, dataIndex);
+
+ if (isNaN(axisDimVal) || isNaN(lowestVal) || isNaN(highestVal)) {
+ points[offset++] = NaN;
+ offset += 3;
+ continue;
+ }
+
+ points[offset++] = getSign(data, dataIndex, openVal, closeVal, closeDim);
+
+ tmpIn[cDimIdx] = axisDimVal;
+
+ tmpIn[vDimIdx] = lowestVal;
+ point = coordSys.dataToPoint(tmpIn, null, tmpOut);
+ points[offset++] = point ? point[0] : NaN;
+ points[offset++] = point ? point[1] : NaN;
+ tmpIn[vDimIdx] = highestVal;
+ point = coordSys.dataToPoint(tmpIn, null, tmpOut);
+ points[offset++] = point ? point[1] : NaN;
+ }
+
+ data.setLayout('largePoints', points);
+ }
+ }
+};
+
+function getSign(data, dataIndex, openVal, closeVal, closeDim) {
+ var sign;
+ if (openVal > closeVal) {
+ sign = -1;
+ }
+ else if (openVal < closeVal) {
+ sign = 1;
+ }
+ else {
+ sign = dataIndex > 0
+ // If close === open, compare with close of last record
+ ? (data.get(closeDim, dataIndex - 1) <= closeVal ? 1 : -1)
+ // No record of previous, set to be positive
+ : 1;
+ }
+
+ return sign;
+}
+
+function calculateCandleWidth(seriesModel, data) {
+ var baseAxis = seriesModel.getBaseAxis();
+ var extent;
+
+ var bandWidth = baseAxis.type === 'category'
+ ? baseAxis.getBandWidth()
+ : (
+ extent = baseAxis.getExtent(),
+ Math.abs(extent[1] - extent[0]) / data.count()
+ );
+
+ var barMaxWidth = parsePercent$1(
+ retrieve2(seriesModel.get('barMaxWidth'), bandWidth),
+ bandWidth
+ );
+ var barMinWidth = parsePercent$1(
+ retrieve2(seriesModel.get('barMinWidth'), 1),
+ bandWidth
+ );
+ var barWidth = seriesModel.get('barWidth');
+
+ return barWidth != null
+ ? parsePercent$1(barWidth, bandWidth)
+ // Put max outer to ensure bar visible in spite of overlap.
+ : Math.max(Math.min(bandWidth / 2, barMaxWidth), barMinWidth);
+}
+
+/*
+* 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.
+*/
+
+registerPreprocessor(preprocessor);
+registerVisual(candlestickVisual);
+registerLayout(candlestickLayout);
+
+/*
+* 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.
+*/
+
+SeriesModel.extend({
+
+ type: 'series.effectScatter',
+
+ dependencies: ['grid', 'polar'],
+
+ getInitialData: function (option, ecModel) {
+ return createListFromArray(this.getSource(), this, {useEncodeDefaulter: true});
+ },
+
+ brushSelector: 'point',
+
+ defaultOption: {
+ coordinateSystem: 'cartesian2d',
+ zlevel: 0,
+ z: 2,
+ legendHoverLink: true,
+
+ effectType: 'ripple',
+
+ progressive: 0,
+
+ // When to show the effect, option: 'render'|'emphasis'
+ showEffectOn: 'render',
+
+ // Ripple effect config
+ rippleEffect: {
+ period: 4,
+ // Scale of ripple
+ scale: 2.5,
+ // Brush type can be fill or stroke
+ brushType: 'fill'
+ },
+
+ // Cartesian coordinate system
+ // xAxisIndex: 0,
+ // yAxisIndex: 0,
+
+ // Polar coordinate system
+ // polarIndex: 0,
+
+ // Geo coordinate system
+ // geoIndex: 0,
+
+ // symbol: null, // 鍥惧舰绫诲瀷
+ symbolSize: 10 // 鍥惧舰澶у皬锛屽崐瀹斤紙鍗婂緞锛夊弬鏁帮紝褰撳浘褰负鏂瑰悜鎴栬彵褰㈠垯鎬诲搴︿负symbolSize * 2
+ // symbolRotate: null, // 鍥惧舰鏃嬭浆鎺у埗
+
+ // large: false,
+ // Available when large is true
+ // largeThreshold: 2000,
+
+ // itemStyle: {
+ // opacity: 1
+ // }
+ }
+
+});
+
+/*
+* 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.
+*/
+
+/**
+ * Symbol with ripple effect
+ * @module echarts/chart/helper/EffectSymbol
+ */
+
+var EFFECT_RIPPLE_NUMBER = 3;
+
+function normalizeSymbolSize$1(symbolSize) {
+ if (!isArray(symbolSize)) {
+ symbolSize = [+symbolSize, +symbolSize];
+ }
+ return symbolSize;
+}
+
+function updateRipplePath(rippleGroup, effectCfg) {
+ var color = effectCfg.rippleEffectColor || effectCfg.color;
+ rippleGroup.eachChild(function (ripplePath) {
+ ripplePath.attr({
+ z: effectCfg.z,
+ zlevel: effectCfg.zlevel,
+ style: {
+ stroke: effectCfg.brushType === 'stroke' ? color : null,
+ fill: effectCfg.brushType === 'fill' ? color : null
+ }
+ });
+ });
+}
+/**
+ * @constructor
+ * @param {module:echarts/data/List} data
+ * @param {number} idx
+ * @extends {module:zrender/graphic/Group}
+ */
+function EffectSymbol(data, idx) {
+ Group.call(this);
+
+ var symbol = new SymbolClz$1(data, idx);
+ var rippleGroup = new Group();
+ this.add(symbol);
+ this.add(rippleGroup);
+
+ rippleGroup.beforeUpdate = function () {
+ this.attr(symbol.getScale());
+ };
+ this.updateData(data, idx);
+}
+
+var effectSymbolProto = EffectSymbol.prototype;
+
+effectSymbolProto.stopEffectAnimation = function () {
+ this.childAt(1).removeAll();
+};
+
+effectSymbolProto.startEffectAnimation = function (effectCfg) {
+ var symbolType = effectCfg.symbolType;
+ var color = effectCfg.color;
+ var rippleGroup = this.childAt(1);
+
+ for (var i = 0; i < EFFECT_RIPPLE_NUMBER; i++) {
+ // If width/height are set too small (e.g., set to 1) on ios10
+ // and macOS Sierra, a circle stroke become a rect, no matter what
+ // the scale is set. So we set width/height as 2. See #4136.
+ var ripplePath = createSymbol(
+ symbolType, -1, -1, 2, 2, color
+ );
+ ripplePath.attr({
+ style: {
+ strokeNoScale: true
+ },
+ z2: 99,
+ silent: true,
+ scale: [0.5, 0.5]
+ });
+
+ var delay = -i / EFFECT_RIPPLE_NUMBER * effectCfg.period + effectCfg.effectOffset;
+ // TODO Configurable effectCfg.period
+ ripplePath.animate('', true)
+ .when(effectCfg.period, {
+ scale: [effectCfg.rippleScale / 2, effectCfg.rippleScale / 2]
+ })
+ .delay(delay)
+ .start();
+ ripplePath.animateStyle(true)
+ .when(effectCfg.period, {
+ opacity: 0
+ })
+ .delay(delay)
+ .start();
+
+ rippleGroup.add(ripplePath);
+ }
+
+ updateRipplePath(rippleGroup, effectCfg);
+};
+
+/**
+ * Update effect symbol
+ */
+effectSymbolProto.updateEffectAnimation = function (effectCfg) {
+ var oldEffectCfg = this._effectCfg;
+ var rippleGroup = this.childAt(1);
+
+ // Must reinitialize effect if following configuration changed
+ var DIFFICULT_PROPS = ['symbolType', 'period', 'rippleScale'];
+ for (var i = 0; i < DIFFICULT_PROPS.length; i++) {
+ var propName = DIFFICULT_PROPS[i];
+ if (oldEffectCfg[propName] !== effectCfg[propName]) {
+ this.stopEffectAnimation();
+ this.startEffectAnimation(effectCfg);
+ return;
+ }
+ }
+
+ updateRipplePath(rippleGroup, effectCfg);
+};
+
+/**
+ * Highlight symbol
+ */
+effectSymbolProto.highlight = function () {
+ this.trigger('emphasis');
+};
+
+/**
+ * Downplay symbol
+ */
+effectSymbolProto.downplay = function () {
+ this.trigger('normal');
+};
+
+/**
+ * Update symbol properties
+ * @param {module:echarts/data/List} data
+ * @param {number} idx
+ */
+effectSymbolProto.updateData = function (data, idx) {
+ var seriesModel = data.hostModel;
+
+ this.childAt(0).updateData(data, idx);
+
+ var rippleGroup = this.childAt(1);
+ var itemModel = data.getItemModel(idx);
+ var symbolType = data.getItemVisual(idx, 'symbol');
+ var symbolSize = normalizeSymbolSize$1(data.getItemVisual(idx, 'symbolSize'));
+ var color = data.getItemVisual(idx, 'color');
+
+ rippleGroup.attr('scale', symbolSize);
+
+ rippleGroup.traverse(function (ripplePath) {
+ ripplePath.attr({
+ fill: color
+ });
+ });
+
+ var symbolOffset = itemModel.getShallow('symbolOffset');
+ if (symbolOffset) {
+ var pos = rippleGroup.position;
+ pos[0] = parsePercent$1(symbolOffset[0], symbolSize[0]);
+ pos[1] = parsePercent$1(symbolOffset[1], symbolSize[1]);
+ }
+ var symbolRotate = data.getItemVisual(idx, 'symbolRotate');
+ rippleGroup.rotation = (symbolRotate || 0) * Math.PI / 180 || 0;
+
+ var effectCfg = {};
+
+ effectCfg.showEffectOn = seriesModel.get('showEffectOn');
+ effectCfg.rippleScale = itemModel.get('rippleEffect.scale');
+ effectCfg.brushType = itemModel.get('rippleEffect.brushType');
+ effectCfg.period = itemModel.get('rippleEffect.period') * 1000;
+ effectCfg.effectOffset = idx / data.count();
+ effectCfg.z = itemModel.getShallow('z') || 0;
+ effectCfg.zlevel = itemModel.getShallow('zlevel') || 0;
+ effectCfg.symbolType = symbolType;
+ effectCfg.color = color;
+ effectCfg.rippleEffectColor = itemModel.get('rippleEffect.color');
+
+ this.off('mouseover').off('mouseout').off('emphasis').off('normal');
+
+ if (effectCfg.showEffectOn === 'render') {
+ this._effectCfg
+ ? this.updateEffectAnimation(effectCfg)
+ : this.startEffectAnimation(effectCfg);
+
+ this._effectCfg = effectCfg;
+ }
+ else {
+ // Not keep old effect config
+ this._effectCfg = null;
+
+ this.stopEffectAnimation();
+ var symbol = this.childAt(0);
+ var onEmphasis = function () {
+ symbol.highlight();
+ if (effectCfg.showEffectOn !== 'render') {
+ this.startEffectAnimation(effectCfg);
+ }
+ };
+ var onNormal = function () {
+ symbol.downplay();
+ if (effectCfg.showEffectOn !== 'render') {
+ this.stopEffectAnimation();
+ }
+ };
+ this.on('mouseover', onEmphasis, this)
+ .on('mouseout', onNormal, this)
+ .on('emphasis', onEmphasis, this)
+ .on('normal', onNormal, this);
+ }
+
+ this._effectCfg = effectCfg;
+};
+
+effectSymbolProto.fadeOut = function (cb) {
+ this.off('mouseover').off('mouseout').off('emphasis').off('normal');
+ cb && cb();
+};
+
+inherits(EffectSymbol, Group);
+
+/*
+* 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.
+*/
+
+extendChartView({
+
+ type: 'effectScatter',
+
+ init: function () {
+ this._symbolDraw = new SymbolDraw(EffectSymbol);
+ },
+
+ render: function (seriesModel, ecModel, api) {
+ var data = seriesModel.getData();
+ var effectSymbolDraw = this._symbolDraw;
+ effectSymbolDraw.updateData(data);
+ this.group.add(effectSymbolDraw.group);
+ },
+
+ updateTransform: function (seriesModel, ecModel, api) {
+ var data = seriesModel.getData();
+
+ this.group.dirty();
+
+ var res = pointsLayout().reset(seriesModel);
+ if (res.progress) {
+ res.progress({ start: 0, end: data.count() }, data);
+ }
+
+ this._symbolDraw.updateLayout(data);
+ },
+
+ _updateGroupTransform: function (seriesModel) {
+ var coordSys = seriesModel.coordinateSystem;
+ if (coordSys && coordSys.getRoamTransform) {
+ this.group.transform = clone$2(coordSys.getRoamTransform());
+ this.group.decomposeTransform();
+ }
+ },
+
+ remove: function (ecModel, api) {
+ this._symbolDraw && this._symbolDraw.remove(api);
+ },
+
+ dispose: function () {}
+});
+
+/*
+* 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.
+*/
+
+registerVisual(visualSymbol('effectScatter', 'circle'));
+registerLayout(pointsLayout('effectScatter'));
+
+/*
+* 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.
+*/
+
+/* global Uint32Array, Float64Array, Float32Array */
+
+var Uint32Arr = typeof Uint32Array === 'undefined' ? Array : Uint32Array;
+var Float64Arr = typeof Float64Array === 'undefined' ? Array : Float64Array;
+
+function compatEc2(seriesOpt) {
+ var data = seriesOpt.data;
+ if (data && data[0] && data[0][0] && data[0][0].coord) {
+ if (__DEV__) {
+ console.warn('Lines data configuration has been changed to'
+ + ' { coords:[[1,2],[2,3]] }');
+ }
+ seriesOpt.data = map(data, function (itemOpt) {
+ var coords = [
+ itemOpt[0].coord, itemOpt[1].coord
+ ];
+ var target = {
+ coords: coords
+ };
+ if (itemOpt[0].name) {
+ target.fromName = itemOpt[0].name;
+ }
+ if (itemOpt[1].name) {
+ target.toName = itemOpt[1].name;
+ }
+ return mergeAll([target, itemOpt[0], itemOpt[1]]);
+ });
+ }
+}
+
+var LinesSeries = SeriesModel.extend({
+
+ type: 'series.lines',
+
+ dependencies: ['grid', 'polar'],
+
+ visualColorAccessPath: 'lineStyle.color',
+
+ init: function (option) {
+ // The input data may be null/undefined.
+ option.data = option.data || [];
+
+ // Not using preprocessor because mergeOption may not have series.type
+ compatEc2(option);
+
+ var result = this._processFlatCoordsArray(option.data);
+ this._flatCoords = result.flatCoords;
+ this._flatCoordsOffset = result.flatCoordsOffset;
+ if (result.flatCoords) {
+ option.data = new Float32Array(result.count);
+ }
+
+ LinesSeries.superApply(this, 'init', arguments);
+ },
+
+ mergeOption: function (option) {
+ // The input data may be null/undefined.
+ option.data = option.data || [];
+
+ compatEc2(option);
+
+ if (option.data) {
+ // Only update when have option data to merge.
+ var result = this._processFlatCoordsArray(option.data);
+ this._flatCoords = result.flatCoords;
+ this._flatCoordsOffset = result.flatCoordsOffset;
+ if (result.flatCoords) {
+ option.data = new Float32Array(result.count);
+ }
+ }
+
+ LinesSeries.superApply(this, 'mergeOption', arguments);
+ },
+
+ appendData: function (params) {
+ var result = this._processFlatCoordsArray(params.data);
+ if (result.flatCoords) {
+ if (!this._flatCoords) {
+ this._flatCoords = result.flatCoords;
+ this._flatCoordsOffset = result.flatCoordsOffset;
+ }
+ else {
+ this._flatCoords = concatArray(this._flatCoords, result.flatCoords);
+ this._flatCoordsOffset = concatArray(this._flatCoordsOffset, result.flatCoordsOffset);
+ }
+ params.data = new Float32Array(result.count);
+ }
+
+ this.getRawData().appendData(params.data);
+ },
+
+ _getCoordsFromItemModel: function (idx) {
+ var itemModel = this.getData().getItemModel(idx);
+ var coords = (itemModel.option instanceof Array)
+ ? itemModel.option : itemModel.getShallow('coords');
+
+ if (__DEV__) {
+ if (!(coords instanceof Array && coords.length > 0 && coords[0] instanceof Array)) {
+ throw new Error(
+ 'Invalid coords ' + JSON.stringify(coords) + '. Lines must have 2d coords array in data item.'
+ );
+ }
+ }
+ return coords;
+ },
+
+ getLineCoordsCount: function (idx) {
+ if (this._flatCoordsOffset) {
+ return this._flatCoordsOffset[idx * 2 + 1];
+ }
+ else {
+ return this._getCoordsFromItemModel(idx).length;
+ }
+ },
+
+ getLineCoords: function (idx, out) {
+ if (this._flatCoordsOffset) {
+ var offset = this._flatCoordsOffset[idx * 2];
+ var len = this._flatCoordsOffset[idx * 2 + 1];
+ for (var i = 0; i < len; i++) {
+ out[i] = out[i] || [];
+ out[i][0] = this._flatCoords[offset + i * 2];
+ out[i][1] = this._flatCoords[offset + i * 2 + 1];
+ }
+ return len;
+ }
+ else {
+ var coords = this._getCoordsFromItemModel(idx);
+ for (var i = 0; i < coords.length; i++) {
+ out[i] = out[i] || [];
+ out[i][0] = coords[i][0];
+ out[i][1] = coords[i][1];
+ }
+ return coords.length;
+ }
+ },
+
+ _processFlatCoordsArray: function (data) {
+ var startOffset = 0;
+ if (this._flatCoords) {
+ startOffset = this._flatCoords.length;
+ }
+ // Stored as a typed array. In format
+ // Points Count(2) | x | y | x | y | Points Count(3) | x | y | x | y | x | y |
+ if (typeof data[0] === 'number') {
+ var len = data.length;
+ // Store offset and len of each segment
+ var coordsOffsetAndLenStorage = new Uint32Arr(len);
+ var coordsStorage = new Float64Arr(len);
+ var coordsCursor = 0;
+ var offsetCursor = 0;
+ var dataCount = 0;
+ for (var i = 0; i < len;) {
+ dataCount++;
+ var count = data[i++];
+ // Offset
+ coordsOffsetAndLenStorage[offsetCursor++] = coordsCursor + startOffset;
+ // Len
+ coordsOffsetAndLenStorage[offsetCursor++] = count;
+ for (var k = 0; k < count; k++) {
+ var x = data[i++];
+ var y = data[i++];
+ coordsStorage[coordsCursor++] = x;
+ coordsStorage[coordsCursor++] = y;
+
+ if (i > len) {
+ if (__DEV__) {
+ throw new Error('Invalid data format.');
+ }
+ }
+ }
+ }
+
+ return {
+ flatCoordsOffset: new Uint32Array(coordsOffsetAndLenStorage.buffer, 0, offsetCursor),
+ flatCoords: coordsStorage,
+ count: dataCount
+ };
+ }
+
+ return {
+ flatCoordsOffset: null,
+ flatCoords: null,
+ count: data.length
+ };
+ },
+
+ getInitialData: function (option, ecModel) {
+ if (__DEV__) {
+ var CoordSys = CoordinateSystemManager.get(option.coordinateSystem);
+ if (!CoordSys) {
+ throw new Error('Unkown coordinate system ' + option.coordinateSystem);
+ }
+ }
+
+ var lineData = new List(['value'], this);
+ lineData.hasItemOption = false;
+
+ lineData.initData(option.data, [], function (dataItem, dimName, dataIndex, dimIndex) {
+ // dataItem is simply coords
+ if (dataItem instanceof Array) {
+ return NaN;
+ }
+ else {
+ lineData.hasItemOption = true;
+ var value = dataItem.value;
+ if (value != null) {
+ return value instanceof Array ? value[dimIndex] : value;
+ }
+ }
+ });
+
+ return lineData;
+ },
+
+ formatTooltip: function (dataIndex) {
+ var data = this.getData();
+ var itemModel = data.getItemModel(dataIndex);
+ var name = itemModel.get('name');
+ if (name) {
+ return name;
+ }
+ var fromName = itemModel.get('fromName');
+ var toName = itemModel.get('toName');
+ var html = [];
+ fromName != null && html.push(fromName);
+ toName != null && html.push(toName);
+
+ return encodeHTML(html.join(' > '));
+ },
+
+ preventIncremental: function () {
+ return !!this.get('effect.show');
+ },
+
+ getProgressive: function () {
+ var progressive = this.option.progressive;
+ if (progressive == null) {
+ return this.option.large ? 1e4 : this.get('progressive');
+ }
+ return progressive;
+ },
+
+ getProgressiveThreshold: function () {
+ var progressiveThreshold = this.option.progressiveThreshold;
+ if (progressiveThreshold == null) {
+ return this.option.large ? 2e4 : this.get('progressiveThreshold');
+ }
+ return progressiveThreshold;
+ },
+
+ defaultOption: {
+ coordinateSystem: 'geo',
+ zlevel: 0,
+ z: 2,
+ legendHoverLink: true,
+
+ hoverAnimation: true,
+ // Cartesian coordinate system
+ xAxisIndex: 0,
+ yAxisIndex: 0,
+
+ symbol: ['none', 'none'],
+ symbolSize: [10, 10],
+ // Geo coordinate system
+ geoIndex: 0,
+
+ effect: {
+ show: false,
+ period: 4,
+ // Animation delay. support callback
+ // delay: 0,
+ // If move with constant speed px/sec
+ // period will be ignored if this property is > 0,
+ constantSpeed: 0,
+ symbol: 'circle',
+ symbolSize: 3,
+ loop: true,
+ // Length of trail, 0 - 1
+ trailLength: 0.2
+ // Same with lineStyle.color
+ // color
+ },
+
+ large: false,
+ // Available when large is true
+ largeThreshold: 2000,
+
+ // If lines are polyline
+ // polyline not support curveness, label, animation
+ polyline: false,
+
+ // If clip the overflow.
+ // Available when coordinateSystem is cartesian or polar.
+ clip: true,
+
+ label: {
+ show: false,
+ position: 'end'
+ // distance: 5,
+ // formatter: 鏍囩鏂囨湰鏍煎紡鍣紝鍚孴ooltip.formatter锛屼笉鏀寔寮傛鍥炶皟
+ },
+
+ lineStyle: {
+ opacity: 0.5
+ }
+ }
+});
+
+/*
+* 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.
+*/
+
+/**
+ * Provide effect for line
+ * @module echarts/chart/helper/EffectLine
+ */
+
+/**
+ * @constructor
+ * @extends {module:zrender/graphic/Group}
+ * @alias {module:echarts/chart/helper/Line}
+ */
+function EffectLine(lineData, idx, seriesScope) {
+ Group.call(this);
+
+ this.add(this.createLine(lineData, idx, seriesScope));
+
+ this._updateEffectSymbol(lineData, idx);
+}
+
+var effectLineProto = EffectLine.prototype;
+
+effectLineProto.createLine = function (lineData, idx, seriesScope) {
+ return new Line$1(lineData, idx, seriesScope);
+};
+
+effectLineProto._updateEffectSymbol = function (lineData, idx) {
+ var itemModel = lineData.getItemModel(idx);
+ var effectModel = itemModel.getModel('effect');
+ var size = effectModel.get('symbolSize');
+ var symbolType = effectModel.get('symbol');
+ if (!isArray(size)) {
+ size = [size, size];
+ }
+ var color = effectModel.get('color') || lineData.getItemVisual(idx, 'color');
+ var symbol = this.childAt(1);
+
+ if (this._symbolType !== symbolType) {
+ // Remove previous
+ this.remove(symbol);
+
+ symbol = createSymbol(
+ symbolType, -0.5, -0.5, 1, 1, color
+ );
+ symbol.z2 = 100;
+ symbol.culling = true;
+
+ this.add(symbol);
+ }
+
+ // Symbol may be removed if loop is false
+ if (!symbol) {
+ return;
+ }
+
+ // Shadow color is same with color in default
+ symbol.setStyle('shadowColor', color);
+ symbol.setStyle(effectModel.getItemStyle(['color']));
+
+ symbol.attr('scale', size);
+
+ symbol.setColor(color);
+ symbol.attr('scale', size);
+
+ this._symbolType = symbolType;
+ this._symbolScale = size;
+
+ this._updateEffectAnimation(lineData, effectModel, idx);
+};
+
+effectLineProto._updateEffectAnimation = function (lineData, effectModel, idx) {
+
+ var symbol = this.childAt(1);
+ if (!symbol) {
+ return;
+ }
+
+ var self = this;
+
+ var points = lineData.getItemLayout(idx);
+
+ var period = effectModel.get('period') * 1000;
+ var loop = effectModel.get('loop');
+ var constantSpeed = effectModel.get('constantSpeed');
+ var delayExpr = retrieve(effectModel.get('delay'), function (idx) {
+ return idx / lineData.count() * period / 3;
+ });
+ var isDelayFunc = typeof delayExpr === 'function';
+
+ // Ignore when updating
+ symbol.ignore = true;
+
+ this.updateAnimationPoints(symbol, points);
+
+ if (constantSpeed > 0) {
+ period = this.getLineLength(symbol) / constantSpeed * 1000;
+ }
+
+ if (period !== this._period || loop !== this._loop) {
+
+ symbol.stopAnimation();
+
+ var delay = delayExpr;
+ if (isDelayFunc) {
+ delay = delayExpr(idx);
+ }
+ if (symbol.__t > 0) {
+ delay = -period * symbol.__t;
+ }
+ symbol.__t = 0;
+ var animator = symbol.animate('', loop)
+ .when(period, {
+ __t: 1
+ })
+ .delay(delay)
+ .during(function () {
+ self.updateSymbolPosition(symbol);
+ });
+ if (!loop) {
+ animator.done(function () {
+ self.remove(symbol);
+ });
+ }
+ animator.start();
+ }
+
+ this._period = period;
+ this._loop = loop;
+};
+
+effectLineProto.getLineLength = function (symbol) {
+ // Not so accurate
+ return (dist(symbol.__p1, symbol.__cp1)
+ + dist(symbol.__cp1, symbol.__p2));
+};
+
+effectLineProto.updateAnimationPoints = function (symbol, points) {
+ symbol.__p1 = points[0];
+ symbol.__p2 = points[1];
+ symbol.__cp1 = points[2] || [
+ (points[0][0] + points[1][0]) / 2,
+ (points[0][1] + points[1][1]) / 2
+ ];
+};
+
+effectLineProto.updateData = function (lineData, idx, seriesScope) {
+ this.childAt(0).updateData(lineData, idx, seriesScope);
+ this._updateEffectSymbol(lineData, idx);
+};
+
+effectLineProto.updateSymbolPosition = function (symbol) {
+ var p1 = symbol.__p1;
+ var p2 = symbol.__p2;
+ var cp1 = symbol.__cp1;
+ var t = symbol.__t;
+ var pos = symbol.position;
+ var lastPos = [pos[0], pos[1]];
+ var quadraticAt$$1 = quadraticAt;
+ var quadraticDerivativeAt$$1 = quadraticDerivativeAt;
+ pos[0] = quadraticAt$$1(p1[0], cp1[0], p2[0], t);
+ pos[1] = quadraticAt$$1(p1[1], cp1[1], p2[1], t);
+
+ // Tangent
+ var tx = quadraticDerivativeAt$$1(p1[0], cp1[0], p2[0], t);
+ var ty = quadraticDerivativeAt$$1(p1[1], cp1[1], p2[1], t);
+
+ symbol.rotation = -Math.atan2(ty, tx) - Math.PI / 2;
+ // enable continuity trail for 'line', 'rect', 'roundRect' symbolType
+ if (this._symbolType === 'line' || this._symbolType === 'rect' || this._symbolType === 'roundRect') {
+ if (symbol.__lastT !== undefined && symbol.__lastT < symbol.__t) {
+ var scaleY = dist(lastPos, pos) * 1.05;
+ symbol.attr('scale', [symbol.scale[0], scaleY]);
+ // make sure the last segment render within endPoint
+ if (t === 1) {
+ pos[0] = lastPos[0] + (pos[0] - lastPos[0]) / 2;
+ pos[1] = lastPos[1] + (pos[1] - lastPos[1]) / 2;
+ }
+ }
+ else if (symbol.__lastT === 1) {
+ // After first loop, symbol.__t does NOT start with 0, so connect p1 to pos directly.
+ var scaleY = 2 * dist(p1, pos);
+ symbol.attr('scale', [symbol.scale[0], scaleY ]);
+ }
+ else {
+ symbol.attr('scale', this._symbolScale);
+ }
+ }
+ symbol.__lastT = symbol.__t;
+ symbol.ignore = false;
+};
+
+
+effectLineProto.updateLayout = function (lineData, idx) {
+ this.childAt(0).updateLayout(lineData, idx);
+
+ var effectModel = lineData.getItemModel(idx).getModel('effect');
+ this._updateEffectAnimation(lineData, effectModel, idx);
+};
+
+inherits(EffectLine, Group);
+
+/*
+* 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.
+*/
+
+/**
+ * @module echarts/chart/helper/Line
+ */
+
+/**
+ * @constructor
+ * @extends {module:zrender/graphic/Group}
+ * @alias {module:echarts/chart/helper/Polyline}
+ */
+function Polyline$2(lineData, idx, seriesScope) {
+ Group.call(this);
+
+ this._createPolyline(lineData, idx, seriesScope);
+}
+
+var polylineProto = Polyline$2.prototype;
+
+polylineProto._createPolyline = function (lineData, idx, seriesScope) {
+ // var seriesModel = lineData.hostModel;
+ var points = lineData.getItemLayout(idx);
+
+ var line = new Polyline({
+ shape: {
+ points: points
+ }
+ });
+
+ this.add(line);
+
+ this._updateCommonStl(lineData, idx, seriesScope);
+};
+
+polylineProto.updateData = function (lineData, idx, seriesScope) {
+ var seriesModel = lineData.hostModel;
+
+ var line = this.childAt(0);
+ var target = {
+ shape: {
+ points: lineData.getItemLayout(idx)
+ }
+ };
+ updateProps(line, target, seriesModel, idx);
+
+ this._updateCommonStl(lineData, idx, seriesScope);
+};
+
+polylineProto._updateCommonStl = function (lineData, idx, seriesScope) {
+ var line = this.childAt(0);
+ var itemModel = lineData.getItemModel(idx);
+
+ var visualColor = lineData.getItemVisual(idx, 'color');
+
+ var lineStyle = seriesScope && seriesScope.lineStyle;
+ var hoverLineStyle = seriesScope && seriesScope.hoverLineStyle;
+
+ if (!seriesScope || lineData.hasItemOption) {
+ lineStyle = itemModel.getModel('lineStyle').getLineStyle();
+ hoverLineStyle = itemModel.getModel('emphasis.lineStyle').getLineStyle();
+ }
+ line.useStyle(defaults(
+ {
+ strokeNoScale: true,
+ fill: 'none',
+ stroke: visualColor
+ },
+ lineStyle
+ ));
+ line.hoverStyle = hoverLineStyle;
+
+ setHoverStyle(this);
+};
+
+polylineProto.updateLayout = function (lineData, idx) {
+ var polyline = this.childAt(0);
+ polyline.setShape('points', lineData.getItemLayout(idx));
+};
+
+inherits(Polyline$2, Group);
+
+/*
+* 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.
+*/
+
+/**
+ * Provide effect for line
+ * @module echarts/chart/helper/EffectLine
+ */
+
+/**
+ * @constructor
+ * @extends {module:echarts/chart/helper/EffectLine}
+ * @alias {module:echarts/chart/helper/Polyline}
+ */
+function EffectPolyline(lineData, idx, seriesScope) {
+ EffectLine.call(this, lineData, idx, seriesScope);
+ this._lastFrame = 0;
+ this._lastFramePercent = 0;
+}
+
+var effectPolylineProto = EffectPolyline.prototype;
+
+// Overwrite
+effectPolylineProto.createLine = function (lineData, idx, seriesScope) {
+ return new Polyline$2(lineData, idx, seriesScope);
+};
+
+// Overwrite
+effectPolylineProto.updateAnimationPoints = function (symbol, points) {
+ this._points = points;
+ var accLenArr = [0];
+ var len$$1 = 0;
+ for (var i = 1; i < points.length; i++) {
+ var p1 = points[i - 1];
+ var p2 = points[i];
+ len$$1 += dist(p1, p2);
+ accLenArr.push(len$$1);
+ }
+ if (len$$1 === 0) {
+ return;
+ }
+
+ for (var i = 0; i < accLenArr.length; i++) {
+ accLenArr[i] /= len$$1;
+ }
+ this._offsets = accLenArr;
+ this._length = len$$1;
+};
+
+// Overwrite
+effectPolylineProto.getLineLength = function (symbol) {
+ return this._length;
+};
+
+// Overwrite
+effectPolylineProto.updateSymbolPosition = function (symbol) {
+ var t = symbol.__t;
+ var points = this._points;
+ var offsets = this._offsets;
+ var len$$1 = points.length;
+
+ if (!offsets) {
+ // Has length 0
+ return;
+ }
+
+ var lastFrame = this._lastFrame;
+ var frame;
+
+ if (t < this._lastFramePercent) {
+ // Start from the next frame
+ // PENDING start from lastFrame ?
+ var start = Math.min(lastFrame + 1, len$$1 - 1);
+ for (frame = start; frame >= 0; frame--) {
+ if (offsets[frame] <= t) {
+ break;
+ }
+ }
+ // PENDING really need to do this ?
+ frame = Math.min(frame, len$$1 - 2);
+ }
+ else {
+ for (var frame = lastFrame; frame < len$$1; frame++) {
+ if (offsets[frame] > t) {
+ break;
+ }
+ }
+ frame = Math.min(frame - 1, len$$1 - 2);
+ }
+
+ lerp(
+ symbol.position, points[frame], points[frame + 1],
+ (t - offsets[frame]) / (offsets[frame + 1] - offsets[frame])
+ );
+
+ var tx = points[frame + 1][0] - points[frame][0];
+ var ty = points[frame + 1][1] - points[frame][1];
+ symbol.rotation = -Math.atan2(ty, tx) - Math.PI / 2;
+
+ this._lastFrame = frame;
+ this._lastFramePercent = t;
+
+ symbol.ignore = false;
+};
+
+inherits(EffectPolyline, EffectLine);
+
+/*
+* 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.
+*/
+
+// TODO Batch by color
+
+var LargeLineShape = extendShape({
+
+ shape: {
+ polyline: false,
+ curveness: 0,
+ segs: []
+ },
+
+ buildPath: function (path, shape) {
+ var segs = shape.segs;
+ var curveness = shape.curveness;
+
+ if (shape.polyline) {
+ for (var i = 0; i < segs.length;) {
+ var count = segs[i++];
+ if (count > 0) {
+ path.moveTo(segs[i++], segs[i++]);
+ for (var k = 1; k < count; k++) {
+ path.lineTo(segs[i++], segs[i++]);
+ }
+ }
+ }
+ }
+ else {
+ for (var i = 0; i < segs.length;) {
+ var x0 = segs[i++];
+ var y0 = segs[i++];
+ var x1 = segs[i++];
+ var y1 = segs[i++];
+ path.moveTo(x0, y0);
+ if (curveness > 0) {
+ var x2 = (x0 + x1) / 2 - (y0 - y1) * curveness;
+ var y2 = (y0 + y1) / 2 - (x1 - x0) * curveness;
+ path.quadraticCurveTo(x2, y2, x1, y1);
+ }
+ else {
+ path.lineTo(x1, y1);
+ }
+ }
+ }
+ },
+
+ findDataIndex: function (x, y) {
+
+ var shape = this.shape;
+ var segs = shape.segs;
+ var curveness = shape.curveness;
+
+ if (shape.polyline) {
+ var dataIndex = 0;
+ for (var i = 0; i < segs.length;) {
+ var count = segs[i++];
+ if (count > 0) {
+ var x0 = segs[i++];
+ var y0 = segs[i++];
+ for (var k = 1; k < count; k++) {
+ var x1 = segs[i++];
+ var y1 = segs[i++];
+ if (containStroke$1(x0, y0, x1, y1)) {
+ return dataIndex;
+ }
+ }
+ }
+
+ dataIndex++;
+ }
+ }
+ else {
+ var dataIndex = 0;
+ for (var i = 0; i < segs.length;) {
+ var x0 = segs[i++];
+ var y0 = segs[i++];
+ var x1 = segs[i++];
+ var y1 = segs[i++];
+ if (curveness > 0) {
+ var x2 = (x0 + x1) / 2 - (y0 - y1) * curveness;
+ var y2 = (y0 + y1) / 2 - (x1 - x0) * curveness;
+
+ if (containStroke$3(x0, y0, x2, y2, x1, y1)) {
+ return dataIndex;
+ }
+ }
+ else {
+ if (containStroke$1(x0, y0, x1, y1)) {
+ return dataIndex;
+ }
+ }
+
+ dataIndex++;
+ }
+ }
+
+ return -1;
+ }
+});
+
+function LargeLineDraw() {
+ this.group = new Group();
+}
+
+var largeLineProto = LargeLineDraw.prototype;
+
+largeLineProto.isPersistent = function () {
+ return !this._incremental;
+};
+
+/**
+ * Update symbols draw by new data
+ * @param {module:echarts/data/List} data
+ */
+largeLineProto.updateData = function (data) {
+ this.group.removeAll();
+
+ var lineEl = new LargeLineShape({
+ rectHover: true,
+ cursor: 'default'
+ });
+ lineEl.setShape({
+ segs: data.getLayout('linesPoints')
+ });
+
+ this._setCommon(lineEl, data);
+
+ // Add back
+ this.group.add(lineEl);
+
+ this._incremental = null;
+};
+
+/**
+ * @override
+ */
+largeLineProto.incrementalPrepareUpdate = function (data) {
+ this.group.removeAll();
+
+ this._clearIncremental();
+
+ if (data.count() > 5e5) {
+ if (!this._incremental) {
+ this._incremental = new IncrementalDisplayble({
+ silent: true
+ });
+ }
+ this.group.add(this._incremental);
+ }
+ else {
+ this._incremental = null;
+ }
+};
+
+/**
+ * @override
+ */
+largeLineProto.incrementalUpdate = function (taskParams, data) {
+ var lineEl = new LargeLineShape();
+ lineEl.setShape({
+ segs: data.getLayout('linesPoints')
+ });
+
+ this._setCommon(lineEl, data, !!this._incremental);
+
+ if (!this._incremental) {
+ lineEl.rectHover = true;
+ lineEl.cursor = 'default';
+ lineEl.__startIndex = taskParams.start;
+ this.group.add(lineEl);
+ }
+ else {
+ this._incremental.addDisplayable(lineEl, true);
+ }
+};
+
+/**
+ * @override
+ */
+largeLineProto.remove = function () {
+ this._clearIncremental();
+ this._incremental = null;
+ this.group.removeAll();
+};
+
+largeLineProto._setCommon = function (lineEl, data, isIncremental) {
+ var hostModel = data.hostModel;
+
+ lineEl.setShape({
+ polyline: hostModel.get('polyline'),
+ curveness: hostModel.get('lineStyle.curveness')
+ });
+
+ lineEl.useStyle(
+ hostModel.getModel('lineStyle').getLineStyle()
+ );
+ lineEl.style.strokeNoScale = true;
+
+ var visualColor = data.getVisual('color');
+ if (visualColor) {
+ lineEl.setStyle('stroke', visualColor);
+ }
+ lineEl.setStyle('fill');
+
+ if (!isIncremental) {
+ // Enable tooltip
+ // PENDING May have performance issue when path is extremely large
+ lineEl.seriesIndex = hostModel.seriesIndex;
+ lineEl.on('mousemove', function (e) {
+ lineEl.dataIndex = null;
+ var dataIndex = lineEl.findDataIndex(e.offsetX, e.offsetY);
+ if (dataIndex > 0) {
+ // Provide dataIndex for tooltip
+ lineEl.dataIndex = dataIndex + lineEl.__startIndex;
+ }
+ });
+ }
+};
+
+largeLineProto._clearIncremental = function () {
+ var incremental = this._incremental;
+ if (incremental) {
+ incremental.clearDisplaybles();
+ }
+};
+
+/*
+* 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.
+*/
+
+/* global Float32Array */
+
+var linesLayout = {
+ seriesType: 'lines',
+
+ plan: createRenderPlanner(),
+
+ reset: function (seriesModel) {
+ var coordSys = seriesModel.coordinateSystem;
+ var isPolyline = seriesModel.get('polyline');
+ var isLarge = seriesModel.pipelineContext.large;
+
+ function progress(params, lineData) {
+ var lineCoords = [];
+ if (isLarge) {
+ var points;
+ var segCount = params.end - params.start;
+ if (isPolyline) {
+ var totalCoordsCount = 0;
+ for (var i = params.start; i < params.end; i++) {
+ totalCoordsCount += seriesModel.getLineCoordsCount(i);
+ }
+ points = new Float32Array(segCount + totalCoordsCount * 2);
+ }
+ else {
+ points = new Float32Array(segCount * 4);
+ }
+
+ var offset = 0;
+ var pt = [];
+ for (var i = params.start; i < params.end; i++) {
+ var len = seriesModel.getLineCoords(i, lineCoords);
+ if (isPolyline) {
+ points[offset++] = len;
+ }
+ for (var k = 0; k < len; k++) {
+ pt = coordSys.dataToPoint(lineCoords[k], false, pt);
+ points[offset++] = pt[0];
+ points[offset++] = pt[1];
+ }
+ }
+
+ lineData.setLayout('linesPoints', points);
+ }
+ else {
+ for (var i = params.start; i < params.end; i++) {
+ var itemModel = lineData.getItemModel(i);
+ var len = seriesModel.getLineCoords(i, lineCoords);
+
+ var pts = [];
+ if (isPolyline) {
+ for (var j = 0; j < len; j++) {
+ pts.push(coordSys.dataToPoint(lineCoords[j]));
+ }
+ }
+ else {
+ pts[0] = coordSys.dataToPoint(lineCoords[0]);
+ pts[1] = coordSys.dataToPoint(lineCoords[1]);
+
+ var curveness = itemModel.get('lineStyle.curveness');
+ if (+curveness) {
+ pts[2] = [
+ (pts[0][0] + pts[1][0]) / 2 - (pts[0][1] - pts[1][1]) * curveness,
+ (pts[0][1] + pts[1][1]) / 2 - (pts[1][0] - pts[0][0]) * curveness
+ ];
+ }
+ }
+ lineData.setItemLayout(i, pts);
+ }
+ }
+ }
+
+ return { progress: progress };
+ }
+};
+
+/*
+* 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.
+*/
+
+extendChartView({
+
+ type: 'lines',
+
+ init: function () {},
+
+ render: function (seriesModel, ecModel, api) {
+ var data = seriesModel.getData();
+
+ var lineDraw = this._updateLineDraw(data, seriesModel);
+
+ var zlevel = seriesModel.get('zlevel');
+ var trailLength = seriesModel.get('effect.trailLength');
+
+ var zr = api.getZr();
+ // Avoid the drag cause ghost shadow
+ // FIXME Better way ?
+ // SVG doesn't support
+ var isSvg = zr.painter.getType() === 'svg';
+ if (!isSvg) {
+ zr.painter.getLayer(zlevel).clear(true);
+ }
+ // Config layer with motion blur
+ if (this._lastZlevel != null && !isSvg) {
+ zr.configLayer(this._lastZlevel, {
+ motionBlur: false
+ });
+ }
+ if (this._showEffect(seriesModel) && trailLength) {
+ if (__DEV__) {
+ var notInIndividual = false;
+ ecModel.eachSeries(function (otherSeriesModel) {
+ if (otherSeriesModel !== seriesModel && otherSeriesModel.get('zlevel') === zlevel) {
+ notInIndividual = true;
+ }
+ });
+ notInIndividual && console.warn('Lines with trail effect should have an individual zlevel');
+ }
+
+ if (!isSvg) {
+ zr.configLayer(zlevel, {
+ motionBlur: true,
+ lastFrameAlpha: Math.max(Math.min(trailLength / 10 + 0.9, 1), 0)
+ });
+ }
+ }
+
+ lineDraw.updateData(data);
+
+ var clipPath = seriesModel.get('clip', true) && createClipPath(
+ seriesModel.coordinateSystem, false, seriesModel
+ );
+ if (clipPath) {
+ this.group.setClipPath(clipPath);
+ }
+ else {
+ this.group.removeClipPath();
+ }
+
+ this._lastZlevel = zlevel;
+
+ this._finished = true;
+ },
+
+ incrementalPrepareRender: function (seriesModel, ecModel, api) {
+ var data = seriesModel.getData();
+
+ var lineDraw = this._updateLineDraw(data, seriesModel);
+
+ lineDraw.incrementalPrepareUpdate(data);
+
+ this._clearLayer(api);
+
+ this._finished = false;
+ },
+
+ incrementalRender: function (taskParams, seriesModel, ecModel) {
+ this._lineDraw.incrementalUpdate(taskParams, seriesModel.getData());
+
+ this._finished = taskParams.end === seriesModel.getData().count();
+ },
+
+ updateTransform: function (seriesModel, ecModel, api) {
+ var data = seriesModel.getData();
+ var pipelineContext = seriesModel.pipelineContext;
+
+ if (!this._finished || pipelineContext.large || pipelineContext.progressiveRender) {
+ // TODO Don't have to do update in large mode. Only do it when there are millions of data.
+ return {
+ update: true
+ };
+ }
+ else {
+ // TODO Use same logic with ScatterView.
+ // Manually update layout
+ var res = linesLayout.reset(seriesModel);
+ if (res.progress) {
+ res.progress({ start: 0, end: data.count() }, data);
+ }
+ this._lineDraw.updateLayout();
+ this._clearLayer(api);
+ }
+ },
+
+ _updateLineDraw: function (data, seriesModel) {
+ var lineDraw = this._lineDraw;
+ var hasEffect = this._showEffect(seriesModel);
+ var isPolyline = !!seriesModel.get('polyline');
+ var pipelineContext = seriesModel.pipelineContext;
+ var isLargeDraw = pipelineContext.large;
+
+ if (__DEV__) {
+ if (hasEffect && isLargeDraw) {
+ console.warn('Large lines not support effect');
+ }
+ }
+ if (!lineDraw
+ || hasEffect !== this._hasEffet
+ || isPolyline !== this._isPolyline
+ || isLargeDraw !== this._isLargeDraw
+ ) {
+ if (lineDraw) {
+ lineDraw.remove();
+ }
+ lineDraw = this._lineDraw = isLargeDraw
+ ? new LargeLineDraw()
+ : new LineDraw(
+ isPolyline
+ ? (hasEffect ? EffectPolyline : Polyline$2)
+ : (hasEffect ? EffectLine : Line$1)
+ );
+ this._hasEffet = hasEffect;
+ this._isPolyline = isPolyline;
+ this._isLargeDraw = isLargeDraw;
+ this.group.removeAll();
+ }
+
+ this.group.add(lineDraw.group);
+
+ return lineDraw;
+ },
+
+ _showEffect: function (seriesModel) {
+ return !!seriesModel.get('effect.show');
+ },
+
+ _clearLayer: function (api) {
+ // Not use motion when dragging or zooming
+ var zr = api.getZr();
+ var isSvg = zr.painter.getType() === 'svg';
+ if (!isSvg && this._lastZlevel != null) {
+ zr.painter.getLayer(this._lastZlevel).clear(true);
+ }
+ },
+
+ remove: function (ecModel, api) {
+ this._lineDraw && this._lineDraw.remove();
+ this._lineDraw = null;
+ // Clear motion when lineDraw is removed
+ this._clearLayer(api);
+ },
+
+ dispose: function () {}
+});
+
+/*
+* 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 normalize$2(a) {
+ if (!(a instanceof Array)) {
+ a = [a, a];
+ }
+ return a;
+}
+
+var opacityQuery = 'lineStyle.opacity'.split('.');
+
+var linesVisual = {
+ seriesType: 'lines',
+ reset: function (seriesModel, ecModel, api) {
+ var symbolType = normalize$2(seriesModel.get('symbol'));
+ var symbolSize = normalize$2(seriesModel.get('symbolSize'));
+ var data = seriesModel.getData();
+
+ data.setVisual('fromSymbol', symbolType && symbolType[0]);
+ data.setVisual('toSymbol', symbolType && symbolType[1]);
+ data.setVisual('fromSymbolSize', symbolSize && symbolSize[0]);
+ data.setVisual('toSymbolSize', symbolSize && symbolSize[1]);
+ data.setVisual('opacity', seriesModel.get(opacityQuery));
+
+ function dataEach(data, idx) {
+ var itemModel = data.getItemModel(idx);
+ var symbolType = normalize$2(itemModel.getShallow('symbol', true));
+ var symbolSize = normalize$2(itemModel.getShallow('symbolSize', true));
+ var opacity = itemModel.get(opacityQuery);
+
+ symbolType[0] && data.setItemVisual(idx, 'fromSymbol', symbolType[0]);
+ symbolType[1] && data.setItemVisual(idx, 'toSymbol', symbolType[1]);
+ symbolSize[0] && data.setItemVisual(idx, 'fromSymbolSize', symbolSize[0]);
+ symbolSize[1] && data.setItemVisual(idx, 'toSymbolSize', symbolSize[1]);
+
+ data.setItemVisual(idx, 'opacity', opacity);
+ }
+
+ return {dataEach: data.hasItemOption ? dataEach : null};
+ }
+};
+
+/*
+* 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.
+*/
+
+registerLayout(linesLayout);
+registerVisual(linesVisual);
+
+/*
+* 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.
+*/
+
+SeriesModel.extend({
+ type: 'series.heatmap',
+
+ getInitialData: function (option, ecModel) {
+ return createListFromArray(this.getSource(), this, {
+ generateCoord: 'value'
+ });
+ },
+
+ preventIncremental: function () {
+ var coordSysCreator = CoordinateSystemManager.get(this.get('coordinateSystem'));
+ if (coordSysCreator && coordSysCreator.dimensions) {
+ return coordSysCreator.dimensions[0] === 'lng' && coordSysCreator.dimensions[1] === 'lat';
+ }
+ },
+
+ defaultOption: {
+
+ // Cartesian2D or geo
+ coordinateSystem: 'cartesian2d',
+
+ zlevel: 0,
+
+ z: 2,
+
+ // Cartesian coordinate system
+ // xAxisIndex: 0,
+ // yAxisIndex: 0,
+
+ // Geo coordinate system
+ geoIndex: 0,
+
+ blurSize: 30,
+
+ pointSize: 20,
+
+ maxOpacity: 1,
+
+ minOpacity: 0
+ }
+});
+
+/*
+* 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.
+*/
+
+/* global Uint8ClampedArray */
+
+var GRADIENT_LEVELS = 256;
+
+/**
+ * Heatmap Chart
+ *
+ * @class
+ */
+function Heatmap() {
+ var canvas = createCanvas();
+ this.canvas = canvas;
+
+ this.blurSize = 30;
+ this.pointSize = 20;
+
+ this.maxOpacity = 1;
+ this.minOpacity = 0;
+
+ this._gradientPixels = {};
+}
+
+Heatmap.prototype = {
+ /**
+ * Renders Heatmap and returns the rendered canvas
+ * @param {Array} data array of data, each has x, y, value
+ * @param {number} width canvas width
+ * @param {number} height canvas height
+ */
+ update: function (data, width, height, normalize, colorFunc, isInRange) {
+ var brush = this._getBrush();
+ var gradientInRange = this._getGradient(data, colorFunc, 'inRange');
+ var gradientOutOfRange = this._getGradient(data, colorFunc, 'outOfRange');
+ var r = this.pointSize + this.blurSize;
+
+ var canvas = this.canvas;
+ var ctx = canvas.getContext('2d');
+ var len = data.length;
+ canvas.width = width;
+ canvas.height = height;
+ for (var i = 0; i < len; ++i) {
+ var p = data[i];
+ var x = p[0];
+ var y = p[1];
+ var value = p[2];
+
+ // calculate alpha using value
+ var alpha = normalize(value);
+
+ // draw with the circle brush with alpha
+ ctx.globalAlpha = alpha;
+ ctx.drawImage(brush, x - r, y - r);
+ }
+
+ if (!canvas.width || !canvas.height) {
+ // Avoid "Uncaught DOMException: Failed to execute 'getImageData' on
+ // 'CanvasRenderingContext2D': The source height is 0."
+ return canvas;
+ }
+
+ // colorize the canvas using alpha value and set with gradient
+ var imageData = ctx.getImageData(0, 0, canvas.width, canvas.height);
+
+ var pixels = imageData.data;
+ var offset = 0;
+ var pixelLen = pixels.length;
+ var minOpacity = this.minOpacity;
+ var maxOpacity = this.maxOpacity;
+ var diffOpacity = maxOpacity - minOpacity;
+
+ while (offset < pixelLen) {
+ var alpha = pixels[offset + 3] / 256;
+ var gradientOffset = Math.floor(alpha * (GRADIENT_LEVELS - 1)) * 4;
+ // Simple optimize to ignore the empty data
+ if (alpha > 0) {
+ var gradient = isInRange(alpha) ? gradientInRange : gradientOutOfRange;
+ // Any alpha > 0 will be mapped to [minOpacity, maxOpacity]
+ alpha > 0 && (alpha = alpha * diffOpacity + minOpacity);
+ pixels[offset++] = gradient[gradientOffset];
+ pixels[offset++] = gradient[gradientOffset + 1];
+ pixels[offset++] = gradient[gradientOffset + 2];
+ pixels[offset++] = gradient[gradientOffset + 3] * alpha * 256;
+ }
+ else {
+ offset += 4;
+ }
+ }
+ ctx.putImageData(imageData, 0, 0);
+
+ return canvas;
+ },
+
+ /**
+ * get canvas of a black circle brush used for canvas to draw later
+ * @private
+ * @returns {Object} circle brush canvas
+ */
+ _getBrush: function () {
+ var brushCanvas = this._brushCanvas || (this._brushCanvas = createCanvas());
+ // set brush size
+ var r = this.pointSize + this.blurSize;
+ var d = r * 2;
+ brushCanvas.width = d;
+ brushCanvas.height = d;
+
+ var ctx = brushCanvas.getContext('2d');
+ ctx.clearRect(0, 0, d, d);
+
+ // in order to render shadow without the distinct circle,
+ // draw the distinct circle in an invisible place,
+ // and use shadowOffset to draw shadow in the center of the canvas
+ ctx.shadowOffsetX = d;
+ ctx.shadowBlur = this.blurSize;
+ // draw the shadow in black, and use alpha and shadow blur to generate
+ // color in color map
+ ctx.shadowColor = '#000';
+
+ // draw circle in the left to the canvas
+ ctx.beginPath();
+ ctx.arc(-r, r, this.pointSize, 0, Math.PI * 2, true);
+ ctx.closePath();
+ ctx.fill();
+ return brushCanvas;
+ },
+
+ /**
+ * get gradient color map
+ * @private
+ */
+ _getGradient: function (data, colorFunc, state) {
+ var gradientPixels = this._gradientPixels;
+ var pixelsSingleState = gradientPixels[state] || (gradientPixels[state] = new Uint8ClampedArray(256 * 4));
+ var color = [0, 0, 0, 0];
+ var off = 0;
+ for (var i = 0; i < 256; i++) {
+ colorFunc[state](i / 255, true, color);
+ pixelsSingleState[off++] = color[0];
+ pixelsSingleState[off++] = color[1];
+ pixelsSingleState[off++] = color[2];
+ pixelsSingleState[off++] = color[3];
+ }
+ return pixelsSingleState;
+ }
+};
+
+/*
+* 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 getIsInPiecewiseRange(dataExtent, pieceList, selected) {
+ var dataSpan = dataExtent[1] - dataExtent[0];
+ pieceList = map(pieceList, function (piece) {
+ return {
+ interval: [
+ (piece.interval[0] - dataExtent[0]) / dataSpan,
+ (piece.interval[1] - dataExtent[0]) / dataSpan
+ ]
+ };
+ });
+ var len = pieceList.length;
+ var lastIndex = 0;
+
+ return function (val) {
+ // Try to find in the location of the last found
+ for (var i = lastIndex; i < len; i++) {
+ var interval = pieceList[i].interval;
+ if (interval[0] <= val && val <= interval[1]) {
+ lastIndex = i;
+ break;
+ }
+ }
+ if (i === len) { // Not found, back interation
+ for (var i = lastIndex - 1; i >= 0; i--) {
+ var interval = pieceList[i].interval;
+ if (interval[0] <= val && val <= interval[1]) {
+ lastIndex = i;
+ break;
+ }
+ }
+ }
+ return i >= 0 && i < len && selected[i];
+ };
+}
+
+function getIsInContinuousRange(dataExtent, range) {
+ var dataSpan = dataExtent[1] - dataExtent[0];
+ range = [
+ (range[0] - dataExtent[0]) / dataSpan,
+ (range[1] - dataExtent[0]) / dataSpan
+ ];
+ return function (val) {
+ return val >= range[0] && val <= range[1];
+ };
+}
+
+function isGeoCoordSys(coordSys) {
+ var dimensions = coordSys.dimensions;
+ // Not use coorSys.type === 'geo' because coordSys maybe extended
+ return dimensions[0] === 'lng' && dimensions[1] === 'lat';
+}
+
+extendChartView({
+
+ type: 'heatmap',
+
+ render: function (seriesModel, ecModel, api) {
+ var visualMapOfThisSeries;
+ ecModel.eachComponent('visualMap', function (visualMap) {
+ visualMap.eachTargetSeries(function (targetSeries) {
+ if (targetSeries === seriesModel) {
+ visualMapOfThisSeries = visualMap;
+ }
+ });
+ });
+
+ if (__DEV__) {
+ if (!visualMapOfThisSeries) {
+ throw new Error('Heatmap must use with visualMap');
+ }
+ }
+
+ this.group.removeAll();
+
+ this._incrementalDisplayable = null;
+
+ var coordSys = seriesModel.coordinateSystem;
+ if (coordSys.type === 'cartesian2d' || coordSys.type === 'calendar') {
+ this._renderOnCartesianAndCalendar(seriesModel, api, 0, seriesModel.getData().count());
+ }
+ else if (isGeoCoordSys(coordSys)) {
+ this._renderOnGeo(
+ coordSys, seriesModel, visualMapOfThisSeries, api
+ );
+ }
+ },
+
+ incrementalPrepareRender: function (seriesModel, ecModel, api) {
+ this.group.removeAll();
+ },
+
+ incrementalRender: function (params, seriesModel, ecModel, api) {
+ var coordSys = seriesModel.coordinateSystem;
+ if (coordSys) {
+ this._renderOnCartesianAndCalendar(seriesModel, api, params.start, params.end, true);
+ }
+ },
+
+ _renderOnCartesianAndCalendar: function (seriesModel, api, start, end, incremental) {
+
+ var coordSys = seriesModel.coordinateSystem;
+ var width;
+ var height;
+
+ if (coordSys.type === 'cartesian2d') {
+ var xAxis = coordSys.getAxis('x');
+ var yAxis = coordSys.getAxis('y');
+
+ if (__DEV__) {
+ if (!(xAxis.type === 'category' && yAxis.type === 'category')) {
+ throw new Error('Heatmap on cartesian must have two category axes');
+ }
+ if (!(xAxis.onBand && yAxis.onBand)) {
+ throw new Error('Heatmap on cartesian must have two axes with boundaryGap true');
+ }
+ }
+
+ width = xAxis.getBandWidth();
+ height = yAxis.getBandWidth();
+ }
+
+ var group = this.group;
+ var data = seriesModel.getData();
+
+ var itemStyleQuery = 'itemStyle';
+ var hoverItemStyleQuery = 'emphasis.itemStyle';
+ var labelQuery = 'label';
+ var hoverLabelQuery = 'emphasis.label';
+ var style = seriesModel.getModel(itemStyleQuery).getItemStyle(['color']);
+ var hoverStl = seriesModel.getModel(hoverItemStyleQuery).getItemStyle();
+ var labelModel = seriesModel.getModel(labelQuery);
+ var hoverLabelModel = seriesModel.getModel(hoverLabelQuery);
+ var coordSysType = coordSys.type;
+
+
+ var dataDims = coordSysType === 'cartesian2d'
+ ? [
+ data.mapDimension('x'),
+ data.mapDimension('y'),
+ data.mapDimension('value')
+ ]
+ : [
+ data.mapDimension('time'),
+ data.mapDimension('value')
+ ];
+
+ for (var idx = start; idx < end; idx++) {
+ var rect;
+
+ if (coordSysType === 'cartesian2d') {
+ // Ignore empty data
+ if (isNaN(data.get(dataDims[2], idx))) {
+ continue;
+ }
+
+ var point = coordSys.dataToPoint([
+ data.get(dataDims[0], idx),
+ data.get(dataDims[1], idx)
+ ]);
+
+ rect = new Rect({
+ shape: {
+ x: Math.floor(Math.round(point[0]) - width / 2),
+ y: Math.floor(Math.round(point[1]) - height / 2),
+ width: Math.ceil(width),
+ height: Math.ceil(height)
+ },
+ style: {
+ fill: data.getItemVisual(idx, 'color'),
+ opacity: data.getItemVisual(idx, 'opacity')
+ }
+ });
+ }
+ else {
+ // Ignore empty data
+ if (isNaN(data.get(dataDims[1], idx))) {
+ continue;
+ }
+
+ rect = new Rect({
+ z2: 1,
+ shape: coordSys.dataToRect([data.get(dataDims[0], idx)]).contentShape,
+ style: {
+ fill: data.getItemVisual(idx, 'color'),
+ opacity: data.getItemVisual(idx, 'opacity')
+ }
+ });
+ }
+
+ var itemModel = data.getItemModel(idx);
+
+ // Optimization for large datset
+ if (data.hasItemOption) {
+ style = itemModel.getModel(itemStyleQuery).getItemStyle(['color']);
+ hoverStl = itemModel.getModel(hoverItemStyleQuery).getItemStyle();
+ labelModel = itemModel.getModel(labelQuery);
+ hoverLabelModel = itemModel.getModel(hoverLabelQuery);
+ }
+
+ var rawValue = seriesModel.getRawValue(idx);
+ var defaultText = '-';
+ if (rawValue && rawValue[2] != null) {
+ defaultText = rawValue[2];
+ }
+
+ setLabelStyle(
+ style, hoverStl, labelModel, hoverLabelModel,
+ {
+ labelFetcher: seriesModel,
+ labelDataIndex: idx,
+ defaultText: defaultText,
+ isRectText: true
+ }
+ );
+
+ rect.setStyle(style);
+ setHoverStyle(rect, data.hasItemOption ? hoverStl : extend({}, hoverStl));
+
+ rect.incremental = incremental;
+ // PENDING
+ if (incremental) {
+ // Rect must use hover layer if it's incremental.
+ rect.useHoverLayer = true;
+ }
+
+ group.add(rect);
+ data.setItemGraphicEl(idx, rect);
+ }
+ },
+
+ _renderOnGeo: function (geo, seriesModel, visualMapModel, api) {
+ var inRangeVisuals = visualMapModel.targetVisuals.inRange;
+ var outOfRangeVisuals = visualMapModel.targetVisuals.outOfRange;
+ // if (!visualMapping) {
+ // throw new Error('Data range must have color visuals');
+ // }
+
+ var data = seriesModel.getData();
+ var hmLayer = this._hmLayer || (this._hmLayer || new Heatmap());
+ hmLayer.blurSize = seriesModel.get('blurSize');
+ hmLayer.pointSize = seriesModel.get('pointSize');
+ hmLayer.minOpacity = seriesModel.get('minOpacity');
+ hmLayer.maxOpacity = seriesModel.get('maxOpacity');
+
+ var rect = geo.getViewRect().clone();
+ var roamTransform = geo.getRoamTransform();
+ rect.applyTransform(roamTransform);
+
+ // Clamp on viewport
+ var x = Math.max(rect.x, 0);
+ var y = Math.max(rect.y, 0);
+ var x2 = Math.min(rect.width + rect.x, api.getWidth());
+ var y2 = Math.min(rect.height + rect.y, api.getHeight());
+ var width = x2 - x;
+ var height = y2 - y;
+
+ var dims = [
+ data.mapDimension('lng'),
+ data.mapDimension('lat'),
+ data.mapDimension('value')
+ ];
+
+ var points = data.mapArray(dims, function (lng, lat, value) {
+ var pt = geo.dataToPoint([lng, lat]);
+ pt[0] -= x;
+ pt[1] -= y;
+ pt.push(value);
+ return pt;
+ });
+
+ var dataExtent = visualMapModel.getExtent();
+ var isInRange = visualMapModel.type === 'visualMap.continuous'
+ ? getIsInContinuousRange(dataExtent, visualMapModel.option.range)
+ : getIsInPiecewiseRange(
+ dataExtent, visualMapModel.getPieceList(), visualMapModel.option.selected
+ );
+
+ hmLayer.update(
+ points, width, height,
+ inRangeVisuals.color.getNormalizer(),
+ {
+ inRange: inRangeVisuals.color.getColorMapper(),
+ outOfRange: outOfRangeVisuals.color.getColorMapper()
+ },
+ isInRange
+ );
+ var img = new ZImage({
+ style: {
+ width: width,
+ height: height,
+ x: x,
+ y: y,
+ image: hmLayer.canvas
+ },
+ silent: true
+ });
+ this.group.add(img);
+ },
+
+ dispose: function () {}
+});
+
+/*
+* 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.
+*/
+
+/*
+* 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.
+*/
+
+var PictorialBarSeries = BaseBarSeries.extend({
+
+ type: 'series.pictorialBar',
+
+ dependencies: ['grid'],
+
+ defaultOption: {
+ symbol: 'circle', // Customized bar shape
+ symbolSize: null, // Can be ['100%', '100%'], null means auto.
+ symbolRotate: null,
+
+ symbolPosition: null, // 'start' or 'end' or 'center', null means auto.
+ symbolOffset: null,
+ symbolMargin: null, // start margin and end margin. Can be a number or a percent string.
+ // Auto margin by defualt.
+ symbolRepeat: false, // false/null/undefined, means no repeat.
+ // Can be true, means auto calculate repeat times and cut by data.
+ // Can be a number, specifies repeat times, and do not cut by data.
+ // Can be 'fixed', means auto calculate repeat times but do not cut by data.
+ symbolRepeatDirection: 'end', // 'end' means from 'start' to 'end'.
+
+ symbolClip: false,
+ symbolBoundingData: null, // Can be 60 or -40 or [-40, 60]
+ symbolPatternSize: 400, // 400 * 400 px
+
+ barGap: '-100%', // In most case, overlap is needed.
+
+ // z can be set in data item, which is z2 actually.
+
+ // Disable progressive
+ progressive: 0,
+ hoverAnimation: false // Open only when needed.
+ },
+
+ getInitialData: function (option) {
+ // Disable stack.
+ option.stack = null;
+ return PictorialBarSeries.superApply(this, 'getInitialData', arguments);
+ }
+});
+
+/*
+* 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.
+*/
+
+var BAR_BORDER_WIDTH_QUERY$1 = ['itemStyle', 'borderWidth'];
+
+// index: +isHorizontal
+var LAYOUT_ATTRS = [
+ {xy: 'x', wh: 'width', index: 0, posDesc: ['left', 'right']},
+ {xy: 'y', wh: 'height', index: 1, posDesc: ['top', 'bottom']}
+];
+
+var pathForLineWidth = new Circle();
+
+var BarView$1 = extendChartView({
+
+ type: 'pictorialBar',
+
+ render: function (seriesModel, ecModel, api) {
+ var group = this.group;
+ var data = seriesModel.getData();
+ var oldData = this._data;
+
+ var cartesian = seriesModel.coordinateSystem;
+ var baseAxis = cartesian.getBaseAxis();
+ var isHorizontal = !!baseAxis.isHorizontal();
+ var coordSysRect = cartesian.grid.getRect();
+
+ var opt = {
+ ecSize: {width: api.getWidth(), height: api.getHeight()},
+ seriesModel: seriesModel,
+ coordSys: cartesian,
+ coordSysExtent: [
+ [coordSysRect.x, coordSysRect.x + coordSysRect.width],
+ [coordSysRect.y, coordSysRect.y + coordSysRect.height]
+ ],
+ isHorizontal: isHorizontal,
+ valueDim: LAYOUT_ATTRS[+isHorizontal],
+ categoryDim: LAYOUT_ATTRS[1 - isHorizontal]
+ };
+
+ data.diff(oldData)
+ .add(function (dataIndex) {
+ if (!data.hasValue(dataIndex)) {
+ return;
+ }
+
+ var itemModel = getItemModel(data, dataIndex);
+ var symbolMeta = getSymbolMeta(data, dataIndex, itemModel, opt);
+
+ var bar = createBar(data, opt, symbolMeta);
+
+ data.setItemGraphicEl(dataIndex, bar);
+ group.add(bar);
+
+ updateCommon$1(bar, opt, symbolMeta);
+ })
+ .update(function (newIndex, oldIndex) {
+ var bar = oldData.getItemGraphicEl(oldIndex);
+
+ if (!data.hasValue(newIndex)) {
+ group.remove(bar);
+ return;
+ }
+
+ var itemModel = getItemModel(data, newIndex);
+ var symbolMeta = getSymbolMeta(data, newIndex, itemModel, opt);
+
+ var pictorialShapeStr = getShapeStr(data, symbolMeta);
+ if (bar && pictorialShapeStr !== bar.__pictorialShapeStr) {
+ group.remove(bar);
+ data.setItemGraphicEl(newIndex, null);
+ bar = null;
+ }
+
+ if (bar) {
+ updateBar(bar, opt, symbolMeta);
+ }
+ else {
+ bar = createBar(data, opt, symbolMeta, true);
+ }
+
+ data.setItemGraphicEl(newIndex, bar);
+ bar.__pictorialSymbolMeta = symbolMeta;
+ // Add back
+ group.add(bar);
+
+ updateCommon$1(bar, opt, symbolMeta);
+ })
+ .remove(function (dataIndex) {
+ var bar = oldData.getItemGraphicEl(dataIndex);
+ bar && removeBar(oldData, dataIndex, bar.__pictorialSymbolMeta.animationModel, bar);
+ })
+ .execute();
+
+ this._data = data;
+
+ return this.group;
+ },
+
+ dispose: noop,
+
+ remove: function (ecModel, api) {
+ var group = this.group;
+ var data = this._data;
+ if (ecModel.get('animation')) {
+ if (data) {
+ data.eachItemGraphicEl(function (bar) {
+ removeBar(data, bar.dataIndex, ecModel, bar);
+ });
+ }
+ }
+ else {
+ group.removeAll();
+ }
+ }
+});
+
+
+// Set or calculate default value about symbol, and calculate layout info.
+function getSymbolMeta(data, dataIndex, itemModel, opt) {
+ var layout = data.getItemLayout(dataIndex);
+ var symbolRepeat = itemModel.get('symbolRepeat');
+ var symbolClip = itemModel.get('symbolClip');
+ var symbolPosition = itemModel.get('symbolPosition') || 'start';
+ var symbolRotate = itemModel.get('symbolRotate');
+ var rotation = (symbolRotate || 0) * Math.PI / 180 || 0;
+ var symbolPatternSize = itemModel.get('symbolPatternSize') || 2;
+ var isAnimationEnabled = itemModel.isAnimationEnabled();
+
+ var symbolMeta = {
+ dataIndex: dataIndex,
+ layout: layout,
+ itemModel: itemModel,
+ symbolType: data.getItemVisual(dataIndex, 'symbol') || 'circle',
+ color: data.getItemVisual(dataIndex, 'color'),
+ symbolClip: symbolClip,
+ symbolRepeat: symbolRepeat,
+ symbolRepeatDirection: itemModel.get('symbolRepeatDirection'),
+ symbolPatternSize: symbolPatternSize,
+ rotation: rotation,
+ animationModel: isAnimationEnabled ? itemModel : null,
+ hoverAnimation: isAnimationEnabled && itemModel.get('hoverAnimation'),
+ z2: itemModel.getShallow('z', true) || 0
+ };
+
+ prepareBarLength(itemModel, symbolRepeat, layout, opt, symbolMeta);
+
+ prepareSymbolSize(
+ data, dataIndex, layout, symbolRepeat, symbolClip, symbolMeta.boundingLength,
+ symbolMeta.pxSign, symbolPatternSize, opt, symbolMeta
+ );
+
+ prepareLineWidth(itemModel, symbolMeta.symbolScale, rotation, opt, symbolMeta);
+
+ var symbolSize = symbolMeta.symbolSize;
+ var symbolOffset = itemModel.get('symbolOffset');
+ if (isArray(symbolOffset)) {
+ symbolOffset = [
+ parsePercent$1(symbolOffset[0], symbolSize[0]),
+ parsePercent$1(symbolOffset[1], symbolSize[1])
+ ];
+ }
+
+ prepareLayoutInfo(
+ itemModel, symbolSize, layout, symbolRepeat, symbolClip, symbolOffset,
+ symbolPosition, symbolMeta.valueLineWidth, symbolMeta.boundingLength, symbolMeta.repeatCutLength,
+ opt, symbolMeta
+ );
+
+ return symbolMeta;
+}
+
+// bar length can be negative.
+function prepareBarLength(itemModel, symbolRepeat, layout, opt, output) {
+ var valueDim = opt.valueDim;
+ var symbolBoundingData = itemModel.get('symbolBoundingData');
+ var valueAxis = opt.coordSys.getOtherAxis(opt.coordSys.getBaseAxis());
+ var zeroPx = valueAxis.toGlobalCoord(valueAxis.dataToCoord(0));
+ var pxSignIdx = 1 - +(layout[valueDim.wh] <= 0);
+ var boundingLength;
+
+ if (isArray(symbolBoundingData)) {
+ var symbolBoundingExtent = [
+ convertToCoordOnAxis(valueAxis, symbolBoundingData[0]) - zeroPx,
+ convertToCoordOnAxis(valueAxis, symbolBoundingData[1]) - zeroPx
+ ];
+ symbolBoundingExtent[1] < symbolBoundingExtent[0] && (symbolBoundingExtent.reverse());
+ boundingLength = symbolBoundingExtent[pxSignIdx];
+ }
+ else if (symbolBoundingData != null) {
+ boundingLength = convertToCoordOnAxis(valueAxis, symbolBoundingData) - zeroPx;
+ }
+ else if (symbolRepeat) {
+ boundingLength = opt.coordSysExtent[valueDim.index][pxSignIdx] - zeroPx;
+ }
+ else {
+ boundingLength = layout[valueDim.wh];
+ }
+
+ output.boundingLength = boundingLength;
+
+ if (symbolRepeat) {
+ output.repeatCutLength = layout[valueDim.wh];
+ }
+
+ output.pxSign = boundingLength > 0 ? 1 : boundingLength < 0 ? -1 : 0;
+}
+
+function convertToCoordOnAxis(axis, value) {
+ return axis.toGlobalCoord(axis.dataToCoord(axis.scale.parse(value)));
+}
+
+// Support ['100%', '100%']
+function prepareSymbolSize(
+ data, dataIndex, layout, symbolRepeat, symbolClip, boundingLength,
+ pxSign, symbolPatternSize, opt, output
+) {
+ var valueDim = opt.valueDim;
+ var categoryDim = opt.categoryDim;
+ var categorySize = Math.abs(layout[categoryDim.wh]);
+
+ var symbolSize = data.getItemVisual(dataIndex, 'symbolSize');
+ if (isArray(symbolSize)) {
+ symbolSize = symbolSize.slice();
+ }
+ else {
+ if (symbolSize == null) {
+ symbolSize = '100%';
+ }
+ symbolSize = [symbolSize, symbolSize];
+ }
+
+ // Note: percentage symbolSize (like '100%') do not consider lineWidth, because it is
+ // to complicated to calculate real percent value if considering scaled lineWidth.
+ // So the actual size will bigger than layout size if lineWidth is bigger than zero,
+ // which can be tolerated in pictorial chart.
+
+ symbolSize[categoryDim.index] = parsePercent$1(
+ symbolSize[categoryDim.index],
+ categorySize
+ );
+ symbolSize[valueDim.index] = parsePercent$1(
+ symbolSize[valueDim.index],
+ symbolRepeat ? categorySize : Math.abs(boundingLength)
+ );
+
+ output.symbolSize = symbolSize;
+
+ // If x or y is less than zero, show reversed shape.
+ var symbolScale = output.symbolScale = [
+ symbolSize[0] / symbolPatternSize,
+ symbolSize[1] / symbolPatternSize
+ ];
+ // Follow convention, 'right' and 'top' is the normal scale.
+ symbolScale[valueDim.index] *= (opt.isHorizontal ? -1 : 1) * pxSign;
+}
+
+function prepareLineWidth(itemModel, symbolScale, rotation, opt, output) {
+ // In symbols are drawn with scale, so do not need to care about the case that width
+ // or height are too small. But symbol use strokeNoScale, where acture lineWidth should
+ // be calculated.
+ var valueLineWidth = itemModel.get(BAR_BORDER_WIDTH_QUERY$1) || 0;
+
+ if (valueLineWidth) {
+ pathForLineWidth.attr({
+ scale: symbolScale.slice(),
+ rotation: rotation
+ });
+ pathForLineWidth.updateTransform();
+ valueLineWidth /= pathForLineWidth.getLineScale();
+ valueLineWidth *= symbolScale[opt.valueDim.index];
+ }
+
+ output.valueLineWidth = valueLineWidth;
+}
+
+function prepareLayoutInfo(
+ itemModel, symbolSize, layout, symbolRepeat, symbolClip, symbolOffset,
+ symbolPosition, valueLineWidth, boundingLength, repeatCutLength, opt, output
+) {
+ var categoryDim = opt.categoryDim;
+ var valueDim = opt.valueDim;
+ var pxSign = output.pxSign;
+
+ var unitLength = Math.max(symbolSize[valueDim.index] + valueLineWidth, 0);
+ var pathLen = unitLength;
+
+ // Note: rotation will not effect the layout of symbols, because user may
+ // want symbols to rotate on its center, which should not be translated
+ // when rotating.
+
+ if (symbolRepeat) {
+ var absBoundingLength = Math.abs(boundingLength);
+
+ var symbolMargin = retrieve(itemModel.get('symbolMargin'), '15%') + '';
+ var hasEndGap = false;
+ if (symbolMargin.lastIndexOf('!') === symbolMargin.length - 1) {
+ hasEndGap = true;
+ symbolMargin = symbolMargin.slice(0, symbolMargin.length - 1);
+ }
+ symbolMargin = parsePercent$1(symbolMargin, symbolSize[valueDim.index]);
+
+ var uLenWithMargin = Math.max(unitLength + symbolMargin * 2, 0);
+
+ // When symbol margin is less than 0, margin at both ends will be subtracted
+ // to ensure that all of the symbols will not be overflow the given area.
+ var endFix = hasEndGap ? 0 : symbolMargin * 2;
+
+ // Both final repeatTimes and final symbolMargin area calculated based on
+ // boundingLength.
+ var repeatSpecified = isNumeric(symbolRepeat);
+ var repeatTimes = repeatSpecified
+ ? symbolRepeat
+ : toIntTimes((absBoundingLength + endFix) / uLenWithMargin);
+
+ // Adjust calculate margin, to ensure each symbol is displayed
+ // entirely in the given layout area.
+ var mDiff = absBoundingLength - repeatTimes * unitLength;
+ symbolMargin = mDiff / 2 / (hasEndGap ? repeatTimes : repeatTimes - 1);
+ uLenWithMargin = unitLength + symbolMargin * 2;
+ endFix = hasEndGap ? 0 : symbolMargin * 2;
+
+ // Update repeatTimes when not all symbol will be shown.
+ if (!repeatSpecified && symbolRepeat !== 'fixed') {
+ repeatTimes = repeatCutLength
+ ? toIntTimes((Math.abs(repeatCutLength) + endFix) / uLenWithMargin)
+ : 0;
+ }
+
+ pathLen = repeatTimes * uLenWithMargin - endFix;
+ output.repeatTimes = repeatTimes;
+ output.symbolMargin = symbolMargin;
+ }
+
+ var sizeFix = pxSign * (pathLen / 2);
+ var pathPosition = output.pathPosition = [];
+ pathPosition[categoryDim.index] = layout[categoryDim.wh] / 2;
+ pathPosition[valueDim.index] = symbolPosition === 'start'
+ ? sizeFix
+ : symbolPosition === 'end'
+ ? boundingLength - sizeFix
+ : boundingLength / 2; // 'center'
+ if (symbolOffset) {
+ pathPosition[0] += symbolOffset[0];
+ pathPosition[1] += symbolOffset[1];
+ }
+
+ var bundlePosition = output.bundlePosition = [];
+ bundlePosition[categoryDim.index] = layout[categoryDim.xy];
+ bundlePosition[valueDim.index] = layout[valueDim.xy];
+
+ var barRectShape = output.barRectShape = extend({}, layout);
+ barRectShape[valueDim.wh] = pxSign * Math.max(
+ Math.abs(layout[valueDim.wh]), Math.abs(pathPosition[valueDim.index] + sizeFix)
+ );
+ barRectShape[categoryDim.wh] = layout[categoryDim.wh];
+
+ var clipShape = output.clipShape = {};
+ // Consider that symbol may be overflow layout rect.
+ clipShape[categoryDim.xy] = -layout[categoryDim.xy];
+ clipShape[categoryDim.wh] = opt.ecSize[categoryDim.wh];
+ clipShape[valueDim.xy] = 0;
+ clipShape[valueDim.wh] = layout[valueDim.wh];
+}
+
+function createPath(symbolMeta) {
+ var symbolPatternSize = symbolMeta.symbolPatternSize;
+ var path = createSymbol(
+ // Consider texture img, make a big size.
+ symbolMeta.symbolType,
+ -symbolPatternSize / 2,
+ -symbolPatternSize / 2,
+ symbolPatternSize,
+ symbolPatternSize,
+ symbolMeta.color
+ );
+ path.attr({
+ culling: true
+ });
+ path.type !== 'image' && path.setStyle({
+ strokeNoScale: true
+ });
+
+ return path;
+}
+
+function createOrUpdateRepeatSymbols(bar, opt, symbolMeta, isUpdate) {
+ var bundle = bar.__pictorialBundle;
+ var symbolSize = symbolMeta.symbolSize;
+ var valueLineWidth = symbolMeta.valueLineWidth;
+ var pathPosition = symbolMeta.pathPosition;
+ var valueDim = opt.valueDim;
+ var repeatTimes = symbolMeta.repeatTimes || 0;
+
+ var index = 0;
+ var unit = symbolSize[opt.valueDim.index] + valueLineWidth + symbolMeta.symbolMargin * 2;
+
+ eachPath(bar, function (path) {
+ path.__pictorialAnimationIndex = index;
+ path.__pictorialRepeatTimes = repeatTimes;
+ if (index < repeatTimes) {
+ updateAttr(path, null, makeTarget(index), symbolMeta, isUpdate);
+ }
+ else {
+ updateAttr(path, null, {scale: [0, 0]}, symbolMeta, isUpdate, function () {
+ bundle.remove(path);
+ });
+ }
+
+ updateHoverAnimation(path, symbolMeta);
+
+ index++;
+ });
+
+ for (; index < repeatTimes; index++) {
+ var path = createPath(symbolMeta);
+ path.__pictorialAnimationIndex = index;
+ path.__pictorialRepeatTimes = repeatTimes;
+ bundle.add(path);
+
+ var target = makeTarget(index);
+
+ updateAttr(
+ path,
+ {
+ position: target.position,
+ scale: [0, 0]
+ },
+ {
+ scale: target.scale,
+ rotation: target.rotation
+ },
+ symbolMeta,
+ isUpdate
+ );
+
+ // FIXME
+ // If all emphasis/normal through action.
+ path
+ .on('mouseover', onMouseOver)
+ .on('mouseout', onMouseOut);
+
+ updateHoverAnimation(path, symbolMeta);
+ }
+
+ function makeTarget(index) {
+ var position = pathPosition.slice();
+ // (start && pxSign > 0) || (end && pxSign < 0): i = repeatTimes - index
+ // Otherwise: i = index;
+ var pxSign = symbolMeta.pxSign;
+ var i = index;
+ if (symbolMeta.symbolRepeatDirection === 'start' ? pxSign > 0 : pxSign < 0) {
+ i = repeatTimes - 1 - index;
+ }
+ position[valueDim.index] = unit * (i - repeatTimes / 2 + 0.5) + pathPosition[valueDim.index];
+
+ return {
+ position: position,
+ scale: symbolMeta.symbolScale.slice(),
+ rotation: symbolMeta.rotation
+ };
+ }
+
+ function onMouseOver() {
+ eachPath(bar, function (path) {
+ path.trigger('emphasis');
+ });
+ }
+
+ function onMouseOut() {
+ eachPath(bar, function (path) {
+ path.trigger('normal');
+ });
+ }
+}
+
+function createOrUpdateSingleSymbol(bar, opt, symbolMeta, isUpdate) {
+ var bundle = bar.__pictorialBundle;
+ var mainPath = bar.__pictorialMainPath;
+
+ if (!mainPath) {
+ mainPath = bar.__pictorialMainPath = createPath(symbolMeta);
+ bundle.add(mainPath);
+
+ updateAttr(
+ mainPath,
+ {
+ position: symbolMeta.pathPosition.slice(),
+ scale: [0, 0],
+ rotation: symbolMeta.rotation
+ },
+ {
+ scale: symbolMeta.symbolScale.slice()
+ },
+ symbolMeta,
+ isUpdate
+ );
+
+ mainPath
+ .on('mouseover', onMouseOver)
+ .on('mouseout', onMouseOut);
+ }
+ else {
+ updateAttr(
+ mainPath,
+ null,
+ {
+ position: symbolMeta.pathPosition.slice(),
+ scale: symbolMeta.symbolScale.slice(),
+ rotation: symbolMeta.rotation
+ },
+ symbolMeta,
+ isUpdate
+ );
+ }
+
+ updateHoverAnimation(mainPath, symbolMeta);
+
+ function onMouseOver() {
+ this.trigger('emphasis');
+ }
+
+ function onMouseOut() {
+ this.trigger('normal');
+ }
+}
+
+// bar rect is used for label.
+function createOrUpdateBarRect(bar, symbolMeta, isUpdate) {
+ var rectShape = extend({}, symbolMeta.barRectShape);
+
+ var barRect = bar.__pictorialBarRect;
+ if (!barRect) {
+ barRect = bar.__pictorialBarRect = new Rect({
+ z2: 2,
+ shape: rectShape,
+ silent: true,
+ style: {
+ stroke: 'transparent',
+ fill: 'transparent',
+ lineWidth: 0
+ }
+ });
+
+ bar.add(barRect);
+ }
+ else {
+ updateAttr(barRect, null, {shape: rectShape}, symbolMeta, isUpdate);
+ }
+}
+
+function createOrUpdateClip(bar, opt, symbolMeta, isUpdate) {
+ // If not clip, symbol will be remove and rebuilt.
+ if (symbolMeta.symbolClip) {
+ var clipPath = bar.__pictorialClipPath;
+ var clipShape = extend({}, symbolMeta.clipShape);
+ var valueDim = opt.valueDim;
+ var animationModel = symbolMeta.animationModel;
+ var dataIndex = symbolMeta.dataIndex;
+
+ if (clipPath) {
+ updateProps(
+ clipPath, {shape: clipShape}, animationModel, dataIndex
+ );
+ }
+ else {
+ clipShape[valueDim.wh] = 0;
+ clipPath = new Rect({shape: clipShape});
+ bar.__pictorialBundle.setClipPath(clipPath);
+ bar.__pictorialClipPath = clipPath;
+
+ var target = {};
+ target[valueDim.wh] = symbolMeta.clipShape[valueDim.wh];
+
+ graphic[isUpdate ? 'updateProps' : 'initProps'](
+ clipPath, {shape: target}, animationModel, dataIndex
+ );
+ }
+ }
+}
+
+function getItemModel(data, dataIndex) {
+ var itemModel = data.getItemModel(dataIndex);
+ itemModel.getAnimationDelayParams = getAnimationDelayParams;
+ itemModel.isAnimationEnabled = isAnimationEnabled;
+ return itemModel;
+}
+
+function getAnimationDelayParams(path) {
+ // The order is the same as the z-order, see `symbolRepeatDiretion`.
+ return {
+ index: path.__pictorialAnimationIndex,
+ count: path.__pictorialRepeatTimes
+ };
+}
+
+function isAnimationEnabled() {
+ // `animation` prop can be set on itemModel in pictorial bar chart.
+ return this.parentModel.isAnimationEnabled() && !!this.getShallow('animation');
+}
+
+function updateHoverAnimation(path, symbolMeta) {
+ path.off('emphasis').off('normal');
+
+ var scale = symbolMeta.symbolScale.slice();
+
+ symbolMeta.hoverAnimation && path
+ .on('emphasis', function () {
+ this.animateTo({
+ scale: [scale[0] * 1.1, scale[1] * 1.1]
+ }, 400, 'elasticOut');
+ })
+ .on('normal', function () {
+ this.animateTo({
+ scale: scale.slice()
+ }, 400, 'elasticOut');
+ });
+}
+
+function createBar(data, opt, symbolMeta, isUpdate) {
+ // bar is the main element for each data.
+ var bar = new Group();
+ // bundle is used for location and clip.
+ var bundle = new Group();
+ bar.add(bundle);
+ bar.__pictorialBundle = bundle;
+ bundle.attr('position', symbolMeta.bundlePosition.slice());
+
+ if (symbolMeta.symbolRepeat) {
+ createOrUpdateRepeatSymbols(bar, opt, symbolMeta);
+ }
+ else {
+ createOrUpdateSingleSymbol(bar, opt, symbolMeta);
+ }
+
+ createOrUpdateBarRect(bar, symbolMeta, isUpdate);
+
+ createOrUpdateClip(bar, opt, symbolMeta, isUpdate);
+
+ bar.__pictorialShapeStr = getShapeStr(data, symbolMeta);
+ bar.__pictorialSymbolMeta = symbolMeta;
+
+ return bar;
+}
+
+function updateBar(bar, opt, symbolMeta) {
+ var animationModel = symbolMeta.animationModel;
+ var dataIndex = symbolMeta.dataIndex;
+ var bundle = bar.__pictorialBundle;
+
+ updateProps(
+ bundle, {position: symbolMeta.bundlePosition.slice()}, animationModel, dataIndex
+ );
+
+ if (symbolMeta.symbolRepeat) {
+ createOrUpdateRepeatSymbols(bar, opt, symbolMeta, true);
+ }
+ else {
+ createOrUpdateSingleSymbol(bar, opt, symbolMeta, true);
+ }
+
+ createOrUpdateBarRect(bar, symbolMeta, true);
+
+ createOrUpdateClip(bar, opt, symbolMeta, true);
+}
+
+function removeBar(data, dataIndex, animationModel, bar) {
+ // Not show text when animating
+ var labelRect = bar.__pictorialBarRect;
+ labelRect && (labelRect.style.text = null);
+
+ var pathes = [];
+ eachPath(bar, function (path) {
+ pathes.push(path);
+ });
+ bar.__pictorialMainPath && pathes.push(bar.__pictorialMainPath);
+
+ // I do not find proper remove animation for clip yet.
+ bar.__pictorialClipPath && (animationModel = null);
+
+ each$1(pathes, function (path) {
+ updateProps(
+ path, {scale: [0, 0]}, animationModel, dataIndex,
+ function () {
+ bar.parent && bar.parent.remove(bar);
+ }
+ );
+ });
+
+ data.setItemGraphicEl(dataIndex, null);
+}
+
+function getShapeStr(data, symbolMeta) {
+ return [
+ data.getItemVisual(symbolMeta.dataIndex, 'symbol') || 'none',
+ !!symbolMeta.symbolRepeat,
+ !!symbolMeta.symbolClip
+ ].join(':');
+}
+
+function eachPath(bar, cb, context) {
+ // Do not use Group#eachChild, because it do not support remove.
+ each$1(bar.__pictorialBundle.children(), function (el) {
+ el !== bar.__pictorialBarRect && cb.call(context, el);
+ });
+}
+
+function updateAttr(el, immediateAttrs, animationAttrs, symbolMeta, isUpdate, cb) {
+ immediateAttrs && el.attr(immediateAttrs);
+ // when symbolCip used, only clip path has init animation, otherwise it would be weird effect.
+ if (symbolMeta.symbolClip && !isUpdate) {
+ animationAttrs && el.attr(animationAttrs);
+ }
+ else {
+ animationAttrs && graphic[isUpdate ? 'updateProps' : 'initProps'](
+ el, animationAttrs, symbolMeta.animationModel, symbolMeta.dataIndex, cb
+ );
+ }
+}
+
+function updateCommon$1(bar, opt, symbolMeta) {
+ var color = symbolMeta.color;
+ var dataIndex = symbolMeta.dataIndex;
+ var itemModel = symbolMeta.itemModel;
+ // Color must be excluded.
+ // Because symbol provide setColor individually to set fill and stroke
+ var normalStyle = itemModel.getModel('itemStyle').getItemStyle(['color']);
+ var hoverStyle = itemModel.getModel('emphasis.itemStyle').getItemStyle();
+ var cursorStyle = itemModel.getShallow('cursor');
+
+ eachPath(bar, function (path) {
+ // PENDING setColor should be before setStyle!!!
+ path.setColor(color);
+ path.setStyle(defaults(
+ {
+ fill: color,
+ opacity: symbolMeta.opacity
+ },
+ normalStyle
+ ));
+ setHoverStyle(path, hoverStyle);
+
+ cursorStyle && (path.cursor = cursorStyle);
+ path.z2 = symbolMeta.z2;
+ });
+
+ var barRectHoverStyle = {};
+ var barPositionOutside = opt.valueDim.posDesc[+(symbolMeta.boundingLength > 0)];
+ var barRect = bar.__pictorialBarRect;
+
+ setLabel(
+ barRect.style, barRectHoverStyle, itemModel,
+ color, opt.seriesModel, dataIndex, barPositionOutside
+ );
+
+ setHoverStyle(barRect, barRectHoverStyle);
+}
+
+function toIntTimes(times) {
+ var roundedTimes = Math.round(times);
+ // Escapse accurate error
+ return Math.abs(times - roundedTimes) < 1e-4
+ ? roundedTimes
+ : Math.ceil(times);
+}
+
+/*
+* 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.
+*/
+
+// In case developer forget to include grid component
+registerLayout(curry(
+ layout, 'pictorialBar'
+));
+registerVisual(visualSymbol('pictorialBar', 'roundRect'));
+
+/*
+* 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.
+*/
+
+/**
+ * @constructor module:echarts/coord/single/SingleAxis
+ * @extends {module:echarts/coord/Axis}
+ * @param {string} dim
+ * @param {*} scale
+ * @param {Array.<number>} coordExtent
+ * @param {string} axisType
+ * @param {string} position
+ */
+var SingleAxis = function (dim, scale, coordExtent, axisType, position) {
+
+ Axis.call(this, dim, scale, coordExtent);
+
+ /**
+ * Axis type
+ * - 'category'
+ * - 'value'
+ * - 'time'
+ * - 'log'
+ * @type {string}
+ */
+ this.type = axisType || 'value';
+
+ /**
+ * Axis position
+ * - 'top'
+ * - 'bottom'
+ * - 'left'
+ * - 'right'
+ * @type {string}
+ */
+ this.position = position || 'bottom';
+
+ /**
+ * Axis orient
+ * - 'horizontal'
+ * - 'vertical'
+ * @type {[type]}
+ */
+ this.orient = null;
+
+};
+
+SingleAxis.prototype = {
+
+ constructor: SingleAxis,
+
+ /**
+ * Axis model
+ * @type {module:echarts/coord/single/AxisModel}
+ */
+ model: null,
+
+ /**
+ * Judge the orient of the axis.
+ * @return {boolean}
+ */
+ isHorizontal: function () {
+ var position = this.position;
+ return position === 'top' || position === 'bottom';
+
+ },
+
+ /**
+ * @override
+ */
+ pointToData: function (point, clamp) {
+ return this.coordinateSystem.pointToData(point, clamp)[0];
+ },
+
+ /**
+ * Convert the local coord(processed by dataToCoord())
+ * to global coord(concrete pixel coord).
+ * designated by module:echarts/coord/single/Single.
+ * @type {Function}
+ */
+ toGlobalCoord: null,
+
+ /**
+ * Convert the global coord to local coord.
+ * designated by module:echarts/coord/single/Single.
+ * @type {Function}
+ */
+ toLocalCoord: null
+
+};
+
+inherits(SingleAxis, Axis);
+
+/*
+* 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.
+*/
+
+/**
+ * Single coordinates system.
+ */
+
+/**
+ * Create a single coordinates system.
+ *
+ * @param {module:echarts/coord/single/AxisModel} axisModel
+ * @param {module:echarts/model/Global} ecModel
+ * @param {module:echarts/ExtensionAPI} api
+ */
+function Single(axisModel, ecModel, api) {
+
+ /**
+ * @type {string}
+ * @readOnly
+ */
+ this.dimension = 'single';
+
+ /**
+ * Add it just for draw tooltip.
+ *
+ * @type {Array.<string>}
+ * @readOnly
+ */
+ this.dimensions = ['single'];
+
+ /**
+ * @private
+ * @type {module:echarts/coord/single/SingleAxis}.
+ */
+ this._axis = null;
+
+ /**
+ * @private
+ * @type {module:zrender/core/BoundingRect}
+ */
+ this._rect;
+
+ this._init(axisModel, ecModel, api);
+
+ /**
+ * @type {module:echarts/coord/single/AxisModel}
+ */
+ this.model = axisModel;
+}
+
+Single.prototype = {
+
+ type: 'singleAxis',
+
+ axisPointerEnabled: true,
+
+ constructor: Single,
+
+ /**
+ * Initialize single coordinate system.
+ *
+ * @param {module:echarts/coord/single/AxisModel} axisModel
+ * @param {module:echarts/model/Global} ecModel
+ * @param {module:echarts/ExtensionAPI} api
+ * @private
+ */
+ _init: function (axisModel, ecModel, api) {
+
+ var dim = this.dimension;
+
+ var axis = new SingleAxis(
+ dim,
+ createScaleByModel(axisModel),
+ [0, 0],
+ axisModel.get('type'),
+ axisModel.get('position')
+ );
+
+ var isCategory = axis.type === 'category';
+ axis.onBand = isCategory && axisModel.get('boundaryGap');
+ axis.inverse = axisModel.get('inverse');
+ axis.orient = axisModel.get('orient');
+
+ axisModel.axis = axis;
+ axis.model = axisModel;
+ axis.coordinateSystem = this;
+ this._axis = axis;
+ },
+
+ /**
+ * Update axis scale after data processed
+ * @param {module:echarts/model/Global} ecModel
+ * @param {module:echarts/ExtensionAPI} api
+ */
+ update: function (ecModel, api) {
+ ecModel.eachSeries(function (seriesModel) {
+ if (seriesModel.coordinateSystem === this) {
+ var data = seriesModel.getData();
+ each$1(data.mapDimension(this.dimension, true), function (dim) {
+ this._axis.scale.unionExtentFromData(data, dim);
+ }, this);
+ niceScaleExtent(this._axis.scale, this._axis.model);
+ }
+ }, this);
+ },
+
+ /**
+ * Resize the single coordinate system.
+ *
+ * @param {module:echarts/coord/single/AxisModel} axisModel
+ * @param {module:echarts/ExtensionAPI} api
+ */
+ resize: function (axisModel, api) {
+ this._rect = getLayoutRect(
+ {
+ left: axisModel.get('left'),
+ top: axisModel.get('top'),
+ right: axisModel.get('right'),
+ bottom: axisModel.get('bottom'),
+ width: axisModel.get('width'),
+ height: axisModel.get('height')
+ },
+ {
+ width: api.getWidth(),
+ height: api.getHeight()
+ }
+ );
+
+ this._adjustAxis();
+ },
+
+ /**
+ * @return {module:zrender/core/BoundingRect}
+ */
+ getRect: function () {
+ return this._rect;
+ },
+
+ /**
+ * @private
+ */
+ _adjustAxis: function () {
+
+ var rect = this._rect;
+ var axis = this._axis;
+
+ var isHorizontal = axis.isHorizontal();
+ var extent = isHorizontal ? [0, rect.width] : [0, rect.height];
+ var idx = axis.reverse ? 1 : 0;
+
+ axis.setExtent(extent[idx], extent[1 - idx]);
+
+ this._updateAxisTransform(axis, isHorizontal ? rect.x : rect.y);
+
+ },
+
+ /**
+ * @param {module:echarts/coord/single/SingleAxis} axis
+ * @param {number} coordBase
+ */
+ _updateAxisTransform: function (axis, coordBase) {
+
+ var axisExtent = axis.getExtent();
+ var extentSum = axisExtent[0] + axisExtent[1];
+ var isHorizontal = axis.isHorizontal();
+
+ axis.toGlobalCoord = isHorizontal
+ ? function (coord) {
+ return coord + coordBase;
+ }
+ : function (coord) {
+ return extentSum - coord + coordBase;
+ };
+
+ axis.toLocalCoord = isHorizontal
+ ? function (coord) {
+ return coord - coordBase;
+ }
+ : function (coord) {
+ return extentSum - coord + coordBase;
+ };
+ },
+
+ /**
+ * Get axis.
+ *
+ * @return {module:echarts/coord/single/SingleAxis}
+ */
+ getAxis: function () {
+ return this._axis;
+ },
+
+ /**
+ * Get axis, add it just for draw tooltip.
+ *
+ * @return {[type]} [description]
+ */
+ getBaseAxis: function () {
+ return this._axis;
+ },
+
+ /**
+ * @return {Array.<module:echarts/coord/Axis>}
+ */
+ getAxes: function () {
+ return [this._axis];
+ },
+
+ /**
+ * @return {Object} {baseAxes: [], otherAxes: []}
+ */
+ getTooltipAxes: function () {
+ return {baseAxes: [this.getAxis()]};
+ },
+
+ /**
+ * If contain point.
+ *
+ * @param {Array.<number>} point
+ * @return {boolean}
+ */
+ containPoint: function (point) {
+ var rect = this.getRect();
+ var axis = this.getAxis();
+ var orient = axis.orient;
+ if (orient === 'horizontal') {
+ return axis.contain(axis.toLocalCoord(point[0]))
+ && (point[1] >= rect.y && point[1] <= (rect.y + rect.height));
+ }
+ else {
+ return axis.contain(axis.toLocalCoord(point[1]))
+ && (point[0] >= rect.y && point[0] <= (rect.y + rect.height));
+ }
+ },
+
+ /**
+ * @param {Array.<number>} point
+ * @return {Array.<number>}
+ */
+ pointToData: function (point) {
+ var axis = this.getAxis();
+ return [axis.coordToData(axis.toLocalCoord(
+ point[axis.orient === 'horizontal' ? 0 : 1]
+ ))];
+ },
+
+ /**
+ * Convert the series data to concrete point.
+ *
+ * @param {number|Array.<number>} val
+ * @return {Array.<number>}
+ */
+ dataToPoint: function (val) {
+ var axis = this.getAxis();
+ var rect = this.getRect();
+ var pt = [];
+ var idx = axis.orient === 'horizontal' ? 0 : 1;
+
+ if (val instanceof Array) {
+ val = val[0];
+ }
+
+ pt[idx] = axis.toGlobalCoord(axis.dataToCoord(+val));
+ pt[1 - idx] = idx === 0 ? (rect.y + rect.height / 2) : (rect.x + rect.width / 2);
+ return pt;
+ }
+
+};
+
+/*
+* 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.
+*/
+
+/**
+ * Single coordinate system creator.
+ */
+
+/**
+ * Create single coordinate system and inject it into seriesModel.
+ *
+ * @param {module:echarts/model/Global} ecModel
+ * @param {module:echarts/ExtensionAPI} api
+ * @return {Array.<module:echarts/coord/single/Single>}
+ */
+function create$3(ecModel, api) {
+ var singles = [];
+
+ ecModel.eachComponent('singleAxis', function (axisModel, idx) {
+
+ var single = new Single(axisModel, ecModel, api);
+ single.name = 'single_' + idx;
+ single.resize(axisModel, api);
+ axisModel.coordinateSystem = single;
+ singles.push(single);
+
+ });
+
+ ecModel.eachSeries(function (seriesModel) {
+ if (seriesModel.get('coordinateSystem') === 'singleAxis') {
+ var singleAxisModel = ecModel.queryComponents({
+ mainType: 'singleAxis',
+ index: seriesModel.get('singleAxisIndex'),
+ id: seriesModel.get('singleAxisId')
+ })[0];
+ seriesModel.coordinateSystem = singleAxisModel && singleAxisModel.coordinateSystem;
+ }
+ });
+
+ return singles;
+}
+
+CoordinateSystemManager.register('single', {
+ create: create$3,
+ dimensions: Single.prototype.dimensions
+});
+
+/*
+* 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.
+*/
+
+/**
+ * @param {Object} opt {labelInside}
+ * @return {Object} {
+ * position, rotation, labelDirection, labelOffset,
+ * tickDirection, labelRotate, z2
+ * }
+ */
+function layout$2(axisModel, opt) {
+ opt = opt || {};
+ var single = axisModel.coordinateSystem;
+ var axis = axisModel.axis;
+ var layout = {};
+
+ var axisPosition = axis.position;
+ var orient = axis.orient;
+
+ var rect = single.getRect();
+ var rectBound = [rect.x, rect.x + rect.width, rect.y, rect.y + rect.height];
+
+ var positionMap = {
+ horizontal: {top: rectBound[2], bottom: rectBound[3]},
+ vertical: {left: rectBound[0], right: rectBound[1]}
+ };
+
+ layout.position = [
+ orient === 'vertical'
+ ? positionMap.vertical[axisPosition]
+ : rectBound[0],
+ orient === 'horizontal'
+ ? positionMap.horizontal[axisPosition]
+ : rectBound[3]
+ ];
+
+ var r = {horizontal: 0, vertical: 1};
+ layout.rotation = Math.PI / 2 * r[orient];
+
+ var directionMap = {top: -1, bottom: 1, right: 1, left: -1};
+
+ layout.labelDirection = layout.tickDirection =
+ layout.nameDirection = directionMap[axisPosition];
+
+ if (axisModel.get('axisTick.inside')) {
+ layout.tickDirection = -layout.tickDirection;
+ }
+
+ if (retrieve(opt.labelInside, axisModel.get('axisLabel.inside'))) {
+ layout.labelDirection = -layout.labelDirection;
+ }
+
+ var labelRotation = opt.rotate;
+ labelRotation == null && (labelRotation = axisModel.get('axisLabel.rotate'));
+ layout.labelRotation = axisPosition === 'top' ? -labelRotation : labelRotation;
+
+ layout.z2 = 1;
+
+ return layout;
+}
+
+/*
+* 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.
+*/
+
+
+var axisBuilderAttrs$2 = [
+ 'axisLine', 'axisTickLabel', 'axisName'
+];
+
+var selfBuilderAttrs$1 = ['splitArea', 'splitLine'];
+
+var SingleAxisView = AxisView.extend({
+
+ type: 'singleAxis',
+
+ axisPointerClass: 'SingleAxisPointer',
+
+ render: function (axisModel, ecModel, api, payload) {
+
+ var group = this.group;
+
+ group.removeAll();
+
+ var oldAxisGroup = this._axisGroup;
+ this._axisGroup = new Group();
+
+ var layout = layout$2(axisModel);
+
+ var axisBuilder = new AxisBuilder(axisModel, layout);
+
+ each$1(axisBuilderAttrs$2, axisBuilder.add, axisBuilder);
+
+ group.add(this._axisGroup);
+ group.add(axisBuilder.getGroup());
+
+ each$1(selfBuilderAttrs$1, function (name) {
+ if (axisModel.get(name + '.show')) {
+ this['_' + name](axisModel);
+ }
+ }, this);
+
+ groupTransition(oldAxisGroup, this._axisGroup, axisModel);
+
+ SingleAxisView.superCall(this, 'render', axisModel, ecModel, api, payload);
+ },
+
+ remove: function () {
+ rectCoordAxisHandleRemove(this);
+ },
+
+ _splitLine: function (axisModel) {
+ var axis = axisModel.axis;
+
+ if (axis.scale.isBlank()) {
+ return;
+ }
+
+ var splitLineModel = axisModel.getModel('splitLine');
+ var lineStyleModel = splitLineModel.getModel('lineStyle');
+ var lineWidth = lineStyleModel.get('width');
+ var lineColors = lineStyleModel.get('color');
+
+ lineColors = lineColors instanceof Array ? lineColors : [lineColors];
+
+ var gridRect = axisModel.coordinateSystem.getRect();
+ var isHorizontal = axis.isHorizontal();
+
+ var splitLines = [];
+ var lineCount = 0;
+
+ var ticksCoords = axis.getTicksCoords({
+ tickModel: splitLineModel
+ });
+
+ var p1 = [];
+ var p2 = [];
+
+ for (var i = 0; i < ticksCoords.length; ++i) {
+ var tickCoord = axis.toGlobalCoord(ticksCoords[i].coord);
+ if (isHorizontal) {
+ p1[0] = tickCoord;
+ p1[1] = gridRect.y;
+ p2[0] = tickCoord;
+ p2[1] = gridRect.y + gridRect.height;
+ }
+ else {
+ p1[0] = gridRect.x;
+ p1[1] = tickCoord;
+ p2[0] = gridRect.x + gridRect.width;
+ p2[1] = tickCoord;
+ }
+ var colorIndex = (lineCount++) % lineColors.length;
+ splitLines[colorIndex] = splitLines[colorIndex] || [];
+ splitLines[colorIndex].push(new Line({
+ subPixelOptimize: true,
+ shape: {
+ x1: p1[0],
+ y1: p1[1],
+ x2: p2[0],
+ y2: p2[1]
+ },
+ style: {
+ lineWidth: lineWidth
+ },
+ silent: true
+ }));
+ }
+
+ for (var i = 0; i < splitLines.length; ++i) {
+ this.group.add(mergePath(splitLines[i], {
+ style: {
+ stroke: lineColors[i % lineColors.length],
+ lineDash: lineStyleModel.getLineDash(lineWidth),
+ lineWidth: lineWidth
+ },
+ silent: true
+ }));
+ }
+ },
+
+ _splitArea: function (axisModel) {
+ rectCoordAxisBuildSplitArea(this, this._axisGroup, axisModel, axisModel);
+ }
+});
+
+/*
+* 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.
+*/
+
+var AxisModel$4 = ComponentModel.extend({
+
+ type: 'singleAxis',
+
+ layoutMode: 'box',
+
+ /**
+ * @type {module:echarts/coord/single/SingleAxis}
+ */
+ axis: null,
+
+ /**
+ * @type {module:echarts/coord/single/Single}
+ */
+ coordinateSystem: null,
+
+ /**
+ * @override
+ */
+ getCoordSysModel: function () {
+ return this;
+ }
+
+});
+
+var defaultOption$2 = {
+
+ left: '5%',
+ top: '5%',
+ right: '5%',
+ bottom: '5%',
+
+ type: 'value',
+
+ position: 'bottom',
+
+ orient: 'horizontal',
+
+ axisLine: {
+ show: true,
+ lineStyle: {
+ width: 1,
+ type: 'solid'
+ }
+ },
+
+ // Single coordinate system and single axis is the,
+ // which is used as the parent tooltip model.
+ // same model, so we set default tooltip show as true.
+ tooltip: {
+ show: true
+ },
+
+ axisTick: {
+ show: true,
+ length: 6,
+ lineStyle: {
+ width: 1
+ }
+ },
+
+ axisLabel: {
+ show: true,
+ interval: 'auto'
+ },
+
+ splitLine: {
+ show: true,
+ lineStyle: {
+ type: 'dashed',
+ opacity: 0.2
+ }
+ }
+};
+
+function getAxisType$2(axisName, option) {
+ return option.type || (option.data ? 'category' : 'value');
+}
+
+merge(AxisModel$4.prototype, axisModelCommonMixin);
+
+axisModelCreator('single', AxisModel$4, getAxisType$2, defaultOption$2);
+
+/*
+* 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.
+*/
+
+/**
+ * @param {Object} finder contains {seriesIndex, dataIndex, dataIndexInside}
+ * @param {module:echarts/model/Global} ecModel
+ * @return {Object} {point: [x, y], el: ...} point Will not be null.
+ */
+var findPointFromSeries = function (finder, ecModel) {
+ var point = [];
+ var seriesIndex = finder.seriesIndex;
+ var seriesModel;
+ if (seriesIndex == null || !(
+ seriesModel = ecModel.getSeriesByIndex(seriesIndex)
+ )) {
+ return {point: []};
+ }
+
+ var data = seriesModel.getData();
+ var dataIndex = queryDataIndex(data, finder);
+ if (dataIndex == null || dataIndex < 0 || isArray(dataIndex)) {
+ return {point: []};
+ }
+
+ var el = data.getItemGraphicEl(dataIndex);
+ var coordSys = seriesModel.coordinateSystem;
+
+ if (seriesModel.getTooltipPosition) {
+ point = seriesModel.getTooltipPosition(dataIndex) || [];
+ }
+ else if (coordSys && coordSys.dataToPoint) {
+ point = coordSys.dataToPoint(
+ data.getValues(
+ map(coordSys.dimensions, function (dim) {
+ return data.mapDimension(dim);
+ }), dataIndex, true
+ )
+ ) || [];
+ }
+ else if (el) {
+ // Use graphic bounding rect
+ var rect = el.getBoundingRect().clone();
+ rect.applyTransform(el.transform);
+ point = [
+ rect.x + rect.width / 2,
+ rect.y + rect.height / 2
+ ];
+ }
+
+ return {point: point, el: el};
+};
+
+/*
+* 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.
+*/
+
+var each$14 = each$1;
+var curry$3 = curry;
+var inner$9 = makeInner();
+
+/**
+ * Basic logic: check all axis, if they do not demand show/highlight,
+ * then hide/downplay them.
+ *
+ * @param {Object} coordSysAxesInfo
+ * @param {Object} payload
+ * @param {string} [payload.currTrigger] 'click' | 'mousemove' | 'leave'
+ * @param {Array.<number>} [payload.x] x and y, which are mandatory, specify a point to
+ * trigger axisPointer and tooltip.
+ * @param {Array.<number>} [payload.y] x and y, which are mandatory, specify a point to
+ * trigger axisPointer and tooltip.
+ * @param {Object} [payload.seriesIndex] finder, optional, restrict target axes.
+ * @param {Object} [payload.dataIndex] finder, restrict target axes.
+ * @param {Object} [payload.axesInfo] finder, restrict target axes.
+ * [{
+ * axisDim: 'x'|'y'|'angle'|...,
+ * axisIndex: ...,
+ * value: ...
+ * }, ...]
+ * @param {Function} [payload.dispatchAction]
+ * @param {Object} [payload.tooltipOption]
+ * @param {Object|Array.<number>|Function} [payload.position] Tooltip position,
+ * which can be specified in dispatchAction
+ * @param {module:echarts/model/Global} ecModel
+ * @param {module:echarts/ExtensionAPI} api
+ * @return {Object} content of event obj for echarts.connect.
+ */
+var axisTrigger = function (payload, ecModel, api) {
+ var currTrigger = payload.currTrigger;
+ var point = [payload.x, payload.y];
+ var finder = payload;
+ var dispatchAction = payload.dispatchAction || bind(api.dispatchAction, api);
+ var coordSysAxesInfo = ecModel.getComponent('axisPointer').coordSysAxesInfo;
+
+ // Pending
+ // See #6121. But we are not able to reproduce it yet.
+ if (!coordSysAxesInfo) {
+ return;
+ }
+
+ if (illegalPoint(point)) {
+ // Used in the default behavior of `connection`: use the sample seriesIndex
+ // and dataIndex. And also used in the tooltipView trigger.
+ point = findPointFromSeries({
+ seriesIndex: finder.seriesIndex,
+ // Do not use dataIndexInside from other ec instance.
+ // FIXME: auto detect it?
+ dataIndex: finder.dataIndex
+ }, ecModel).point;
+ }
+ var isIllegalPoint = illegalPoint(point);
+
+ // Axis and value can be specified when calling dispatchAction({type: 'updateAxisPointer'}).
+ // Notice: In this case, it is difficult to get the `point` (which is necessary to show
+ // tooltip, so if point is not given, we just use the point found by sample seriesIndex
+ // and dataIndex.
+ var inputAxesInfo = finder.axesInfo;
+
+ var axesInfo = coordSysAxesInfo.axesInfo;
+ var shouldHide = currTrigger === 'leave' || illegalPoint(point);
+ var outputFinder = {};
+
+ var showValueMap = {};
+ var dataByCoordSys = {list: [], map: {}};
+ var updaters = {
+ showPointer: curry$3(showPointer, showValueMap),
+ showTooltip: curry$3(showTooltip, dataByCoordSys)
+ };
+
+ // Process for triggered axes.
+ each$14(coordSysAxesInfo.coordSysMap, function (coordSys, coordSysKey) {
+ // If a point given, it must be contained by the coordinate system.
+ var coordSysContainsPoint = isIllegalPoint || coordSys.containPoint(point);
+
+ each$14(coordSysAxesInfo.coordSysAxesInfo[coordSysKey], function (axisInfo, key) {
+ var axis = axisInfo.axis;
+ var inputAxisInfo = findInputAxisInfo(inputAxesInfo, axisInfo);
+ // If no inputAxesInfo, no axis is restricted.
+ if (!shouldHide && coordSysContainsPoint && (!inputAxesInfo || inputAxisInfo)) {
+ var val = inputAxisInfo && inputAxisInfo.value;
+ if (val == null && !isIllegalPoint) {
+ val = axis.pointToData(point);
+ }
+ val != null && processOnAxis(axisInfo, val, updaters, false, outputFinder);
+ }
+ });
+ });
+
+ // Process for linked axes.
+ var linkTriggers = {};
+ each$14(axesInfo, function (tarAxisInfo, tarKey) {
+ var linkGroup = tarAxisInfo.linkGroup;
+
+ // If axis has been triggered in the previous stage, it should not be triggered by link.
+ if (linkGroup && !showValueMap[tarKey]) {
+ each$14(linkGroup.axesInfo, function (srcAxisInfo, srcKey) {
+ var srcValItem = showValueMap[srcKey];
+ // If srcValItem exist, source axis is triggered, so link to target axis.
+ if (srcAxisInfo !== tarAxisInfo && srcValItem) {
+ var val = srcValItem.value;
+ linkGroup.mapper && (val = tarAxisInfo.axis.scale.parse(linkGroup.mapper(
+ val, makeMapperParam(srcAxisInfo), makeMapperParam(tarAxisInfo)
+ )));
+ linkTriggers[tarAxisInfo.key] = val;
+ }
+ });
+ }
+ });
+ each$14(linkTriggers, function (val, tarKey) {
+ processOnAxis(axesInfo[tarKey], val, updaters, true, outputFinder);
+ });
+
+ updateModelActually(showValueMap, axesInfo, outputFinder);
+ dispatchTooltipActually(dataByCoordSys, point, payload, dispatchAction);
+ dispatchHighDownActually(axesInfo, dispatchAction, api);
+
+ return outputFinder;
+};
+
+function processOnAxis(axisInfo, newValue, updaters, dontSnap, outputFinder) {
+ var axis = axisInfo.axis;
+
+ if (axis.scale.isBlank() || !axis.containData(newValue)) {
+ return;
+ }
+
+ if (!axisInfo.involveSeries) {
+ updaters.showPointer(axisInfo, newValue);
+ return;
+ }
+
+ // Heavy calculation. So put it after axis.containData checking.
+ var payloadInfo = buildPayloadsBySeries(newValue, axisInfo);
+ var payloadBatch = payloadInfo.payloadBatch;
+ var snapToValue = payloadInfo.snapToValue;
+
+ // Fill content of event obj for echarts.connect.
+ // By defualt use the first involved series data as a sample to connect.
+ if (payloadBatch[0] && outputFinder.seriesIndex == null) {
+ extend(outputFinder, payloadBatch[0]);
+ }
+
+ // If no linkSource input, this process is for collecting link
+ // target, where snap should not be accepted.
+ if (!dontSnap && axisInfo.snap) {
+ if (axis.containData(snapToValue) && snapToValue != null) {
+ newValue = snapToValue;
+ }
+ }
+
+ updaters.showPointer(axisInfo, newValue, payloadBatch, outputFinder);
+ // Tooltip should always be snapToValue, otherwise there will be
+ // incorrect "axis value ~ series value" mapping displayed in tooltip.
+ updaters.showTooltip(axisInfo, payloadInfo, snapToValue);
+}
+
+function buildPayloadsBySeries(value, axisInfo) {
+ var axis = axisInfo.axis;
+ var dim = axis.dim;
+ var snapToValue = value;
+ var payloadBatch = [];
+ var minDist = Number.MAX_VALUE;
+ var minDiff = -1;
+
+ each$14(axisInfo.seriesModels, function (series, idx) {
+ var dataDim = series.getData().mapDimension(dim, true);
+ var seriesNestestValue;
+ var dataIndices;
+
+ if (series.getAxisTooltipData) {
+ var result = series.getAxisTooltipData(dataDim, value, axis);
+ dataIndices = result.dataIndices;
+ seriesNestestValue = result.nestestValue;
+ }
+ else {
+ dataIndices = series.getData().indicesOfNearest(
+ dataDim[0],
+ value,
+ // Add a threshold to avoid find the wrong dataIndex
+ // when data length is not same.
+ // false,
+ axis.type === 'category' ? 0.5 : null
+ );
+ if (!dataIndices.length) {
+ return;
+ }
+ seriesNestestValue = series.getData().get(dataDim[0], dataIndices[0]);
+ }
+
+ if (seriesNestestValue == null || !isFinite(seriesNestestValue)) {
+ return;
+ }
+
+ var diff = value - seriesNestestValue;
+ var dist = Math.abs(diff);
+ // Consider category case
+ if (dist <= minDist) {
+ if (dist < minDist || (diff >= 0 && minDiff < 0)) {
+ minDist = dist;
+ minDiff = diff;
+ snapToValue = seriesNestestValue;
+ payloadBatch.length = 0;
+ }
+ each$14(dataIndices, function (dataIndex) {
+ payloadBatch.push({
+ seriesIndex: series.seriesIndex,
+ dataIndexInside: dataIndex,
+ dataIndex: series.getData().getRawIndex(dataIndex)
+ });
+ });
+ }
+ });
+
+ return {
+ payloadBatch: payloadBatch,
+ snapToValue: snapToValue
+ };
+}
+
+function showPointer(showValueMap, axisInfo, value, payloadBatch) {
+ showValueMap[axisInfo.key] = {value: value, payloadBatch: payloadBatch};
+}
+
+function showTooltip(dataByCoordSys, axisInfo, payloadInfo, value) {
+ var payloadBatch = payloadInfo.payloadBatch;
+ var axis = axisInfo.axis;
+ var axisModel = axis.model;
+ var axisPointerModel = axisInfo.axisPointerModel;
+
+ // If no data, do not create anything in dataByCoordSys,
+ // whose length will be used to judge whether dispatch action.
+ if (!axisInfo.triggerTooltip || !payloadBatch.length) {
+ return;
+ }
+
+ var coordSysModel = axisInfo.coordSys.model;
+ var coordSysKey = makeKey(coordSysModel);
+ var coordSysItem = dataByCoordSys.map[coordSysKey];
+ if (!coordSysItem) {
+ coordSysItem = dataByCoordSys.map[coordSysKey] = {
+ coordSysId: coordSysModel.id,
+ coordSysIndex: coordSysModel.componentIndex,
+ coordSysType: coordSysModel.type,
+ coordSysMainType: coordSysModel.mainType,
+ dataByAxis: []
+ };
+ dataByCoordSys.list.push(coordSysItem);
+ }
+
+ coordSysItem.dataByAxis.push({
+ axisDim: axis.dim,
+ axisIndex: axisModel.componentIndex,
+ axisType: axisModel.type,
+ axisId: axisModel.id,
+ value: value,
+ // Caustion: viewHelper.getValueLabel is actually on "view stage", which
+ // depends that all models have been updated. So it should not be performed
+ // here. Considering axisPointerModel used here is volatile, which is hard
+ // to be retrieve in TooltipView, we prepare parameters here.
+ valueLabelOpt: {
+ precision: axisPointerModel.get('label.precision'),
+ formatter: axisPointerModel.get('label.formatter')
+ },
+ seriesDataIndices: payloadBatch.slice()
+ });
+}
+
+function updateModelActually(showValueMap, axesInfo, outputFinder) {
+ var outputAxesInfo = outputFinder.axesInfo = [];
+ // Basic logic: If no 'show' required, 'hide' this axisPointer.
+ each$14(axesInfo, function (axisInfo, key) {
+ var option = axisInfo.axisPointerModel.option;
+ var valItem = showValueMap[key];
+
+ if (valItem) {
+ !axisInfo.useHandle && (option.status = 'show');
+ option.value = valItem.value;
+ // For label formatter param and highlight.
+ option.seriesDataIndices = (valItem.payloadBatch || []).slice();
+ }
+ // When always show (e.g., handle used), remain
+ // original value and status.
+ else {
+ // If hide, value still need to be set, consider
+ // click legend to toggle axis blank.
+ !axisInfo.useHandle && (option.status = 'hide');
+ }
+
+ // If status is 'hide', should be no info in payload.
+ option.status === 'show' && outputAxesInfo.push({
+ axisDim: axisInfo.axis.dim,
+ axisIndex: axisInfo.axis.model.componentIndex,
+ value: option.value
+ });
+ });
+}
+
+function dispatchTooltipActually(dataByCoordSys, point, payload, dispatchAction) {
+ // Basic logic: If no showTip required, hideTip will be dispatched.
+ if (illegalPoint(point) || !dataByCoordSys.list.length) {
+ dispatchAction({type: 'hideTip'});
+ return;
+ }
+
+ // In most case only one axis (or event one series is used). It is
+ // convinient to fetch payload.seriesIndex and payload.dataIndex
+ // dirtectly. So put the first seriesIndex and dataIndex of the first
+ // axis on the payload.
+ var sampleItem = ((dataByCoordSys.list[0].dataByAxis[0] || {}).seriesDataIndices || [])[0] || {};
+
+ dispatchAction({
+ type: 'showTip',
+ escapeConnect: true,
+ x: point[0],
+ y: point[1],
+ tooltipOption: payload.tooltipOption,
+ position: payload.position,
+ dataIndexInside: sampleItem.dataIndexInside,
+ dataIndex: sampleItem.dataIndex,
+ seriesIndex: sampleItem.seriesIndex,
+ dataByCoordSys: dataByCoordSys.list
+ });
+}
+
+function dispatchHighDownActually(axesInfo, dispatchAction, api) {
+ // FIXME
+ // highlight status modification shoule be a stage of main process?
+ // (Consider confilct (e.g., legend and axisPointer) and setOption)
+
+ var zr = api.getZr();
+ var highDownKey = 'axisPointerLastHighlights';
+ var lastHighlights = inner$9(zr)[highDownKey] || {};
+ var newHighlights = inner$9(zr)[highDownKey] = {};
+
+ // Update highlight/downplay status according to axisPointer model.
+ // Build hash map and remove duplicate incidentally.
+ each$14(axesInfo, function (axisInfo, key) {
+ var option = axisInfo.axisPointerModel.option;
+ option.status === 'show' && each$14(option.seriesDataIndices, function (batchItem) {
+ var key = batchItem.seriesIndex + ' | ' + batchItem.dataIndex;
+ newHighlights[key] = batchItem;
+ });
+ });
+
+ // Diff.
+ var toHighlight = [];
+ var toDownplay = [];
+ each$1(lastHighlights, function (batchItem, key) {
+ !newHighlights[key] && toDownplay.push(batchItem);
+ });
+ each$1(newHighlights, function (batchItem, key) {
+ !lastHighlights[key] && toHighlight.push(batchItem);
+ });
+
+ toDownplay.length && api.dispatchAction({
+ type: 'downplay', escapeConnect: true, batch: toDownplay
+ });
+ toHighlight.length && api.dispatchAction({
+ type: 'highlight', escapeConnect: true, batch: toHighlight
+ });
+}
+
+function findInputAxisInfo(inputAxesInfo, axisInfo) {
+ for (var i = 0; i < (inputAxesInfo || []).length; i++) {
+ var inputAxisInfo = inputAxesInfo[i];
+ if (axisInfo.axis.dim === inputAxisInfo.axisDim
+ && axisInfo.axis.model.componentIndex === inputAxisInfo.axisIndex
+ ) {
+ return inputAxisInfo;
+ }
+ }
+}
+
+function makeMapperParam(axisInfo) {
+ var axisModel = axisInfo.axis.model;
+ var item = {};
+ var dim = item.axisDim = axisInfo.axis.dim;
+ item.axisIndex = item[dim + 'AxisIndex'] = axisModel.componentIndex;
+ item.axisName = item[dim + 'AxisName'] = axisModel.name;
+ item.axisId = item[dim + 'AxisId'] = axisModel.id;
+ return item;
+}
+
+function illegalPoint(point) {
+ return !point || point[0] == null || isNaN(point[0]) || point[1] == null || isNaN(point[1]);
+}
+
+/*
+* 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.
+*/
+
+var AxisPointerModel = extendComponentModel({
+
+ type: 'axisPointer',
+
+ coordSysAxesInfo: null,
+
+ defaultOption: {
+ // 'auto' means that show when triggered by tooltip or handle.
+ show: 'auto',
+ // 'click' | 'mousemove' | 'none'
+ triggerOn: null, // set default in AxisPonterView.js
+
+ zlevel: 0,
+ z: 50,
+
+ type: 'line', // 'line' 'shadow' 'cross' 'none'.
+ // axispointer triggered by tootip determine snap automatically,
+ // see `modelHelper`.
+ snap: false,
+ triggerTooltip: true,
+
+ value: null,
+ status: null, // Init value depends on whether handle is used.
+
+ // [group0, group1, ...]
+ // Each group can be: {
+ // mapper: function () {},
+ // singleTooltip: 'multiple', // 'multiple' or 'single'
+ // xAxisId: ...,
+ // yAxisName: ...,
+ // angleAxisIndex: ...
+ // }
+ // mapper: can be ignored.
+ // input: {axisInfo, value}
+ // output: {axisInfo, value}
+ link: [],
+
+ // Do not set 'auto' here, otherwise global animation: false
+ // will not effect at this axispointer.
+ animation: null,
+ animationDurationUpdate: 200,
+
+ lineStyle: {
+ color: '#aaa',
+ width: 1,
+ type: 'solid'
+ },
+
+ shadowStyle: {
+ color: 'rgba(150,150,150,0.3)'
+ },
+
+ label: {
+ show: true,
+ formatter: null, // string | Function
+ precision: 'auto', // Or a number like 0, 1, 2 ...
+ margin: 3,
+ color: '#fff',
+ padding: [5, 7, 5, 7],
+ backgroundColor: 'auto', // default: axis line color
+ borderColor: null,
+ borderWidth: 0,
+ shadowBlur: 3,
+ shadowColor: '#aaa'
+ // Considering applicability, common style should
+ // better not have shadowOffset.
+ // shadowOffsetX: 0,
+ // shadowOffsetY: 2
+ },
+
+ handle: {
+ show: false,
+ /* eslint-disable */
+ 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', // jshint ignore:line
+ /* eslint-enable */
+ size: 45,
+ // handle margin is from symbol center to axis, which is stable when circular move.
+ margin: 50,
+ // color: '#1b8bbd'
+ // color: '#2f4554'
+ color: '#333',
+ shadowBlur: 3,
+ shadowColor: '#aaa',
+ shadowOffsetX: 0,
+ shadowOffsetY: 2,
+
+ // For mobile performance
+ throttle: 40
+ }
+ }
+
+});
+
+/*
+* 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.
+*/
+
+var inner$10 = makeInner();
+var each$15 = each$1;
+
+/**
+ * @param {string} key
+ * @param {module:echarts/ExtensionAPI} api
+ * @param {Function} handler
+ * param: {string} currTrigger
+ * param: {Array.<number>} point
+ */
+function register(key, api, handler) {
+ if (env$1.node) {
+ return;
+ }
+
+ var zr = api.getZr();
+ inner$10(zr).records || (inner$10(zr).records = {});
+
+ initGlobalListeners(zr, api);
+
+ var record = inner$10(zr).records[key] || (inner$10(zr).records[key] = {});
+ record.handler = handler;
+}
+
+function initGlobalListeners(zr, api) {
+ if (inner$10(zr).initialized) {
+ return;
+ }
+
+ inner$10(zr).initialized = true;
+
+ useHandler('click', curry(doEnter, 'click'));
+ useHandler('mousemove', curry(doEnter, 'mousemove'));
+ // useHandler('mouseout', onLeave);
+ useHandler('globalout', onLeave);
+
+ function useHandler(eventType, cb) {
+ zr.on(eventType, function (e) {
+ var dis = makeDispatchAction(api);
+
+ each$15(inner$10(zr).records, function (record) {
+ record && cb(record, e, dis.dispatchAction);
+ });
+
+ dispatchTooltipFinally(dis.pendings, api);
+ });
+ }
+}
+
+function dispatchTooltipFinally(pendings, api) {
+ var showLen = pendings.showTip.length;
+ var hideLen = pendings.hideTip.length;
+
+ var actuallyPayload;
+ if (showLen) {
+ actuallyPayload = pendings.showTip[showLen - 1];
+ }
+ else if (hideLen) {
+ actuallyPayload = pendings.hideTip[hideLen - 1];
+ }
+ if (actuallyPayload) {
+ actuallyPayload.dispatchAction = null;
+ api.dispatchAction(actuallyPayload);
+ }
+}
+
+function onLeave(record, e, dispatchAction) {
+ record.handler('leave', null, dispatchAction);
+}
+
+function doEnter(currTrigger, record, e, dispatchAction) {
+ record.handler(currTrigger, e, dispatchAction);
+}
+
+function makeDispatchAction(api) {
+ var pendings = {
+ showTip: [],
+ hideTip: []
+ };
+ // FIXME
+ // better approach?
+ // 'showTip' and 'hideTip' can be triggered by axisPointer and tooltip,
+ // which may be conflict, (axisPointer call showTip but tooltip call hideTip);
+ // So we have to add "final stage" to merge those dispatched actions.
+ var dispatchAction = function (payload) {
+ var pendingList = pendings[payload.type];
+ if (pendingList) {
+ pendingList.push(payload);
+ }
+ else {
+ payload.dispatchAction = dispatchAction;
+ api.dispatchAction(payload);
+ }
+ };
+
+ return {
+ dispatchAction: dispatchAction,
+ pendings: pendings
+ };
+}
+
+/**
+ * @param {string} key
+ * @param {module:echarts/ExtensionAPI} api
+ */
+function unregister(key, api) {
+ if (env$1.node) {
+ return;
+ }
+ var zr = api.getZr();
+ var record = (inner$10(zr).records || {})[key];
+ if (record) {
+ inner$10(zr).records[key] = null;
+ }
+}
+
+/*
+* 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.
+*/
+
+var AxisPointerView = extendComponentView({
+
+ type: 'axisPointer',
+
+ render: function (globalAxisPointerModel, ecModel, api) {
+ var globalTooltipModel = ecModel.getComponent('tooltip');
+ var triggerOn = globalAxisPointerModel.get('triggerOn')
+ || (globalTooltipModel && globalTooltipModel.get('triggerOn') || 'mousemove|click');
+
+ // Register global listener in AxisPointerView to enable
+ // AxisPointerView to be independent to Tooltip.
+ register(
+ 'axisPointer',
+ api,
+ function (currTrigger, e, dispatchAction) {
+ // If 'none', it is not controlled by mouse totally.
+ if (triggerOn !== 'none'
+ && (currTrigger === 'leave' || triggerOn.indexOf(currTrigger) >= 0)
+ ) {
+ dispatchAction({
+ type: 'updateAxisPointer',
+ currTrigger: currTrigger,
+ x: e && e.offsetX,
+ y: e && e.offsetY
+ });
+ }
+ }
+ );
+ },
+
+ /**
+ * @override
+ */
+ remove: function (ecModel, api) {
+ unregister(api.getZr(), 'axisPointer');
+ AxisPointerView.superApply(this._model, 'remove', arguments);
+ },
+
+ /**
+ * @override
+ */
+ dispose: function (ecModel, api) {
+ unregister('axisPointer', api);
+ AxisPointerView.superApply(this._model, 'dispose', arguments);
+ }
+
+});
+
+/*
+* 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.
+*/
+
+var inner$11 = makeInner();
+var clone$4 = clone;
+var bind$2 = bind;
+
+/**
+ * Base axis pointer class in 2D.
+ * Implemenents {module:echarts/component/axis/IAxisPointer}.
+ */
+function BaseAxisPointer() {
+}
+
+BaseAxisPointer.prototype = {
+
+ /**
+ * @private
+ */
+ _group: null,
+
+ /**
+ * @private
+ */
+ _lastGraphicKey: null,
+
+ /**
+ * @private
+ */
+ _handle: null,
+
+ /**
+ * @private
+ */
+ _dragging: false,
+
+ /**
+ * @private
+ */
+ _lastValue: null,
+
+ /**
+ * @private
+ */
+ _lastStatus: null,
+
+ /**
+ * @private
+ */
+ _payloadInfo: null,
+
+ /**
+ * In px, arbitrary value. Do not set too small,
+ * no animation is ok for most cases.
+ * @protected
+ */
+ animationThreshold: 15,
+
+ /**
+ * @implement
+ */
+ render: function (axisModel, axisPointerModel, api, forceRender) {
+ var value = axisPointerModel.get('value');
+ var status = axisPointerModel.get('status');
+
+ // Bind them to `this`, not in closure, otherwise they will not
+ // be replaced when user calling setOption in not merge mode.
+ this._axisModel = axisModel;
+ this._axisPointerModel = axisPointerModel;
+ this._api = api;
+
+ // Optimize: `render` will be called repeatly during mouse move.
+ // So it is power consuming if performing `render` each time,
+ // especially on mobile device.
+ if (!forceRender
+ && this._lastValue === value
+ && this._lastStatus === status
+ ) {
+ return;
+ }
+ this._lastValue = value;
+ this._lastStatus = status;
+
+ var group = this._group;
+ var handle = this._handle;
+
+ if (!status || status === 'hide') {
+ // Do not clear here, for animation better.
+ group && group.hide();
+ handle && handle.hide();
+ return;
+ }
+ group && group.show();
+ handle && handle.show();
+
+ // Otherwise status is 'show'
+ var elOption = {};
+ this.makeElOption(elOption, value, axisModel, axisPointerModel, api);
+
+ // Enable change axis pointer type.
+ var graphicKey = elOption.graphicKey;
+ if (graphicKey !== this._lastGraphicKey) {
+ this.clear(api);
+ }
+ this._lastGraphicKey = graphicKey;
+
+ var moveAnimation = this._moveAnimation =
+ this.determineAnimation(axisModel, axisPointerModel);
+
+ if (!group) {
+ group = this._group = new Group();
+ this.createPointerEl(group, elOption, axisModel, axisPointerModel);
+ this.createLabelEl(group, elOption, axisModel, axisPointerModel);
+ api.getZr().add(group);
+ }
+ else {
+ var doUpdateProps = curry(updateProps$1, axisPointerModel, moveAnimation);
+ this.updatePointerEl(group, elOption, doUpdateProps, axisPointerModel);
+ this.updateLabelEl(group, elOption, doUpdateProps, axisPointerModel);
+ }
+
+ updateMandatoryProps(group, axisPointerModel, true);
+
+ this._renderHandle(value);
+ },
+
+ /**
+ * @implement
+ */
+ remove: function (api) {
+ this.clear(api);
+ },
+
+ /**
+ * @implement
+ */
+ dispose: function (api) {
+ this.clear(api);
+ },
+
+ /**
+ * @protected
+ */
+ determineAnimation: function (axisModel, axisPointerModel) {
+ var animation = axisPointerModel.get('animation');
+ var axis = axisModel.axis;
+ var isCategoryAxis = axis.type === 'category';
+ var useSnap = axisPointerModel.get('snap');
+
+ // Value axis without snap always do not snap.
+ if (!useSnap && !isCategoryAxis) {
+ return false;
+ }
+
+ if (animation === 'auto' || animation == null) {
+ var animationThreshold = this.animationThreshold;
+ if (isCategoryAxis && axis.getBandWidth() > animationThreshold) {
+ return true;
+ }
+
+ // It is important to auto animation when snap used. Consider if there is
+ // a dataZoom, animation will be disabled when too many points exist, while
+ // it will be enabled for better visual effect when little points exist.
+ if (useSnap) {
+ var seriesDataCount = getAxisInfo(axisModel).seriesDataCount;
+ var axisExtent = axis.getExtent();
+ // Approximate band width
+ return Math.abs(axisExtent[0] - axisExtent[1]) / seriesDataCount > animationThreshold;
+ }
+
+ return false;
+ }
+
+ return animation === true;
+ },
+
+ /**
+ * add {pointer, label, graphicKey} to elOption
+ * @protected
+ */
+ makeElOption: function (elOption, value, axisModel, axisPointerModel, api) {
+ // Shoule be implemenented by sub-class.
+ },
+
+ /**
+ * @protected
+ */
+ createPointerEl: function (group, elOption, axisModel, axisPointerModel) {
+ var pointerOption = elOption.pointer;
+ if (pointerOption) {
+ var pointerEl = inner$11(group).pointerEl = new graphic[pointerOption.type](
+ clone$4(elOption.pointer)
+ );
+ group.add(pointerEl);
+ }
+ },
+
+ /**
+ * @protected
+ */
+ createLabelEl: function (group, elOption, axisModel, axisPointerModel) {
+ if (elOption.label) {
+ var labelEl = inner$11(group).labelEl = new Rect(
+ clone$4(elOption.label)
+ );
+
+ group.add(labelEl);
+ updateLabelShowHide(labelEl, axisPointerModel);
+ }
+ },
+
+ /**
+ * @protected
+ */
+ updatePointerEl: function (group, elOption, updateProps$$1) {
+ var pointerEl = inner$11(group).pointerEl;
+ if (pointerEl && elOption.pointer) {
+ pointerEl.setStyle(elOption.pointer.style);
+ updateProps$$1(pointerEl, {shape: elOption.pointer.shape});
+ }
+ },
+
+ /**
+ * @protected
+ */
+ updateLabelEl: function (group, elOption, updateProps$$1, axisPointerModel) {
+ var labelEl = inner$11(group).labelEl;
+ if (labelEl) {
+ labelEl.setStyle(elOption.label.style);
+ updateProps$$1(labelEl, {
+ // Consider text length change in vertical axis, animation should
+ // be used on shape, otherwise the effect will be weird.
+ shape: elOption.label.shape,
+ position: elOption.label.position
+ });
+
+ updateLabelShowHide(labelEl, axisPointerModel);
+ }
+ },
+
+ /**
+ * @private
+ */
+ _renderHandle: function (value) {
+ if (this._dragging || !this.updateHandleTransform) {
+ return;
+ }
+
+ var axisPointerModel = this._axisPointerModel;
+ var zr = this._api.getZr();
+ var handle = this._handle;
+ var handleModel = axisPointerModel.getModel('handle');
+
+ var status = axisPointerModel.get('status');
+ if (!handleModel.get('show') || !status || status === 'hide') {
+ handle && zr.remove(handle);
+ this._handle = null;
+ return;
+ }
+
+ var isInit;
+ if (!this._handle) {
+ isInit = true;
+ handle = this._handle = createIcon(
+ handleModel.get('icon'),
+ {
+ cursor: 'move',
+ draggable: true,
+ onmousemove: function (e) {
+ // Fot mobile devicem, prevent screen slider on the button.
+ stop(e.event);
+ },
+ onmousedown: bind$2(this._onHandleDragMove, this, 0, 0),
+ drift: bind$2(this._onHandleDragMove, this),
+ ondragend: bind$2(this._onHandleDragEnd, this)
+ }
+ );
+ zr.add(handle);
+ }
+
+ updateMandatoryProps(handle, axisPointerModel, false);
+
+ // update style
+ var includeStyles = [
+ 'color', 'borderColor', 'borderWidth', 'opacity',
+ 'shadowColor', 'shadowBlur', 'shadowOffsetX', 'shadowOffsetY'
+ ];
+ handle.setStyle(handleModel.getItemStyle(null, includeStyles));
+
+ // update position
+ var handleSize = handleModel.get('size');
+ if (!isArray(handleSize)) {
+ handleSize = [handleSize, handleSize];
+ }
+ handle.attr('scale', [handleSize[0] / 2, handleSize[1] / 2]);
+
+ createOrUpdate(
+ this,
+ '_doDispatchAxisPointer',
+ handleModel.get('throttle') || 0,
+ 'fixRate'
+ );
+
+ this._moveHandleToValue(value, isInit);
+ },
+
+ /**
+ * @private
+ */
+ _moveHandleToValue: function (value, isInit) {
+ updateProps$1(
+ this._axisPointerModel,
+ !isInit && this._moveAnimation,
+ this._handle,
+ getHandleTransProps(this.getHandleTransform(
+ value, this._axisModel, this._axisPointerModel
+ ))
+ );
+ },
+
+ /**
+ * @private
+ */
+ _onHandleDragMove: function (dx, dy) {
+ var handle = this._handle;
+ if (!handle) {
+ return;
+ }
+
+ this._dragging = true;
+
+ // Persistent for throttle.
+ var trans = this.updateHandleTransform(
+ getHandleTransProps(handle),
+ [dx, dy],
+ this._axisModel,
+ this._axisPointerModel
+ );
+ this._payloadInfo = trans;
+
+ handle.stopAnimation();
+ handle.attr(getHandleTransProps(trans));
+ inner$11(handle).lastProp = null;
+
+ this._doDispatchAxisPointer();
+ },
+
+ /**
+ * Throttled method.
+ * @private
+ */
+ _doDispatchAxisPointer: function () {
+ var handle = this._handle;
+ if (!handle) {
+ return;
+ }
+
+ var payloadInfo = this._payloadInfo;
+ var axisModel = this._axisModel;
+ this._api.dispatchAction({
+ type: 'updateAxisPointer',
+ x: payloadInfo.cursorPoint[0],
+ y: payloadInfo.cursorPoint[1],
+ tooltipOption: payloadInfo.tooltipOption,
+ axesInfo: [{
+ axisDim: axisModel.axis.dim,
+ axisIndex: axisModel.componentIndex
+ }]
+ });
+ },
+
+ /**
+ * @private
+ */
+ _onHandleDragEnd: function (moveAnimation) {
+ this._dragging = false;
+ var handle = this._handle;
+ if (!handle) {
+ return;
+ }
+
+ var value = this._axisPointerModel.get('value');
+ // Consider snap or categroy axis, handle may be not consistent with
+ // axisPointer. So move handle to align the exact value position when
+ // drag ended.
+ this._moveHandleToValue(value);
+
+ // For the effect: tooltip will be shown when finger holding on handle
+ // button, and will be hidden after finger left handle button.
+ this._api.dispatchAction({
+ type: 'hideTip'
+ });
+ },
+
+ /**
+ * Should be implemenented by sub-class if support `handle`.
+ * @protected
+ * @param {number} value
+ * @param {module:echarts/model/Model} axisModel
+ * @param {module:echarts/model/Model} axisPointerModel
+ * @return {Object} {position: [x, y], rotation: 0}
+ */
+ getHandleTransform: null,
+
+ /**
+ * * Should be implemenented by sub-class if support `handle`.
+ * @protected
+ * @param {Object} transform {position, rotation}
+ * @param {Array.<number>} delta [dx, dy]
+ * @param {module:echarts/model/Model} axisModel
+ * @param {module:echarts/model/Model} axisPointerModel
+ * @return {Object} {position: [x, y], rotation: 0, cursorPoint: [x, y]}
+ */
+ updateHandleTransform: null,
+
+ /**
+ * @private
+ */
+ clear: function (api) {
+ this._lastValue = null;
+ this._lastStatus = null;
+
+ var zr = api.getZr();
+ var group = this._group;
+ var handle = this._handle;
+ if (zr && group) {
+ this._lastGraphicKey = null;
+ group && zr.remove(group);
+ handle && zr.remove(handle);
+ this._group = null;
+ this._handle = null;
+ this._payloadInfo = null;
+ }
+ },
+
+ /**
+ * @protected
+ */
+ doClear: function () {
+ // Implemented by sub-class if necessary.
+ },
+
+ /**
+ * @protected
+ * @param {Array.<number>} xy
+ * @param {Array.<number>} wh
+ * @param {number} [xDimIndex=0] or 1
+ */
+ buildLabel: function (xy, wh, xDimIndex) {
+ xDimIndex = xDimIndex || 0;
+ return {
+ x: xy[xDimIndex],
+ y: xy[1 - xDimIndex],
+ width: wh[xDimIndex],
+ height: wh[1 - xDimIndex]
+ };
+ }
+};
+
+BaseAxisPointer.prototype.constructor = BaseAxisPointer;
+
+
+function updateProps$1(animationModel, moveAnimation, el, props) {
+ // Animation optimize.
+ if (!propsEqual(inner$11(el).lastProp, props)) {
+ inner$11(el).lastProp = props;
+ moveAnimation
+ ? updateProps(el, props, animationModel)
+ : (el.stopAnimation(), el.attr(props));
+ }
+}
+
+function propsEqual(lastProps, newProps) {
+ if (isObject$1(lastProps) && isObject$1(newProps)) {
+ var equals = true;
+ each$1(newProps, function (item, key) {
+ equals = equals && propsEqual(lastProps[key], item);
+ });
+ return !!equals;
+ }
+ else {
+ return lastProps === newProps;
+ }
+}
+
+function updateLabelShowHide(labelEl, axisPointerModel) {
+ labelEl[axisPointerModel.get('label.show') ? 'show' : 'hide']();
+}
+
+function getHandleTransProps(trans) {
+ return {
+ position: trans.position.slice(),
+ rotation: trans.rotation || 0
+ };
+}
+
+function updateMandatoryProps(group, axisPointerModel, silent) {
+ var z = axisPointerModel.get('z');
+ var zlevel = axisPointerModel.get('zlevel');
+
+ group && group.traverse(function (el) {
+ if (el.type !== 'group') {
+ z != null && (el.z = z);
+ zlevel != null && (el.zlevel = zlevel);
+ el.silent = silent;
+ }
+ });
+}
+
+enableClassExtend(BaseAxisPointer);
+
+/*
+* 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.
+*/
+
+/**
+ * @param {module:echarts/model/Model} axisPointerModel
+ */
+function buildElStyle(axisPointerModel) {
+ var axisPointerType = axisPointerModel.get('type');
+ var styleModel = axisPointerModel.getModel(axisPointerType + 'Style');
+ var style;
+ if (axisPointerType === 'line') {
+ style = styleModel.getLineStyle();
+ style.fill = null;
+ }
+ else if (axisPointerType === 'shadow') {
+ style = styleModel.getAreaStyle();
+ style.stroke = null;
+ }
+ return style;
+}
+
+/**
+ * @param {Function} labelPos {align, verticalAlign, position}
+ */
+function buildLabelElOption(
+ elOption, axisModel, axisPointerModel, api, labelPos
+) {
+ var value = axisPointerModel.get('value');
+ var text = getValueLabel(
+ value, axisModel.axis, axisModel.ecModel,
+ axisPointerModel.get('seriesDataIndices'),
+ {
+ precision: axisPointerModel.get('label.precision'),
+ formatter: axisPointerModel.get('label.formatter')
+ }
+ );
+ var labelModel = axisPointerModel.getModel('label');
+ var paddings = normalizeCssArray$1(labelModel.get('padding') || 0);
+
+ var font = labelModel.getFont();
+ var textRect = getBoundingRect(text, font);
+
+ var position = labelPos.position;
+ var width = textRect.width + paddings[1] + paddings[3];
+ var height = textRect.height + paddings[0] + paddings[2];
+
+ // Adjust by align.
+ var align = labelPos.align;
+ align === 'right' && (position[0] -= width);
+ align === 'center' && (position[0] -= width / 2);
+ var verticalAlign = labelPos.verticalAlign;
+ verticalAlign === 'bottom' && (position[1] -= height);
+ verticalAlign === 'middle' && (position[1] -= height / 2);
+
+ // Not overflow ec container
+ confineInContainer(position, width, height, api);
+
+ var bgColor = labelModel.get('backgroundColor');
+ if (!bgColor || bgColor === 'auto') {
+ bgColor = axisModel.get('axisLine.lineStyle.color');
+ }
+
+ elOption.label = {
+ shape: {x: 0, y: 0, width: width, height: height, r: labelModel.get('borderRadius')},
+ position: position.slice(),
+ // TODO: rich
+ style: {
+ text: text,
+ textFont: font,
+ textFill: labelModel.getTextColor(),
+ textPosition: 'inside',
+ textPadding: paddings,
+ fill: bgColor,
+ stroke: labelModel.get('borderColor') || 'transparent',
+ lineWidth: labelModel.get('borderWidth') || 0,
+ shadowBlur: labelModel.get('shadowBlur'),
+ shadowColor: labelModel.get('shadowColor'),
+ shadowOffsetX: labelModel.get('shadowOffsetX'),
+ shadowOffsetY: labelModel.get('shadowOffsetY')
+ },
+ // Lable should be over axisPointer.
+ z2: 10
+ };
+}
+
+// Do not overflow ec container
+function confineInContainer(position, width, height, api) {
+ var viewWidth = api.getWidth();
+ var viewHeight = api.getHeight();
+ position[0] = Math.min(position[0] + width, viewWidth) - width;
+ position[1] = Math.min(position[1] + height, viewHeight) - height;
+ position[0] = Math.max(position[0], 0);
+ position[1] = Math.max(position[1], 0);
+}
+
+/**
+ * @param {number} value
+ * @param {module:echarts/coord/Axis} axis
+ * @param {module:echarts/model/Global} ecModel
+ * @param {Object} opt
+ * @param {Array.<Object>} seriesDataIndices
+ * @param {number|string} opt.precision 'auto' or a number
+ * @param {string|Function} opt.formatter label formatter
+ */
+function getValueLabel(value, axis, ecModel, seriesDataIndices, opt) {
+ value = axis.scale.parse(value);
+ var text = axis.scale.getLabel(
+ // If `precision` is set, width can be fixed (like '12.00500'), which
+ // helps to debounce when when moving label.
+ value, {precision: opt.precision}
+ );
+ var formatter = opt.formatter;
+
+ if (formatter) {
+ var params = {
+ value: getAxisRawValue(axis, value),
+ axisDimension: axis.dim,
+ axisIndex: axis.index,
+ seriesData: []
+ };
+ each$1(seriesDataIndices, function (idxItem) {
+ var series = ecModel.getSeriesByIndex(idxItem.seriesIndex);
+ var dataIndex = idxItem.dataIndexInside;
+ var dataParams = series && series.getDataParams(dataIndex);
+ dataParams && params.seriesData.push(dataParams);
+ });
+
+ if (isString(formatter)) {
+ text = formatter.replace('{value}', text);
+ }
+ else if (isFunction$1(formatter)) {
+ text = formatter(params);
+ }
+ }
+
+ return text;
+}
+
+/**
+ * @param {module:echarts/coord/Axis} axis
+ * @param {number} value
+ * @param {Object} layoutInfo {
+ * rotation, position, labelOffset, labelDirection, labelMargin
+ * }
+ */
+function getTransformedPosition(axis, value, layoutInfo) {
+ var transform = create$1();
+ rotate(transform, transform, layoutInfo.rotation);
+ translate(transform, transform, layoutInfo.position);
+
+ return applyTransform$1([
+ axis.dataToCoord(value),
+ (layoutInfo.labelOffset || 0)
+ + (layoutInfo.labelDirection || 1) * (layoutInfo.labelMargin || 0)
+ ], transform);
+}
+
+function buildCartesianSingleLabelElOption(
+ value, elOption, layoutInfo, axisModel, axisPointerModel, api
+) {
+ var textLayout = AxisBuilder.innerTextLayout(
+ layoutInfo.rotation, 0, layoutInfo.labelDirection
+ );
+ layoutInfo.labelMargin = axisPointerModel.get('label.margin');
+ buildLabelElOption(elOption, axisModel, axisPointerModel, api, {
+ position: getTransformedPosition(axisModel.axis, value, layoutInfo),
+ align: textLayout.textAlign,
+ verticalAlign: textLayout.textVerticalAlign
+ });
+}
+
+/**
+ * @param {Array.<number>} p1
+ * @param {Array.<number>} p2
+ * @param {number} [xDimIndex=0] or 1
+ */
+function makeLineShape(p1, p2, xDimIndex) {
+ xDimIndex = xDimIndex || 0;
+ return {
+ x1: p1[xDimIndex],
+ y1: p1[1 - xDimIndex],
+ x2: p2[xDimIndex],
+ y2: p2[1 - xDimIndex]
+ };
+}
+
+/**
+ * @param {Array.<number>} xy
+ * @param {Array.<number>} wh
+ * @param {number} [xDimIndex=0] or 1
+ */
+function makeRectShape(xy, wh, xDimIndex) {
+ xDimIndex = xDimIndex || 0;
+ return {
+ x: xy[xDimIndex],
+ y: xy[1 - xDimIndex],
+ width: wh[xDimIndex],
+ height: wh[1 - xDimIndex]
+ };
+}
+
+function makeSectorShape(cx, cy, r0, r, startAngle, endAngle) {
+ return {
+ cx: cx,
+ cy: cy,
+ r0: r0,
+ r: r,
+ startAngle: startAngle,
+ endAngle: endAngle,
+ clockwise: true
+ };
+}
+
+/*
+* 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.
+*/
+
+var CartesianAxisPointer = BaseAxisPointer.extend({
+
+ /**
+ * @override
+ */
+ makeElOption: function (elOption, value, axisModel, axisPointerModel, api) {
+ var axis = axisModel.axis;
+ var grid = axis.grid;
+ var axisPointerType = axisPointerModel.get('type');
+ var otherExtent = getCartesian(grid, axis).getOtherAxis(axis).getGlobalExtent();
+ var pixelValue = axis.toGlobalCoord(axis.dataToCoord(value, true));
+
+ if (axisPointerType && axisPointerType !== 'none') {
+ var elStyle = buildElStyle(axisPointerModel);
+ var pointerOption = pointerShapeBuilder[axisPointerType](
+ axis, pixelValue, otherExtent
+ );
+ pointerOption.style = elStyle;
+ elOption.graphicKey = pointerOption.type;
+ elOption.pointer = pointerOption;
+ }
+
+ var layoutInfo = layout$1(grid.model, axisModel);
+ buildCartesianSingleLabelElOption(
+ value, elOption, layoutInfo, axisModel, axisPointerModel, api
+ );
+ },
+
+ /**
+ * @override
+ */
+ getHandleTransform: function (value, axisModel, axisPointerModel) {
+ var layoutInfo = layout$1(axisModel.axis.grid.model, axisModel, {
+ labelInside: false
+ });
+ layoutInfo.labelMargin = axisPointerModel.get('handle.margin');
+ return {
+ position: getTransformedPosition(axisModel.axis, value, layoutInfo),
+ rotation: layoutInfo.rotation + (layoutInfo.labelDirection < 0 ? Math.PI : 0)
+ };
+ },
+
+ /**
+ * @override
+ */
+ updateHandleTransform: function (transform, delta, axisModel, axisPointerModel) {
+ var axis = axisModel.axis;
+ var grid = axis.grid;
+ var axisExtent = axis.getGlobalExtent(true);
+ var otherExtent = getCartesian(grid, axis).getOtherAxis(axis).getGlobalExtent();
+ var dimIndex = axis.dim === 'x' ? 0 : 1;
+
+ var currPosition = transform.position;
+ currPosition[dimIndex] += delta[dimIndex];
+ currPosition[dimIndex] = Math.min(axisExtent[1], currPosition[dimIndex]);
+ currPosition[dimIndex] = Math.max(axisExtent[0], currPosition[dimIndex]);
+
+ var cursorOtherValue = (otherExtent[1] + otherExtent[0]) / 2;
+ var cursorPoint = [cursorOtherValue, cursorOtherValue];
+ cursorPoint[dimIndex] = currPosition[dimIndex];
+
+ // Make tooltip do not overlap axisPointer and in the middle of the grid.
+ var tooltipOptions = [{verticalAlign: 'middle'}, {align: 'center'}];
+
+ return {
+ position: currPosition,
+ rotation: transform.rotation,
+ cursorPoint: cursorPoint,
+ tooltipOption: tooltipOptions[dimIndex]
+ };
+ }
+
+});
+
+function getCartesian(grid, axis) {
+ var opt = {};
+ opt[axis.dim + 'AxisIndex'] = axis.index;
+ return grid.getCartesian(opt);
+}
+
+var pointerShapeBuilder = {
+
+ line: function (axis, pixelValue, otherExtent) {
+ var targetShape = makeLineShape(
+ [pixelValue, otherExtent[0]],
+ [pixelValue, otherExtent[1]],
+ getAxisDimIndex(axis)
+ );
+ return {
+ type: 'Line',
+ subPixelOptimize: true,
+ shape: targetShape
+ };
+ },
+
+ shadow: function (axis, pixelValue, otherExtent) {
+ var bandWidth = Math.max(1, axis.getBandWidth());
+ var span = otherExtent[1] - otherExtent[0];
+ return {
+ type: 'Rect',
+ shape: makeRectShape(
+ [pixelValue - bandWidth / 2, otherExtent[0]],
+ [bandWidth, span],
+ getAxisDimIndex(axis)
+ )
+ };
+ }
+};
+
+function getAxisDimIndex(axis) {
+ return axis.dim === 'x' ? 0 : 1;
+}
+
+AxisView.registerAxisPointerClass('CartesianAxisPointer', CartesianAxisPointer);
+
+/*
+* 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.
+*/
+
+// CartesianAxisPointer is not supposed to be required here. But consider
+// echarts.simple.js and online build tooltip, which only require gridSimple,
+// CartesianAxisPointer should be able to required somewhere.
+registerPreprocessor(function (option) {
+ // Always has a global axisPointerModel for default setting.
+ if (option) {
+ (!option.axisPointer || option.axisPointer.length === 0)
+ && (option.axisPointer = {});
+
+ var link = option.axisPointer.link;
+ // Normalize to array to avoid object mergin. But if link
+ // is not set, remain null/undefined, otherwise it will
+ // override existent link setting.
+ if (link && !isArray(link)) {
+ option.axisPointer.link = [link];
+ }
+ }
+});
+
+// This process should proformed after coordinate systems created
+// and series data processed. So put it on statistic processing stage.
+registerProcessor(PRIORITY.PROCESSOR.STATISTIC, function (ecModel, api) {
+ // Build axisPointerModel, mergin tooltip.axisPointer model for each axis.
+ // allAxesInfo should be updated when setOption performed.
+ ecModel.getComponent('axisPointer').coordSysAxesInfo =
+ collect(ecModel, api);
+});
+
+// Broadcast to all views.
+registerAction({
+ type: 'updateAxisPointer',
+ event: 'updateAxisPointer',
+ update: ':updateAxisPointer'
+}, axisTrigger);
+
+/*
+* 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.
+*/
+
+var XY = ['x', 'y'];
+var WH = ['width', 'height'];
+
+var SingleAxisPointer = BaseAxisPointer.extend({
+
+ /**
+ * @override
+ */
+ makeElOption: function (elOption, value, axisModel, axisPointerModel, api) {
+ var axis = axisModel.axis;
+ var coordSys = axis.coordinateSystem;
+ var otherExtent = getGlobalExtent(coordSys, 1 - getPointDimIndex(axis));
+ var pixelValue = coordSys.dataToPoint(value)[0];
+
+ var axisPointerType = axisPointerModel.get('type');
+ if (axisPointerType && axisPointerType !== 'none') {
+ var elStyle = buildElStyle(axisPointerModel);
+ var pointerOption = pointerShapeBuilder$1[axisPointerType](
+ axis, pixelValue, otherExtent
+ );
+ pointerOption.style = elStyle;
+
+ elOption.graphicKey = pointerOption.type;
+ elOption.pointer = pointerOption;
+ }
+
+ var layoutInfo = layout$2(axisModel);
+ buildCartesianSingleLabelElOption(
+ value, elOption, layoutInfo, axisModel, axisPointerModel, api
+ );
+ },
+
+ /**
+ * @override
+ */
+ getHandleTransform: function (value, axisModel, axisPointerModel) {
+ var layoutInfo = layout$2(axisModel, {labelInside: false});
+ layoutInfo.labelMargin = axisPointerModel.get('handle.margin');
+ return {
+ position: getTransformedPosition(axisModel.axis, value, layoutInfo),
+ rotation: layoutInfo.rotation + (layoutInfo.labelDirection < 0 ? Math.PI : 0)
+ };
+ },
+
+ /**
+ * @override
+ */
+ updateHandleTransform: function (transform, delta, axisModel, axisPointerModel) {
+ var axis = axisModel.axis;
+ var coordSys = axis.coordinateSystem;
+ var dimIndex = getPointDimIndex(axis);
+ var axisExtent = getGlobalExtent(coordSys, dimIndex);
+ var currPosition = transform.position;
+ currPosition[dimIndex] += delta[dimIndex];
+ currPosition[dimIndex] = Math.min(axisExtent[1], currPosition[dimIndex]);
+ currPosition[dimIndex] = Math.max(axisExtent[0], currPosition[dimIndex]);
+ var otherExtent = getGlobalExtent(coordSys, 1 - dimIndex);
+ var cursorOtherValue = (otherExtent[1] + otherExtent[0]) / 2;
+ var cursorPoint = [cursorOtherValue, cursorOtherValue];
+ cursorPoint[dimIndex] = currPosition[dimIndex];
+
+ return {
+ position: currPosition,
+ rotation: transform.rotation,
+ cursorPoint: cursorPoint,
+ tooltipOption: {
+ verticalAlign: 'middle'
+ }
+ };
+ }
+});
+
+var pointerShapeBuilder$1 = {
+
+ line: function (axis, pixelValue, otherExtent) {
+ var targetShape = makeLineShape(
+ [pixelValue, otherExtent[0]],
+ [pixelValue, otherExtent[1]],
+ getPointDimIndex(axis)
+ );
+ return {
+ type: 'Line',
+ subPixelOptimize: true,
+ shape: targetShape
+ };
+ },
+
+ shadow: function (axis, pixelValue, otherExtent) {
+ var bandWidth = axis.getBandWidth();
+ var span = otherExtent[1] - otherExtent[0];
+ return {
+ type: 'Rect',
+ shape: makeRectShape(
+ [pixelValue - bandWidth / 2, otherExtent[0]],
+ [bandWidth, span],
+ getPointDimIndex(axis)
+ )
+ };
+ }
+};
+
+function getPointDimIndex(axis) {
+ return axis.isHorizontal() ? 0 : 1;
+}
+
+function getGlobalExtent(coordSys, dimIndex) {
+ var rect = coordSys.getRect();
+ return [rect[XY[dimIndex]], rect[XY[dimIndex]] + rect[WH[dimIndex]]];
+}
+
+AxisView.registerAxisPointerClass('SingleAxisPointer', SingleAxisPointer);
+
+/*
+* 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.
+*/
+
+extendComponentView({
+ type: 'single'
+});
+
+/*
+* 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.
+*/
+
+var DATA_NAME_INDEX = 2;
+
+var ThemeRiverSeries = SeriesModel.extend({
+
+ type: 'series.themeRiver',
+
+ dependencies: ['singleAxis'],
+
+ /**
+ * @readOnly
+ * @type {module:zrender/core/util#HashMap}
+ */
+ nameMap: null,
+
+ /**
+ * @override
+ */
+ init: function (option) {
+ // eslint-disable-next-line
+ ThemeRiverSeries.superApply(this, 'init', arguments);
+
+ // Put this function here is for the sake of consistency of code style.
+ // Enable legend selection for each data item
+ // Use a function instead of direct access because data reference may changed
+ this.legendVisualProvider = new LegendVisualProvider(
+ bind(this.getData, this), bind(this.getRawData, this)
+ );
+ },
+
+ /**
+ * If there is no value of a certain point in the time for some event,set it value to 0.
+ *
+ * @param {Array} data initial data in the option
+ * @return {Array}
+ */
+ fixData: function (data) {
+ var rawDataLength = data.length;
+
+ // grouped data by name
+ var groupResult = groupData(data, function (item) {
+ return item[2];
+ });
+ var layData = [];
+ groupResult.buckets.each(function (items, key) {
+ layData.push({name: key, dataList: items});
+ });
+
+ var layerNum = layData.length;
+ var largestLayer = -1;
+ var index = -1;
+ for (var i = 0; i < layerNum; ++i) {
+ var len = layData[i].dataList.length;
+ if (len > largestLayer) {
+ largestLayer = len;
+ index = i;
+ }
+ }
+
+ for (var k = 0; k < layerNum; ++k) {
+ if (k === index) {
+ continue;
+ }
+ var name = layData[k].name;
+ for (var j = 0; j < largestLayer; ++j) {
+ var timeValue = layData[index].dataList[j][0];
+ var length = layData[k].dataList.length;
+ var keyIndex = -1;
+ for (var l = 0; l < length; ++l) {
+ var value = layData[k].dataList[l][0];
+ if (value === timeValue) {
+ keyIndex = l;
+ break;
+ }
+ }
+ if (keyIndex === -1) {
+ data[rawDataLength] = [];
+ data[rawDataLength][0] = timeValue;
+ data[rawDataLength][1] = 0;
+ data[rawDataLength][2] = name;
+ rawDataLength++;
+
+ }
+ }
+ }
+ return data;
+ },
+
+ /**
+ * @override
+ * @param {Object} option the initial option that user gived
+ * @param {module:echarts/model/Model} ecModel the model object for themeRiver option
+ * @return {module:echarts/data/List}
+ */
+ getInitialData: function (option, ecModel) {
+
+ var singleAxisModel = ecModel.queryComponents({
+ mainType: 'singleAxis',
+ index: this.get('singleAxisIndex'),
+ id: this.get('singleAxisId')
+ })[0];
+
+ var axisType = singleAxisModel.get('type');
+
+ // filter the data item with the value of label is undefined
+ var filterData = filter(option.data, function (dataItem) {
+ return dataItem[2] !== undefined;
+ });
+
+ // ??? TODO design a stage to transfer data for themeRiver and lines?
+ var data = this.fixData(filterData || []);
+ var nameList = [];
+ var nameMap = this.nameMap = createHashMap();
+ var count = 0;
+
+ for (var i = 0; i < data.length; ++i) {
+ nameList.push(data[i][DATA_NAME_INDEX]);
+ if (!nameMap.get(data[i][DATA_NAME_INDEX])) {
+ nameMap.set(data[i][DATA_NAME_INDEX], count);
+ count++;
+ }
+ }
+
+ var dimensionsInfo = createDimensions(data, {
+ coordDimensions: ['single'],
+ dimensionsDefine: [
+ {
+ name: 'time',
+ type: getDimensionTypeByAxis(axisType)
+ },
+ {
+ name: 'value',
+ type: 'float'
+ },
+ {
+ name: 'name',
+ type: 'ordinal'
+ }
+ ],
+ encodeDefine: {
+ single: 0,
+ value: 1,
+ itemName: 2
+ }
+ });
+
+ var list = new List(dimensionsInfo, this);
+ list.initData(data);
+
+ return list;
+ },
+
+ /**
+ * The raw data is divided into multiple layers and each layer
+ * has same name.
+ *
+ * @return {Array.<Array.<number>>}
+ */
+ getLayerSeries: function () {
+ var data = this.getData();
+ var lenCount = data.count();
+ var indexArr = [];
+
+ for (var i = 0; i < lenCount; ++i) {
+ indexArr[i] = i;
+ }
+
+ var timeDim = data.mapDimension('single');
+
+ // data group by name
+ var groupResult = groupData(indexArr, function (index) {
+ return data.get('name', index);
+ });
+ var layerSeries = [];
+ groupResult.buckets.each(function (items, key) {
+ items.sort(function (index1, index2) {
+ return data.get(timeDim, index1) - data.get(timeDim, index2);
+ });
+ layerSeries.push({name: key, indices: items});
+ });
+
+ return layerSeries;
+ },
+
+ /**
+ * Get data indices for show tooltip content
+
+ * @param {Array.<string>|string} dim single coordinate dimension
+ * @param {number} value axis value
+ * @param {module:echarts/coord/single/SingleAxis} baseAxis single Axis used
+ * the themeRiver.
+ * @return {Object} {dataIndices, nestestValue}
+ */
+ getAxisTooltipData: function (dim, value, baseAxis) {
+ if (!isArray(dim)) {
+ dim = dim ? [dim] : [];
+ }
+
+ var data = this.getData();
+ var layerSeries = this.getLayerSeries();
+ var indices = [];
+ var layerNum = layerSeries.length;
+ var nestestValue;
+
+ for (var i = 0; i < layerNum; ++i) {
+ var minDist = Number.MAX_VALUE;
+ var nearestIdx = -1;
+ var pointNum = layerSeries[i].indices.length;
+ for (var j = 0; j < pointNum; ++j) {
+ var theValue = data.get(dim[0], layerSeries[i].indices[j]);
+ var dist = Math.abs(theValue - value);
+ if (dist <= minDist) {
+ nestestValue = theValue;
+ minDist = dist;
+ nearestIdx = layerSeries[i].indices[j];
+ }
+ }
+ indices.push(nearestIdx);
+ }
+
+ return {dataIndices: indices, nestestValue: nestestValue};
+ },
+
+ /**
+ * @override
+ * @param {number} dataIndex index of data
+ */
+ formatTooltip: function (dataIndex) {
+ var data = this.getData();
+ var htmlName = data.getName(dataIndex);
+ var htmlValue = data.get(data.mapDimension('value'), dataIndex);
+ if (isNaN(htmlValue) || htmlValue == null) {
+ htmlValue = '-';
+ }
+ return encodeHTML(htmlName + ' : ' + htmlValue);
+ },
+
+ defaultOption: {
+ zlevel: 0,
+ z: 2,
+
+ coordinateSystem: 'singleAxis',
+
+ // gap in axis's orthogonal orientation
+ boundaryGap: ['10%', '10%'],
+
+ // legendHoverLink: true,
+
+ singleAxisIndex: 0,
+
+ animationEasing: 'linear',
+
+ label: {
+ margin: 4,
+ show: true,
+ position: 'left',
+ color: '#000',
+ fontSize: 11
+ },
+
+ emphasis: {
+ label: {
+ show: true
+ }
+ }
+ }
+});
+
+/*
+* 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.
+*/
+
+extendChartView({
+
+ type: 'themeRiver',
+
+ init: function () {
+ this._layers = [];
+ },
+
+ render: function (seriesModel, ecModel, api) {
+ var data = seriesModel.getData();
+
+ var group = this.group;
+
+ var layerSeries = seriesModel.getLayerSeries();
+
+ var layoutInfo = data.getLayout('layoutInfo');
+ var rect = layoutInfo.rect;
+ var boundaryGap = layoutInfo.boundaryGap;
+
+ group.attr('position', [0, rect.y + boundaryGap[0]]);
+
+ function keyGetter(item) {
+ return item.name;
+ }
+ var dataDiffer = new DataDiffer(
+ this._layersSeries || [], layerSeries,
+ keyGetter, keyGetter
+ );
+
+ var newLayersGroups = {};
+
+ dataDiffer
+ .add(bind(process, this, 'add'))
+ .update(bind(process, this, 'update'))
+ .remove(bind(process, this, 'remove'))
+ .execute();
+
+ function process(status, idx, oldIdx) {
+ var oldLayersGroups = this._layers;
+ if (status === 'remove') {
+ group.remove(oldLayersGroups[idx]);
+ return;
+ }
+ var points0 = [];
+ var points1 = [];
+ var color;
+ var indices = layerSeries[idx].indices;
+ for (var j = 0; j < indices.length; j++) {
+ var layout = data.getItemLayout(indices[j]);
+ var x = layout.x;
+ var y0 = layout.y0;
+ var y = layout.y;
+
+ points0.push([x, y0]);
+ points1.push([x, y0 + y]);
+
+ color = data.getItemVisual(indices[j], 'color');
+ }
+
+ var polygon;
+ var text;
+ var textLayout = data.getItemLayout(indices[0]);
+ var itemModel = data.getItemModel(indices[j - 1]);
+ var labelModel = itemModel.getModel('label');
+ var margin = labelModel.get('margin');
+ if (status === 'add') {
+ var layerGroup = newLayersGroups[idx] = new Group();
+ polygon = new Polygon$1({
+ shape: {
+ points: points0,
+ stackedOnPoints: points1,
+ smooth: 0.4,
+ stackedOnSmooth: 0.4,
+ smoothConstraint: false
+ },
+ z2: 0
+ });
+ text = new Text({
+ style: {
+ x: textLayout.x - margin,
+ y: textLayout.y0 + textLayout.y / 2
+ }
+ });
+ layerGroup.add(polygon);
+ layerGroup.add(text);
+ group.add(layerGroup);
+
+ polygon.setClipPath(createGridClipShape$2(polygon.getBoundingRect(), seriesModel, function () {
+ polygon.removeClipPath();
+ }));
+ }
+ else {
+ var layerGroup = oldLayersGroups[oldIdx];
+ polygon = layerGroup.childAt(0);
+ text = layerGroup.childAt(1);
+ group.add(layerGroup);
+
+ newLayersGroups[idx] = layerGroup;
+
+ updateProps(polygon, {
+ shape: {
+ points: points0,
+ stackedOnPoints: points1
+ }
+ }, seriesModel);
+
+ updateProps(text, {
+ style: {
+ x: textLayout.x - margin,
+ y: textLayout.y0 + textLayout.y / 2
+ }
+ }, seriesModel);
+ }
+
+ var hoverItemStyleModel = itemModel.getModel('emphasis.itemStyle');
+ var itemStyleModel = itemModel.getModel('itemStyle');
+
+ setTextStyle(text.style, labelModel, {
+ text: labelModel.get('show')
+ ? seriesModel.getFormattedLabel(indices[j - 1], 'normal')
+ || data.getName(indices[j - 1])
+ : null,
+ textVerticalAlign: 'middle'
+ });
+
+ polygon.setStyle(extend({
+ fill: color
+ }, itemStyleModel.getItemStyle(['color'])));
+
+ setHoverStyle(polygon, hoverItemStyleModel.getItemStyle());
+ }
+
+ this._layersSeries = layerSeries;
+ this._layers = newLayersGroups;
+ },
+
+ dispose: function () {}
+});
+
+// add animation to the view
+function createGridClipShape$2(rect, seriesModel, cb) {
+ var rectEl = new Rect({
+ shape: {
+ x: rect.x - 10,
+ y: rect.y - 10,
+ width: 0,
+ height: rect.height + 20
+ }
+ });
+ initProps(rectEl, {
+ shape: {
+ width: rect.width + 20,
+ height: rect.height + 20
+ }
+ }, seriesModel, cb);
+
+ return rectEl;
+}
+
+/*
+* 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.
+*/
+
+var themeRiverLayout = function (ecModel, api) {
+
+ ecModel.eachSeriesByType('themeRiver', function (seriesModel) {
+
+ var data = seriesModel.getData();
+
+ var single = seriesModel.coordinateSystem;
+
+ var layoutInfo = {};
+
+ // use the axis boundingRect for view
+ var rect = single.getRect();
+
+ layoutInfo.rect = rect;
+
+ var boundaryGap = seriesModel.get('boundaryGap');
+
+ var axis = single.getAxis();
+
+ layoutInfo.boundaryGap = boundaryGap;
+
+ if (axis.orient === 'horizontal') {
+ boundaryGap[0] = parsePercent$1(boundaryGap[0], rect.height);
+ boundaryGap[1] = parsePercent$1(boundaryGap[1], rect.height);
+ var height = rect.height - boundaryGap[0] - boundaryGap[1];
+ themeRiverLayout$1(data, seriesModel, height);
+ }
+ else {
+ boundaryGap[0] = parsePercent$1(boundaryGap[0], rect.width);
+ boundaryGap[1] = parsePercent$1(boundaryGap[1], rect.width);
+ var width = rect.width - boundaryGap[0] - boundaryGap[1];
+ themeRiverLayout$1(data, seriesModel, width);
+ }
+
+ data.setLayout('layoutInfo', layoutInfo);
+ });
+};
+
+/**
+ * The layout information about themeriver
+ *
+ * @param {module:echarts/data/List} data data in the series
+ * @param {module:echarts/model/Series} seriesModel the model object of themeRiver series
+ * @param {number} height value used to compute every series height
+ */
+function themeRiverLayout$1(data, seriesModel, height) {
+ if (!data.count()) {
+ return;
+ }
+ var coordSys = seriesModel.coordinateSystem;
+ // the data in each layer are organized into a series.
+ var layerSeries = seriesModel.getLayerSeries();
+
+ // the points in each layer.
+ var timeDim = data.mapDimension('single');
+ var valueDim = data.mapDimension('value');
+ var layerPoints = map(layerSeries, function (singleLayer) {
+ return map(singleLayer.indices, function (idx) {
+ var pt = coordSys.dataToPoint(data.get(timeDim, idx));
+ pt[1] = data.get(valueDim, idx);
+ return pt;
+ });
+ });
+
+ var base = computeBaseline(layerPoints);
+ var baseLine = base.y0;
+ var ky = height / base.max;
+
+ // set layout information for each item.
+ var n = layerSeries.length;
+ var m = layerSeries[0].indices.length;
+ var baseY0;
+ for (var j = 0; j < m; ++j) {
+ baseY0 = baseLine[j] * ky;
+ data.setItemLayout(layerSeries[0].indices[j], {
+ layerIndex: 0,
+ x: layerPoints[0][j][0],
+ y0: baseY0,
+ y: layerPoints[0][j][1] * ky
+ });
+ for (var i = 1; i < n; ++i) {
+ baseY0 += layerPoints[i - 1][j][1] * ky;
+ data.setItemLayout(layerSeries[i].indices[j], {
+ layerIndex: i,
+ x: layerPoints[i][j][0],
+ y0: baseY0,
+ y: layerPoints[i][j][1] * ky
+ });
+ }
+ }
+}
+
+/**
+ * Compute the baseLine of the rawdata
+ * Inspired by Lee Byron's paper Stacked Graphs - Geometry & Aesthetics
+ *
+ * @param {Array.<Array>} data the points in each layer
+ * @return {Object}
+ */
+function computeBaseline(data) {
+ var layerNum = data.length;
+ var pointNum = data[0].length;
+ var sums = [];
+ var y0 = [];
+ var max = 0;
+ var temp;
+ var base = {};
+
+ for (var i = 0; i < pointNum; ++i) {
+ for (var j = 0, temp = 0; j < layerNum; ++j) {
+ temp += data[j][i][1];
+ }
+ if (temp > max) {
+ max = temp;
+ }
+ sums.push(temp);
+ }
+
+ for (var k = 0; k < pointNum; ++k) {
+ y0[k] = (max - sums[k]) / 2;
+ }
+ max = 0;
+
+ for (var l = 0; l < pointNum; ++l) {
+ var sum = sums[l] + y0[l];
+ if (sum > max) {
+ max = sum;
+ }
+ }
+ base.y0 = y0;
+ base.max = max;
+
+ return base;
+}
+
+/*
+* 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.
+*/
+
+var themeRiverVisual = function (ecModel) {
+ ecModel.eachSeriesByType('themeRiver', function (seriesModel) {
+ var data = seriesModel.getData();
+ var rawData = seriesModel.getRawData();
+ var colorList = seriesModel.get('color');
+ var idxMap = createHashMap();
+
+ data.each(function (idx) {
+ idxMap.set(data.getRawIndex(idx), idx);
+ });
+
+ rawData.each(function (rawIndex) {
+ var name = rawData.getName(rawIndex);
+ var color = colorList[(seriesModel.nameMap.get(name) - 1) % colorList.length];
+
+ rawData.setItemVisual(rawIndex, 'color', color);
+
+ var idx = idxMap.get(rawIndex);
+
+ if (idx != null) {
+ data.setItemVisual(idx, 'color', color);
+ }
+ });
+ });
+};
+
+/*
+* 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.
+*/
+
+registerLayout(themeRiverLayout);
+registerVisual(themeRiverVisual);
+registerProcessor(dataFilter('themeRiver'));
+
+/*
+* 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.
+*/
+
+SeriesModel.extend({
+
+ type: 'series.sunburst',
+
+ /**
+ * @type {module:echarts/data/Tree~Node}
+ */
+ _viewRoot: null,
+
+ getInitialData: function (option, ecModel) {
+ // Create a virtual root.
+ var root = { name: option.name, children: option.data };
+
+ completeTreeValue$1(root);
+
+ var levels = option.levels || [];
+
+ // levels = option.levels = setDefault(levels, ecModel);
+
+ var treeOption = {};
+
+ treeOption.levels = levels;
+
+ // Make sure always a new tree is created when setOption,
+ // in TreemapView, we check whether oldTree === newTree
+ // to choose mappings approach among old shapes and new shapes.
+ return Tree.createTree(root, this, treeOption).data;
+ },
+
+ optionUpdated: function () {
+ this.resetViewRoot();
+ },
+
+ /*
+ * @override
+ */
+ getDataParams: function (dataIndex) {
+ var params = SeriesModel.prototype.getDataParams.apply(this, arguments);
+
+ var node = this.getData().tree.getNodeByDataIndex(dataIndex);
+ params.treePathInfo = wrapTreePathInfo(node, this);
+
+ return params;
+ },
+
+ defaultOption: {
+ zlevel: 0,
+ z: 2,
+
+ // 榛樿鍏ㄥ眬灞呬腑
+ center: ['50%', '50%'],
+ radius: [0, '75%'],
+ // 榛樿椤烘椂閽�
+ clockwise: true,
+ startAngle: 90,
+ // 鏈�灏忚搴︽敼涓�0
+ minAngle: 0,
+
+ percentPrecision: 2,
+
+ // If still show when all data zero.
+ stillShowZeroSum: true,
+
+ // Policy of highlighting pieces when hover on one
+ // Valid values: 'none' (for not downplay others), 'descendant',
+ // 'ancestor', 'self'
+ highlightPolicy: 'descendant',
+
+ // 'rootToNode', 'link', or false
+ nodeClick: 'rootToNode',
+
+ renderLabelForZeroData: false,
+
+ label: {
+ // could be: 'radial', 'tangential', or 'none'
+ rotate: 'radial',
+ show: true,
+ opacity: 1,
+ // 'left' is for inner side of inside, and 'right' is for outter
+ // side for inside
+ align: 'center',
+ position: 'inside',
+ distance: 5,
+ silent: true
+ },
+ itemStyle: {
+ borderWidth: 1,
+ borderColor: 'white',
+ borderType: 'solid',
+ shadowBlur: 0,
+ shadowColor: 'rgba(0, 0, 0, 0.2)',
+ shadowOffsetX: 0,
+ shadowOffsetY: 0,
+ opacity: 1
+ },
+ highlight: {
+ itemStyle: {
+ opacity: 1
+ }
+ },
+ downplay: {
+ itemStyle: {
+ opacity: 0.5
+ },
+ label: {
+ opacity: 0.6
+ }
+ },
+
+ // Animation type canbe expansion, scale
+ animationType: 'expansion',
+ animationDuration: 1000,
+ animationDurationUpdate: 500,
+ animationEasing: 'cubicOut',
+
+ data: [],
+
+ levels: [],
+
+ /**
+ * Sort order.
+ *
+ * Valid values: 'desc', 'asc', null, or callback function.
+ * 'desc' and 'asc' for descend and ascendant order;
+ * null for not sorting;
+ * example of callback function:
+ * function(nodeA, nodeB) {
+ * return nodeA.getValue() - nodeB.getValue();
+ * }
+ */
+ sort: 'desc'
+ },
+
+ getViewRoot: function () {
+ return this._viewRoot;
+ },
+
+ /**
+ * @param {module:echarts/data/Tree~Node} [viewRoot]
+ */
+ resetViewRoot: function (viewRoot) {
+ viewRoot
+ ? (this._viewRoot = viewRoot)
+ : (viewRoot = this._viewRoot);
+
+ var root = this.getRawData().tree.root;
+
+ if (!viewRoot
+ || (viewRoot !== root && !root.contains(viewRoot))
+ ) {
+ this._viewRoot = root;
+ }
+ }
+});
+
+
+
+/**
+ * @param {Object} dataNode
+ */
+function completeTreeValue$1(dataNode) {
+ // Postorder travel tree.
+ // If value of none-leaf node is not set,
+ // calculate it by suming up the value of all children.
+ var sum = 0;
+
+ each$1(dataNode.children, function (child) {
+
+ completeTreeValue$1(child);
+
+ var childValue = child.value;
+ isArray(childValue) && (childValue = childValue[0]);
+
+ sum += childValue;
+ });
+
+ var thisValue = dataNode.value;
+ if (isArray(thisValue)) {
+ thisValue = thisValue[0];
+ }
+
+ if (thisValue == null || isNaN(thisValue)) {
+ thisValue = sum;
+ }
+ // Value should not less than 0.
+ if (thisValue < 0) {
+ thisValue = 0;
+ }
+
+ isArray(dataNode.value)
+ ? (dataNode.value[0] = thisValue)
+ : (dataNode.value = thisValue);
+}
+
+/*
+* 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.
+*/
+
+var NodeHighlightPolicy = {
+ NONE: 'none', // not downplay others
+ DESCENDANT: 'descendant',
+ ANCESTOR: 'ancestor',
+ SELF: 'self'
+};
+
+var DEFAULT_SECTOR_Z = 2;
+var DEFAULT_TEXT_Z = 4;
+
+/**
+ * Sunburstce of Sunburst including Sector, Label, LabelLine
+ * @constructor
+ * @extends {module:zrender/graphic/Group}
+ */
+function SunburstPiece(node, seriesModel, ecModel) {
+
+ Group.call(this);
+
+ var sector = new Sector({
+ z2: DEFAULT_SECTOR_Z
+ });
+ sector.seriesIndex = seriesModel.seriesIndex;
+
+ var text = new Text({
+ z2: DEFAULT_TEXT_Z,
+ silent: node.getModel('label').get('silent')
+ });
+ this.add(sector);
+ this.add(text);
+
+ this.updateData(true, node, 'normal', seriesModel, ecModel);
+
+ // Hover to change label and labelLine
+ function onEmphasis() {
+ text.ignore = text.hoverIgnore;
+ }
+ function onNormal() {
+ text.ignore = text.normalIgnore;
+ }
+ this.on('emphasis', onEmphasis)
+ .on('normal', onNormal)
+ .on('mouseover', onEmphasis)
+ .on('mouseout', onNormal);
+}
+
+var SunburstPieceProto = SunburstPiece.prototype;
+
+SunburstPieceProto.updateData = function (
+ firstCreate,
+ node,
+ state,
+ seriesModel,
+ ecModel
+) {
+ this.node = node;
+ node.piece = this;
+
+ seriesModel = seriesModel || this._seriesModel;
+ ecModel = ecModel || this._ecModel;
+
+ var sector = this.childAt(0);
+ sector.dataIndex = node.dataIndex;
+
+ var itemModel = node.getModel();
+ var layout = node.getLayout();
+ // if (!layout) {
+ // console.log(node.getLayout());
+ // }
+ var sectorShape = extend({}, layout);
+ sectorShape.label = null;
+
+ var visualColor = getNodeColor(node, seriesModel, ecModel);
+
+ fillDefaultColor(node, seriesModel, visualColor);
+
+ var normalStyle = itemModel.getModel('itemStyle').getItemStyle();
+ var style;
+ if (state === 'normal') {
+ style = normalStyle;
+ }
+ else {
+ var stateStyle = itemModel.getModel(state + '.itemStyle')
+ .getItemStyle();
+ style = merge(stateStyle, normalStyle);
+ }
+ style = defaults(
+ {
+ lineJoin: 'bevel',
+ fill: style.fill || visualColor
+ },
+ style
+ );
+
+ if (firstCreate) {
+ sector.setShape(sectorShape);
+ sector.shape.r = layout.r0;
+ updateProps(
+ sector,
+ {
+ shape: {
+ r: layout.r
+ }
+ },
+ seriesModel,
+ node.dataIndex
+ );
+ sector.useStyle(style);
+ }
+ else if (typeof style.fill === 'object' && style.fill.type
+ || typeof sector.style.fill === 'object' && sector.style.fill.type
+ ) {
+ // Disable animation for gradient since no interpolation method
+ // is supported for gradient
+ updateProps(sector, {
+ shape: sectorShape
+ }, seriesModel);
+ sector.useStyle(style);
+ }
+ else {
+ updateProps(sector, {
+ shape: sectorShape,
+ style: style
+ }, seriesModel);
+ }
+
+ this._updateLabel(seriesModel, visualColor, state);
+
+ var cursorStyle = itemModel.getShallow('cursor');
+ cursorStyle && sector.attr('cursor', cursorStyle);
+
+ if (firstCreate) {
+ var highlightPolicy = seriesModel.getShallow('highlightPolicy');
+ this._initEvents(sector, node, seriesModel, highlightPolicy);
+ }
+
+ this._seriesModel = seriesModel || this._seriesModel;
+ this._ecModel = ecModel || this._ecModel;
+
+ setHoverStyle(this);
+};
+
+SunburstPieceProto.onEmphasis = function (highlightPolicy) {
+ var that = this;
+ this.node.hostTree.root.eachNode(function (n) {
+ if (n.piece) {
+ if (that.node === n) {
+ n.piece.updateData(false, n, 'emphasis');
+ }
+ else if (isNodeHighlighted(n, that.node, highlightPolicy)) {
+ n.piece.childAt(0).trigger('highlight');
+ }
+ else if (highlightPolicy !== NodeHighlightPolicy.NONE) {
+ n.piece.childAt(0).trigger('downplay');
+ }
+ }
+ });
+};
+
+SunburstPieceProto.onNormal = function () {
+ this.node.hostTree.root.eachNode(function (n) {
+ if (n.piece) {
+ n.piece.updateData(false, n, 'normal');
+ }
+ });
+};
+
+SunburstPieceProto.onHighlight = function () {
+ this.updateData(false, this.node, 'highlight');
+};
+
+SunburstPieceProto.onDownplay = function () {
+ this.updateData(false, this.node, 'downplay');
+};
+
+SunburstPieceProto._updateLabel = function (seriesModel, visualColor, state) {
+ var itemModel = this.node.getModel();
+ var normalModel = itemModel.getModel('label');
+ var labelModel = state === 'normal' || state === 'emphasis'
+ ? normalModel
+ : itemModel.getModel(state + '.label');
+ var labelHoverModel = itemModel.getModel('emphasis.label');
+
+ var text = retrieve(
+ seriesModel.getFormattedLabel(
+ this.node.dataIndex, state, null, null, 'label'
+ ),
+ this.node.name
+ );
+ if (getLabelAttr('show') === false) {
+ text = '';
+ }
+
+ var layout = this.node.getLayout();
+ var labelMinAngle = labelModel.get('minAngle');
+ if (labelMinAngle == null) {
+ labelMinAngle = normalModel.get('minAngle');
+ }
+ labelMinAngle = labelMinAngle / 180 * Math.PI;
+ var angle = layout.endAngle - layout.startAngle;
+ if (labelMinAngle != null && Math.abs(angle) < labelMinAngle) {
+ // Not displaying text when angle is too small
+ text = '';
+ }
+
+ var label = this.childAt(1);
+
+ setLabelStyle(
+ label.style, label.hoverStyle || {}, normalModel, labelHoverModel,
+ {
+ defaultText: labelModel.getShallow('show') ? text : null,
+ autoColor: visualColor,
+ useInsideStyle: true
+ }
+ );
+
+ var midAngle = (layout.startAngle + layout.endAngle) / 2;
+ var dx = Math.cos(midAngle);
+ var dy = Math.sin(midAngle);
+
+ var r;
+ var labelPosition = getLabelAttr('position');
+ var labelPadding = getLabelAttr('distance') || 0;
+ var textAlign = getLabelAttr('align');
+ if (labelPosition === 'outside') {
+ r = layout.r + labelPadding;
+ textAlign = midAngle > Math.PI / 2 ? 'right' : 'left';
+ }
+ else {
+ if (!textAlign || textAlign === 'center') {
+ r = (layout.r + layout.r0) / 2;
+ textAlign = 'center';
+ }
+ else if (textAlign === 'left') {
+ r = layout.r0 + labelPadding;
+ if (midAngle > Math.PI / 2) {
+ textAlign = 'right';
+ }
+ }
+ else if (textAlign === 'right') {
+ r = layout.r - labelPadding;
+ if (midAngle > Math.PI / 2) {
+ textAlign = 'left';
+ }
+ }
+ }
+
+ label.attr('style', {
+ text: text,
+ textAlign: textAlign,
+ textVerticalAlign: getLabelAttr('verticalAlign') || 'middle',
+ opacity: getLabelAttr('opacity')
+ });
+
+ var textX = r * dx + layout.cx;
+ var textY = r * dy + layout.cy;
+ label.attr('position', [textX, textY]);
+
+ var rotateType = getLabelAttr('rotate');
+ var rotate = 0;
+ if (rotateType === 'radial') {
+ rotate = -midAngle;
+ if (rotate < -Math.PI / 2) {
+ rotate += Math.PI;
+ }
+ }
+ else if (rotateType === 'tangential') {
+ rotate = Math.PI / 2 - midAngle;
+ if (rotate > Math.PI / 2) {
+ rotate -= Math.PI;
+ }
+ else if (rotate < -Math.PI / 2) {
+ rotate += Math.PI;
+ }
+ }
+ else if (typeof rotateType === 'number') {
+ rotate = rotateType * Math.PI / 180;
+ }
+ label.attr('rotation', rotate);
+
+ function getLabelAttr(name) {
+ var stateAttr = labelModel.get(name);
+ if (stateAttr == null) {
+ return normalModel.get(name);
+ }
+ else {
+ return stateAttr;
+ }
+ }
+};
+
+SunburstPieceProto._initEvents = function (
+ sector,
+ node,
+ seriesModel,
+ highlightPolicy
+) {
+ sector.off('mouseover').off('mouseout').off('emphasis').off('normal');
+
+ var that = this;
+ var onEmphasis = function () {
+ that.onEmphasis(highlightPolicy);
+ };
+ var onNormal = function () {
+ that.onNormal();
+ };
+ var onDownplay = function () {
+ that.onDownplay();
+ };
+ var onHighlight = function () {
+ that.onHighlight();
+ };
+
+ if (seriesModel.isAnimationEnabled()) {
+ sector
+ .on('mouseover', onEmphasis)
+ .on('mouseout', onNormal)
+ .on('emphasis', onEmphasis)
+ .on('normal', onNormal)
+ .on('downplay', onDownplay)
+ .on('highlight', onHighlight);
+ }
+};
+
+inherits(SunburstPiece, Group);
+
+/**
+ * Get node color
+ *
+ * @param {TreeNode} node the node to get color
+ * @param {module:echarts/model/Series} seriesModel series
+ * @param {module:echarts/model/Global} ecModel echarts defaults
+ */
+function getNodeColor(node, seriesModel, ecModel) {
+ // Color from visualMap
+ var visualColor = node.getVisual('color');
+ var visualMetaList = node.getVisual('visualMeta');
+ if (!visualMetaList || visualMetaList.length === 0) {
+ // Use first-generation color if has no visualMap
+ visualColor = null;
+ }
+
+ // Self color or level color
+ var color = node.getModel('itemStyle').get('color');
+ if (color) {
+ return color;
+ }
+ else if (visualColor) {
+ // Color mapping
+ return visualColor;
+ }
+ else if (node.depth === 0) {
+ // Virtual root node
+ return ecModel.option.color[0];
+ }
+ else {
+ // First-generation color
+ var length = ecModel.option.color.length;
+ color = ecModel.option.color[getRootId(node) % length];
+ }
+ return color;
+}
+
+/**
+ * Get index of root in sorted order
+ *
+ * @param {TreeNode} node current node
+ * @return {number} index in root
+ */
+function getRootId(node) {
+ var ancestor = node;
+ while (ancestor.depth > 1) {
+ ancestor = ancestor.parentNode;
+ }
+
+ var virtualRoot = node.getAncestors()[0];
+ return indexOf(virtualRoot.children, ancestor);
+}
+
+function isNodeHighlighted(node, activeNode, policy) {
+ if (policy === NodeHighlightPolicy.NONE) {
+ return false;
+ }
+ else if (policy === NodeHighlightPolicy.SELF) {
+ return node === activeNode;
+ }
+ else if (policy === NodeHighlightPolicy.ANCESTOR) {
+ return node === activeNode || node.isAncestorOf(activeNode);
+ }
+ else {
+ return node === activeNode || node.isDescendantOf(activeNode);
+ }
+}
+
+// Fix tooltip callback function params.color incorrect when pick a default color
+function fillDefaultColor(node, seriesModel, color) {
+ var data = seriesModel.getData();
+ data.setItemVisual(node.dataIndex, 'color', color);
+}
+
+/*
+* 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.
+*/
+
+var ROOT_TO_NODE_ACTION = 'sunburstRootToNode';
+
+var SunburstView = Chart.extend({
+
+ type: 'sunburst',
+
+ init: function () {
+ },
+
+ render: function (seriesModel, ecModel, api, payload) {
+ var that = this;
+
+ this.seriesModel = seriesModel;
+ this.api = api;
+ this.ecModel = ecModel;
+
+ var data = seriesModel.getData();
+ var virtualRoot = data.tree.root;
+
+ var newRoot = seriesModel.getViewRoot();
+
+ var group = this.group;
+
+ var renderLabelForZeroData = seriesModel.get('renderLabelForZeroData');
+
+ var newChildren = [];
+ newRoot.eachNode(function (node) {
+ newChildren.push(node);
+ });
+ var oldChildren = this._oldChildren || [];
+
+ dualTravel(newChildren, oldChildren);
+
+ renderRollUp(virtualRoot, newRoot);
+
+ if (payload && payload.highlight && payload.highlight.piece) {
+ var highlightPolicy = seriesModel.getShallow('highlightPolicy');
+ payload.highlight.piece.onEmphasis(highlightPolicy);
+ }
+ else if (payload && payload.unhighlight) {
+ var piece = this.virtualPiece;
+ if (!piece && virtualRoot.children.length) {
+ piece = virtualRoot.children[0].piece;
+ }
+ if (piece) {
+ piece.onNormal();
+ }
+ }
+
+ this._initEvents();
+
+ this._oldChildren = newChildren;
+
+ function dualTravel(newChildren, oldChildren) {
+ if (newChildren.length === 0 && oldChildren.length === 0) {
+ return;
+ }
+
+ new DataDiffer(oldChildren, newChildren, getKey, getKey)
+ .add(processNode)
+ .update(processNode)
+ .remove(curry(processNode, null))
+ .execute();
+
+ function getKey(node) {
+ return node.getId();
+ }
+
+ function processNode(newId, oldId) {
+ var newNode = newId == null ? null : newChildren[newId];
+ var oldNode = oldId == null ? null : oldChildren[oldId];
+
+ doRenderNode(newNode, oldNode);
+ }
+ }
+
+ function doRenderNode(newNode, oldNode) {
+ if (!renderLabelForZeroData && newNode && !newNode.getValue()) {
+ // Not render data with value 0
+ newNode = null;
+ }
+
+ if (newNode !== virtualRoot && oldNode !== virtualRoot) {
+ if (oldNode && oldNode.piece) {
+ if (newNode) {
+ // Update
+ oldNode.piece.updateData(
+ false, newNode, 'normal', seriesModel, ecModel);
+
+ // For tooltip
+ data.setItemGraphicEl(newNode.dataIndex, oldNode.piece);
+ }
+ else {
+ // Remove
+ removeNode(oldNode);
+ }
+ }
+ else if (newNode) {
+ // Add
+ var piece = new SunburstPiece(
+ newNode,
+ seriesModel,
+ ecModel
+ );
+ group.add(piece);
+
+ // For tooltip
+ data.setItemGraphicEl(newNode.dataIndex, piece);
+ }
+ }
+ }
+
+ function removeNode(node) {
+ if (!node) {
+ return;
+ }
+
+ if (node.piece) {
+ group.remove(node.piece);
+ node.piece = null;
+ }
+ }
+
+ function renderRollUp(virtualRoot, viewRoot) {
+ if (viewRoot.depth > 0) {
+ // Render
+ if (that.virtualPiece) {
+ // Update
+ that.virtualPiece.updateData(
+ false, virtualRoot, 'normal', seriesModel, ecModel);
+ }
+ else {
+ // Add
+ that.virtualPiece = new SunburstPiece(
+ virtualRoot,
+ seriesModel,
+ ecModel
+ );
+ group.add(that.virtualPiece);
+ }
+
+ if (viewRoot.piece._onclickEvent) {
+ viewRoot.piece.off('click', viewRoot.piece._onclickEvent);
+ }
+ var event = function (e) {
+ that._rootToNode(viewRoot.parentNode);
+ };
+ viewRoot.piece._onclickEvent = event;
+ that.virtualPiece.on('click', event);
+ }
+ else if (that.virtualPiece) {
+ // Remove
+ group.remove(that.virtualPiece);
+ that.virtualPiece = null;
+ }
+ }
+ },
+
+ dispose: function () {
+ },
+
+ /**
+ * @private
+ */
+ _initEvents: function () {
+ var that = this;
+
+ var event = function (e) {
+ var targetFound = false;
+ var viewRoot = that.seriesModel.getViewRoot();
+ viewRoot.eachNode(function (node) {
+ if (!targetFound
+ && node.piece && node.piece.childAt(0) === e.target
+ ) {
+ var nodeClick = node.getModel().get('nodeClick');
+ if (nodeClick === 'rootToNode') {
+ that._rootToNode(node);
+ }
+ else if (nodeClick === 'link') {
+ var itemModel = node.getModel();
+ var link = itemModel.get('link');
+ if (link) {
+ var linkTarget = itemModel.get('target', true)
+ || '_blank';
+ windowOpen(link, linkTarget);
+ }
+ }
+ targetFound = true;
+ }
+ });
+ };
+
+ if (this.group._onclickEvent) {
+ this.group.off('click', this.group._onclickEvent);
+ }
+ this.group.on('click', event);
+ this.group._onclickEvent = event;
+ },
+
+ /**
+ * @private
+ */
+ _rootToNode: function (node) {
+ if (node !== this.seriesModel.getViewRoot()) {
+ this.api.dispatchAction({
+ type: ROOT_TO_NODE_ACTION,
+ from: this.uid,
+ seriesId: this.seriesModel.id,
+ targetNode: node
+ });
+ }
+ },
+
+ /**
+ * @implement
+ */
+ containPoint: function (point, seriesModel) {
+ var treeRoot = seriesModel.getData();
+ var itemLayout = treeRoot.getItemLayout(0);
+ if (itemLayout) {
+ var dx = point[0] - itemLayout.cx;
+ var dy = point[1] - itemLayout.cy;
+ var radius = Math.sqrt(dx * dx + dy * dy);
+ return radius <= itemLayout.r && radius >= itemLayout.r0;
+ }
+ }
+
+});
+
+/*
+* 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.
+*/
+
+/**
+ * @file Sunburst action
+ */
+
+var ROOT_TO_NODE_ACTION$1 = 'sunburstRootToNode';
+
+registerAction(
+ {type: ROOT_TO_NODE_ACTION$1, update: 'updateView'},
+ function (payload, ecModel) {
+
+ ecModel.eachComponent(
+ {mainType: 'series', subType: 'sunburst', query: payload},
+ handleRootToNode
+ );
+
+ function handleRootToNode(model, index) {
+ var targetInfo = retrieveTargetInfo(payload, [ROOT_TO_NODE_ACTION$1], model);
+
+ if (targetInfo) {
+ var originViewRoot = model.getViewRoot();
+ if (originViewRoot) {
+ payload.direction = aboveViewRoot(originViewRoot, targetInfo.node)
+ ? 'rollUp' : 'drillDown';
+ }
+ model.resetViewRoot(targetInfo.node);
+ }
+ }
+ }
+);
+
+
+var HIGHLIGHT_ACTION = 'sunburstHighlight';
+
+registerAction(
+ {type: HIGHLIGHT_ACTION, update: 'updateView'},
+ function (payload, ecModel) {
+
+ ecModel.eachComponent(
+ {mainType: 'series', subType: 'sunburst', query: payload},
+ handleHighlight
+ );
+
+ function handleHighlight(model, index) {
+ var targetInfo = retrieveTargetInfo(payload, [HIGHLIGHT_ACTION], model);
+
+ if (targetInfo) {
+ payload.highlight = targetInfo.node;
+ }
+ }
+ }
+);
+
+
+var UNHIGHLIGHT_ACTION = 'sunburstUnhighlight';
+
+registerAction(
+ {type: UNHIGHLIGHT_ACTION, update: 'updateView'},
+ function (payload, ecModel) {
+
+ ecModel.eachComponent(
+ {mainType: 'series', subType: 'sunburst', query: payload},
+ handleUnhighlight
+ );
+
+ function handleUnhighlight(model, index) {
+ payload.unhighlight = true;
+ }
+ }
+);
+
+/*
+* 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.
+*/
+
+
+// var PI2 = Math.PI * 2;
+var RADIAN$2 = Math.PI / 180;
+
+var sunburstLayout = function (seriesType, ecModel, api, payload) {
+ ecModel.eachSeriesByType(seriesType, function (seriesModel) {
+ var center = seriesModel.get('center');
+ var radius = seriesModel.get('radius');
+
+ if (!isArray(radius)) {
+ radius = [0, radius];
+ }
+ if (!isArray(center)) {
+ center = [center, center];
+ }
+
+ var width = api.getWidth();
+ var height = api.getHeight();
+ var size = Math.min(width, height);
+ var cx = parsePercent$1(center[0], width);
+ var cy = parsePercent$1(center[1], height);
+ var r0 = parsePercent$1(radius[0], size / 2);
+ var r = parsePercent$1(radius[1], size / 2);
+
+ var startAngle = -seriesModel.get('startAngle') * RADIAN$2;
+ var minAngle = seriesModel.get('minAngle') * RADIAN$2;
+
+ var virtualRoot = seriesModel.getData().tree.root;
+ var treeRoot = seriesModel.getViewRoot();
+ var rootDepth = treeRoot.depth;
+
+ var sort = seriesModel.get('sort');
+ if (sort != null) {
+ initChildren$1(treeRoot, sort);
+ }
+
+ var validDataCount = 0;
+ each$1(treeRoot.children, function (child) {
+ !isNaN(child.getValue()) && validDataCount++;
+ });
+
+ var sum = treeRoot.getValue();
+ // Sum may be 0
+ var unitRadian = Math.PI / (sum || validDataCount) * 2;
+
+ var renderRollupNode = treeRoot.depth > 0;
+ var levels = treeRoot.height - (renderRollupNode ? -1 : 1);
+ var rPerLevel = (r - r0) / (levels || 1);
+
+ var clockwise = seriesModel.get('clockwise');
+
+ var stillShowZeroSum = seriesModel.get('stillShowZeroSum');
+
+ // In the case some sector angle is smaller than minAngle
+ // var restAngle = PI2;
+ // var valueSumLargerThanMinAngle = 0;
+
+ var dir = clockwise ? 1 : -1;
+
+ /**
+ * Render a tree
+ * @return increased angle
+ */
+ var renderNode = function (node, startAngle) {
+ if (!node) {
+ return;
+ }
+
+ var endAngle = startAngle;
+
+ // Render self
+ if (node !== virtualRoot) {
+ // Tree node is virtual, so it doesn't need to be drawn
+ var value = node.getValue();
+
+ var angle = (sum === 0 && stillShowZeroSum)
+ ? unitRadian : (value * unitRadian);
+ if (angle < minAngle) {
+ angle = minAngle;
+ // restAngle -= minAngle;
+ }
+ // else {
+ // valueSumLargerThanMinAngle += value;
+ // }
+
+ endAngle = startAngle + dir * angle;
+
+ var depth = node.depth - rootDepth
+ - (renderRollupNode ? -1 : 1);
+ var rStart = r0 + rPerLevel * depth;
+ var rEnd = r0 + rPerLevel * (depth + 1);
+
+ var itemModel = node.getModel();
+ if (itemModel.get('r0') != null) {
+ rStart = parsePercent$1(itemModel.get('r0'), size / 2);
+ }
+ if (itemModel.get('r') != null) {
+ rEnd = parsePercent$1(itemModel.get('r'), size / 2);
+ }
+
+ node.setLayout({
+ angle: angle,
+ startAngle: startAngle,
+ endAngle: endAngle,
+ clockwise: clockwise,
+ cx: cx,
+ cy: cy,
+ r0: rStart,
+ r: rEnd
+ });
+ }
+
+ // Render children
+ if (node.children && node.children.length) {
+ // currentAngle = startAngle;
+ var siblingAngle = 0;
+ each$1(node.children, function (node) {
+ siblingAngle += renderNode(node, startAngle + siblingAngle);
+ });
+ }
+
+ return endAngle - startAngle;
+ };
+
+ // Virtual root node for roll up
+ if (renderRollupNode) {
+ var rStart = r0;
+ var rEnd = r0 + rPerLevel;
+
+ var angle = Math.PI * 2;
+ virtualRoot.setLayout({
+ angle: angle,
+ startAngle: startAngle,
+ endAngle: startAngle + angle,
+ clockwise: clockwise,
+ cx: cx,
+ cy: cy,
+ r0: rStart,
+ r: rEnd
+ });
+ }
+
+ renderNode(treeRoot, startAngle);
+ });
+};
+
+/**
+ * Init node children by order and update visual
+ *
+ * @param {TreeNode} node root node
+ * @param {boolean} isAsc if is in ascendant order
+ */
+function initChildren$1(node, isAsc) {
+ var children = node.children || [];
+
+ node.children = sort$2(children, isAsc);
+
+ // Init children recursively
+ if (children.length) {
+ each$1(node.children, function (child) {
+ initChildren$1(child, isAsc);
+ });
+ }
+}
+
+/**
+ * Sort children nodes
+ *
+ * @param {TreeNode[]} children children of node to be sorted
+ * @param {string | function | null} sort sort method
+ * See SunburstSeries.js for details.
+ */
+function sort$2(children, sortOrder) {
+ if (typeof sortOrder === 'function') {
+ return children.sort(sortOrder);
+ }
+ else {
+ var isAsc = sortOrder === 'asc';
+ return children.sort(function (a, b) {
+ var diff = (a.getValue() - b.getValue()) * (isAsc ? 1 : -1);
+ return diff === 0
+ ? (a.dataIndex - b.dataIndex) * (isAsc ? -1 : 1)
+ : diff;
+ });
+ }
+}
+
+/*
+* 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.
+*/
+
+registerVisual(curry(dataColor, 'sunburst'));
+registerLayout(curry(sunburstLayout, 'sunburst'));
+registerProcessor(curry(dataFilter, 'sunburst'));
+
+/*
+* 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 dataToCoordSize(dataSize, dataItem) {
+ // dataItem is necessary in log axis.
+ dataItem = dataItem || [0, 0];
+ return map(['x', 'y'], function (dim, dimIdx) {
+ var axis = this.getAxis(dim);
+ var val = dataItem[dimIdx];
+ var halfSize = dataSize[dimIdx] / 2;
+ return axis.type === 'category'
+ ? axis.getBandWidth()
+ : Math.abs(axis.dataToCoord(val - halfSize) - axis.dataToCoord(val + halfSize));
+ }, this);
+}
+
+var prepareCartesian2d = function (coordSys) {
+ var rect = coordSys.grid.getRect();
+ return {
+ coordSys: {
+ // The name exposed to user is always 'cartesian2d' but not 'grid'.
+ type: 'cartesian2d',
+ x: rect.x,
+ y: rect.y,
+ width: rect.width,
+ height: rect.height
+ },
+ api: {
+ coord: function (data) {
+ // do not provide "out" param
+ return coordSys.dataToPoint(data);
+ },
+ size: bind(dataToCoordSize, coordSys)
+ }
+ };
+};
+
+/*
+* 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 dataToCoordSize$1(dataSize, dataItem) {
+ dataItem = dataItem || [0, 0];
+ return map([0, 1], function (dimIdx) {
+ var val = dataItem[dimIdx];
+ var halfSize = dataSize[dimIdx] / 2;
+ var p1 = [];
+ var p2 = [];
+ p1[dimIdx] = val - halfSize;
+ p2[dimIdx] = val + halfSize;
+ p1[1 - dimIdx] = p2[1 - dimIdx] = dataItem[1 - dimIdx];
+ return Math.abs(this.dataToPoint(p1)[dimIdx] - this.dataToPoint(p2)[dimIdx]);
+ }, this);
+}
+
+var prepareGeo = function (coordSys) {
+ var rect = coordSys.getBoundingRect();
+ return {
+ coordSys: {
+ type: 'geo',
+ x: rect.x,
+ y: rect.y,
+ width: rect.width,
+ height: rect.height,
+ zoom: coordSys.getZoom()
+ },
+ api: {
+ coord: function (data) {
+ // do not provide "out" and noRoam param,
+ // Compatible with this usage:
+ // echarts.util.map(item.points, api.coord)
+ return coordSys.dataToPoint(data);
+ },
+ size: bind(dataToCoordSize$1, coordSys)
+ }
+ };
+};
+
+/*
+* 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 dataToCoordSize$2(dataSize, dataItem) {
+ // dataItem is necessary in log axis.
+ var axis = this.getAxis();
+ var val = dataItem instanceof Array ? dataItem[0] : dataItem;
+ var halfSize = (dataSize instanceof Array ? dataSize[0] : dataSize) / 2;
+ return axis.type === 'category'
+ ? axis.getBandWidth()
+ : Math.abs(axis.dataToCoord(val - halfSize) - axis.dataToCoord(val + halfSize));
+}
+
+var prepareSingleAxis = function (coordSys) {
+ var rect = coordSys.getRect();
+
+ return {
+ coordSys: {
+ type: 'singleAxis',
+ x: rect.x,
+ y: rect.y,
+ width: rect.width,
+ height: rect.height
+ },
+ api: {
+ coord: function (val) {
+ // do not provide "out" param
+ return coordSys.dataToPoint(val);
+ },
+ size: bind(dataToCoordSize$2, coordSys)
+ }
+ };
+};
+
+/*
+* 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 dataToCoordSize$3(dataSize, dataItem) {
+ // dataItem is necessary in log axis.
+ return map(['Radius', 'Angle'], function (dim, dimIdx) {
+ var axis = this['get' + dim + 'Axis']();
+ var val = dataItem[dimIdx];
+ var halfSize = dataSize[dimIdx] / 2;
+ var method = 'dataTo' + dim;
+
+ var result = axis.type === 'category'
+ ? axis.getBandWidth()
+ : Math.abs(axis[method](val - halfSize) - axis[method](val + halfSize));
+
+ if (dim === 'Angle') {
+ result = result * Math.PI / 180;
+ }
+
+ return result;
+
+ }, this);
+}
+
+var preparePolar = function (coordSys) {
+ var radiusAxis = coordSys.getRadiusAxis();
+ var angleAxis = coordSys.getAngleAxis();
+ var radius = radiusAxis.getExtent();
+ radius[0] > radius[1] && radius.reverse();
+
+ return {
+ coordSys: {
+ type: 'polar',
+ cx: coordSys.cx,
+ cy: coordSys.cy,
+ r: radius[1],
+ r0: radius[0]
+ },
+ api: {
+ coord: bind(function (data) {
+ var radius = radiusAxis.dataToRadius(data[0]);
+ var angle = angleAxis.dataToAngle(data[1]);
+ var coord = coordSys.coordToPoint([radius, angle]);
+ coord.push(radius, angle * Math.PI / 180);
+ return coord;
+ }),
+ size: bind(dataToCoordSize$3, coordSys)
+ }
+ };
+};
+
+/*
+* 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.
+*/
+
+var prepareCalendar = function (coordSys) {
+ var rect = coordSys.getRect();
+ var rangeInfo = coordSys.getRangeInfo();
+
+ return {
+ coordSys: {
+ type: 'calendar',
+ x: rect.x,
+ y: rect.y,
+ width: rect.width,
+ height: rect.height,
+ cellWidth: coordSys.getCellWidth(),
+ cellHeight: coordSys.getCellHeight(),
+ rangeInfo: {
+ start: rangeInfo.start,
+ end: rangeInfo.end,
+ weeks: rangeInfo.weeks,
+ dayCount: rangeInfo.allDay
+ }
+ },
+ api: {
+ coord: function (data, clamp) {
+ return coordSys.dataToPoint(data, clamp);
+ }
+ }
+ };
+};
+
+/*
+* 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.
+*/
+
+var CACHED_LABEL_STYLE_PROPERTIES$1 = CACHED_LABEL_STYLE_PROPERTIES;
+var ITEM_STYLE_NORMAL_PATH = ['itemStyle'];
+var ITEM_STYLE_EMPHASIS_PATH = ['emphasis', 'itemStyle'];
+var LABEL_NORMAL = ['label'];
+var LABEL_EMPHASIS = ['emphasis', 'label'];
+// Use prefix to avoid index to be the same as el.name,
+// which will cause weird udpate animation.
+var GROUP_DIFF_PREFIX = 'e\0\0';
+
+
+/**
+ * To reduce total package size of each coordinate systems, the modules `prepareCustom`
+ * of each coordinate systems are not required by each coordinate systems directly, but
+ * required by the module `custom`.
+ *
+ * prepareInfoForCustomSeries {Function}: optional
+ * @return {Object} {coordSys: {...}, api: {
+ * coord: function (data, clamp) {}, // return point in global.
+ * size: function (dataSize, dataItem) {} // return size of each axis in coordSys.
+ * }}
+ */
+var prepareCustoms = {
+ cartesian2d: prepareCartesian2d,
+ geo: prepareGeo,
+ singleAxis: prepareSingleAxis,
+ polar: preparePolar,
+ calendar: prepareCalendar
+};
+
+
+// ------
+// Model
+// ------
+
+SeriesModel.extend({
+
+ type: 'series.custom',
+
+ dependencies: ['grid', 'polar', 'geo', 'singleAxis', 'calendar'],
+
+ defaultOption: {
+ coordinateSystem: 'cartesian2d', // Can be set as 'none'
+ zlevel: 0,
+ z: 2,
+ legendHoverLink: true,
+
+ useTransform: true,
+
+ // Custom series will not clip by default.
+ // Some case will use custom series to draw label
+ // For example https://echarts.apache.org/examples/en/editor.html?c=custom-gantt-flight
+ // Only works on polar and cartesian2d coordinate system.
+ clip: false
+
+ // Cartesian coordinate system
+ // xAxisIndex: 0,
+ // yAxisIndex: 0,
+
+ // Polar coordinate system
+ // polarIndex: 0,
+
+ // Geo coordinate system
+ // geoIndex: 0,
+
+ // label: {}
+ // itemStyle: {}
+ },
+
+ /**
+ * @override
+ */
+ getInitialData: function (option, ecModel) {
+ return createListFromArray(this.getSource(), this);
+ },
+
+ /**
+ * @override
+ */
+ getDataParams: function (dataIndex, dataType, el) {
+ var params = SeriesModel.prototype.getDataParams.apply(this, arguments);
+ el && (params.info = el.info);
+ return params;
+ }
+});
+
+// -----
+// View
+// -----
+
+Chart.extend({
+
+ type: 'custom',
+
+ /**
+ * @private
+ * @type {module:echarts/data/List}
+ */
+ _data: null,
+
+ /**
+ * @override
+ */
+ render: function (customSeries, ecModel, api, payload) {
+ var oldData = this._data;
+ var data = customSeries.getData();
+ var group = this.group;
+ var renderItem = makeRenderItem(customSeries, data, ecModel, api);
+
+ // By default, merge mode is applied. In most cases, custom series is
+ // used in the scenario that data amount is not large but graphic elements
+ // is complicated, where merge mode is probably necessary for optimization.
+ // For example, reuse graphic elements and only update the transform when
+ // roam or data zoom according to `actionType`.
+ data.diff(oldData)
+ .add(function (newIdx) {
+ createOrUpdate$1(
+ null, newIdx, renderItem(newIdx, payload), customSeries, group, data
+ );
+ })
+ .update(function (newIdx, oldIdx) {
+ var el = oldData.getItemGraphicEl(oldIdx);
+ createOrUpdate$1(
+ el, newIdx, renderItem(newIdx, payload), customSeries, group, data
+ );
+ })
+ .remove(function (oldIdx) {
+ var el = oldData.getItemGraphicEl(oldIdx);
+ el && group.remove(el);
+ })
+ .execute();
+
+ // Do clipping
+ var clipPath = customSeries.get('clip', true)
+ ? createClipPath(customSeries.coordinateSystem, false, customSeries)
+ : null;
+ if (clipPath) {
+ group.setClipPath(clipPath);
+ }
+ else {
+ group.removeClipPath();
+ }
+
+ this._data = data;
+ },
+
+ incrementalPrepareRender: function (customSeries, ecModel, api) {
+ this.group.removeAll();
+ this._data = null;
+ },
+
+ incrementalRender: function (params, customSeries, ecModel, api, payload) {
+ var data = customSeries.getData();
+ var renderItem = makeRenderItem(customSeries, data, ecModel, api);
+ function setIncrementalAndHoverLayer(el) {
+ if (!el.isGroup) {
+ el.incremental = true;
+ el.useHoverLayer = true;
+ }
+ }
+ for (var idx = params.start; idx < params.end; idx++) {
+ var el = createOrUpdate$1(null, idx, renderItem(idx, payload), customSeries, this.group, data);
+ el.traverse(setIncrementalAndHoverLayer);
+ }
+ },
+
+ /**
+ * @override
+ */
+ dispose: noop,
+
+ /**
+ * @override
+ */
+ filterForExposedEvent: function (eventType, query, targetEl, packedEvent) {
+ var elementName = query.element;
+ if (elementName == null || targetEl.name === elementName) {
+ return true;
+ }
+
+ // Enable to give a name on a group made by `renderItem`, and listen
+ // events that triggerd by its descendents.
+ while ((targetEl = targetEl.parent) && targetEl !== this.group) {
+ if (targetEl.name === elementName) {
+ return true;
+ }
+ }
+
+ return false;
+ }
+});
+
+
+function createEl(elOption) {
+ var graphicType = elOption.type;
+ var el;
+
+ // Those graphic elements are not shapes. They should not be
+ // overwritten by users, so do them first.
+ if (graphicType === 'path') {
+ var shape = elOption.shape;
+ // Using pathRect brings convenience to users sacle svg path.
+ var pathRect = (shape.width != null && shape.height != null)
+ ? {
+ x: shape.x || 0,
+ y: shape.y || 0,
+ width: shape.width,
+ height: shape.height
+ }
+ : null;
+ var pathData = getPathData(shape);
+ // Path is also used for icon, so layout 'center' by default.
+ el = makePath(pathData, null, pathRect, shape.layout || 'center');
+ el.__customPathData = pathData;
+ }
+ else if (graphicType === 'image') {
+ el = new ZImage({});
+ el.__customImagePath = elOption.style.image;
+ }
+ else if (graphicType === 'text') {
+ el = new Text({});
+ el.__customText = elOption.style.text;
+ }
+ else if (graphicType === 'group') {
+ el = new Group();
+ }
+ else if (graphicType === 'compoundPath') {
+ throw new Error('"compoundPath" is not supported yet.');
+ }
+ else {
+ var Clz = getShapeClass(graphicType);
+
+ if (__DEV__) {
+ assert$1(Clz, 'graphic type "' + graphicType + '" can not be found.');
+ }
+
+ el = new Clz();
+ }
+
+ el.__customGraphicType = graphicType;
+ el.name = elOption.name;
+
+ return el;
+}
+
+function updateEl(el, dataIndex, elOption, animatableModel, data, isInit, isRoot) {
+ var transitionProps = {};
+ var elOptionStyle = elOption.style || {};
+
+ elOption.shape && (transitionProps.shape = clone(elOption.shape));
+ elOption.position && (transitionProps.position = elOption.position.slice());
+ elOption.scale && (transitionProps.scale = elOption.scale.slice());
+ elOption.origin && (transitionProps.origin = elOption.origin.slice());
+ elOption.rotation && (transitionProps.rotation = elOption.rotation);
+
+ if (el.type === 'image' && elOption.style) {
+ var targetStyle = transitionProps.style = {};
+ each$1(['x', 'y', 'width', 'height'], function (prop) {
+ prepareStyleTransition(prop, targetStyle, elOptionStyle, el.style, isInit);
+ });
+ }
+
+ if (el.type === 'text' && elOption.style) {
+ var targetStyle = transitionProps.style = {};
+ each$1(['x', 'y'], function (prop) {
+ prepareStyleTransition(prop, targetStyle, elOptionStyle, el.style, isInit);
+ });
+ // Compatible with previous: both support
+ // textFill and fill, textStroke and stroke in 'text' element.
+ !elOptionStyle.hasOwnProperty('textFill') && elOptionStyle.fill && (
+ elOptionStyle.textFill = elOptionStyle.fill
+ );
+ !elOptionStyle.hasOwnProperty('textStroke') && elOptionStyle.stroke && (
+ elOptionStyle.textStroke = elOptionStyle.stroke
+ );
+ }
+
+ if (el.type !== 'group') {
+ el.useStyle(elOptionStyle);
+
+ // Init animation.
+ if (isInit) {
+ el.style.opacity = 0;
+ var targetOpacity = elOptionStyle.opacity;
+ targetOpacity == null && (targetOpacity = 1);
+ initProps(el, {style: {opacity: targetOpacity}}, animatableModel, dataIndex);
+ }
+ }
+
+ if (isInit) {
+ el.attr(transitionProps);
+ }
+ else {
+ updateProps(el, transitionProps, animatableModel, dataIndex);
+ }
+
+ // Merge by default.
+ // z2 must not be null/undefined, otherwise sort error may occur.
+ elOption.hasOwnProperty('z2') && el.attr('z2', elOption.z2 || 0);
+ elOption.hasOwnProperty('silent') && el.attr('silent', elOption.silent);
+ elOption.hasOwnProperty('invisible') && el.attr('invisible', elOption.invisible);
+ elOption.hasOwnProperty('ignore') && el.attr('ignore', elOption.ignore);
+ // `elOption.info` enables user to mount some info on
+ // elements and use them in event handlers.
+ // Update them only when user specified, otherwise, remain.
+ elOption.hasOwnProperty('info') && el.attr('info', elOption.info);
+
+ // If `elOption.styleEmphasis` is `false`, remove hover style. The
+ // logic is ensured by `graphicUtil.setElementHoverStyle`.
+ var styleEmphasis = elOption.styleEmphasis;
+ // hoverStyle should always be set here, because if the hover style
+ // may already be changed, where the inner cache should be reset.
+ setElementHoverStyle(el, styleEmphasis);
+ if (isRoot) {
+ setAsHighDownDispatcher(el, styleEmphasis !== false);
+ }
+}
+
+function prepareStyleTransition(prop, targetStyle, elOptionStyle, oldElStyle, isInit) {
+ if (elOptionStyle[prop] != null && !isInit) {
+ targetStyle[prop] = elOptionStyle[prop];
+ elOptionStyle[prop] = oldElStyle[prop];
+ }
+}
+
+function makeRenderItem(customSeries, data, ecModel, api) {
+ var renderItem = customSeries.get('renderItem');
+ var coordSys = customSeries.coordinateSystem;
+ var prepareResult = {};
+
+ if (coordSys) {
+ if (__DEV__) {
+ assert$1(renderItem, 'series.render is required.');
+ assert$1(
+ coordSys.prepareCustoms || prepareCustoms[coordSys.type],
+ 'This coordSys does not support custom series.'
+ );
+ }
+
+ prepareResult = coordSys.prepareCustoms
+ ? coordSys.prepareCustoms()
+ : prepareCustoms[coordSys.type](coordSys);
+ }
+
+ var userAPI = defaults({
+ getWidth: api.getWidth,
+ getHeight: api.getHeight,
+ getZr: api.getZr,
+ getDevicePixelRatio: api.getDevicePixelRatio,
+ value: value,
+ style: style,
+ styleEmphasis: styleEmphasis,
+ visual: visual,
+ barLayout: barLayout,
+ currentSeriesIndices: currentSeriesIndices,
+ font: font
+ }, prepareResult.api || {});
+
+ var userParams = {
+ // The life cycle of context: current round of rendering.
+ // The global life cycle is probably not necessary, because
+ // user can store global status by themselves.
+ context: {},
+ seriesId: customSeries.id,
+ seriesName: customSeries.name,
+ seriesIndex: customSeries.seriesIndex,
+ coordSys: prepareResult.coordSys,
+ dataInsideLength: data.count(),
+ encode: wrapEncodeDef(customSeries.getData())
+ };
+
+ // Do not support call `api` asynchronously without dataIndexInside input.
+ var currDataIndexInside;
+ var currDirty = true;
+ var currItemModel;
+ var currLabelNormalModel;
+ var currLabelEmphasisModel;
+ var currVisualColor;
+
+ return function (dataIndexInside, payload) {
+ currDataIndexInside = dataIndexInside;
+ currDirty = true;
+
+ return renderItem && renderItem(
+ defaults({
+ dataIndexInside: dataIndexInside,
+ dataIndex: data.getRawIndex(dataIndexInside),
+ // Can be used for optimization when zoom or roam.
+ actionType: payload ? payload.type : null
+ }, userParams),
+ userAPI
+ );
+ };
+
+ // Do not update cache until api called.
+ function updateCache(dataIndexInside) {
+ dataIndexInside == null && (dataIndexInside = currDataIndexInside);
+ if (currDirty) {
+ currItemModel = data.getItemModel(dataIndexInside);
+ currLabelNormalModel = currItemModel.getModel(LABEL_NORMAL);
+ currLabelEmphasisModel = currItemModel.getModel(LABEL_EMPHASIS);
+ currVisualColor = data.getItemVisual(dataIndexInside, 'color');
+
+ currDirty = false;
+ }
+ }
+
+ /**
+ * @public
+ * @param {number|string} dim
+ * @param {number} [dataIndexInside=currDataIndexInside]
+ * @return {number|string} value
+ */
+ function value(dim, dataIndexInside) {
+ dataIndexInside == null && (dataIndexInside = currDataIndexInside);
+ return data.get(data.getDimension(dim || 0), dataIndexInside);
+ }
+
+ /**
+ * By default, `visual` is applied to style (to support visualMap).
+ * `visual.color` is applied at `fill`. If user want apply visual.color on `stroke`,
+ * it can be implemented as:
+ * `api.style({stroke: api.visual('color'), fill: null})`;
+ * @public
+ * @param {Object} [extra]
+ * @param {number} [dataIndexInside=currDataIndexInside]
+ */
+ function style(extra, dataIndexInside) {
+ dataIndexInside == null && (dataIndexInside = currDataIndexInside);
+ updateCache(dataIndexInside);
+
+ var itemStyle = currItemModel.getModel(ITEM_STYLE_NORMAL_PATH).getItemStyle();
+
+ currVisualColor != null && (itemStyle.fill = currVisualColor);
+ var opacity = data.getItemVisual(dataIndexInside, 'opacity');
+ opacity != null && (itemStyle.opacity = opacity);
+
+ var labelModel = extra
+ ? applyExtraBefore(extra, currLabelNormalModel)
+ : currLabelNormalModel;
+
+ setTextStyle(itemStyle, labelModel, null, {
+ autoColor: currVisualColor,
+ isRectText: true
+ });
+
+ itemStyle.text = labelModel.getShallow('show')
+ ? retrieve2(
+ customSeries.getFormattedLabel(dataIndexInside, 'normal'),
+ getDefaultLabel(data, dataIndexInside)
+ )
+ : null;
+
+ extra && applyExtraAfter(itemStyle, extra);
+
+ return itemStyle;
+ }
+
+ /**
+ * @public
+ * @param {Object} [extra]
+ * @param {number} [dataIndexInside=currDataIndexInside]
+ */
+ function styleEmphasis(extra, dataIndexInside) {
+ dataIndexInside == null && (dataIndexInside = currDataIndexInside);
+ updateCache(dataIndexInside);
+
+ var itemStyle = currItemModel.getModel(ITEM_STYLE_EMPHASIS_PATH).getItemStyle();
+
+ var labelModel = extra
+ ? applyExtraBefore(extra, currLabelEmphasisModel)
+ : currLabelEmphasisModel;
+
+ setTextStyle(itemStyle, labelModel, null, {
+ isRectText: true
+ }, true);
+
+ itemStyle.text = labelModel.getShallow('show')
+ ? retrieve3(
+ customSeries.getFormattedLabel(dataIndexInside, 'emphasis'),
+ customSeries.getFormattedLabel(dataIndexInside, 'normal'),
+ getDefaultLabel(data, dataIndexInside)
+ )
+ : null;
+
+ extra && applyExtraAfter(itemStyle, extra);
+
+ return itemStyle;
+ }
+
+ /**
+ * @public
+ * @param {string} visualType
+ * @param {number} [dataIndexInside=currDataIndexInside]
+ */
+ function visual(visualType, dataIndexInside) {
+ dataIndexInside == null && (dataIndexInside = currDataIndexInside);
+ return data.getItemVisual(dataIndexInside, visualType);
+ }
+
+ /**
+ * @public
+ * @param {number} opt.count Positive interger.
+ * @param {number} [opt.barWidth]
+ * @param {number} [opt.barMaxWidth]
+ * @param {number} [opt.barMinWidth]
+ * @param {number} [opt.barGap]
+ * @param {number} [opt.barCategoryGap]
+ * @return {Object} {width, offset, offsetCenter} is not support, return undefined.
+ */
+ function barLayout(opt) {
+ if (coordSys.getBaseAxis) {
+ var baseAxis = coordSys.getBaseAxis();
+ return getLayoutOnAxis(defaults({axis: baseAxis}, opt), api);
+ }
+ }
+
+ /**
+ * @public
+ * @return {Array.<number>}
+ */
+ function currentSeriesIndices() {
+ return ecModel.getCurrentSeriesIndices();
+ }
+
+ /**
+ * @public
+ * @param {Object} opt
+ * @param {string} [opt.fontStyle]
+ * @param {number} [opt.fontWeight]
+ * @param {number} [opt.fontSize]
+ * @param {string} [opt.fontFamily]
+ * @return {string} font string
+ */
+ function font(opt) {
+ return getFont(opt, ecModel);
+ }
+}
+
+function wrapEncodeDef(data) {
+ var encodeDef = {};
+ each$1(data.dimensions, function (dimName, dataDimIndex) {
+ var dimInfo = data.getDimensionInfo(dimName);
+ if (!dimInfo.isExtraCoord) {
+ var coordDim = dimInfo.coordDim;
+ var dataDims = encodeDef[coordDim] = encodeDef[coordDim] || [];
+ dataDims[dimInfo.coordDimIndex] = dataDimIndex;
+ }
+ });
+ return encodeDef;
+}
+
+function createOrUpdate$1(el, dataIndex, elOption, animatableModel, group, data) {
+ el = doCreateOrUpdate(el, dataIndex, elOption, animatableModel, group, data, true);
+ el && data.setItemGraphicEl(dataIndex, el);
+
+ return el;
+}
+
+function doCreateOrUpdate(el, dataIndex, elOption, animatableModel, group, data, isRoot) {
+
+ // [Rule]
+ // By default, follow merge mode.
+ // (It probably brings benifit for performance in some cases of large data, where
+ // user program can be optimized to that only updated props needed to be re-calculated,
+ // or according to `actionType` some calculation can be skipped.)
+ // If `renderItem` returns `null`/`undefined`/`false`, remove the previous el if existing.
+ // (It seems that violate the "merge" principle, but most of users probably intuitively
+ // regard "return;" as "show nothing element whatever", so make a exception to meet the
+ // most cases.)
+
+ var simplyRemove = !elOption; // `null`/`undefined`/`false`
+ elOption = elOption || {};
+ var elOptionType = elOption.type;
+ var elOptionShape = elOption.shape;
+ var elOptionStyle = elOption.style;
+
+ if (el && (
+ simplyRemove
+ // || elOption.$merge === false
+ // If `elOptionType` is `null`, follow the merge principle.
+ || (elOptionType != null
+ && elOptionType !== el.__customGraphicType
+ )
+ || (elOptionType === 'path'
+ && hasOwnPathData(elOptionShape) && getPathData(elOptionShape) !== el.__customPathData
+ )
+ || (elOptionType === 'image'
+ && hasOwn(elOptionStyle, 'image') && elOptionStyle.image !== el.__customImagePath
+ )
+ // FIXME test and remove this restriction?
+ || (elOptionType === 'text'
+ && hasOwn(elOptionShape, 'text') && elOptionStyle.text !== el.__customText
+ )
+ )) {
+ group.remove(el);
+ el = null;
+ }
+
+ // `elOption.type` is undefined when `renderItem` returns nothing.
+ if (simplyRemove) {
+ return;
+ }
+
+ var isInit = !el;
+ !el && (el = createEl(elOption));
+ updateEl(el, dataIndex, elOption, animatableModel, data, isInit, isRoot);
+
+ if (elOptionType === 'group') {
+ mergeChildren(el, dataIndex, elOption, animatableModel, data);
+ }
+
+ // Always add whatever already added to ensure sequence.
+ group.add(el);
+
+ return el;
+}
+
+// Usage:
+// (1) By default, `elOption.$mergeChildren` is `'byIndex'`, which indicates that
+// the existing children will not be removed, and enables the feature that
+// update some of the props of some of the children simply by construct
+// the returned children of `renderItem` like:
+// `var children = group.children = []; children[3] = {opacity: 0.5};`
+// (2) If `elOption.$mergeChildren` is `'byName'`, add/update/remove children
+// by child.name. But that might be lower performance.
+// (3) If `elOption.$mergeChildren` is `false`, the existing children will be
+// replaced totally.
+// (4) If `!elOption.children`, following the "merge" principle, nothing will happen.
+//
+// For implementation simpleness, do not provide a direct way to remove sinlge
+// child (otherwise the total indicies of the children array have to be modified).
+// User can remove a single child by set its `ignore` as `true` or replace
+// it by another element, where its `$merge` can be set as `true` if necessary.
+function mergeChildren(el, dataIndex, elOption, animatableModel, data) {
+ var newChildren = elOption.children;
+ var newLen = newChildren ? newChildren.length : 0;
+ var mergeChildren = elOption.$mergeChildren;
+ // `diffChildrenByName` has been deprecated.
+ var byName = mergeChildren === 'byName' || elOption.diffChildrenByName;
+ var notMerge = mergeChildren === false;
+
+ // For better performance on roam update, only enter if necessary.
+ if (!newLen && !byName && !notMerge) {
+ return;
+ }
+
+ if (byName) {
+ diffGroupChildren({
+ oldChildren: el.children() || [],
+ newChildren: newChildren || [],
+ dataIndex: dataIndex,
+ animatableModel: animatableModel,
+ group: el,
+ data: data
+ });
+ return;
+ }
+
+ notMerge && el.removeAll();
+
+ // Mapping children of a group simply by index, which
+ // might be better performance.
+ var index = 0;
+ for (; index < newLen; index++) {
+ newChildren[index] && doCreateOrUpdate(
+ el.childAt(index),
+ dataIndex,
+ newChildren[index],
+ animatableModel,
+ el,
+ data
+ );
+ }
+ if (__DEV__) {
+ assert$1(
+ !notMerge || el.childCount() === index,
+ 'MUST NOT contain empty item in children array when `group.$mergeChildren` is `false`.'
+ );
+ }
+}
+
+function diffGroupChildren(context) {
+ (new DataDiffer(
+ context.oldChildren,
+ context.newChildren,
+ getKey,
+ getKey,
+ context
+ ))
+ .add(processAddUpdate)
+ .update(processAddUpdate)
+ .remove(processRemove)
+ .execute();
+}
+
+function getKey(item, idx) {
+ var name = item && item.name;
+ return name != null ? name : GROUP_DIFF_PREFIX + idx;
+}
+
+function processAddUpdate(newIndex, oldIndex) {
+ var context = this.context;
+ var childOption = newIndex != null ? context.newChildren[newIndex] : null;
+ var child = oldIndex != null ? context.oldChildren[oldIndex] : null;
+
+ doCreateOrUpdate(
+ child,
+ context.dataIndex,
+ childOption,
+ context.animatableModel,
+ context.group,
+ context.data
+ );
+}
+
+// `graphic#applyDefaultTextStyle` will cache
+// textFill, textStroke, textStrokeWidth.
+// We have to do this trick.
+function applyExtraBefore(extra, model) {
+ var dummyModel = new Model({}, model);
+ each$1(CACHED_LABEL_STYLE_PROPERTIES$1, function (stylePropName, modelPropName) {
+ if (extra.hasOwnProperty(stylePropName)) {
+ dummyModel.option[modelPropName] = extra[stylePropName];
+ }
+ });
+ return dummyModel;
+}
+
+function applyExtraAfter(itemStyle, extra) {
+ for (var key in extra) {
+ if (extra.hasOwnProperty(key)
+ || !CACHED_LABEL_STYLE_PROPERTIES$1.hasOwnProperty(key)
+ ) {
+ itemStyle[key] = extra[key];
+ }
+ }
+}
+
+function processRemove(oldIndex) {
+ var context = this.context;
+ var child = context.oldChildren[oldIndex];
+ child && context.group.remove(child);
+}
+
+function getPathData(shape) {
+ // "d" follows the SVG convention.
+ return shape && (shape.pathData || shape.d);
+}
+
+function hasOwnPathData(shape) {
+ return shape && (shape.hasOwnProperty('pathData') || shape.hasOwnProperty('d'));
+}
+
+function hasOwn(host, prop) {
+ return host && host.hasOwnProperty(prop);
+}
+
+/*
+* 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.
+*/
+
+/*
+* 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 getSeriesStackId$1(seriesModel) {
+ return seriesModel.get('stack')
+ || '__ec_stack_' + seriesModel.seriesIndex;
+}
+
+function getAxisKey$1(polar, axis) {
+ return axis.dim + polar.model.componentIndex;
+}
+
+/**
+ * @param {string} seriesType
+ * @param {module:echarts/model/Global} ecModel
+ * @param {module:echarts/ExtensionAPI} api
+ */
+function barLayoutPolar(seriesType, ecModel, api) {
+
+ var lastStackCoords = {};
+
+ var barWidthAndOffset = calRadialBar(
+ filter(
+ ecModel.getSeriesByType(seriesType),
+ function (seriesModel) {
+ return !ecModel.isSeriesFiltered(seriesModel)
+ && seriesModel.coordinateSystem
+ && seriesModel.coordinateSystem.type === 'polar';
+ }
+ )
+ );
+
+ ecModel.eachSeriesByType(seriesType, function (seriesModel) {
+
+ // Check series coordinate, do layout for polar only
+ if (seriesModel.coordinateSystem.type !== 'polar') {
+ return;
+ }
+
+ var data = seriesModel.getData();
+ var polar = seriesModel.coordinateSystem;
+ var baseAxis = polar.getBaseAxis();
+ var axisKey = getAxisKey$1(polar, baseAxis);
+
+ var stackId = getSeriesStackId$1(seriesModel);
+ var columnLayoutInfo = barWidthAndOffset[axisKey][stackId];
+ var columnOffset = columnLayoutInfo.offset;
+ var columnWidth = columnLayoutInfo.width;
+ var valueAxis = polar.getOtherAxis(baseAxis);
+
+ var cx = seriesModel.coordinateSystem.cx;
+ var cy = seriesModel.coordinateSystem.cy;
+
+ var barMinHeight = seriesModel.get('barMinHeight') || 0;
+ var barMinAngle = seriesModel.get('barMinAngle') || 0;
+
+ lastStackCoords[stackId] = lastStackCoords[stackId] || [];
+
+ var valueDim = data.mapDimension(valueAxis.dim);
+ var baseDim = data.mapDimension(baseAxis.dim);
+ var stacked = isDimensionStacked(data, valueDim /*, baseDim*/);
+ var clampLayout = baseAxis.dim !== 'radius'
+ || !seriesModel.get('roundCap', true);
+
+ var valueAxisStart = valueAxis.getExtent()[0];
+
+ for (var idx = 0, len = data.count(); idx < len; idx++) {
+ var value = data.get(valueDim, idx);
+ var baseValue = data.get(baseDim, idx);
+
+ var sign = value >= 0 ? 'p' : 'n';
+ var baseCoord = valueAxisStart;
+
+ // Because of the barMinHeight, we can not use the value in
+ // stackResultDimension directly.
+ // Only ordinal axis can be stacked.
+ if (stacked) {
+ if (!lastStackCoords[stackId][baseValue]) {
+ lastStackCoords[stackId][baseValue] = {
+ p: valueAxisStart, // Positive stack
+ n: valueAxisStart // Negative stack
+ };
+ }
+ // Should also consider #4243
+ baseCoord = lastStackCoords[stackId][baseValue][sign];
+ }
+
+ var r0;
+ var r;
+ var startAngle;
+ var endAngle;
+
+ // radial sector
+ if (valueAxis.dim === 'radius') {
+ var radiusSpan = valueAxis.dataToRadius(value) - valueAxisStart;
+ var angle = baseAxis.dataToAngle(baseValue);
+
+ if (Math.abs(radiusSpan) < barMinHeight) {
+ radiusSpan = (radiusSpan < 0 ? -1 : 1) * barMinHeight;
+ }
+
+ r0 = baseCoord;
+ r = baseCoord + radiusSpan;
+ startAngle = angle - columnOffset;
+ endAngle = startAngle - columnWidth;
+
+ stacked && (lastStackCoords[stackId][baseValue][sign] = r);
+ }
+ // tangential sector
+ else {
+ var angleSpan = valueAxis.dataToAngle(value, clampLayout) - valueAxisStart;
+ var radius = baseAxis.dataToRadius(baseValue);
+
+ if (Math.abs(angleSpan) < barMinAngle) {
+ angleSpan = (angleSpan < 0 ? -1 : 1) * barMinAngle;
+ }
+
+ r0 = radius + columnOffset;
+ r = r0 + columnWidth;
+ startAngle = baseCoord;
+ endAngle = baseCoord + angleSpan;
+
+ // if the previous stack is at the end of the ring,
+ // add a round to differentiate it from origin
+ // var extent = angleAxis.getExtent();
+ // var stackCoord = angle;
+ // if (stackCoord === extent[0] && value > 0) {
+ // stackCoord = extent[1];
+ // }
+ // else if (stackCoord === extent[1] && value < 0) {
+ // stackCoord = extent[0];
+ // }
+ stacked && (lastStackCoords[stackId][baseValue][sign] = endAngle);
+ }
+
+ data.setItemLayout(idx, {
+ cx: cx,
+ cy: cy,
+ r0: r0,
+ r: r,
+ // Consider that positive angle is anti-clockwise,
+ // while positive radian of sector is clockwise
+ startAngle: -startAngle * Math.PI / 180,
+ endAngle: -endAngle * Math.PI / 180
+ });
+
+ }
+
+ }, this);
+
+}
+
+/**
+ * Calculate bar width and offset for radial bar charts
+ */
+function calRadialBar(barSeries, api) {
+ // Columns info on each category axis. Key is polar name
+ var columnsMap = {};
+
+ each$1(barSeries, function (seriesModel, idx) {
+ var data = seriesModel.getData();
+ var polar = seriesModel.coordinateSystem;
+
+ var baseAxis = polar.getBaseAxis();
+ var axisKey = getAxisKey$1(polar, baseAxis);
+
+ var axisExtent = baseAxis.getExtent();
+ var bandWidth = baseAxis.type === 'category'
+ ? baseAxis.getBandWidth()
+ : (Math.abs(axisExtent[1] - axisExtent[0]) / data.count());
+
+ var columnsOnAxis = columnsMap[axisKey] || {
+ bandWidth: bandWidth,
+ remainedWidth: bandWidth,
+ autoWidthCount: 0,
+ categoryGap: '20%',
+ gap: '30%',
+ stacks: {}
+ };
+ var stacks = columnsOnAxis.stacks;
+ columnsMap[axisKey] = columnsOnAxis;
+
+ var stackId = getSeriesStackId$1(seriesModel);
+
+ if (!stacks[stackId]) {
+ columnsOnAxis.autoWidthCount++;
+ }
+ stacks[stackId] = stacks[stackId] || {
+ width: 0,
+ maxWidth: 0
+ };
+
+ var barWidth = parsePercent$1(
+ seriesModel.get('barWidth'),
+ bandWidth
+ );
+ var barMaxWidth = parsePercent$1(
+ seriesModel.get('barMaxWidth'),
+ bandWidth
+ );
+ var barGap = seriesModel.get('barGap');
+ var barCategoryGap = seriesModel.get('barCategoryGap');
+
+ if (barWidth && !stacks[stackId].width) {
+ barWidth = Math.min(columnsOnAxis.remainedWidth, barWidth);
+ stacks[stackId].width = barWidth;
+ columnsOnAxis.remainedWidth -= barWidth;
+ }
+
+ barMaxWidth && (stacks[stackId].maxWidth = barMaxWidth);
+ (barGap != null) && (columnsOnAxis.gap = barGap);
+ (barCategoryGap != null) && (columnsOnAxis.categoryGap = barCategoryGap);
+ });
+
+
+ var result = {};
+
+ each$1(columnsMap, function (columnsOnAxis, coordSysName) {
+
+ result[coordSysName] = {};
+
+ var stacks = columnsOnAxis.stacks;
+ var bandWidth = columnsOnAxis.bandWidth;
+ var categoryGap = parsePercent$1(columnsOnAxis.categoryGap, bandWidth);
+ var barGapPercent = parsePercent$1(columnsOnAxis.gap, 1);
+
+ var remainedWidth = columnsOnAxis.remainedWidth;
+ var autoWidthCount = columnsOnAxis.autoWidthCount;
+ var autoWidth = (remainedWidth - categoryGap)
+ / (autoWidthCount + (autoWidthCount - 1) * barGapPercent);
+ autoWidth = Math.max(autoWidth, 0);
+
+ // Find if any auto calculated bar exceeded maxBarWidth
+ each$1(stacks, function (column, stack) {
+ var maxWidth = column.maxWidth;
+ if (maxWidth && maxWidth < autoWidth) {
+ maxWidth = Math.min(maxWidth, remainedWidth);
+ if (column.width) {
+ maxWidth = Math.min(maxWidth, column.width);
+ }
+ remainedWidth -= maxWidth;
+ column.width = maxWidth;
+ autoWidthCount--;
+ }
+ });
+
+ // Recalculate width again
+ autoWidth = (remainedWidth - categoryGap)
+ / (autoWidthCount + (autoWidthCount - 1) * barGapPercent);
+ autoWidth = Math.max(autoWidth, 0);
+
+ var widthSum = 0;
+ var lastColumn;
+ each$1(stacks, function (column, idx) {
+ if (!column.width) {
+ column.width = autoWidth;
+ }
+ lastColumn = column;
+ widthSum += column.width * (1 + barGapPercent);
+ });
+ if (lastColumn) {
+ widthSum -= lastColumn.width * barGapPercent;
+ }
+
+ var offset = -widthSum / 2;
+ each$1(stacks, function (column, stackId) {
+ result[coordSysName][stackId] = result[coordSysName][stackId] || {
+ offset: offset,
+ width: column.width
+ };
+
+ offset += column.width * (1 + barGapPercent);
+ });
+ });
+
+ return result;
+}
+
+/*
+* 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 RadiusAxis(scale, radiusExtent) {
+
+ Axis.call(this, 'radius', scale, radiusExtent);
+
+ /**
+ * Axis type
+ * - 'category'
+ * - 'value'
+ * - 'time'
+ * - 'log'
+ * @type {string}
+ */
+ this.type = 'category';
+}
+
+RadiusAxis.prototype = {
+
+ constructor: RadiusAxis,
+
+ /**
+ * @override
+ */
+ pointToData: function (point, clamp) {
+ return this.polar.pointToData(point, clamp)[this.dim === 'radius' ? 0 : 1];
+ },
+
+ dataToRadius: Axis.prototype.dataToCoord,
+
+ radiusToData: Axis.prototype.coordToData
+};
+
+inherits(RadiusAxis, Axis);
+
+/*
+* 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.
+*/
+
+var inner$12 = makeInner();
+
+function AngleAxis(scale, angleExtent) {
+
+ angleExtent = angleExtent || [0, 360];
+
+ Axis.call(this, 'angle', scale, angleExtent);
+
+ /**
+ * Axis type
+ * - 'category'
+ * - 'value'
+ * - 'time'
+ * - 'log'
+ * @type {string}
+ */
+ this.type = 'category';
+}
+
+AngleAxis.prototype = {
+
+ constructor: AngleAxis,
+
+ /**
+ * @override
+ */
+ pointToData: function (point, clamp) {
+ return this.polar.pointToData(point, clamp)[this.dim === 'radius' ? 0 : 1];
+ },
+
+ dataToAngle: Axis.prototype.dataToCoord,
+
+ angleToData: Axis.prototype.coordToData,
+
+ /**
+ * Only be called in category axis.
+ * Angle axis uses text height to decide interval
+ *
+ * @override
+ * @return {number} Auto interval for cateogry axis tick and label
+ */
+ calculateCategoryInterval: function () {
+ var axis = this;
+ var labelModel = axis.getLabelModel();
+
+ var ordinalScale = axis.scale;
+ var ordinalExtent = ordinalScale.getExtent();
+ // Providing this method is for optimization:
+ // avoid generating a long array by `getTicks`
+ // in large category data case.
+ var tickCount = ordinalScale.count();
+
+ if (ordinalExtent[1] - ordinalExtent[0] < 1) {
+ return 0;
+ }
+
+ var tickValue = ordinalExtent[0];
+ var unitSpan = axis.dataToCoord(tickValue + 1) - axis.dataToCoord(tickValue);
+ var unitH = Math.abs(unitSpan);
+
+ // Not precise, just use height as text width
+ // and each distance from axis line yet.
+ var rect = getBoundingRect(
+ tickValue, labelModel.getFont(), 'center', 'top'
+ );
+ var maxH = Math.max(rect.height, 7);
+
+ var dh = maxH / unitH;
+ // 0/0 is NaN, 1/0 is Infinity.
+ isNaN(dh) && (dh = Infinity);
+ var interval = Math.max(0, Math.floor(dh));
+
+ var cache = inner$12(axis.model);
+ var lastAutoInterval = cache.lastAutoInterval;
+ var lastTickCount = cache.lastTickCount;
+
+ // Use cache to keep interval stable while moving zoom window,
+ // otherwise the calculated interval might jitter when the zoom
+ // window size is close to the interval-changing size.
+ if (lastAutoInterval != null
+ && lastTickCount != null
+ && Math.abs(lastAutoInterval - interval) <= 1
+ && Math.abs(lastTickCount - tickCount) <= 1
+ // Always choose the bigger one, otherwise the critical
+ // point is not the same when zooming in or zooming out.
+ && lastAutoInterval > interval
+ ) {
+ interval = lastAutoInterval;
+ }
+ // Only update cache if cache not used, otherwise the
+ // changing of interval is too insensitive.
+ else {
+ cache.lastTickCount = tickCount;
+ cache.lastAutoInterval = interval;
+ }
+
+ return interval;
+ }
+};
+
+inherits(AngleAxis, Axis);
+
+/*
+* 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.
+*/
+
+/**
+ * @module echarts/coord/polar/Polar
+ */
+
+/**
+ * @alias {module:echarts/coord/polar/Polar}
+ * @constructor
+ * @param {string} name
+ */
+var Polar = function (name) {
+
+ /**
+ * @type {string}
+ */
+ this.name = name || '';
+
+ /**
+ * x of polar center
+ * @type {number}
+ */
+ this.cx = 0;
+
+ /**
+ * y of polar center
+ * @type {number}
+ */
+ this.cy = 0;
+
+ /**
+ * @type {module:echarts/coord/polar/RadiusAxis}
+ * @private
+ */
+ this._radiusAxis = new RadiusAxis();
+
+ /**
+ * @type {module:echarts/coord/polar/AngleAxis}
+ * @private
+ */
+ this._angleAxis = new AngleAxis();
+
+ this._radiusAxis.polar = this._angleAxis.polar = this;
+};
+
+Polar.prototype = {
+
+ type: 'polar',
+
+ axisPointerEnabled: true,
+
+ constructor: Polar,
+
+ /**
+ * @param {Array.<string>}
+ * @readOnly
+ */
+ dimensions: ['radius', 'angle'],
+
+ /**
+ * @type {module:echarts/coord/PolarModel}
+ */
+ model: null,
+
+ /**
+ * If contain coord
+ * @param {Array.<number>} point
+ * @return {boolean}
+ */
+ containPoint: function (point) {
+ var coord = this.pointToCoord(point);
+ return this._radiusAxis.contain(coord[0])
+ && this._angleAxis.contain(coord[1]);
+ },
+
+ /**
+ * If contain data
+ * @param {Array.<number>} data
+ * @return {boolean}
+ */
+ containData: function (data) {
+ return this._radiusAxis.containData(data[0])
+ && this._angleAxis.containData(data[1]);
+ },
+
+ /**
+ * @param {string} dim
+ * @return {module:echarts/coord/polar/AngleAxis|module:echarts/coord/polar/RadiusAxis}
+ */
+ getAxis: function (dim) {
+ return this['_' + dim + 'Axis'];
+ },
+
+ /**
+ * @return {Array.<module:echarts/coord/Axis>}
+ */
+ getAxes: function () {
+ return [this._radiusAxis, this._angleAxis];
+ },
+
+ /**
+ * Get axes by type of scale
+ * @param {string} scaleType
+ * @return {module:echarts/coord/polar/AngleAxis|module:echarts/coord/polar/RadiusAxis}
+ */
+ getAxesByScale: function (scaleType) {
+ var axes = [];
+ var angleAxis = this._angleAxis;
+ var radiusAxis = this._radiusAxis;
+ angleAxis.scale.type === scaleType && axes.push(angleAxis);
+ radiusAxis.scale.type === scaleType && axes.push(radiusAxis);
+
+ return axes;
+ },
+
+ /**
+ * @return {module:echarts/coord/polar/AngleAxis}
+ */
+ getAngleAxis: function () {
+ return this._angleAxis;
+ },
+
+ /**
+ * @return {module:echarts/coord/polar/RadiusAxis}
+ */
+ getRadiusAxis: function () {
+ return this._radiusAxis;
+ },
+
+ /**
+ * @param {module:echarts/coord/polar/Axis}
+ * @return {module:echarts/coord/polar/Axis}
+ */
+ getOtherAxis: function (axis) {
+ var angleAxis = this._angleAxis;
+ return axis === angleAxis ? this._radiusAxis : angleAxis;
+ },
+
+ /**
+ * Base axis will be used on stacking.
+ *
+ * @return {module:echarts/coord/polar/Axis}
+ */
+ getBaseAxis: function () {
+ return this.getAxesByScale('ordinal')[0]
+ || this.getAxesByScale('time')[0]
+ || this.getAngleAxis();
+ },
+
+ /**
+ * @param {string} [dim] 'radius' or 'angle' or 'auto' or null/undefined
+ * @return {Object} {baseAxes: [], otherAxes: []}
+ */
+ getTooltipAxes: function (dim) {
+ var baseAxis = (dim != null && dim !== 'auto')
+ ? this.getAxis(dim) : this.getBaseAxis();
+ return {
+ baseAxes: [baseAxis],
+ otherAxes: [this.getOtherAxis(baseAxis)]
+ };
+ },
+
+ /**
+ * Convert a single data item to (x, y) point.
+ * Parameter data is an array which the first element is radius and the second is angle
+ * @param {Array.<number>} data
+ * @param {boolean} [clamp=false]
+ * @return {Array.<number>}
+ */
+ dataToPoint: function (data, clamp) {
+ return this.coordToPoint([
+ this._radiusAxis.dataToRadius(data[0], clamp),
+ this._angleAxis.dataToAngle(data[1], clamp)
+ ]);
+ },
+
+ /**
+ * Convert a (x, y) point to data
+ * @param {Array.<number>} point
+ * @param {boolean} [clamp=false]
+ * @return {Array.<number>}
+ */
+ pointToData: function (point, clamp) {
+ var coord = this.pointToCoord(point);
+ return [
+ this._radiusAxis.radiusToData(coord[0], clamp),
+ this._angleAxis.angleToData(coord[1], clamp)
+ ];
+ },
+
+ /**
+ * Convert a (x, y) point to (radius, angle) coord
+ * @param {Array.<number>} point
+ * @return {Array.<number>}
+ */
+ pointToCoord: function (point) {
+ var dx = point[0] - this.cx;
+ var dy = point[1] - this.cy;
+ var angleAxis = this.getAngleAxis();
+ var extent = angleAxis.getExtent();
+ var minAngle = Math.min(extent[0], extent[1]);
+ var maxAngle = Math.max(extent[0], extent[1]);
+ // Fix fixed extent in polarCreator
+ // FIXME
+ angleAxis.inverse
+ ? (minAngle = maxAngle - 360)
+ : (maxAngle = minAngle + 360);
+
+ var radius = Math.sqrt(dx * dx + dy * dy);
+ dx /= radius;
+ dy /= radius;
+
+ var radian = Math.atan2(-dy, dx) / Math.PI * 180;
+
+ // move to angleExtent
+ var dir = radian < minAngle ? 1 : -1;
+ while (radian < minAngle || radian > maxAngle) {
+ radian += dir * 360;
+ }
+
+ return [radius, radian];
+ },
+
+ /**
+ * Convert a (radius, angle) coord to (x, y) point
+ * @param {Array.<number>} coord
+ * @return {Array.<number>}
+ */
+ coordToPoint: function (coord) {
+ var radius = coord[0];
+ var radian = coord[1] / 180 * Math.PI;
+ var x = Math.cos(radian) * radius + this.cx;
+ // Inverse the y
+ var y = -Math.sin(radian) * radius + this.cy;
+
+ return [x, y];
+ },
+
+ /**
+ * Get ring area of cartesian.
+ * Area will have a contain function to determine if a point is in the coordinate system.
+ * @return {Ring}
+ */
+ getArea: function () {
+
+ var angleAxis = this.getAngleAxis();
+ var radiusAxis = this.getRadiusAxis();
+
+ var radiusExtent = radiusAxis.getExtent().slice();
+ radiusExtent[0] > radiusExtent[1] && radiusExtent.reverse();
+ var angleExtent = angleAxis.getExtent();
+
+ var RADIAN = Math.PI / 180;
+
+ return {
+ cx: this.cx,
+ cy: this.cy,
+ r0: radiusExtent[0],
+ r: radiusExtent[1],
+ startAngle: -angleExtent[0] * RADIAN,
+ endAngle: -angleExtent[1] * RADIAN,
+ clockwise: angleAxis.inverse,
+ contain: function (x, y) {
+ // It's a ring shape.
+ // Start angle and end angle don't matter
+ var dx = x - this.cx;
+ var dy = y - this.cy;
+ var d2 = dx * dx + dy * dy;
+ var r = this.r;
+ var r0 = this.r0;
+
+ return d2 <= r * r && d2 >= r0 * r0;
+ }
+ };
+ }
+
+};
+
+/*
+* 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.
+*/
+
+var PolarAxisModel = ComponentModel.extend({
+
+ type: 'polarAxis',
+
+ /**
+ * @type {module:echarts/coord/polar/AngleAxis|module:echarts/coord/polar/RadiusAxis}
+ */
+ axis: null,
+
+ /**
+ * @override
+ */
+ getCoordSysModel: function () {
+ return this.ecModel.queryComponents({
+ mainType: 'polar',
+ index: this.option.polarIndex,
+ id: this.option.polarId
+ })[0];
+ }
+
+});
+
+merge(PolarAxisModel.prototype, axisModelCommonMixin);
+
+var polarAxisDefaultExtendedOption = {
+ angle: {
+ // polarIndex: 0,
+ // polarId: '',
+
+ startAngle: 90,
+
+ clockwise: true,
+
+ splitNumber: 12,
+
+ axisLabel: {
+ rotate: false
+ }
+ },
+ radius: {
+ // polarIndex: 0,
+ // polarId: '',
+
+ splitNumber: 5
+ }
+};
+
+function getAxisType$3(axisDim, option) {
+ // Default axis with data is category axis
+ return option.type || (option.data ? 'category' : 'value');
+}
+
+axisModelCreator('angle', PolarAxisModel, getAxisType$3, polarAxisDefaultExtendedOption.angle);
+axisModelCreator('radius', PolarAxisModel, getAxisType$3, polarAxisDefaultExtendedOption.radius);
+
+/*
+* 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.
+*/
+
+extendComponentModel({
+
+ type: 'polar',
+
+ dependencies: ['polarAxis', 'angleAxis'],
+
+ /**
+ * @type {module:echarts/coord/polar/Polar}
+ */
+ coordinateSystem: null,
+
+ /**
+ * @param {string} axisType
+ * @return {module:echarts/coord/polar/AxisModel}
+ */
+ findAxisModel: function (axisType) {
+ var foundAxisModel;
+ var ecModel = this.ecModel;
+
+ ecModel.eachComponent(axisType, function (axisModel) {
+ if (axisModel.getCoordSysModel() === this) {
+ foundAxisModel = axisModel;
+ }
+ }, this);
+ return foundAxisModel;
+ },
+
+ defaultOption: {
+
+ zlevel: 0,
+
+ z: 0,
+
+ center: ['50%', '50%'],
+
+ radius: '80%'
+ }
+});
+
+/*
+* 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.
+*/
+
+// TODO Axis scale
+
+/**
+ * Resize method bound to the polar
+ * @param {module:echarts/coord/polar/PolarModel} polarModel
+ * @param {module:echarts/ExtensionAPI} api
+ */
+function resizePolar(polar, polarModel, api) {
+ var center = polarModel.get('center');
+ var width = api.getWidth();
+ var height = api.getHeight();
+
+ polar.cx = parsePercent$1(center[0], width);
+ polar.cy = parsePercent$1(center[1], height);
+
+ var radiusAxis = polar.getRadiusAxis();
+ var size = Math.min(width, height) / 2;
+
+ var radius = polarModel.get('radius');
+ if (radius == null) {
+ radius = [0, '100%'];
+ }
+ else if (!isArray(radius)) {
+ // r0 = 0
+ radius = [0, radius];
+ }
+ radius = [
+ parsePercent$1(radius[0], size),
+ parsePercent$1(radius[1], size)
+ ];
+
+ radiusAxis.inverse
+ ? radiusAxis.setExtent(radius[1], radius[0])
+ : radiusAxis.setExtent(radius[0], radius[1]);
+}
+
+/**
+ * Update polar
+ */
+function updatePolarScale(ecModel, api) {
+ var polar = this;
+ var angleAxis = polar.getAngleAxis();
+ var radiusAxis = polar.getRadiusAxis();
+ // Reset scale
+ angleAxis.scale.setExtent(Infinity, -Infinity);
+ radiusAxis.scale.setExtent(Infinity, -Infinity);
+
+ ecModel.eachSeries(function (seriesModel) {
+ if (seriesModel.coordinateSystem === polar) {
+ var data = seriesModel.getData();
+ each$1(data.mapDimension('radius', true), function (dim) {
+ radiusAxis.scale.unionExtentFromData(
+ data, getStackedDimension(data, dim)
+ );
+ });
+ each$1(data.mapDimension('angle', true), function (dim) {
+ angleAxis.scale.unionExtentFromData(
+ data, getStackedDimension(data, dim)
+ );
+ });
+ }
+ });
+
+ niceScaleExtent(angleAxis.scale, angleAxis.model);
+ niceScaleExtent(radiusAxis.scale, radiusAxis.model);
+
+ // Fix extent of category angle axis
+ if (angleAxis.type === 'category' && !angleAxis.onBand) {
+ var extent = angleAxis.getExtent();
+ var diff = 360 / angleAxis.scale.count();
+ angleAxis.inverse ? (extent[1] += diff) : (extent[1] -= diff);
+ angleAxis.setExtent(extent[0], extent[1]);
+ }
+}
+
+/**
+ * Set common axis properties
+ * @param {module:echarts/coord/polar/AngleAxis|module:echarts/coord/polar/RadiusAxis}
+ * @param {module:echarts/coord/polar/AxisModel}
+ * @inner
+ */
+function setAxis(axis, axisModel) {
+ axis.type = axisModel.get('type');
+ axis.scale = createScaleByModel(axisModel);
+ axis.onBand = axisModel.get('boundaryGap') && axis.type === 'category';
+ axis.inverse = axisModel.get('inverse');
+
+ if (axisModel.mainType === 'angleAxis') {
+ axis.inverse ^= axisModel.get('clockwise');
+ var startAngle = axisModel.get('startAngle');
+ axis.setExtent(startAngle, startAngle + (axis.inverse ? -360 : 360));
+ }
+
+ // Inject axis instance
+ axisModel.axis = axis;
+ axis.model = axisModel;
+}
+
+
+var polarCreator = {
+
+ dimensions: Polar.prototype.dimensions,
+
+ create: function (ecModel, api) {
+ var polarList = [];
+ ecModel.eachComponent('polar', function (polarModel, idx) {
+ var polar = new Polar(idx);
+ // Inject resize and update method
+ polar.update = updatePolarScale;
+
+ var radiusAxis = polar.getRadiusAxis();
+ var angleAxis = polar.getAngleAxis();
+
+ var radiusAxisModel = polarModel.findAxisModel('radiusAxis');
+ var angleAxisModel = polarModel.findAxisModel('angleAxis');
+
+ setAxis(radiusAxis, radiusAxisModel);
+ setAxis(angleAxis, angleAxisModel);
+
+ resizePolar(polar, polarModel, api);
+
+ polarList.push(polar);
+
+ polarModel.coordinateSystem = polar;
+ polar.model = polarModel;
+ });
+ // Inject coordinateSystem to series
+ ecModel.eachSeries(function (seriesModel) {
+ if (seriesModel.get('coordinateSystem') === 'polar') {
+ var polarModel = ecModel.queryComponents({
+ mainType: 'polar',
+ index: seriesModel.get('polarIndex'),
+ id: seriesModel.get('polarId')
+ })[0];
+
+ if (__DEV__) {
+ if (!polarModel) {
+ throw new Error(
+ 'Polar "' + retrieve(
+ seriesModel.get('polarIndex'),
+ seriesModel.get('polarId'),
+ 0
+ ) + '" not found'
+ );
+ }
+ }
+ seriesModel.coordinateSystem = polarModel.coordinateSystem;
+ }
+ });
+
+ return polarList;
+ }
+};
+
+CoordinateSystemManager.register('polar', polarCreator);
+
+/*
+* 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.
+*/
+
+var elementList$1 = ['axisLine', 'axisLabel', 'axisTick', 'minorTick', 'splitLine', 'minorSplitLine', 'splitArea'];
+
+function getAxisLineShape(polar, rExtent, angle) {
+ rExtent[1] > rExtent[0] && (rExtent = rExtent.slice().reverse());
+ var start = polar.coordToPoint([rExtent[0], angle]);
+ var end = polar.coordToPoint([rExtent[1], angle]);
+
+ return {
+ x1: start[0],
+ y1: start[1],
+ x2: end[0],
+ y2: end[1]
+ };
+}
+
+function getRadiusIdx(polar) {
+ var radiusAxis = polar.getRadiusAxis();
+ return radiusAxis.inverse ? 0 : 1;
+}
+
+// Remove the last tick which will overlap the first tick
+function fixAngleOverlap(list) {
+ var firstItem = list[0];
+ var lastItem = list[list.length - 1];
+ if (firstItem
+ && lastItem
+ && Math.abs(Math.abs(firstItem.coord - lastItem.coord) - 360) < 1e-4
+ ) {
+ list.pop();
+ }
+}
+
+AxisView.extend({
+
+ type: 'angleAxis',
+
+ axisPointerClass: 'PolarAxisPointer',
+
+ render: function (angleAxisModel, ecModel) {
+ this.group.removeAll();
+ if (!angleAxisModel.get('show')) {
+ return;
+ }
+
+ var angleAxis = angleAxisModel.axis;
+ var polar = angleAxis.polar;
+ var radiusExtent = polar.getRadiusAxis().getExtent();
+
+ var ticksAngles = angleAxis.getTicksCoords();
+ var minorTickAngles = angleAxis.getMinorTicksCoords();
+
+ var labels = map(angleAxis.getViewLabels(), function (labelItem) {
+ var labelItem = clone(labelItem);
+ labelItem.coord = angleAxis.dataToCoord(labelItem.tickValue);
+ return labelItem;
+ });
+
+ fixAngleOverlap(labels);
+ fixAngleOverlap(ticksAngles);
+
+ each$1(elementList$1, function (name) {
+ if (angleAxisModel.get(name + '.show')
+ && (!angleAxis.scale.isBlank() || name === 'axisLine')
+ ) {
+ this['_' + name](angleAxisModel, polar, ticksAngles, minorTickAngles, radiusExtent, labels);
+ }
+ }, this);
+ },
+
+ /**
+ * @private
+ */
+ _axisLine: function (angleAxisModel, polar, ticksAngles, minorTickAngles, radiusExtent) {
+ var lineStyleModel = angleAxisModel.getModel('axisLine.lineStyle');
+
+ // extent id of the axis radius (r0 and r)
+ var rId = getRadiusIdx(polar);
+ var r0Id = rId ? 0 : 1;
+
+ var shape;
+ if (radiusExtent[r0Id] === 0) {
+ shape = new Circle({
+ shape: {
+ cx: polar.cx,
+ cy: polar.cy,
+ r: radiusExtent[rId]
+ },
+ style: lineStyleModel.getLineStyle(),
+ z2: 1,
+ silent: true
+ });
+ }
+ else {
+ shape = new Ring({
+ shape: {
+ cx: polar.cx,
+ cy: polar.cy,
+ r: radiusExtent[rId],
+ r0: radiusExtent[r0Id]
+ },
+ style: lineStyleModel.getLineStyle(),
+ z2: 1,
+ silent: true
+ });
+ }
+ shape.style.fill = null;
+ this.group.add(shape);
+ },
+
+ /**
+ * @private
+ */
+ _axisTick: function (angleAxisModel, polar, ticksAngles, minorTickAngles, radiusExtent) {
+ var tickModel = angleAxisModel.getModel('axisTick');
+
+ var tickLen = (tickModel.get('inside') ? -1 : 1) * tickModel.get('length');
+ var radius = radiusExtent[getRadiusIdx(polar)];
+
+ var lines = map(ticksAngles, function (tickAngleItem) {
+ return new Line({
+ shape: getAxisLineShape(polar, [radius, radius + tickLen], tickAngleItem.coord)
+ });
+ });
+ this.group.add(mergePath(
+ lines, {
+ style: defaults(
+ tickModel.getModel('lineStyle').getLineStyle(),
+ {
+ stroke: angleAxisModel.get('axisLine.lineStyle.color')
+ }
+ )
+ }
+ ));
+ },
+
+ /**
+ * @private
+ */
+ _minorTick: function (angleAxisModel, polar, tickAngles, minorTickAngles, radiusExtent) {
+ if (!minorTickAngles.length) {
+ return;
+ }
+
+ var tickModel = angleAxisModel.getModel('axisTick');
+ var minorTickModel = angleAxisModel.getModel('minorTick');
+
+ var tickLen = (tickModel.get('inside') ? -1 : 1) * minorTickModel.get('length');
+ var radius = radiusExtent[getRadiusIdx(polar)];
+
+ var lines = [];
+
+ for (var i = 0; i < minorTickAngles.length; i++) {
+ for (var k = 0; k < minorTickAngles[i].length; k++) {
+ lines.push(new Line({
+ shape: getAxisLineShape(polar, [radius, radius + tickLen], minorTickAngles[i][k].coord)
+ }));
+ }
+ }
+
+ this.group.add(mergePath(
+ lines, {
+ style: defaults(
+ minorTickModel.getModel('lineStyle').getLineStyle(),
+ defaults(
+ tickModel.getLineStyle(), {
+ stroke: angleAxisModel.get('axisLine.lineStyle.color')
+ }
+ )
+ )
+ }
+ ));
+ },
+
+ /**
+ * @private
+ */
+ _axisLabel: function (angleAxisModel, polar, ticksAngles, minorTickAngles, radiusExtent, labels) {
+ var rawCategoryData = angleAxisModel.getCategories(true);
+
+ var commonLabelModel = angleAxisModel.getModel('axisLabel');
+
+ var labelMargin = commonLabelModel.get('margin');
+ var triggerEvent = angleAxisModel.get('triggerEvent');
+
+ // Use length of ticksAngles because it may remove the last tick to avoid overlapping
+ each$1(labels, function (labelItem, idx) {
+ var labelModel = commonLabelModel;
+ var tickValue = labelItem.tickValue;
+
+ var r = radiusExtent[getRadiusIdx(polar)];
+ var p = polar.coordToPoint([r + labelMargin, labelItem.coord]);
+ var cx = polar.cx;
+ var cy = polar.cy;
+
+ var labelTextAlign = Math.abs(p[0] - cx) / r < 0.3
+ ? 'center' : (p[0] > cx ? 'left' : 'right');
+ var labelTextVerticalAlign = Math.abs(p[1] - cy) / r < 0.3
+ ? 'middle' : (p[1] > cy ? 'top' : 'bottom');
+
+ if (rawCategoryData && rawCategoryData[tickValue] && rawCategoryData[tickValue].textStyle) {
+ labelModel = new Model(
+ rawCategoryData[tickValue].textStyle, commonLabelModel, commonLabelModel.ecModel
+ );
+ }
+
+ var textEl = new Text({
+ silent: AxisBuilder.isLabelSilent(angleAxisModel)
+ });
+ this.group.add(textEl);
+ setTextStyle(textEl.style, labelModel, {
+ x: p[0],
+ y: p[1],
+ textFill: labelModel.getTextColor() || angleAxisModel.get('axisLine.lineStyle.color'),
+ text: labelItem.formattedLabel,
+ textAlign: labelTextAlign,
+ textVerticalAlign: labelTextVerticalAlign
+ });
+
+ // Pack data for mouse event
+ if (triggerEvent) {
+ textEl.eventData = AxisBuilder.makeAxisEventDataBase(angleAxisModel);
+ textEl.eventData.targetType = 'axisLabel';
+ textEl.eventData.value = labelItem.rawLabel;
+ }
+
+ }, this);
+ },
+
+ /**
+ * @private
+ */
+ _splitLine: function (angleAxisModel, polar, ticksAngles, minorTickAngles, radiusExtent) {
+ var splitLineModel = angleAxisModel.getModel('splitLine');
+ var lineStyleModel = splitLineModel.getModel('lineStyle');
+ var lineColors = lineStyleModel.get('color');
+ var lineCount = 0;
+
+ lineColors = lineColors instanceof Array ? lineColors : [lineColors];
+
+ var splitLines = [];
+
+ for (var i = 0; i < ticksAngles.length; i++) {
+ var colorIndex = (lineCount++) % lineColors.length;
+ splitLines[colorIndex] = splitLines[colorIndex] || [];
+ splitLines[colorIndex].push(new Line({
+ shape: getAxisLineShape(polar, radiusExtent, ticksAngles[i].coord)
+ }));
+ }
+
+ // Simple optimization
+ // Batching the lines if color are the same
+ for (var i = 0; i < splitLines.length; i++) {
+ this.group.add(mergePath(splitLines[i], {
+ style: defaults({
+ stroke: lineColors[i % lineColors.length]
+ }, lineStyleModel.getLineStyle()),
+ silent: true,
+ z: angleAxisModel.get('z')
+ }));
+ }
+ },
+
+ /**
+ * @private
+ */
+ _minorSplitLine: function (angleAxisModel, polar, ticksAngles, minorTickAngles, radiusExtent) {
+ if (!minorTickAngles.length) {
+ return;
+ }
+
+ var minorSplitLineModel = angleAxisModel.getModel('minorSplitLine');
+ var lineStyleModel = minorSplitLineModel.getModel('lineStyle');
+
+ var lines = [];
+
+ for (var i = 0; i < minorTickAngles.length; i++) {
+ for (var k = 0; k < minorTickAngles[i].length; k++) {
+ lines.push(new Line({
+ shape: getAxisLineShape(polar, radiusExtent, minorTickAngles[i][k].coord)
+ }));
+ }
+ }
+
+ this.group.add(mergePath(lines, {
+ style: lineStyleModel.getLineStyle(),
+ silent: true,
+ z: angleAxisModel.get('z')
+ }));
+ },
+
+ /**
+ * @private
+ */
+ _splitArea: function (angleAxisModel, polar, ticksAngles, minorTickAngles, radiusExtent) {
+ if (!ticksAngles.length) {
+ return;
+ }
+
+ var splitAreaModel = angleAxisModel.getModel('splitArea');
+ var areaStyleModel = splitAreaModel.getModel('areaStyle');
+ var areaColors = areaStyleModel.get('color');
+ var lineCount = 0;
+
+ areaColors = areaColors instanceof Array ? areaColors : [areaColors];
+
+ var splitAreas = [];
+
+ var RADIAN = Math.PI / 180;
+ var prevAngle = -ticksAngles[0].coord * RADIAN;
+ var r0 = Math.min(radiusExtent[0], radiusExtent[1]);
+ var r1 = Math.max(radiusExtent[0], radiusExtent[1]);
+
+ var clockwise = angleAxisModel.get('clockwise');
+
+ for (var i = 1; i < ticksAngles.length; i++) {
+ var colorIndex = (lineCount++) % areaColors.length;
+ splitAreas[colorIndex] = splitAreas[colorIndex] || [];
+ splitAreas[colorIndex].push(new Sector({
+ shape: {
+ cx: polar.cx,
+ cy: polar.cy,
+ r0: r0,
+ r: r1,
+ startAngle: prevAngle,
+ endAngle: -ticksAngles[i].coord * RADIAN,
+ clockwise: clockwise
+ },
+ silent: true
+ }));
+ prevAngle = -ticksAngles[i].coord * RADIAN;
+ }
+
+ // Simple optimization
+ // Batching the lines if color are the same
+ for (var i = 0; i < splitAreas.length; i++) {
+ this.group.add(mergePath(splitAreas[i], {
+ style: defaults({
+ fill: areaColors[i % areaColors.length]
+ }, areaStyleModel.getAreaStyle()),
+ silent: true
+ }));
+ }
+ }
+});
+
+/*
+* 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.
+*/
+
+/*
+* 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.
+*/
+
+var axisBuilderAttrs$3 = [
+ 'axisLine', 'axisTickLabel', 'axisName'
+];
+var selfBuilderAttrs$2 = [
+ 'splitLine', 'splitArea', 'minorSplitLine'
+];
+
+AxisView.extend({
+
+ type: 'radiusAxis',
+
+ axisPointerClass: 'PolarAxisPointer',
+
+ render: function (radiusAxisModel, ecModel) {
+ this.group.removeAll();
+ if (!radiusAxisModel.get('show')) {
+ return;
+ }
+ var radiusAxis = radiusAxisModel.axis;
+ var polar = radiusAxis.polar;
+ var angleAxis = polar.getAngleAxis();
+ var ticksCoords = radiusAxis.getTicksCoords();
+ var minorTicksCoords = radiusAxis.getMinorTicksCoords();
+ var axisAngle = angleAxis.getExtent()[0];
+ var radiusExtent = radiusAxis.getExtent();
+
+ var layout = layoutAxis(polar, radiusAxisModel, axisAngle);
+ var axisBuilder = new AxisBuilder(radiusAxisModel, layout);
+ each$1(axisBuilderAttrs$3, axisBuilder.add, axisBuilder);
+ this.group.add(axisBuilder.getGroup());
+
+ each$1(selfBuilderAttrs$2, function (name) {
+ if (radiusAxisModel.get(name + '.show') && !radiusAxis.scale.isBlank()) {
+ this['_' + name](radiusAxisModel, polar, axisAngle, radiusExtent, ticksCoords, minorTicksCoords);
+ }
+ }, this);
+ },
+
+ /**
+ * @private
+ */
+ _splitLine: function (radiusAxisModel, polar, axisAngle, radiusExtent, ticksCoords) {
+ var splitLineModel = radiusAxisModel.getModel('splitLine');
+ var lineStyleModel = splitLineModel.getModel('lineStyle');
+ var lineColors = lineStyleModel.get('color');
+ var lineCount = 0;
+
+ lineColors = lineColors instanceof Array ? lineColors : [lineColors];
+
+ var splitLines = [];
+
+ for (var i = 0; i < ticksCoords.length; i++) {
+ var colorIndex = (lineCount++) % lineColors.length;
+ splitLines[colorIndex] = splitLines[colorIndex] || [];
+ splitLines[colorIndex].push(new Circle({
+ shape: {
+ cx: polar.cx,
+ cy: polar.cy,
+ r: ticksCoords[i].coord
+ }
+ }));
+ }
+
+ // Simple optimization
+ // Batching the lines if color are the same
+ for (var i = 0; i < splitLines.length; i++) {
+ this.group.add(mergePath(splitLines[i], {
+ style: defaults({
+ stroke: lineColors[i % lineColors.length],
+ fill: null
+ }, lineStyleModel.getLineStyle()),
+ silent: true
+ }));
+ }
+ },
+
+ /**
+ * @private
+ */
+ _minorSplitLine: function (radiusAxisModel, polar, axisAngle, radiusExtent, ticksCoords, minorTicksCoords) {
+ if (!minorTicksCoords.length) {
+ return;
+ }
+
+ var minorSplitLineModel = radiusAxisModel.getModel('minorSplitLine');
+ var lineStyleModel = minorSplitLineModel.getModel('lineStyle');
+
+ var lines = [];
+
+ for (var i = 0; i < minorTicksCoords.length; i++) {
+ for (var k = 0; k < minorTicksCoords[i].length; k++) {
+ lines.push(new Circle({
+ shape: {
+ cx: polar.cx,
+ cy: polar.cy,
+ r: minorTicksCoords[i][k].coord
+ }
+ }));
+ }
+ }
+
+ this.group.add(mergePath(lines, {
+ style: defaults({
+ fill: null
+ }, lineStyleModel.getLineStyle()),
+ silent: true
+ }));
+ },
+
+ /**
+ * @private
+ */
+ _splitArea: function (radiusAxisModel, polar, axisAngle, radiusExtent, ticksCoords) {
+ if (!ticksCoords.length) {
+ return;
+ }
+
+ var splitAreaModel = radiusAxisModel.getModel('splitArea');
+ var areaStyleModel = splitAreaModel.getModel('areaStyle');
+ var areaColors = areaStyleModel.get('color');
+ var lineCount = 0;
+
+ areaColors = areaColors instanceof Array ? areaColors : [areaColors];
+
+ var splitAreas = [];
+
+ var prevRadius = ticksCoords[0].coord;
+ for (var i = 1; i < ticksCoords.length; i++) {
+ var colorIndex = (lineCount++) % areaColors.length;
+ splitAreas[colorIndex] = splitAreas[colorIndex] || [];
+ splitAreas[colorIndex].push(new Sector({
+ shape: {
+ cx: polar.cx,
+ cy: polar.cy,
+ r0: prevRadius,
+ r: ticksCoords[i].coord,
+ startAngle: 0,
+ endAngle: Math.PI * 2
+ },
+ silent: true
+ }));
+ prevRadius = ticksCoords[i].coord;
+ }
+
+ // Simple optimization
+ // Batching the lines if color are the same
+ for (var i = 0; i < splitAreas.length; i++) {
+ this.group.add(mergePath(splitAreas[i], {
+ style: defaults({
+ fill: areaColors[i % areaColors.length]
+ }, areaStyleModel.getAreaStyle()),
+ silent: true
+ }));
+ }
+ }
+});
+
+/**
+ * @inner
+ */
+function layoutAxis(polar, radiusAxisModel, axisAngle) {
+ return {
+ position: [polar.cx, polar.cy],
+ rotation: axisAngle / 180 * Math.PI,
+ labelDirection: -1,
+ tickDirection: -1,
+ nameDirection: 1,
+ labelRotate: radiusAxisModel.getModel('axisLabel').get('rotate'),
+ // Over splitLine and splitArea
+ z2: 1
+ };
+}
+
+/*
+* 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.
+*/
+
+/*
+* 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.
+*/
+
+var PolarAxisPointer = BaseAxisPointer.extend({
+
+ /**
+ * @override
+ */
+ makeElOption: function (elOption, value, axisModel, axisPointerModel, api) {
+ var axis = axisModel.axis;
+
+ if (axis.dim === 'angle') {
+ this.animationThreshold = Math.PI / 18;
+ }
+
+ var polar = axis.polar;
+ var otherAxis = polar.getOtherAxis(axis);
+ var otherExtent = otherAxis.getExtent();
+
+ var coordValue;
+ coordValue = axis['dataTo' + capitalFirst(axis.dim)](value);
+
+ var axisPointerType = axisPointerModel.get('type');
+ if (axisPointerType && axisPointerType !== 'none') {
+ var elStyle = buildElStyle(axisPointerModel);
+ var pointerOption = pointerShapeBuilder$2[axisPointerType](
+ axis, polar, coordValue, otherExtent, elStyle
+ );
+ pointerOption.style = elStyle;
+ elOption.graphicKey = pointerOption.type;
+ elOption.pointer = pointerOption;
+ }
+
+ var labelMargin = axisPointerModel.get('label.margin');
+ var labelPos = getLabelPosition(value, axisModel, axisPointerModel, polar, labelMargin);
+ buildLabelElOption(elOption, axisModel, axisPointerModel, api, labelPos);
+ }
+
+ // Do not support handle, utill any user requires it.
+
+});
+
+function getLabelPosition(value, axisModel, axisPointerModel, polar, labelMargin) {
+ var axis = axisModel.axis;
+ var coord = axis.dataToCoord(value);
+ var axisAngle = polar.getAngleAxis().getExtent()[0];
+ axisAngle = axisAngle / 180 * Math.PI;
+ var radiusExtent = polar.getRadiusAxis().getExtent();
+ var position;
+ var align;
+ var verticalAlign;
+
+ if (axis.dim === 'radius') {
+ var transform = create$1();
+ rotate(transform, transform, axisAngle);
+ translate(transform, transform, [polar.cx, polar.cy]);
+ position = applyTransform$1([coord, -labelMargin], transform);
+
+ var labelRotation = axisModel.getModel('axisLabel').get('rotate') || 0;
+ var labelLayout = AxisBuilder.innerTextLayout(
+ axisAngle, labelRotation * Math.PI / 180, -1
+ );
+ align = labelLayout.textAlign;
+ verticalAlign = labelLayout.textVerticalAlign;
+ }
+ else { // angle axis
+ var r = radiusExtent[1];
+ position = polar.coordToPoint([r + labelMargin, coord]);
+ var cx = polar.cx;
+ var cy = polar.cy;
+ align = Math.abs(position[0] - cx) / r < 0.3
+ ? 'center' : (position[0] > cx ? 'left' : 'right');
+ verticalAlign = Math.abs(position[1] - cy) / r < 0.3
+ ? 'middle' : (position[1] > cy ? 'top' : 'bottom');
+ }
+
+ return {
+ position: position,
+ align: align,
+ verticalAlign: verticalAlign
+ };
+}
+
+
+var pointerShapeBuilder$2 = {
+
+ line: function (axis, polar, coordValue, otherExtent, elStyle) {
+ return axis.dim === 'angle'
+ ? {
+ type: 'Line',
+ shape: makeLineShape(
+ polar.coordToPoint([otherExtent[0], coordValue]),
+ polar.coordToPoint([otherExtent[1], coordValue])
+ )
+ }
+ : {
+ type: 'Circle',
+ shape: {
+ cx: polar.cx,
+ cy: polar.cy,
+ r: coordValue
+ }
+ };
+ },
+
+ shadow: function (axis, polar, coordValue, otherExtent, elStyle) {
+ var bandWidth = Math.max(1, axis.getBandWidth());
+ var radian = Math.PI / 180;
+
+ return axis.dim === 'angle'
+ ? {
+ type: 'Sector',
+ shape: makeSectorShape(
+ polar.cx, polar.cy,
+ otherExtent[0], otherExtent[1],
+ // In ECharts y is negative if angle is positive
+ (-coordValue - bandWidth / 2) * radian,
+ (-coordValue + bandWidth / 2) * radian
+ )
+ }
+ : {
+ type: 'Sector',
+ shape: makeSectorShape(
+ polar.cx, polar.cy,
+ coordValue - bandWidth / 2,
+ coordValue + bandWidth / 2,
+ 0, Math.PI * 2
+ )
+ };
+ }
+};
+
+AxisView.registerAxisPointerClass('PolarAxisPointer', PolarAxisPointer);
+
+/*
+* 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.
+*/
+
+// For reducing size of echarts.min, barLayoutPolar is required by polar.
+registerLayout(curry(barLayoutPolar, 'bar'));
+
+// Polar view
+extendComponentView({
+ type: 'polar'
+});
+
+/*
+* 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.
+*/
+
+var GeoModel = ComponentModel.extend({
+
+ type: 'geo',
+
+ /**
+ * @type {module:echarts/coord/geo/Geo}
+ */
+ coordinateSystem: null,
+
+ layoutMode: 'box',
+
+ init: function (option) {
+ ComponentModel.prototype.init.apply(this, arguments);
+
+ // Default label emphasis `show`
+ defaultEmphasis(option, 'label', ['show']);
+ },
+
+ optionUpdated: function () {
+ var option = this.option;
+ var self = this;
+
+ option.regions = geoCreator.getFilledRegions(option.regions, option.map, option.nameMap);
+
+ this._optionModelMap = reduce(option.regions || [], function (optionModelMap, regionOpt) {
+ if (regionOpt.name) {
+ optionModelMap.set(regionOpt.name, new Model(regionOpt, self));
+ }
+ return optionModelMap;
+ }, createHashMap());
+
+ this.updateSelectedMap(option.regions);
+ },
+
+ defaultOption: {
+
+ zlevel: 0,
+
+ z: 0,
+
+ show: true,
+
+ left: 'center',
+
+ top: 'center',
+
+
+ // width:,
+ // height:,
+ // right
+ // bottom
+
+ // Aspect is width / height. Inited to be geoJson bbox aspect
+ // This parameter is used for scale this aspect
+ // If svg used, aspectScale is 1 by default.
+ // aspectScale: 0.75,
+ aspectScale: null,
+
+ ///// Layout with center and size
+ // If you wan't to put map in a fixed size box with right aspect ratio
+ // This two properties may more conveninet
+ // layoutCenter: [50%, 50%]
+ // layoutSize: 100
+
+ silent: false,
+
+ // Map type
+ map: '',
+
+ // Define left-top, right-bottom coords to control view
+ // For example, [ [180, 90], [-180, -90] ]
+ boundingCoords: null,
+
+ // Default on center of map
+ center: null,
+
+ zoom: 1,
+
+ scaleLimit: null,
+
+ // selectedMode: false
+
+ label: {
+ show: false,
+ color: '#000'
+ },
+
+ itemStyle: {
+ // color: 鍚勫紓,
+ borderWidth: 0.5,
+ borderColor: '#444',
+ color: '#eee'
+ },
+
+ emphasis: {
+ label: {
+ show: true,
+ color: 'rgb(100,0,0)'
+ },
+ itemStyle: {
+ color: 'rgba(255,215,0,0.8)'
+ }
+ },
+
+ regions: []
+ },
+
+ /**
+ * Get model of region
+ * @param {string} name
+ * @return {module:echarts/model/Model}
+ */
+ getRegionModel: function (name) {
+ return this._optionModelMap.get(name) || new Model(null, this, this.ecModel);
+ },
+
+ /**
+ * Format label
+ * @param {string} name Region name
+ * @param {string} [status='normal'] 'normal' or 'emphasis'
+ * @return {string}
+ */
+ getFormattedLabel: function (name, status) {
+ var regionModel = this.getRegionModel(name);
+ var formatter = regionModel.get(
+ 'label'
+ + (status === 'normal' ? '.' : status + '.')
+ + 'formatter'
+ );
+ var params = {
+ name: name
+ };
+ if (typeof formatter === 'function') {
+ params.status = status;
+ return formatter(params);
+ }
+ else if (typeof formatter === 'string') {
+ return formatter.replace('{a}', name != null ? name : '');
+ }
+ },
+
+ setZoom: function (zoom) {
+ this.option.zoom = zoom;
+ },
+
+ setCenter: function (center) {
+ this.option.center = center;
+ }
+});
+
+mixin(GeoModel, selectableMixin);
+
+/*
+* 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.
+*/
+
+extendComponentView({
+
+ type: 'geo',
+
+ init: function (ecModel, api) {
+ var mapDraw = new MapDraw(api, true);
+ this._mapDraw = mapDraw;
+
+ this.group.add(mapDraw.group);
+ },
+
+ render: function (geoModel, ecModel, api, payload) {
+ // Not render if it is an toggleSelect action from self
+ if (payload && payload.type === 'geoToggleSelect'
+ && payload.from === this.uid
+ ) {
+ return;
+ }
+
+ var mapDraw = this._mapDraw;
+ if (geoModel.get('show')) {
+ mapDraw.draw(geoModel, ecModel, api, this, payload);
+ }
+ else {
+ this._mapDraw.group.removeAll();
+ }
+
+ this.group.silent = geoModel.get('silent');
+ },
+
+ dispose: function () {
+ this._mapDraw && this._mapDraw.remove();
+ }
+
+});
+
+/*
+* 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 makeAction(method, actionInfo) {
+ actionInfo.update = 'updateView';
+ registerAction(actionInfo, function (payload, ecModel) {
+ var selected = {};
+
+ ecModel.eachComponent(
+ { mainType: 'geo', query: payload},
+ function (geoModel) {
+ geoModel[method](payload.name);
+ var geo = geoModel.coordinateSystem;
+ each$1(geo.regions, function (region) {
+ selected[region.name] = geoModel.isSelected(region.name) || false;
+ });
+ }
+ );
+
+ return {
+ selected: selected,
+ name: payload.name
+ };
+ });
+}
+
+makeAction('toggleSelected', {
+ type: 'geoToggleSelect',
+ event: 'geoselectchanged'
+});
+makeAction('select', {
+ type: 'geoSelect',
+ event: 'geoselected'
+});
+makeAction('unSelect', {
+ type: 'geoUnSelect',
+ event: 'geounselected'
+});
+
+/*
+* 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.
+*/
+
+// (24*60*60*1000)
+var PROXIMATE_ONE_DAY = 86400000;
+
+/**
+ * Calendar
+ *
+ * @constructor
+ *
+ * @param {Object} calendarModel calendarModel
+ * @param {Object} ecModel ecModel
+ * @param {Object} api api
+ */
+function Calendar(calendarModel, ecModel, api) {
+ this._model = calendarModel;
+}
+
+Calendar.prototype = {
+
+ constructor: Calendar,
+
+ type: 'calendar',
+
+ dimensions: ['time', 'value'],
+
+ // Required in createListFromData
+ getDimensionsInfo: function () {
+ return [{name: 'time', type: 'time'}, 'value'];
+ },
+
+ getRangeInfo: function () {
+ return this._rangeInfo;
+ },
+
+ getModel: function () {
+ return this._model;
+ },
+
+ getRect: function () {
+ return this._rect;
+ },
+
+ getCellWidth: function () {
+ return this._sw;
+ },
+
+ getCellHeight: function () {
+ return this._sh;
+ },
+
+ getOrient: function () {
+ return this._orient;
+ },
+
+ /**
+ * getFirstDayOfWeek
+ *
+ * @example
+ * 0 : start at Sunday
+ * 1 : start at Monday
+ *
+ * @return {number}
+ */
+ getFirstDayOfWeek: function () {
+ return this._firstDayOfWeek;
+ },
+
+ /**
+ * get date info
+ *
+ * @param {string|number} date date
+ * @return {Object}
+ * {
+ * y: string, local full year, eg., '1940',
+ * m: string, local month, from '01' ot '12',
+ * d: string, local date, from '01' to '31' (if exists),
+ * day: It is not date.getDay(). It is the location of the cell in a week, from 0 to 6,
+ * time: timestamp,
+ * formatedDate: string, yyyy-MM-dd,
+ * date: original date object.
+ * }
+ */
+ getDateInfo: function (date) {
+
+ date = parseDate(date);
+
+ var y = date.getFullYear();
+
+ var m = date.getMonth() + 1;
+ m = m < 10 ? '0' + m : m;
+
+ var d = date.getDate();
+ d = d < 10 ? '0' + d : d;
+
+ var day = date.getDay();
+
+ day = Math.abs((day + 7 - this.getFirstDayOfWeek()) % 7);
+
+ return {
+ y: y,
+ m: m,
+ d: d,
+ day: day,
+ time: date.getTime(),
+ formatedDate: y + '-' + m + '-' + d,
+ date: date
+ };
+ },
+
+ getNextNDay: function (date, n) {
+ n = n || 0;
+ if (n === 0) {
+ return this.getDateInfo(date);
+ }
+
+ date = new Date(this.getDateInfo(date).time);
+ date.setDate(date.getDate() + n);
+
+ return this.getDateInfo(date);
+ },
+
+ update: function (ecModel, api) {
+
+ 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 weeks = this._rangeInfo.weeks || 1;
+ var whNames = ['width', 'height'];
+ var cellSize = this._model.get('cellSize').slice();
+ var layoutParams = this._model.getBoxLayoutParams();
+ var cellNumbers = this._orient === 'horizontal' ? [weeks, 7] : [7, weeks];
+
+ each$1([0, 1], function (idx) {
+ if (cellSizeSpecified(cellSize, idx)) {
+ layoutParams[whNames[idx]] = cellSize[idx] * cellNumbers[idx];
+ }
+ });
+
+ var whGlobal = {
+ width: api.getWidth(),
+ height: api.getHeight()
+ };
+ var calendarRect = this._rect = getLayoutRect(layoutParams, whGlobal);
+
+ each$1([0, 1], function (idx) {
+ if (!cellSizeSpecified(cellSize, idx)) {
+ cellSize[idx] = calendarRect[whNames[idx]] / cellNumbers[idx];
+ }
+ });
+
+ function cellSizeSpecified(cellSize, idx) {
+ return cellSize[idx] != null && cellSize[idx] !== 'auto';
+ }
+
+ this._sw = cellSize[0];
+ this._sh = cellSize[1];
+ },
+
+
+ /**
+ * Convert a time data(time, value) item to (x, y) point.
+ *
+ * @override
+ * @param {Array|number} data data
+ * @param {boolean} [clamp=true] out of range
+ * @return {Array} point
+ */
+ dataToPoint: function (data, clamp) {
+ isArray(data) && (data = data[0]);
+ clamp == null && (clamp = true);
+
+ var dayInfo = this.getDateInfo(data);
+ var range = this._rangeInfo;
+ var date = dayInfo.formatedDate;
+
+ // if not in range return [NaN, NaN]
+ if (clamp && !(
+ dayInfo.time >= range.start.time
+ && dayInfo.time < range.end.time + PROXIMATE_ONE_DAY
+ )) {
+ return [NaN, NaN];
+ }
+
+ var week = dayInfo.day;
+ var nthWeek = this._getRangeInfo([range.start.time, date]).nthWeek;
+
+ if (this._orient === 'vertical') {
+ return [
+ this._rect.x + week * this._sw + this._sw / 2,
+ this._rect.y + nthWeek * this._sh + this._sh / 2
+ ];
+
+ }
+
+ return [
+ this._rect.x + nthWeek * this._sw + this._sw / 2,
+ this._rect.y + week * this._sh + this._sh / 2
+ ];
+
+ },
+
+ /**
+ * Convert a (x, y) point to time data
+ *
+ * @override
+ * @param {string} point point
+ * @return {string} data
+ */
+ pointToData: function (point) {
+
+ var date = this.pointToDate(point);
+
+ return date && date.time;
+ },
+
+ /**
+ * Convert a time date item to (x, y) four point.
+ *
+ * @param {Array} data date[0] is date
+ * @param {boolean} [clamp=true] out of range
+ * @return {Object} point
+ */
+ dataToRect: function (data, clamp) {
+ var point = this.dataToPoint(data, clamp);
+
+ return {
+ contentShape: {
+ x: point[0] - (this._sw - this._lineWidth) / 2,
+ y: point[1] - (this._sh - this._lineWidth) / 2,
+ width: this._sw - this._lineWidth,
+ height: this._sh - this._lineWidth
+ },
+
+ center: point,
+
+ tl: [
+ point[0] - this._sw / 2,
+ point[1] - this._sh / 2
+ ],
+
+ tr: [
+ point[0] + this._sw / 2,
+ point[1] - this._sh / 2
+ ],
+
+ br: [
+ point[0] + this._sw / 2,
+ point[1] + this._sh / 2
+ ],
+
+ bl: [
+ point[0] - this._sw / 2,
+ point[1] + this._sh / 2
+ ]
+
+ };
+ },
+
+ /**
+ * Convert a (x, y) point to time date
+ *
+ * @param {Array} point point
+ * @return {Object} date
+ */
+ pointToDate: function (point) {
+ var nthX = Math.floor((point[0] - this._rect.x) / this._sw) + 1;
+ var nthY = Math.floor((point[1] - this._rect.y) / this._sh) + 1;
+ var range = this._rangeInfo.range;
+
+ if (this._orient === 'vertical') {
+ return this._getDateByWeeksAndDay(nthY, nthX - 1, range);
+ }
+
+ return this._getDateByWeeksAndDay(nthX, nthY - 1, range);
+ },
+
+ /**
+ * @inheritDoc
+ */
+ convertToPixel: curry(doConvert$2, 'dataToPoint'),
+
+ /**
+ * @inheritDoc
+ */
+ convertFromPixel: curry(doConvert$2, 'pointToData'),
+
+ /**
+ * initRange
+ *
+ * @private
+ * @return {Array} [start, end]
+ */
+ _initRangeOption: function () {
+ var range = this._model.get('range');
+
+ var rg = range;
+
+ if (isArray(rg) && rg.length === 1) {
+ rg = rg[0];
+ }
+
+ if (/^\d{4}$/.test(rg)) {
+ range = [rg + '-01-01', rg + '-12-31'];
+ }
+
+ if (/^\d{4}[\/|-]\d{1,2}$/.test(rg)) {
+
+ var start = this.getDateInfo(rg);
+ var firstDay = start.date;
+ firstDay.setMonth(firstDay.getMonth() + 1);
+
+ var end = this.getNextNDay(firstDay, -1);
+ range = [start.formatedDate, end.formatedDate];
+ }
+
+ if (/^\d{4}[\/|-]\d{1,2}[\/|-]\d{1,2}$/.test(rg)) {
+ range = [rg, rg];
+ }
+
+ var tmp = this._getRangeInfo(range);
+
+ if (tmp.start.time > tmp.end.time) {
+ range.reverse();
+ }
+
+ return range;
+ },
+
+ /**
+ * range info
+ *
+ * @private
+ * @param {Array} range range ['2017-01-01', '2017-07-08']
+ * If range[0] > range[1], they will not be reversed.
+ * @return {Object} obj
+ */
+ _getRangeInfo: function (range) {
+ range = [
+ this.getDateInfo(range[0]),
+ this.getDateInfo(range[1])
+ ];
+
+ var reversed;
+ if (range[0].time > range[1].time) {
+ reversed = true;
+ range.reverse();
+ }
+
+ var allDay = Math.floor(range[1].time / PROXIMATE_ONE_DAY)
+ - Math.floor(range[0].time / PROXIMATE_ONE_DAY) + 1;
+
+ // Consider case1 (#11677 #10430):
+ // Set the system timezone as "UK", set the range to `['2016-07-01', '2016-12-31']`
+
+ // Consider case2:
+ // Firstly set system timezone as "Time Zone: America/Toronto",
+ // ```
+ // var first = new Date(1478412000000 - 3600 * 1000 * 2.5);
+ // var second = new Date(1478412000000);
+ // var allDays = Math.floor(second / ONE_DAY) - Math.floor(first / ONE_DAY) + 1;
+ // ```
+ // will get wrong result because of DST. So we should fix it.
+ var date = new Date(range[0].time);
+ var startDateNum = date.getDate();
+ var endDateNum = range[1].date.getDate();
+ date.setDate(startDateNum + allDay - 1);
+ // The bias can not over a month, so just compare date.
+ var dateNum = date.getDate();
+ if (dateNum !== endDateNum) {
+ var sign = date.getTime() - range[1].time > 0 ? 1 : -1;
+ while (
+ (dateNum = date.getDate()) !== endDateNum
+ && (date.getTime() - range[1].time) * sign > 0
+ ) {
+ allDay -= sign;
+ date.setDate(dateNum - sign);
+ }
+ }
+
+ var weeks = Math.floor((allDay + range[0].day + 6) / 7);
+ var nthWeek = reversed ? -weeks + 1 : weeks - 1;
+
+ reversed && range.reverse();
+
+ return {
+ range: [range[0].formatedDate, range[1].formatedDate],
+ start: range[0],
+ end: range[1],
+ allDay: allDay,
+ weeks: weeks,
+ // From 0.
+ nthWeek: nthWeek,
+ fweek: range[0].day,
+ lweek: range[1].day
+ };
+ },
+
+ /**
+ * get date by nthWeeks and week day in range
+ *
+ * @private
+ * @param {number} nthWeek the week
+ * @param {number} day the week day
+ * @param {Array} range [d1, d2]
+ * @return {Object}
+ */
+ _getDateByWeeksAndDay: function (nthWeek, day, range) {
+ var rangeInfo = this._getRangeInfo(range);
+
+ if (nthWeek > rangeInfo.weeks
+ || (nthWeek === 0 && day < rangeInfo.fweek)
+ || (nthWeek === rangeInfo.weeks && day > rangeInfo.lweek)
+ ) {
+ return false;
+ }
+
+ var nthDay = (nthWeek - 1) * 7 - rangeInfo.fweek + day;
+ var date = new Date(rangeInfo.start.time);
+ date.setDate(rangeInfo.start.d + nthDay);
+
+ return this.getDateInfo(date);
+ }
+};
+
+Calendar.dimensions = Calendar.prototype.dimensions;
+
+Calendar.getDimensionsInfo = Calendar.prototype.getDimensionsInfo;
+
+Calendar.create = function (ecModel, api) {
+ var calendarList = [];
+
+ ecModel.eachComponent('calendar', function (calendarModel) {
+ var calendar = new Calendar(calendarModel, ecModel, api);
+ calendarList.push(calendar);
+ calendarModel.coordinateSystem = calendar;
+ });
+
+ ecModel.eachSeries(function (calendarSeries) {
+ if (calendarSeries.get('coordinateSystem') === 'calendar') {
+ // Inject coordinate system
+ calendarSeries.coordinateSystem = calendarList[calendarSeries.get('calendarIndex') || 0];
+ }
+ });
+ return calendarList;
+};
+
+function doConvert$2(methodName, ecModel, finder, value) {
+ var calendarModel = finder.calendarModel;
+ var seriesModel = finder.seriesModel;
+
+ var coordSys = calendarModel
+ ? calendarModel.coordinateSystem
+ : seriesModel
+ ? seriesModel.coordinateSystem
+ : null;
+
+ return coordSys === this ? coordSys[methodName](value) : null;
+}
+
+CoordinateSystemManager.register('calendar', Calendar);
+
+/*
+* 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.
+*/
+
+var CalendarModel = ComponentModel.extend({
+
+ type: 'calendar',
+
+ /**
+ * @type {module:echarts/coord/calendar/Calendar}
+ */
+ coordinateSystem: null,
+
+ defaultOption: {
+ zlevel: 0,
+ z: 2,
+ left: 80,
+ top: 60,
+
+ cellSize: 20,
+
+ // horizontal vertical
+ orient: 'horizontal',
+
+ // month separate line style
+ splitLine: {
+ show: true,
+ lineStyle: {
+ color: '#000',
+ width: 1,
+ type: 'solid'
+ }
+ },
+
+ // rect style temporarily unused emphasis
+ itemStyle: {
+ color: '#fff',
+ borderWidth: 1,
+ borderColor: '#ccc'
+ },
+
+ // week text style
+ dayLabel: {
+ show: true,
+
+ // a week first day
+ firstDay: 0,
+
+ // start end
+ position: 'start',
+ margin: '50%', // 50% of cellSize
+ nameMap: 'en',
+ color: '#000'
+ },
+
+ // month text style
+ monthLabel: {
+ show: true,
+
+ // start end
+ position: 'start',
+ margin: 5,
+
+ // center or left
+ align: 'center',
+
+ // cn en []
+ nameMap: 'en',
+ formatter: null,
+ color: '#000'
+ },
+
+ // year text style
+ yearLabel: {
+ show: true,
+
+ // top bottom left right
+ position: null,
+ margin: 30,
+ formatter: null,
+ color: '#ccc',
+ fontFamily: 'sans-serif',
+ fontWeight: 'bolder',
+ fontSize: 20
+ }
+ },
+
+ /**
+ * @override
+ */
+ init: function (option, parentModel, ecModel, extraOpt) {
+ var inputPositionParams = getLayoutParams(option);
+
+ CalendarModel.superApply(this, 'init', arguments);
+
+ mergeAndNormalizeLayoutParams(option, inputPositionParams);
+ },
+
+ /**
+ * @override
+ */
+ mergeOption: function (option, extraOpt) {
+ CalendarModel.superApply(this, 'mergeOption', arguments);
+
+ mergeAndNormalizeLayoutParams(this.option, option);
+ }
+});
+
+function mergeAndNormalizeLayoutParams(target, raw) {
+ // Normalize cellSize
+ var cellSize = target.cellSize;
+
+ if (!isArray(cellSize)) {
+ cellSize = target.cellSize = [cellSize, cellSize];
+ }
+ else if (cellSize.length === 1) {
+ cellSize[1] = cellSize[0];
+ }
+
+ var ignoreSize = map([0, 1], function (hvIdx) {
+ // If user have set `width` or both `left` and `right`, cellSize
+ // will be automatically set to 'auto', otherwise the default
+ // setting of cellSize will make `width` setting not work.
+ if (sizeCalculable(raw, hvIdx)) {
+ cellSize[hvIdx] = 'auto';
+ }
+ return cellSize[hvIdx] != null && cellSize[hvIdx] !== 'auto';
+ });
+
+ mergeLayoutParam(target, raw, {
+ type: 'box', ignoreSize: ignoreSize
+ });
+}
+
+/*
+* 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.
+*/
+
+var MONTH_TEXT = {
+ EN: [
+ 'Jan', 'Feb', 'Mar',
+ 'Apr', 'May', 'Jun',
+ 'Jul', 'Aug', 'Sep',
+ 'Oct', 'Nov', 'Dec'
+ ],
+ CN: [
+ '涓�鏈�', '浜屾湀', '涓夋湀',
+ '鍥涙湀', '浜旀湀', '鍏湀',
+ '涓冩湀', '鍏湀', '涔濇湀',
+ '鍗佹湀', '鍗佷竴鏈�', '鍗佷簩鏈�'
+ ]
+};
+
+var WEEK_TEXT = {
+ EN: ['S', 'M', 'T', 'W', 'T', 'F', 'S'],
+ CN: ['鏃�', '涓�', '浜�', '涓�', '鍥�', '浜�', '鍏�']
+};
+
+extendComponentView({
+
+ type: 'calendar',
+
+ /**
+ * top/left line points
+ * @private
+ */
+ _tlpoints: null,
+
+ /**
+ * bottom/right line points
+ * @private
+ */
+ _blpoints: null,
+
+ /**
+ * first day of month
+ * @private
+ */
+ _firstDayOfMonth: null,
+
+ /**
+ * first day point of month
+ * @private
+ */
+ _firstDayPoints: null,
+
+ render: function (calendarModel, ecModel, api) {
+
+ var group = this.group;
+
+ group.removeAll();
+
+ var coordSys = calendarModel.coordinateSystem;
+
+ // range info
+ var rangeData = coordSys.getRangeInfo();
+ var orient = coordSys.getOrient();
+
+ this._renderDayRect(calendarModel, rangeData, group);
+
+ // _renderLines must be called prior to following function
+ this._renderLines(calendarModel, rangeData, orient, group);
+
+ this._renderYearText(calendarModel, rangeData, orient, group);
+
+ this._renderMonthText(calendarModel, orient, group);
+
+ this._renderWeekText(calendarModel, rangeData, orient, group);
+ },
+
+ // render day rect
+ _renderDayRect: function (calendarModel, rangeData, group) {
+ var coordSys = calendarModel.coordinateSystem;
+ var itemRectStyleModel = calendarModel.getModel('itemStyle').getItemStyle();
+ var sw = coordSys.getCellWidth();
+ var sh = coordSys.getCellHeight();
+
+ for (var i = rangeData.start.time;
+ i <= rangeData.end.time;
+ i = coordSys.getNextNDay(i, 1).time
+ ) {
+
+ var point = coordSys.dataToRect([i], false).tl;
+
+ // every rect
+ var rect = new Rect({
+ shape: {
+ x: point[0],
+ y: point[1],
+ width: sw,
+ height: sh
+ },
+ cursor: 'default',
+ style: itemRectStyleModel
+ });
+
+ group.add(rect);
+ }
+
+ },
+
+ // render separate line
+ _renderLines: function (calendarModel, rangeData, orient, group) {
+
+ var self = this;
+
+ var coordSys = calendarModel.coordinateSystem;
+
+ var lineStyleModel = calendarModel.getModel('splitLine.lineStyle').getLineStyle();
+ var show = calendarModel.get('splitLine.show');
+
+ var lineWidth = lineStyleModel.lineWidth;
+
+ this._tlpoints = [];
+ this._blpoints = [];
+ this._firstDayOfMonth = [];
+ this._firstDayPoints = [];
+
+
+ var firstDay = rangeData.start;
+
+ for (var i = 0; firstDay.time <= rangeData.end.time; i++) {
+ addPoints(firstDay.formatedDate);
+
+ if (i === 0) {
+ firstDay = coordSys.getDateInfo(rangeData.start.y + '-' + rangeData.start.m);
+ }
+
+ var date = firstDay.date;
+ date.setMonth(date.getMonth() + 1);
+ firstDay = coordSys.getDateInfo(date);
+ }
+
+ addPoints(coordSys.getNextNDay(rangeData.end.time, 1).formatedDate);
+
+ function addPoints(date) {
+
+ self._firstDayOfMonth.push(coordSys.getDateInfo(date));
+ self._firstDayPoints.push(coordSys.dataToRect([date], false).tl);
+
+ var points = self._getLinePointsOfOneWeek(calendarModel, date, orient);
+
+ self._tlpoints.push(points[0]);
+ self._blpoints.push(points[points.length - 1]);
+
+ show && self._drawSplitline(points, lineStyleModel, group);
+ }
+
+
+ // render top/left line
+ show && this._drawSplitline(self._getEdgesPoints(self._tlpoints, lineWidth, orient), lineStyleModel, group);
+
+ // render bottom/right line
+ show && this._drawSplitline(self._getEdgesPoints(self._blpoints, lineWidth, orient), lineStyleModel, group);
+
+ },
+
+ // get points at both ends
+ _getEdgesPoints: function (points, lineWidth, orient) {
+ var rs = [points[0].slice(), points[points.length - 1].slice()];
+ var idx = orient === 'horizontal' ? 0 : 1;
+
+ // both ends of the line are extend half lineWidth
+ rs[0][idx] = rs[0][idx] - lineWidth / 2;
+ rs[1][idx] = rs[1][idx] + lineWidth / 2;
+
+ return rs;
+ },
+
+ // render split line
+ _drawSplitline: function (points, lineStyleModel, group) {
+
+ var poyline = new Polyline({
+ z2: 20,
+ shape: {
+ points: points
+ },
+ style: lineStyleModel
+ });
+
+ group.add(poyline);
+ },
+
+ // render month line of one week points
+ _getLinePointsOfOneWeek: function (calendarModel, date, orient) {
+
+ var coordSys = calendarModel.coordinateSystem;
+ date = coordSys.getDateInfo(date);
+
+ var points = [];
+
+ for (var i = 0; i < 7; i++) {
+
+ var tmpD = coordSys.getNextNDay(date.time, i);
+ var point = coordSys.dataToRect([tmpD.time], false);
+
+ points[2 * tmpD.day] = point.tl;
+ points[2 * tmpD.day + 1] = point[orient === 'horizontal' ? 'bl' : 'tr'];
+ }
+
+ return points;
+
+ },
+
+ _formatterLabel: function (formatter, params) {
+
+ if (typeof formatter === 'string' && formatter) {
+ return formatTplSimple(formatter, params);
+ }
+
+ if (typeof formatter === 'function') {
+ return formatter(params);
+ }
+
+ return params.nameMap;
+
+ },
+
+ _yearTextPositionControl: function (textEl, point, orient, position, margin) {
+
+ point = point.slice();
+ var aligns = ['center', 'bottom'];
+
+ if (position === 'bottom') {
+ point[1] += margin;
+ aligns = ['center', 'top'];
+ }
+ else if (position === 'left') {
+ point[0] -= margin;
+ }
+ else if (position === 'right') {
+ point[0] += margin;
+ aligns = ['center', 'top'];
+ }
+ else { // top
+ point[1] -= margin;
+ }
+
+ var rotate = 0;
+ if (position === 'left' || position === 'right') {
+ rotate = Math.PI / 2;
+ }
+
+ return {
+ rotation: rotate,
+ position: point,
+ style: {
+ textAlign: aligns[0],
+ textVerticalAlign: aligns[1]
+ }
+ };
+ },
+
+ // render year
+ _renderYearText: function (calendarModel, rangeData, orient, group) {
+ var yearLabel = calendarModel.getModel('yearLabel');
+
+ if (!yearLabel.get('show')) {
+ return;
+ }
+
+ var margin = yearLabel.get('margin');
+ var pos = yearLabel.get('position');
+
+ if (!pos) {
+ pos = orient !== 'horizontal' ? 'top' : 'left';
+ }
+
+ var points = [this._tlpoints[this._tlpoints.length - 1], this._blpoints[0]];
+ var xc = (points[0][0] + points[1][0]) / 2;
+ var yc = (points[0][1] + points[1][1]) / 2;
+
+ var idx = orient === 'horizontal' ? 0 : 1;
+
+ var posPoints = {
+ top: [xc, points[idx][1]],
+ bottom: [xc, points[1 - idx][1]],
+ left: [points[1 - idx][0], yc],
+ right: [points[idx][0], yc]
+ };
+
+ var name = rangeData.start.y;
+
+ if (+rangeData.end.y > +rangeData.start.y) {
+ name = name + '-' + rangeData.end.y;
+ }
+
+ var formatter = yearLabel.get('formatter');
+
+ var params = {
+ start: rangeData.start.y,
+ end: rangeData.end.y,
+ nameMap: name
+ };
+
+ var content = this._formatterLabel(formatter, params);
+
+ var yearText = new Text({z2: 30});
+ setTextStyle(yearText.style, yearLabel, {text: content}),
+ yearText.attr(this._yearTextPositionControl(yearText, posPoints[pos], orient, pos, margin));
+
+ group.add(yearText);
+ },
+
+ _monthTextPositionControl: function (point, isCenter, orient, position, margin) {
+ var align = 'left';
+ var vAlign = 'top';
+ var x = point[0];
+ var y = point[1];
+
+ if (orient === 'horizontal') {
+ y = y + margin;
+
+ if (isCenter) {
+ align = 'center';
+ }
+
+ if (position === 'start') {
+ vAlign = 'bottom';
+ }
+ }
+ else {
+ x = x + margin;
+
+ if (isCenter) {
+ vAlign = 'middle';
+ }
+
+ if (position === 'start') {
+ align = 'right';
+ }
+ }
+
+ return {
+ x: x,
+ y: y,
+ textAlign: align,
+ textVerticalAlign: vAlign
+ };
+ },
+
+ // render month and year text
+ _renderMonthText: function (calendarModel, orient, group) {
+ var monthLabel = calendarModel.getModel('monthLabel');
+
+ if (!monthLabel.get('show')) {
+ return;
+ }
+
+ var nameMap = monthLabel.get('nameMap');
+ var margin = monthLabel.get('margin');
+ var pos = monthLabel.get('position');
+ var align = monthLabel.get('align');
+
+ var termPoints = [this._tlpoints, this._blpoints];
+
+ if (isString(nameMap)) {
+ nameMap = MONTH_TEXT[nameMap.toUpperCase()] || [];
+ }
+
+ var idx = pos === 'start' ? 0 : 1;
+ var axis = orient === 'horizontal' ? 0 : 1;
+ margin = pos === 'start' ? -margin : margin;
+ var isCenter = (align === 'center');
+
+ for (var i = 0; i < termPoints[idx].length - 1; i++) {
+
+ var tmp = termPoints[idx][i].slice();
+ var firstDay = this._firstDayOfMonth[i];
+
+ if (isCenter) {
+ var firstDayPoints = this._firstDayPoints[i];
+ tmp[axis] = (firstDayPoints[axis] + termPoints[0][i + 1][axis]) / 2;
+ }
+
+ var formatter = monthLabel.get('formatter');
+ var name = nameMap[+firstDay.m - 1];
+ var params = {
+ yyyy: firstDay.y,
+ yy: (firstDay.y + '').slice(2),
+ MM: firstDay.m,
+ M: +firstDay.m,
+ nameMap: name
+ };
+
+ var content = this._formatterLabel(formatter, params);
+
+ var monthText = new Text({z2: 30});
+ extend(
+ setTextStyle(monthText.style, monthLabel, {text: content}),
+ this._monthTextPositionControl(tmp, isCenter, orient, pos, margin)
+ );
+
+ group.add(monthText);
+ }
+ },
+
+ _weekTextPositionControl: function (point, orient, position, margin, cellSize) {
+ var align = 'center';
+ var vAlign = 'middle';
+ var x = point[0];
+ var y = point[1];
+ var isStart = position === 'start';
+
+ if (orient === 'horizontal') {
+ x = x + margin + (isStart ? 1 : -1) * cellSize[0] / 2;
+ align = isStart ? 'right' : 'left';
+ }
+ else {
+ y = y + margin + (isStart ? 1 : -1) * cellSize[1] / 2;
+ vAlign = isStart ? 'bottom' : 'top';
+ }
+
+ return {
+ x: x,
+ y: y,
+ textAlign: align,
+ textVerticalAlign: vAlign
+ };
+ },
+
+ // render weeks
+ _renderWeekText: function (calendarModel, rangeData, orient, group) {
+ var dayLabel = calendarModel.getModel('dayLabel');
+
+ if (!dayLabel.get('show')) {
+ return;
+ }
+
+ var coordSys = calendarModel.coordinateSystem;
+ var pos = dayLabel.get('position');
+ var nameMap = dayLabel.get('nameMap');
+ var margin = dayLabel.get('margin');
+ var firstDayOfWeek = coordSys.getFirstDayOfWeek();
+
+ if (isString(nameMap)) {
+ nameMap = WEEK_TEXT[nameMap.toUpperCase()] || [];
+ }
+
+ var start = coordSys.getNextNDay(
+ rangeData.end.time, (7 - rangeData.lweek)
+ ).time;
+
+ var cellSize = [coordSys.getCellWidth(), coordSys.getCellHeight()];
+ margin = parsePercent$1(margin, cellSize[orient === 'horizontal' ? 0 : 1]);
+
+ if (pos === 'start') {
+ start = coordSys.getNextNDay(
+ rangeData.start.time, -(7 + rangeData.fweek)
+ ).time;
+ margin = -margin;
+ }
+
+ for (var i = 0; i < 7; i++) {
+
+ var tmpD = coordSys.getNextNDay(start, i);
+ var point = coordSys.dataToRect([tmpD.time], false).center;
+ var day = i;
+ day = Math.abs((i + firstDayOfWeek) % 7);
+ var weekText = new Text({z2: 30});
+
+ extend(
+ setTextStyle(weekText.style, dayLabel, {text: nameMap[day]}),
+ this._weekTextPositionControl(point, orient, pos, margin, cellSize)
+ );
+ group.add(weekText);
+ }
+ }
+});
+
+/*
+* 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.
+*/
+
+/*
+* 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.
+*/
+
+var _nonShapeGraphicElements = {
+
+ // Reserved but not supported in graphic component.
+ path: null,
+ compoundPath: null,
+
+ // Supported in graphic component.
+ group: Group,
+ image: ZImage,
+ text: Text
+};
+
+// -------------
+// Preprocessor
+// -------------
+
+registerPreprocessor(function (option) {
+ var graphicOption = option.graphic;
+
+ // Convert
+ // {graphic: [{left: 10, type: 'circle'}, ...]}
+ // or
+ // {graphic: {left: 10, type: 'circle'}}
+ // to
+ // {graphic: [{elements: [{left: 10, type: 'circle'}, ...]}]}
+ if (isArray(graphicOption)) {
+ if (!graphicOption[0] || !graphicOption[0].elements) {
+ option.graphic = [{elements: graphicOption}];
+ }
+ else {
+ // Only one graphic instance can be instantiated. (We dont
+ // want that too many views are created in echarts._viewMap)
+ option.graphic = [option.graphic[0]];
+ }
+ }
+ else if (graphicOption && !graphicOption.elements) {
+ option.graphic = [{elements: [graphicOption]}];
+ }
+});
+
+// ------
+// Model
+// ------
+
+var GraphicModel = extendComponentModel({
+
+ type: 'graphic',
+
+ defaultOption: {
+
+ // Extra properties for each elements:
+ //
+ // left/right/top/bottom: (like 12, '22%', 'center', default undefined)
+ // If left/rigth is set, shape.x/shape.cx/position will not be used.
+ // If top/bottom is set, shape.y/shape.cy/position will not be used.
+ // This mechanism is useful when you want to position a group/element
+ // against the right side or the center of this container.
+ //
+ // width/height: (can only be pixel value, default 0)
+ // Only be used to specify contianer(group) size, if needed. And
+ // can not be percentage value (like '33%'). See the reason in the
+ // layout algorithm below.
+ //
+ // bounding: (enum: 'all' (default) | 'raw')
+ // Specify how to calculate boundingRect when locating.
+ // 'all': Get uioned and transformed boundingRect
+ // from both itself and its descendants.
+ // This mode simplies confining a group of elements in the bounding
+ // of their ancester container (e.g., using 'right: 0').
+ // 'raw': Only use the boundingRect of itself and before transformed.
+ // This mode is similar to css behavior, which is useful when you
+ // want an element to be able to overflow its container. (Consider
+ // a rotated circle needs to be located in a corner.)
+ // info: custom info. enables user to mount some info on elements and use them
+ // in event handlers. Update them only when user specified, otherwise, remain.
+
+ // Note: elements is always behind its ancestors in this elements array.
+ elements: [],
+ parentId: null
+ },
+
+ /**
+ * Save el options for the sake of the performance (only update modified graphics).
+ * The order is the same as those in option. (ancesters -> descendants)
+ *
+ * @private
+ * @type {Array.<Object>}
+ */
+ _elOptionsToUpdate: null,
+
+ /**
+ * @override
+ */
+ mergeOption: function (option) {
+ // Prevent default merge to elements
+ var elements = this.option.elements;
+ this.option.elements = null;
+
+ GraphicModel.superApply(this, 'mergeOption', arguments);
+
+ this.option.elements = elements;
+ },
+
+ /**
+ * @override
+ */
+ optionUpdated: function (newOption, isInit) {
+ var thisOption = this.option;
+ var newList = (isInit ? thisOption : newOption).elements;
+ var existList = thisOption.elements = isInit ? [] : thisOption.elements;
+
+ var flattenedList = [];
+ this._flatten(newList, flattenedList);
+
+ var mappingResult = mappingToExists(existList, flattenedList);
+ makeIdAndName(mappingResult);
+
+ // Clear elOptionsToUpdate
+ var elOptionsToUpdate = this._elOptionsToUpdate = [];
+
+ each$1(mappingResult, function (resultItem, index) {
+ var newElOption = resultItem.option;
+
+ if (__DEV__) {
+ assert$1(
+ isObject$1(newElOption) || resultItem.exist,
+ 'Empty graphic option definition'
+ );
+ }
+
+ if (!newElOption) {
+ return;
+ }
+
+ elOptionsToUpdate.push(newElOption);
+
+ setKeyInfoToNewElOption(resultItem, newElOption);
+
+ mergeNewElOptionToExist(existList, index, newElOption);
+
+ setLayoutInfoToExist(existList[index], newElOption);
+
+ }, this);
+
+ // Clean
+ for (var i = existList.length - 1; i >= 0; i--) {
+ if (existList[i] == null) {
+ existList.splice(i, 1);
+ }
+ else {
+ // $action should be volatile, otherwise option gotten from
+ // `getOption` will contain unexpected $action.
+ delete existList[i].$action;
+ }
+ }
+ },
+
+ /**
+ * Convert
+ * [{
+ * type: 'group',
+ * id: 'xx',
+ * children: [{type: 'circle'}, {type: 'polygon'}]
+ * }]
+ * to
+ * [
+ * {type: 'group', id: 'xx'},
+ * {type: 'circle', parentId: 'xx'},
+ * {type: 'polygon', parentId: 'xx'}
+ * ]
+ *
+ * @private
+ * @param {Array.<Object>} optionList option list
+ * @param {Array.<Object>} result result of flatten
+ * @param {Object} parentOption parent option
+ */
+ _flatten: function (optionList, result, parentOption) {
+ each$1(optionList, function (option) {
+ if (!option) {
+ return;
+ }
+
+ if (parentOption) {
+ option.parentOption = parentOption;
+ }
+
+ result.push(option);
+
+ var children = option.children;
+ if (option.type === 'group' && children) {
+ this._flatten(children, result, option);
+ }
+ // Deleting for JSON output, and for not affecting group creation.
+ delete option.children;
+ }, this);
+ },
+
+ // FIXME
+ // Pass to view using payload? setOption has a payload?
+ useElOptionsToUpdate: function () {
+ var els = this._elOptionsToUpdate;
+ // Clear to avoid render duplicately when zooming.
+ this._elOptionsToUpdate = null;
+ return els;
+ }
+});
+
+// -----
+// View
+// -----
+
+extendComponentView({
+
+ type: 'graphic',
+
+ /**
+ * @override
+ */
+ init: function (ecModel, api) {
+
+ /**
+ * @private
+ * @type {module:zrender/core/util.HashMap}
+ */
+ this._elMap = createHashMap();
+
+ /**
+ * @private
+ * @type {module:echarts/graphic/GraphicModel}
+ */
+ this._lastGraphicModel;
+ },
+
+ /**
+ * @override
+ */
+ render: function (graphicModel, ecModel, api) {
+
+ // Having leveraged between use cases and algorithm complexity, a very
+ // simple layout mechanism is used:
+ // The size(width/height) can be determined by itself or its parent (not
+ // implemented yet), but can not by its children. (Top-down travel)
+ // The location(x/y) can be determined by the bounding rect of itself
+ // (can including its descendants or not) and the size of its parent.
+ // (Bottom-up travel)
+
+ // When `chart.clear()` or `chart.setOption({...}, true)` with the same id,
+ // view will be reused.
+ if (graphicModel !== this._lastGraphicModel) {
+ this._clear();
+ }
+ this._lastGraphicModel = graphicModel;
+
+ this._updateElements(graphicModel);
+ this._relocate(graphicModel, api);
+ },
+
+ /**
+ * Update graphic elements.
+ *
+ * @private
+ * @param {Object} graphicModel graphic model
+ */
+ _updateElements: function (graphicModel) {
+ var elOptionsToUpdate = graphicModel.useElOptionsToUpdate();
+
+ if (!elOptionsToUpdate) {
+ return;
+ }
+
+ var elMap = this._elMap;
+ var rootGroup = this.group;
+
+ // Top-down tranverse to assign graphic settings to each elements.
+ each$1(elOptionsToUpdate, function (elOption) {
+ var $action = elOption.$action;
+ var id = elOption.id;
+ var existEl = elMap.get(id);
+ var parentId = elOption.parentId;
+ var targetElParent = parentId != null ? elMap.get(parentId) : rootGroup;
+
+ var elOptionStyle = elOption.style;
+ if (elOption.type === 'text' && elOptionStyle) {
+ // In top/bottom mode, textVerticalAlign should not be used, which cause
+ // inaccurately locating.
+ if (elOption.hv && elOption.hv[1]) {
+ elOptionStyle.textVerticalAlign = elOptionStyle.textBaseline = null;
+ }
+
+ // Compatible with previous setting: both support fill and textFill,
+ // stroke and textStroke.
+ !elOptionStyle.hasOwnProperty('textFill') && elOptionStyle.fill && (
+ elOptionStyle.textFill = elOptionStyle.fill
+ );
+ !elOptionStyle.hasOwnProperty('textStroke') && elOptionStyle.stroke && (
+ elOptionStyle.textStroke = elOptionStyle.stroke
+ );
+ }
+
+ // Remove unnecessary props to avoid potential problems.
+ var elOptionCleaned = getCleanedElOption(elOption);
+
+ // For simple, do not support parent change, otherwise reorder is needed.
+ if (__DEV__) {
+ existEl && assert$1(
+ targetElParent === existEl.parent,
+ 'Changing parent is not supported.'
+ );
+ }
+
+ if (!$action || $action === 'merge') {
+ existEl
+ ? existEl.attr(elOptionCleaned)
+ : createEl$1(id, targetElParent, elOptionCleaned, elMap);
+ }
+ else if ($action === 'replace') {
+ removeEl(existEl, elMap);
+ createEl$1(id, targetElParent, elOptionCleaned, elMap);
+ }
+ else if ($action === 'remove') {
+ removeEl(existEl, elMap);
+ }
+
+ var el = elMap.get(id);
+ if (el) {
+ el.__ecGraphicWidthOption = elOption.width;
+ el.__ecGraphicHeightOption = elOption.height;
+ setEventData(el, graphicModel, elOption);
+ }
+ });
+ },
+
+ /**
+ * Locate graphic elements.
+ *
+ * @private
+ * @param {Object} graphicModel graphic model
+ * @param {module:echarts/ExtensionAPI} api extension API
+ */
+ _relocate: function (graphicModel, api) {
+ var elOptions = graphicModel.option.elements;
+ var rootGroup = this.group;
+ var elMap = this._elMap;
+ var apiWidth = api.getWidth();
+ var apiHeight = api.getHeight();
+
+ // Top-down to calculate percentage width/height of group
+ for (var i = 0; i < elOptions.length; i++) {
+ var elOption = elOptions[i];
+ var el = elMap.get(elOption.id);
+
+ if (!el || !el.isGroup) {
+ continue;
+ }
+ var parentEl = el.parent;
+ var isParentRoot = parentEl === rootGroup;
+ // Like 'position:absolut' in css, default 0.
+ el.__ecGraphicWidth = parsePercent$1(
+ el.__ecGraphicWidthOption,
+ isParentRoot ? apiWidth : parentEl.__ecGraphicWidth
+ ) || 0;
+ el.__ecGraphicHeight = parsePercent$1(
+ el.__ecGraphicHeightOption,
+ isParentRoot ? apiHeight : parentEl.__ecGraphicHeight
+ ) || 0;
+ }
+
+ // Bottom-up tranvese all elements (consider ec resize) to locate elements.
+ for (var i = elOptions.length - 1; i >= 0; i--) {
+ var elOption = elOptions[i];
+ var el = elMap.get(elOption.id);
+
+ if (!el) {
+ continue;
+ }
+
+ var parentEl = el.parent;
+ var containerInfo = parentEl === rootGroup
+ ? {
+ width: apiWidth,
+ height: apiHeight
+ }
+ : {
+ width: parentEl.__ecGraphicWidth,
+ height: parentEl.__ecGraphicHeight
+ };
+
+ // PENDING
+ // Currently, when `bounding: 'all'`, the union bounding rect of the group
+ // does not include the rect of [0, 0, group.width, group.height], which
+ // is probably weird for users. Should we make a break change for it?
+ positionElement(
+ el, elOption, containerInfo, null,
+ {hv: elOption.hv, boundingMode: elOption.bounding}
+ );
+ }
+ },
+
+ /**
+ * Clear all elements.
+ *
+ * @private
+ */
+ _clear: function () {
+ var elMap = this._elMap;
+ elMap.each(function (el) {
+ removeEl(el, elMap);
+ });
+ this._elMap = createHashMap();
+ },
+
+ /**
+ * @override
+ */
+ dispose: function () {
+ this._clear();
+ }
+});
+
+function createEl$1(id, targetElParent, elOption, elMap) {
+ var graphicType = elOption.type;
+
+ if (__DEV__) {
+ assert$1(graphicType, 'graphic type MUST be set');
+ }
+
+ var Clz = _nonShapeGraphicElements.hasOwnProperty(graphicType)
+ // Those graphic elements are not shapes. They should not be
+ // overwritten by users, so do them first.
+ ? _nonShapeGraphicElements[graphicType]
+ : getShapeClass(graphicType);
+
+ if (__DEV__) {
+ assert$1(Clz, 'graphic type can not be found');
+ }
+
+ var el = new Clz(elOption);
+ targetElParent.add(el);
+ elMap.set(id, el);
+ el.__ecGraphicId = id;
+}
+
+function removeEl(existEl, elMap) {
+ var existElParent = existEl && existEl.parent;
+ if (existElParent) {
+ existEl.type === 'group' && existEl.traverse(function (el) {
+ removeEl(el, elMap);
+ });
+ elMap.removeKey(existEl.__ecGraphicId);
+ existElParent.remove(existEl);
+ }
+}
+
+// Remove unnecessary props to avoid potential problems.
+function getCleanedElOption(elOption) {
+ elOption = extend({}, elOption);
+ each$1(
+ ['id', 'parentId', '$action', 'hv', 'bounding'].concat(LOCATION_PARAMS),
+ function (name) {
+ delete elOption[name];
+ }
+ );
+ return elOption;
+}
+
+function isSetLoc(obj, props) {
+ var isSet;
+ each$1(props, function (prop) {
+ obj[prop] != null && obj[prop] !== 'auto' && (isSet = true);
+ });
+ return isSet;
+}
+
+function setKeyInfoToNewElOption(resultItem, newElOption) {
+ var existElOption = resultItem.exist;
+
+ // Set id and type after id assigned.
+ newElOption.id = resultItem.keyInfo.id;
+ !newElOption.type && existElOption && (newElOption.type = existElOption.type);
+
+ // Set parent id if not specified
+ if (newElOption.parentId == null) {
+ var newElParentOption = newElOption.parentOption;
+ if (newElParentOption) {
+ newElOption.parentId = newElParentOption.id;
+ }
+ else if (existElOption) {
+ newElOption.parentId = existElOption.parentId;
+ }
+ }
+
+ // Clear
+ newElOption.parentOption = null;
+}
+
+function mergeNewElOptionToExist(existList, index, newElOption) {
+ // Update existing options, for `getOption` feature.
+ var newElOptCopy = extend({}, newElOption);
+ var existElOption = existList[index];
+
+ var $action = newElOption.$action || 'merge';
+ if ($action === 'merge') {
+ if (existElOption) {
+
+ if (__DEV__) {
+ var newType = newElOption.type;
+ assert$1(
+ !newType || existElOption.type === newType,
+ 'Please set $action: "replace" to change `type`'
+ );
+ }
+
+ // We can ensure that newElOptCopy and existElOption are not
+ // the same object, so `merge` will not change newElOptCopy.
+ merge(existElOption, newElOptCopy, true);
+ // Rigid body, use ignoreSize.
+ mergeLayoutParam(existElOption, newElOptCopy, {ignoreSize: true});
+ // Will be used in render.
+ copyLayoutParams(newElOption, existElOption);
+ }
+ else {
+ existList[index] = newElOptCopy;
+ }
+ }
+ else if ($action === 'replace') {
+ existList[index] = newElOptCopy;
+ }
+ else if ($action === 'remove') {
+ // null will be cleaned later.
+ existElOption && (existList[index] = null);
+ }
+}
+
+function setLayoutInfoToExist(existItem, newElOption) {
+ if (!existItem) {
+ return;
+ }
+ existItem.hv = newElOption.hv = [
+ // Rigid body, dont care `width`.
+ isSetLoc(newElOption, ['left', 'right']),
+ // Rigid body, dont care `height`.
+ isSetLoc(newElOption, ['top', 'bottom'])
+ ];
+ // Give default group size. Otherwise layout error may occur.
+ if (existItem.type === 'group') {
+ existItem.width == null && (existItem.width = newElOption.width = 0);
+ existItem.height == null && (existItem.height = newElOption.height = 0);
+ }
+}
+
+function setEventData(el, graphicModel, elOption) {
+ var eventData = el.eventData;
+ // Simple optimize for large amount of elements that no need event.
+ if (!el.silent && !el.ignore && !eventData) {
+ eventData = el.eventData = {
+ componentType: 'graphic',
+ componentIndex: graphicModel.componentIndex,
+ name: el.name
+ };
+ }
+
+ // `elOption.info` enables user to mount some info on
+ // elements and use them in event handlers.
+ if (eventData) {
+ eventData.info = el.info;
+ }
+}
+
+/*
+* 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.
+*/
+
+
+var features = {};
+
+function register$1(name, ctor) {
+ features[name] = ctor;
+}
+
+function get$1(name) {
+ return features[name];
+}
+
+/*
+* 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.
+*/
+
+var ToolboxModel = extendComponentModel({
+
+ type: 'toolbox',
+
+ layoutMode: {
+ type: 'box',
+ ignoreSize: true
+ },
+
+ optionUpdated: function () {
+ ToolboxModel.superApply(this, 'optionUpdated', arguments);
+
+ each$1(this.option.feature, function (featureOpt, featureName) {
+ var Feature = get$1(featureName);
+ Feature && merge(featureOpt, Feature.defaultOption);
+ });
+ },
+
+ defaultOption: {
+
+ show: true,
+
+ z: 6,
+
+ zlevel: 0,
+
+ orient: 'horizontal',
+
+ left: 'right',
+
+ top: 'top',
+
+ // right
+ // bottom
+
+ backgroundColor: 'transparent',
+
+ borderColor: '#ccc',
+
+ borderRadius: 0,
+
+ borderWidth: 0,
+
+ padding: 5,
+
+ itemSize: 15,
+
+ itemGap: 8,
+
+ showTitle: true,
+
+ iconStyle: {
+ borderColor: '#666',
+ color: 'none'
+ },
+ emphasis: {
+ iconStyle: {
+ borderColor: '#3E98C5'
+ }
+ },
+ // textStyle: {},
+
+ // feature
+
+ tooltip: {
+ show: false
+ }
+ }
+});
+
+/*
+* 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.
+*/
+
+/**
+ * Layout list like component.
+ * It will box layout each items in group of component and then position the whole group in the viewport
+ * @param {module:zrender/group/Group} group
+ * @param {module:echarts/model/Component} componentModel
+ * @param {module:echarts/ExtensionAPI}
+ */
+function layout$3(group, componentModel, api) {
+ var boxLayoutParams = componentModel.getBoxLayoutParams();
+ var padding = componentModel.get('padding');
+ var viewportSize = {width: api.getWidth(), height: api.getHeight()};
+
+ var rect = getLayoutRect(
+ boxLayoutParams,
+ viewportSize,
+ padding
+ );
+
+ box(
+ componentModel.get('orient'),
+ group,
+ componentModel.get('itemGap'),
+ rect.width,
+ rect.height
+ );
+
+ positionElement(
+ group,
+ boxLayoutParams,
+ viewportSize,
+ padding
+ );
+}
+
+function makeBackground(rect, componentModel) {
+ var padding = normalizeCssArray$1(
+ componentModel.get('padding')
+ );
+ var style = componentModel.getItemStyle(['color', 'opacity']);
+ style.fill = componentModel.get('backgroundColor');
+ var rect = new Rect({
+ shape: {
+ x: rect.x - padding[3],
+ y: rect.y - padding[0],
+ width: rect.width + padding[1] + padding[3],
+ height: rect.height + padding[0] + padding[2],
+ r: componentModel.get('borderRadius')
+ },
+ style: style,
+ silent: true,
+ z2: -1
+ });
+ // FIXME
+ // `subPixelOptimizeRect` may bring some gap between edge of viewpart
+ // and background rect when setting like `left: 0`, `top: 0`.
+ // graphic.subPixelOptimizeRect(rect);
+
+ return rect;
+}
+
+/*
+* 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.
+*/
+
+extendComponentView({
+
+ type: 'toolbox',
+
+ render: function (toolboxModel, ecModel, api, payload) {
+ var group = this.group;
+ group.removeAll();
+
+ if (!toolboxModel.get('show')) {
+ return;
+ }
+
+ var itemSize = +toolboxModel.get('itemSize');
+ var featureOpts = toolboxModel.get('feature') || {};
+ var features = this._features || (this._features = {});
+
+ var featureNames = [];
+ each$1(featureOpts, function (opt, name) {
+ featureNames.push(name);
+ });
+
+ (new DataDiffer(this._featureNames || [], featureNames))
+ .add(processFeature)
+ .update(processFeature)
+ .remove(curry(processFeature, null))
+ .execute();
+
+ // Keep for diff.
+ this._featureNames = featureNames;
+
+ function processFeature(newIndex, oldIndex) {
+ var featureName = featureNames[newIndex];
+ var oldName = featureNames[oldIndex];
+ var featureOpt = featureOpts[featureName];
+ var featureModel = new Model(featureOpt, toolboxModel, toolboxModel.ecModel);
+ var feature;
+
+ // FIX#11236, merge feature title from MagicType newOption. TODO: consider seriesIndex ?
+ if (payload && payload.newTitle != null && payload.featureName === featureName) {
+ featureOpt.title = payload.newTitle;
+ }
+
+ if (featureName && !oldName) { // Create
+ if (isUserFeatureName(featureName)) {
+ feature = {
+ model: featureModel,
+ onclick: featureModel.option.onclick,
+ featureName: featureName
+ };
+ }
+ else {
+ var Feature = get$1(featureName);
+ if (!Feature) {
+ return;
+ }
+ feature = new Feature(featureModel, ecModel, api);
+ }
+ features[featureName] = feature;
+ }
+ else {
+ feature = features[oldName];
+ // If feature does not exsit.
+ if (!feature) {
+ return;
+ }
+ feature.model = featureModel;
+ feature.ecModel = ecModel;
+ feature.api = api;
+ }
+
+ if (!featureName && oldName) {
+ feature.dispose && feature.dispose(ecModel, api);
+ return;
+ }
+
+ if (!featureModel.get('show') || feature.unusable) {
+ feature.remove && feature.remove(ecModel, api);
+ return;
+ }
+
+ createIconPaths(featureModel, feature, featureName);
+
+ featureModel.setIconStatus = function (iconName, status) {
+ var option = this.option;
+ var iconPaths = this.iconPaths;
+ option.iconStatus = option.iconStatus || {};
+ option.iconStatus[iconName] = status;
+ // FIXME
+ iconPaths[iconName] && iconPaths[iconName].trigger(status);
+ };
+
+ if (feature.render) {
+ feature.render(featureModel, ecModel, api, payload);
+ }
+ }
+
+ function createIconPaths(featureModel, feature, featureName) {
+ var iconStyleModel = featureModel.getModel('iconStyle');
+ var iconStyleEmphasisModel = featureModel.getModel('emphasis.iconStyle');
+
+ // If one feature has mutiple icon. they are orginaized as
+ // {
+ // icon: {
+ // foo: '',
+ // bar: ''
+ // },
+ // title: {
+ // foo: '',
+ // bar: ''
+ // }
+ // }
+ var icons = feature.getIcons ? feature.getIcons() : featureModel.get('icon');
+ var titles = featureModel.get('title') || {};
+ if (typeof icons === 'string') {
+ var icon = icons;
+ var title = titles;
+ icons = {};
+ titles = {};
+ icons[featureName] = icon;
+ titles[featureName] = title;
+ }
+ var iconPaths = featureModel.iconPaths = {};
+ each$1(icons, function (iconStr, iconName) {
+ var path = createIcon(
+ iconStr,
+ {},
+ {
+ x: -itemSize / 2,
+ y: -itemSize / 2,
+ width: itemSize,
+ height: itemSize
+ }
+ );
+ path.setStyle(iconStyleModel.getItemStyle());
+ path.hoverStyle = iconStyleEmphasisModel.getItemStyle();
+
+ // Text position calculation
+ path.setStyle({
+ text: titles[iconName],
+ textAlign: iconStyleEmphasisModel.get('textAlign'),
+ textBorderRadius: iconStyleEmphasisModel.get('textBorderRadius'),
+ textPadding: iconStyleEmphasisModel.get('textPadding'),
+ textFill: null
+ });
+
+ var tooltipModel = toolboxModel.getModel('tooltip');
+ if (tooltipModel && tooltipModel.get('show')) {
+ path.attr('tooltip', extend({
+ content: titles[iconName],
+ formatter: tooltipModel.get('formatter', true)
+ || function () {
+ return titles[iconName];
+ },
+ formatterParams: {
+ componentType: 'toolbox',
+ name: iconName,
+ title: titles[iconName],
+ $vars: ['name', 'title']
+ },
+ position: tooltipModel.get('position', true) || 'bottom'
+ }, tooltipModel.option));
+ }
+
+ setHoverStyle(path);
+
+ if (toolboxModel.get('showTitle')) {
+ path.__title = titles[iconName];
+ path.on('mouseover', function () {
+ // Should not reuse above hoverStyle, which might be modified.
+ var hoverStyle = iconStyleEmphasisModel.getItemStyle();
+ var defaultTextPosition = toolboxModel.get('orient') === 'vertical'
+ ? (toolboxModel.get('right') == null ? 'right' : 'left')
+ : (toolboxModel.get('bottom') == null ? 'bottom' : 'top');
+ path.setStyle({
+ textFill: iconStyleEmphasisModel.get('textFill')
+ || hoverStyle.fill || hoverStyle.stroke || '#000',
+ textBackgroundColor: iconStyleEmphasisModel.get('textBackgroundColor'),
+ textPosition: iconStyleEmphasisModel.get('textPosition') || defaultTextPosition
+ });
+ })
+ .on('mouseout', function () {
+ path.setStyle({
+ textFill: null,
+ textBackgroundColor: null
+ });
+ });
+ }
+ path.trigger(featureModel.get('iconStatus.' + iconName) || 'normal');
+
+ group.add(path);
+ path.on('click', bind(
+ feature.onclick, feature, ecModel, api, iconName
+ ));
+
+ iconPaths[iconName] = path;
+ });
+ }
+
+ layout$3(group, toolboxModel, api);
+ // Render background after group is layout
+ // FIXME
+ group.add(makeBackground(group.getBoundingRect(), toolboxModel));
+
+ // Adjust icon title positions to avoid them out of screen
+ group.eachChild(function (icon) {
+ var titleText = icon.__title;
+ var hoverStyle = icon.hoverStyle;
+ // May be background element
+ if (hoverStyle && titleText) {
+ var rect = getBoundingRect(
+ titleText, makeFont(hoverStyle)
+ );
+ var offsetX = icon.position[0] + group.position[0];
+ var offsetY = icon.position[1] + group.position[1] + itemSize;
+
+ var needPutOnTop = false;
+ if (offsetY + rect.height > api.getHeight()) {
+ hoverStyle.textPosition = 'top';
+ needPutOnTop = true;
+ }
+ var topOffset = needPutOnTop ? (-5 - rect.height) : (itemSize + 8);
+ if (offsetX + rect.width / 2 > api.getWidth()) {
+ hoverStyle.textPosition = ['100%', topOffset];
+ hoverStyle.textAlign = 'right';
+ }
+ else if (offsetX - rect.width / 2 < 0) {
+ hoverStyle.textPosition = [0, topOffset];
+ hoverStyle.textAlign = 'left';
+ }
+ }
+ });
+ },
+
+ updateView: function (toolboxModel, ecModel, api, payload) {
+ each$1(this._features, function (feature) {
+ feature.updateView && feature.updateView(feature.model, ecModel, api, payload);
+ });
+ },
+
+ // updateLayout: function (toolboxModel, ecModel, api, payload) {
+ // zrUtil.each(this._features, function (feature) {
+ // feature.updateLayout && feature.updateLayout(feature.model, ecModel, api, payload);
+ // });
+ // },
+
+ remove: function (ecModel, api) {
+ each$1(this._features, function (feature) {
+ feature.remove && feature.remove(ecModel, api);
+ });
+ this.group.removeAll();
+ },
+
+ dispose: function (ecModel, api) {
+ each$1(this._features, function (feature) {
+ feature.dispose && feature.dispose(ecModel, api);
+ });
+ }
+});
+
+function isUserFeatureName(featureName) {
+ return featureName.indexOf('my') === 0;
+}
+
+/*
+* 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.
+*/
+
+/* global Uint8Array */
+
+var saveAsImageLang = lang.toolbox.saveAsImage;
+
+function SaveAsImage(model) {
+ this.model = model;
+}
+
+SaveAsImage.defaultOption = {
+ show: true,
+ 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: saveAsImageLang.title,
+ type: 'png',
+ // Default use option.backgroundColor
+ // backgroundColor: '#fff',
+ connectedBackgroundColor: '#fff',
+ name: '',
+ excludeComponents: ['toolbox'],
+ pixelRatio: 1,
+ lang: saveAsImageLang.lang.slice()
+};
+
+SaveAsImage.prototype.unusable = !env$1.canvasSupported;
+
+var proto$2 = SaveAsImage.prototype;
+
+proto$2.onclick = function (ecModel, api) {
+ var model = this.model;
+ var title = model.get('name') || ecModel.get('title.0.text') || 'echarts';
+ var isSvg = api.getZr().painter.getType() === 'svg';
+ var type = isSvg ? 'svg' : model.get('type', true) || 'png';
+ var url = api.getConnectedDataURL({
+ type: type,
+ backgroundColor: model.get('backgroundColor', true)
+ || ecModel.get('backgroundColor') || '#fff',
+ connectedBackgroundColor: model.get('connectedBackgroundColor'),
+ excludeComponents: model.get('excludeComponents'),
+ pixelRatio: model.get('pixelRatio')
+ });
+ // Chrome and Firefox
+ if (typeof MouseEvent === 'function' && !env$1.browser.ie && !env$1.browser.edge) {
+ var $a = document.createElement('a');
+ $a.download = title + '.' + type;
+ $a.target = '_blank';
+ $a.href = url;
+ var evt = new MouseEvent('click', {
+ view: window,
+ bubbles: true,
+ cancelable: false
+ });
+ $a.dispatchEvent(evt);
+ }
+ // IE
+ else {
+ if (window.navigator.msSaveOrOpenBlob) {
+ var bstr = atob(url.split(',')[1]);
+ var n = bstr.length;
+ var u8arr = new Uint8Array(n);
+ while (n--) {
+ u8arr[n] = bstr.charCodeAt(n);
+ }
+ var blob = new Blob([u8arr]);
+ window.navigator.msSaveOrOpenBlob(blob, title + '.' + type);
+ }
+ else {
+ var lang$$1 = model.get('lang');
+ var html = ''
+ + '<body style="margin:0;">'
+ + '<img src="' + url + '" style="max-width:100%;" title="' + ((lang$$1 && lang$$1[0]) || '') + '" />'
+ + '</body>';
+ var tab = window.open();
+ tab.document.write(html);
+ }
+ }
+};
+
+register$1(
+ 'saveAsImage', SaveAsImage
+);
+
+/*
+* 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.
+*/
+
+var magicTypeLang = lang.toolbox.magicType;
+var INNER_STACK_KEYWORD = '__ec_magicType_stack__';
+
+function MagicType(model) {
+ this.model = model;
+}
+
+MagicType.defaultOption = {
+ show: true,
+ type: [],
+ // Icon group
+ icon: {
+ /* eslint-disable */
+ 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' // jshint ignore:line
+ /* eslint-enable */
+ },
+ // `line`, `bar`, `stack`, `tiled`
+ title: clone(magicTypeLang.title),
+ option: {},
+ seriesIndex: {}
+};
+
+var proto$3 = MagicType.prototype;
+
+proto$3.getIcons = function () {
+ var model = this.model;
+ var availableIcons = model.get('icon');
+ var icons = {};
+ each$1(model.get('type'), function (type) {
+ if (availableIcons[type]) {
+ icons[type] = availableIcons[type];
+ }
+ });
+ return icons;
+};
+
+var seriesOptGenreator = {
+ 'line': function (seriesType, seriesId, seriesModel, model) {
+ if (seriesType === 'bar') {
+ return merge({
+ id: seriesId,
+ type: 'line',
+ // Preserve data related option
+ data: seriesModel.get('data'),
+ stack: seriesModel.get('stack'),
+ markPoint: seriesModel.get('markPoint'),
+ markLine: seriesModel.get('markLine')
+ }, model.get('option.line') || {}, true);
+ }
+ },
+ 'bar': function (seriesType, seriesId, seriesModel, model) {
+ if (seriesType === 'line') {
+ return merge({
+ id: seriesId,
+ type: 'bar',
+ // Preserve data related option
+ data: seriesModel.get('data'),
+ stack: seriesModel.get('stack'),
+ markPoint: seriesModel.get('markPoint'),
+ markLine: seriesModel.get('markLine')
+ }, model.get('option.bar') || {}, true);
+ }
+ },
+ 'stack': function (seriesType, seriesId, seriesModel, model) {
+ var isStack = seriesModel.get('stack') === INNER_STACK_KEYWORD;
+ if (seriesType === 'line' || seriesType === 'bar') {
+ model.setIconStatus('stack', isStack ? 'normal' : 'emphasis');
+ return merge({
+ id: seriesId,
+ stack: isStack ? '' : INNER_STACK_KEYWORD
+ }, model.get('option.stack') || {}, true);
+ }
+ }
+};
+
+var radioTypes = [
+ ['line', 'bar'],
+ ['stack']
+];
+
+proto$3.onclick = function (ecModel, api, type) {
+ var model = this.model;
+ var seriesIndex = model.get('seriesIndex.' + type);
+ // Not supported magicType
+ if (!seriesOptGenreator[type]) {
+ return;
+ }
+ var newOption = {
+ series: []
+ };
+ var generateNewSeriesTypes = function (seriesModel) {
+ var seriesType = seriesModel.subType;
+ var seriesId = seriesModel.id;
+ var newSeriesOpt = seriesOptGenreator[type](
+ seriesType, seriesId, seriesModel, model
+ );
+ if (newSeriesOpt) {
+ // PENDING If merge original option?
+ defaults(newSeriesOpt, seriesModel.option);
+ newOption.series.push(newSeriesOpt);
+ }
+ // Modify boundaryGap
+ var coordSys = seriesModel.coordinateSystem;
+ if (coordSys && coordSys.type === 'cartesian2d' && (type === 'line' || type === 'bar')) {
+ var categoryAxis = coordSys.getAxesByScale('ordinal')[0];
+ if (categoryAxis) {
+ var axisDim = categoryAxis.dim;
+ var axisType = axisDim + 'Axis';
+ var axisModel = ecModel.queryComponents({
+ mainType: axisType,
+ index: seriesModel.get(name + 'Index'),
+ id: seriesModel.get(name + 'Id')
+ })[0];
+ var axisIndex = axisModel.componentIndex;
+
+ newOption[axisType] = newOption[axisType] || [];
+ for (var i = 0; i <= axisIndex; i++) {
+ newOption[axisType][axisIndex] = newOption[axisType][axisIndex] || {};
+ }
+ newOption[axisType][axisIndex].boundaryGap = type === 'bar';
+ }
+ }
+ };
+
+ each$1(radioTypes, function (radio) {
+ if (indexOf(radio, type) >= 0) {
+ each$1(radio, function (item) {
+ model.setIconStatus(item, 'normal');
+ });
+ }
+ });
+
+ model.setIconStatus(type, 'emphasis');
+
+ ecModel.eachComponent(
+ {
+ mainType: 'series',
+ query: seriesIndex == null ? null : {
+ seriesIndex: seriesIndex
+ }
+ }, generateNewSeriesTypes
+ );
+
+ var newTitle;
+ // Change title of stack
+ if (type === 'stack') {
+ var isStack = newOption.series && newOption.series[0] && newOption.series[0].stack === INNER_STACK_KEYWORD;
+ newTitle = isStack
+ ? merge({ stack: magicTypeLang.title.tiled }, magicTypeLang.title)
+ : clone(magicTypeLang.title);
+ }
+
+ api.dispatchAction({
+ type: 'changeMagicType',
+ currentType: type,
+ newOption: newOption,
+ newTitle: newTitle,
+ featureName: 'magicType'
+ });
+};
+
+registerAction({
+ type: 'changeMagicType',
+ event: 'magicTypeChanged',
+ update: 'prepareAndUpdate'
+}, function (payload, ecModel) {
+ ecModel.mergeOption(payload.newOption);
+});
+
+register$1('magicType', MagicType);
+
+/*
+* 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.
+*/
+
+var dataViewLang = lang.toolbox.dataView;
+
+var BLOCK_SPLITER = new Array(60).join('-');
+var ITEM_SPLITER = '\t';
+/**
+ * Group series into two types
+ * 1. on category axis, like line, bar
+ * 2. others, like scatter, pie
+ * @param {module:echarts/model/Global} ecModel
+ * @return {Object}
+ * @inner
+ */
+function groupSeries(ecModel) {
+ var seriesGroupByCategoryAxis = {};
+ var otherSeries = [];
+ var meta = [];
+ ecModel.eachRawSeries(function (seriesModel) {
+ var coordSys = seriesModel.coordinateSystem;
+
+ if (coordSys && (coordSys.type === 'cartesian2d' || coordSys.type === 'polar')) {
+ var baseAxis = coordSys.getBaseAxis();
+ if (baseAxis.type === 'category') {
+ var key = baseAxis.dim + '_' + baseAxis.index;
+ if (!seriesGroupByCategoryAxis[key]) {
+ seriesGroupByCategoryAxis[key] = {
+ categoryAxis: baseAxis,
+ valueAxis: coordSys.getOtherAxis(baseAxis),
+ series: []
+ };
+ meta.push({
+ axisDim: baseAxis.dim,
+ axisIndex: baseAxis.index
+ });
+ }
+ seriesGroupByCategoryAxis[key].series.push(seriesModel);
+ }
+ else {
+ otherSeries.push(seriesModel);
+ }
+ }
+ else {
+ otherSeries.push(seriesModel);
+ }
+ });
+
+ return {
+ seriesGroupByCategoryAxis: seriesGroupByCategoryAxis,
+ other: otherSeries,
+ meta: meta
+ };
+}
+
+/**
+ * Assemble content of series on cateogory axis
+ * @param {Array.<module:echarts/model/Series>} series
+ * @return {string}
+ * @inner
+ */
+function assembleSeriesWithCategoryAxis(series) {
+ var tables = [];
+ each$1(series, function (group, key) {
+ var categoryAxis = group.categoryAxis;
+ var valueAxis = group.valueAxis;
+ var valueAxisDim = valueAxis.dim;
+
+ var headers = [' '].concat(map(group.series, function (series) {
+ return series.name;
+ }));
+ var columns = [categoryAxis.model.getCategories()];
+ each$1(group.series, function (series) {
+ columns.push(series.getRawData().mapArray(valueAxisDim, function (val) {
+ return val;
+ }));
+ });
+ // Assemble table content
+ var lines = [headers.join(ITEM_SPLITER)];
+ for (var i = 0; i < columns[0].length; i++) {
+ var items = [];
+ for (var j = 0; j < columns.length; j++) {
+ items.push(columns[j][i]);
+ }
+ lines.push(items.join(ITEM_SPLITER));
+ }
+ tables.push(lines.join('\n'));
+ });
+ return tables.join('\n\n' + BLOCK_SPLITER + '\n\n');
+}
+
+/**
+ * Assemble content of other series
+ * @param {Array.<module:echarts/model/Series>} series
+ * @return {string}
+ * @inner
+ */
+function assembleOtherSeries(series) {
+ return map(series, function (series) {
+ var data = series.getRawData();
+ var lines = [series.name];
+ var vals = [];
+ data.each(data.dimensions, function () {
+ var argLen = arguments.length;
+ var dataIndex = arguments[argLen - 1];
+ var name = data.getName(dataIndex);
+ for (var i = 0; i < argLen - 1; i++) {
+ vals[i] = arguments[i];
+ }
+ lines.push((name ? (name + ITEM_SPLITER) : '') + vals.join(ITEM_SPLITER));
+ });
+ return lines.join('\n');
+ }).join('\n\n' + BLOCK_SPLITER + '\n\n');
+}
+
+/**
+ * @param {module:echarts/model/Global}
+ * @return {Object}
+ * @inner
+ */
+function getContentFromModel(ecModel) {
+
+ var result = groupSeries(ecModel);
+
+ return {
+ value: filter([
+ assembleSeriesWithCategoryAxis(result.seriesGroupByCategoryAxis),
+ assembleOtherSeries(result.other)
+ ], function (str) {
+ return str.replace(/[\n\t\s]/g, '');
+ }).join('\n\n' + BLOCK_SPLITER + '\n\n'),
+
+ meta: result.meta
+ };
+}
+
+
+function trim$1(str) {
+ return str.replace(/^\s\s*/, '').replace(/\s\s*$/, '');
+}
+/**
+ * If a block is tsv format
+ */
+function isTSVFormat(block) {
+ // Simple method to find out if a block is tsv format
+ var firstLine = block.slice(0, block.indexOf('\n'));
+ if (firstLine.indexOf(ITEM_SPLITER) >= 0) {
+ return true;
+ }
+}
+
+var itemSplitRegex = new RegExp('[' + ITEM_SPLITER + ']+', 'g');
+/**
+ * @param {string} tsv
+ * @return {Object}
+ */
+function parseTSVContents(tsv) {
+ var tsvLines = tsv.split(/\n+/g);
+ var headers = trim$1(tsvLines.shift()).split(itemSplitRegex);
+
+ var categories = [];
+ var series = map(headers, function (header) {
+ return {
+ name: header,
+ data: []
+ };
+ });
+ for (var i = 0; i < tsvLines.length; i++) {
+ var items = trim$1(tsvLines[i]).split(itemSplitRegex);
+ categories.push(items.shift());
+ for (var j = 0; j < items.length; j++) {
+ series[j] && (series[j].data[i] = items[j]);
+ }
+ }
+ return {
+ series: series,
+ categories: categories
+ };
+}
+
+/**
+ * @param {string} str
+ * @return {Array.<Object>}
+ * @inner
+ */
+function parseListContents(str) {
+ var lines = str.split(/\n+/g);
+ var seriesName = trim$1(lines.shift());
+
+ var data = [];
+ for (var i = 0; i < lines.length; i++) {
+ var items = trim$1(lines[i]).split(itemSplitRegex);
+ var name = '';
+ var value;
+ var hasName = false;
+ if (isNaN(items[0])) { // First item is name
+ hasName = true;
+ name = items[0];
+ items = items.slice(1);
+ data[i] = {
+ name: name,
+ value: []
+ };
+ value = data[i].value;
+ }
+ else {
+ value = data[i] = [];
+ }
+ for (var j = 0; j < items.length; j++) {
+ value.push(+items[j]);
+ }
+ if (value.length === 1) {
+ hasName ? (data[i].value = value[0]) : (data[i] = value[0]);
+ }
+ }
+
+ return {
+ name: seriesName,
+ data: data
+ };
+}
+
+/**
+ * @param {string} str
+ * @param {Array.<Object>} blockMetaList
+ * @return {Object}
+ * @inner
+ */
+function parseContents(str, blockMetaList) {
+ var blocks = str.split(new RegExp('\n*' + BLOCK_SPLITER + '\n*', 'g'));
+ var newOption = {
+ series: []
+ };
+ each$1(blocks, function (block, idx) {
+ if (isTSVFormat(block)) {
+ var result = parseTSVContents(block);
+ var blockMeta = blockMetaList[idx];
+ var axisKey = blockMeta.axisDim + 'Axis';
+
+ if (blockMeta) {
+ newOption[axisKey] = newOption[axisKey] || [];
+ newOption[axisKey][blockMeta.axisIndex] = {
+ data: result.categories
+ };
+ newOption.series = newOption.series.concat(result.series);
+ }
+ }
+ else {
+ var result = parseListContents(block);
+ newOption.series.push(result);
+ }
+ });
+ return newOption;
+}
+
+/**
+ * @alias {module:echarts/component/toolbox/feature/DataView}
+ * @constructor
+ * @param {module:echarts/model/Model} model
+ */
+function DataView(model) {
+
+ this._dom = null;
+
+ this.model = model;
+}
+
+DataView.defaultOption = {
+ show: true,
+ readOnly: false,
+ 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: clone(dataViewLang.title),
+ lang: clone(dataViewLang.lang),
+ backgroundColor: '#fff',
+ textColor: '#000',
+ textareaColor: '#fff',
+ textareaBorderColor: '#333',
+ buttonColor: '#c23531',
+ buttonTextColor: '#fff'
+};
+
+DataView.prototype.onclick = function (ecModel, api) {
+ var container = api.getDom();
+ var model = this.model;
+ if (this._dom) {
+ container.removeChild(this._dom);
+ }
+ var root = document.createElement('div');
+ root.style.cssText = 'position:absolute;left:5px;top:5px;bottom:5px;right:5px;';
+ root.style.backgroundColor = model.get('backgroundColor') || '#fff';
+
+ // Create elements
+ var header = document.createElement('h4');
+ var lang$$1 = model.get('lang') || [];
+ header.innerHTML = lang$$1[0] || model.get('title');
+ header.style.cssText = 'margin: 10px 20px;';
+ header.style.color = model.get('textColor');
+
+ var viewMain = document.createElement('div');
+ var textarea = document.createElement('textarea');
+ viewMain.style.cssText = 'display:block;width:100%;overflow:auto;';
+
+ var optionToContent = model.get('optionToContent');
+ var contentToOption = model.get('contentToOption');
+ var result = getContentFromModel(ecModel);
+ if (typeof optionToContent === 'function') {
+ var htmlOrDom = optionToContent(api.getOption());
+ if (typeof htmlOrDom === 'string') {
+ viewMain.innerHTML = htmlOrDom;
+ }
+ else if (isDom(htmlOrDom)) {
+ viewMain.appendChild(htmlOrDom);
+ }
+ }
+ else {
+ // Use default textarea
+ viewMain.appendChild(textarea);
+ textarea.readOnly = model.get('readOnly');
+ textarea.style.cssText = 'width:100%;height:100%;font-family:monospace;font-size:14px;line-height:1.6rem;';
+ textarea.style.color = model.get('textColor');
+ textarea.style.borderColor = model.get('textareaBorderColor');
+ textarea.style.backgroundColor = model.get('textareaColor');
+ textarea.value = result.value;
+ }
+
+ var blockMetaList = result.meta;
+
+ var buttonContainer = document.createElement('div');
+ buttonContainer.style.cssText = 'position:absolute;bottom:0;left:0;right:0;';
+
+ var buttonStyle = 'float:right;margin-right:20px;border:none;'
+ + 'cursor:pointer;padding:2px 5px;font-size:12px;border-radius:3px';
+ var closeButton = document.createElement('div');
+ var refreshButton = document.createElement('div');
+
+ buttonStyle += ';background-color:' + model.get('buttonColor');
+ buttonStyle += ';color:' + model.get('buttonTextColor');
+
+ var self = this;
+
+ function close() {
+ container.removeChild(root);
+ self._dom = null;
+ }
+ addEventListener(closeButton, 'click', close);
+
+ addEventListener(refreshButton, 'click', function () {
+ var newOption;
+ try {
+ if (typeof contentToOption === 'function') {
+ newOption = contentToOption(viewMain, api.getOption());
+ }
+ else {
+ newOption = parseContents(textarea.value, blockMetaList);
+ }
+ }
+ catch (e) {
+ close();
+ throw new Error('Data view format error ' + e);
+ }
+ if (newOption) {
+ api.dispatchAction({
+ type: 'changeDataView',
+ newOption: newOption
+ });
+ }
+
+ close();
+ });
+
+ closeButton.innerHTML = lang$$1[1];
+ refreshButton.innerHTML = lang$$1[2];
+ refreshButton.style.cssText = buttonStyle;
+ closeButton.style.cssText = buttonStyle;
+
+ !model.get('readOnly') && buttonContainer.appendChild(refreshButton);
+ buttonContainer.appendChild(closeButton);
+
+ root.appendChild(header);
+ root.appendChild(viewMain);
+ root.appendChild(buttonContainer);
+
+ viewMain.style.height = (container.clientHeight - 80) + 'px';
+
+ container.appendChild(root);
+ this._dom = root;
+};
+
+DataView.prototype.remove = function (ecModel, api) {
+ this._dom && api.getDom().removeChild(this._dom);
+};
+
+DataView.prototype.dispose = function (ecModel, api) {
+ this.remove(ecModel, api);
+};
+
+/**
+ * @inner
+ */
+function tryMergeDataOption(newData, originalData) {
+ return map(newData, function (newVal, idx) {
+ var original = originalData && originalData[idx];
+ if (isObject$1(original) && !isArray(original)) {
+ if (isObject$1(newVal) && !isArray(newVal)) {
+ newVal = newVal.value;
+ }
+ // Original data has option
+ return defaults({
+ value: newVal
+ }, original);
+ }
+ else {
+ return newVal;
+ }
+ });
+}
+
+register$1('dataView', DataView);
+
+registerAction({
+ type: 'changeDataView',
+ event: 'dataViewChanged',
+ update: 'prepareAndUpdate'
+}, function (payload, ecModel) {
+ var newSeriesOptList = [];
+ each$1(payload.newOption.series, function (seriesOpt) {
+ var seriesModel = ecModel.getSeriesByName(seriesOpt.name)[0];
+ if (!seriesModel) {
+ // New created series
+ // Geuss the series type
+ newSeriesOptList.push(extend({
+ // Default is scatter
+ type: 'scatter'
+ }, seriesOpt));
+ }
+ else {
+ var originalData = seriesModel.get('data');
+ newSeriesOptList.push({
+ name: seriesOpt.name,
+ data: tryMergeDataOption(seriesOpt.data, originalData)
+ });
+ }
+ });
+
+ ecModel.mergeOption(defaults({
+ series: newSeriesOptList
+ }, payload.newOption));
+});
+
+/*
+* 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.
+*/
+
+var each$17 = each$1;
+var indexOf$1 = indexOf;
+var curry$4 = curry;
+
+var COORD_CONVERTS = ['dataToPoint', 'pointToData'];
+
+// FIXME
+// how to genarialize to more coordinate systems.
+var INCLUDE_FINDER_MAIN_TYPES = [
+ 'grid', 'xAxis', 'yAxis', 'geo', 'graph',
+ 'polar', 'radiusAxis', 'angleAxis', 'bmap'
+];
+
+/**
+ * [option in constructor]:
+ * {
+ * Index/Id/Name of geo, xAxis, yAxis, grid: See util/model#parseFinder.
+ * }
+ *
+ *
+ * [targetInfo]:
+ *
+ * There can be multiple axes in a single targetInfo. Consider the case
+ * of `grid` component, a targetInfo represents a grid which contains one or more
+ * cartesian and one or more axes. And consider the case of parallel system,
+ * which has multiple axes in a coordinate system.
+ * Can be {
+ * panelId: ...,
+ * coordSys: <a representitive cartesian in grid (first cartesian by default)>,
+ * coordSyses: all cartesians.
+ * gridModel: <grid component>
+ * xAxes: correspond to coordSyses on index
+ * yAxes: correspond to coordSyses on index
+ * }
+ * or {
+ * panelId: ...,
+ * coordSys: <geo coord sys>
+ * coordSyses: [<geo coord sys>]
+ * geoModel: <geo component>
+ * }
+ *
+ *
+ * [panelOpt]:
+ *
+ * Make from targetInfo. Input to BrushController.
+ * {
+ * panelId: ...,
+ * rect: ...
+ * }
+ *
+ *
+ * [area]:
+ *
+ * Generated by BrushController or user input.
+ * {
+ * panelId: Used to locate coordInfo directly. If user inpput, no panelId.
+ * brushType: determine how to convert to/from coord('rect' or 'polygon' or 'lineX/Y').
+ * Index/Id/Name of geo, xAxis, yAxis, grid: See util/model#parseFinder.
+ * range: pixel range.
+ * coordRange: representitive coord range (the first one of coordRanges).
+ * coordRanges: <Array> coord ranges, used in multiple cartesian in one grid.
+ * }
+ */
+
+/**
+ * @param {Object} option contains Index/Id/Name of xAxis/yAxis/geo/grid
+ * Each can be {number|Array.<number>}. like: {xAxisIndex: [3, 4]}
+ * @param {module:echarts/model/Global} ecModel
+ * @param {Object} [opt]
+ * @param {Array.<string>} [opt.include] include coordinate system types.
+ */
+function BrushTargetManager(option, ecModel, opt) {
+ /**
+ * @private
+ * @type {Array.<Object>}
+ */
+ var targetInfoList = this._targetInfoList = [];
+ var info = {};
+ var foundCpts = parseFinder$1(ecModel, option);
+
+ each$17(targetInfoBuilders, function (builder, type) {
+ if (!opt || !opt.include || indexOf$1(opt.include, type) >= 0) {
+ builder(foundCpts, targetInfoList, info);
+ }
+ });
+}
+
+var proto$5 = BrushTargetManager.prototype;
+
+proto$5.setOutputRanges = function (areas, ecModel) {
+ this.matchOutputRanges(areas, ecModel, function (area, coordRange, coordSys) {
+ (area.coordRanges || (area.coordRanges = [])).push(coordRange);
+ // area.coordRange is the first of area.coordRanges
+ if (!area.coordRange) {
+ area.coordRange = coordRange;
+ // In 'category' axis, coord to pixel is not reversible, so we can not
+ // rebuild range by coordRange accrately, which may bring trouble when
+ // brushing only one item. So we use __rangeOffset to rebuilding range
+ // by coordRange. And this it only used in brush component so it is no
+ // need to be adapted to coordRanges.
+ var result = coordConvert[area.brushType](0, coordSys, coordRange);
+ area.__rangeOffset = {
+ offset: diffProcessor[area.brushType](result.values, area.range, [1, 1]),
+ xyMinMax: result.xyMinMax
+ };
+ }
+ });
+};
+
+proto$5.matchOutputRanges = function (areas, ecModel, cb) {
+ each$17(areas, function (area) {
+ var targetInfo = this.findTargetInfo(area, ecModel);
+
+ if (targetInfo && targetInfo !== true) {
+ each$1(
+ targetInfo.coordSyses,
+ function (coordSys) {
+ var result = coordConvert[area.brushType](1, coordSys, area.range);
+ cb(area, result.values, coordSys, ecModel);
+ }
+ );
+ }
+ }, this);
+};
+
+proto$5.setInputRanges = function (areas, ecModel) {
+ each$17(areas, function (area) {
+ var targetInfo = this.findTargetInfo(area, ecModel);
+
+ if (__DEV__) {
+ assert$1(
+ !targetInfo || targetInfo === true || area.coordRange,
+ 'coordRange must be specified when coord index specified.'
+ );
+ assert$1(
+ !targetInfo || targetInfo !== true || area.range,
+ 'range must be specified in global brush.'
+ );
+ }
+
+ area.range = area.range || [];
+
+ // convert coordRange to global range and set panelId.
+ if (targetInfo && targetInfo !== true) {
+ area.panelId = targetInfo.panelId;
+ // (1) area.range shoule always be calculate from coordRange but does
+ // not keep its original value, for the sake of the dataZoom scenario,
+ // where area.coordRange remains unchanged but area.range may be changed.
+ // (2) Only support converting one coordRange to pixel range in brush
+ // component. So do not consider `coordRanges`.
+ // (3) About __rangeOffset, see comment above.
+ var result = coordConvert[area.brushType](0, targetInfo.coordSys, area.coordRange);
+ var rangeOffset = area.__rangeOffset;
+ area.range = rangeOffset
+ ? diffProcessor[area.brushType](
+ result.values,
+ rangeOffset.offset,
+ getScales(result.xyMinMax, rangeOffset.xyMinMax)
+ )
+ : result.values;
+ }
+ }, this);
+};
+
+proto$5.makePanelOpts = function (api, getDefaultBrushType) {
+ return map(this._targetInfoList, function (targetInfo) {
+ var rect = targetInfo.getPanelRect();
+ return {
+ panelId: targetInfo.panelId,
+ defaultBrushType: getDefaultBrushType && getDefaultBrushType(targetInfo),
+ clipPath: makeRectPanelClipPath(rect),
+ isTargetByCursor: makeRectIsTargetByCursor(
+ rect, api, targetInfo.coordSysModel
+ ),
+ getLinearBrushOtherExtent: makeLinearBrushOtherExtent(rect)
+ };
+ });
+};
+
+proto$5.controlSeries = function (area, seriesModel, ecModel) {
+ // Check whether area is bound in coord, and series do not belong to that coord.
+ // If do not do this check, some brush (like lineX) will controll all axes.
+ var targetInfo = this.findTargetInfo(area, ecModel);
+ return targetInfo === true || (
+ targetInfo && indexOf$1(targetInfo.coordSyses, seriesModel.coordinateSystem) >= 0
+ );
+};
+
+/**
+ * If return Object, a coord found.
+ * If reutrn true, global found.
+ * Otherwise nothing found.
+ *
+ * @param {Object} area
+ * @param {Array} targetInfoList
+ * @return {Object|boolean}
+ */
+proto$5.findTargetInfo = function (area, ecModel) {
+ var targetInfoList = this._targetInfoList;
+ var foundCpts = parseFinder$1(ecModel, area);
+
+ for (var i = 0; i < targetInfoList.length; i++) {
+ var targetInfo = targetInfoList[i];
+ var areaPanelId = area.panelId;
+ if (areaPanelId) {
+ if (targetInfo.panelId === areaPanelId) {
+ return targetInfo;
+ }
+ }
+ else {
+ for (var i = 0; i < targetInfoMatchers.length; i++) {
+ if (targetInfoMatchers[i](foundCpts, targetInfo)) {
+ return targetInfo;
+ }
+ }
+ }
+ }
+
+ return true;
+};
+
+function formatMinMax(minMax) {
+ minMax[0] > minMax[1] && minMax.reverse();
+ return minMax;
+}
+
+function parseFinder$1(ecModel, option) {
+ return parseFinder(
+ ecModel, option, {includeMainTypes: INCLUDE_FINDER_MAIN_TYPES}
+ );
+}
+
+var targetInfoBuilders = {
+
+ grid: function (foundCpts, targetInfoList) {
+ var xAxisModels = foundCpts.xAxisModels;
+ var yAxisModels = foundCpts.yAxisModels;
+ var gridModels = foundCpts.gridModels;
+ // Remove duplicated.
+ var gridModelMap = createHashMap();
+ var xAxesHas = {};
+ var yAxesHas = {};
+
+ if (!xAxisModels && !yAxisModels && !gridModels) {
+ return;
+ }
+
+ each$17(xAxisModels, function (axisModel) {
+ var gridModel = axisModel.axis.grid.model;
+ gridModelMap.set(gridModel.id, gridModel);
+ xAxesHas[gridModel.id] = true;
+ });
+ each$17(yAxisModels, function (axisModel) {
+ var gridModel = axisModel.axis.grid.model;
+ gridModelMap.set(gridModel.id, gridModel);
+ yAxesHas[gridModel.id] = true;
+ });
+ each$17(gridModels, function (gridModel) {
+ gridModelMap.set(gridModel.id, gridModel);
+ xAxesHas[gridModel.id] = true;
+ yAxesHas[gridModel.id] = true;
+ });
+
+ gridModelMap.each(function (gridModel) {
+ var grid = gridModel.coordinateSystem;
+ var cartesians = [];
+
+ each$17(grid.getCartesians(), function (cartesian, index) {
+ if (indexOf$1(xAxisModels, cartesian.getAxis('x').model) >= 0
+ || indexOf$1(yAxisModels, cartesian.getAxis('y').model) >= 0
+ ) {
+ cartesians.push(cartesian);
+ }
+ });
+ targetInfoList.push({
+ panelId: 'grid--' + gridModel.id,
+ gridModel: gridModel,
+ coordSysModel: gridModel,
+ // Use the first one as the representitive coordSys.
+ coordSys: cartesians[0],
+ coordSyses: cartesians,
+ getPanelRect: panelRectBuilder.grid,
+ xAxisDeclared: xAxesHas[gridModel.id],
+ yAxisDeclared: yAxesHas[gridModel.id]
+ });
+ });
+ },
+
+ geo: function (foundCpts, targetInfoList) {
+ each$17(foundCpts.geoModels, function (geoModel) {
+ var coordSys = geoModel.coordinateSystem;
+ targetInfoList.push({
+ panelId: 'geo--' + geoModel.id,
+ geoModel: geoModel,
+ coordSysModel: geoModel,
+ coordSys: coordSys,
+ coordSyses: [coordSys],
+ getPanelRect: panelRectBuilder.geo
+ });
+ });
+ }
+};
+
+var targetInfoMatchers = [
+
+ // grid
+ function (foundCpts, targetInfo) {
+ var xAxisModel = foundCpts.xAxisModel;
+ var yAxisModel = foundCpts.yAxisModel;
+ var gridModel = foundCpts.gridModel;
+
+ !gridModel && xAxisModel && (gridModel = xAxisModel.axis.grid.model);
+ !gridModel && yAxisModel && (gridModel = yAxisModel.axis.grid.model);
+
+ return gridModel && gridModel === targetInfo.gridModel;
+ },
+
+ // geo
+ function (foundCpts, targetInfo) {
+ var geoModel = foundCpts.geoModel;
+ return geoModel && geoModel === targetInfo.geoModel;
+ }
+];
+
+var panelRectBuilder = {
+
+ grid: function () {
+ // grid is not Transformable.
+ return this.coordSys.grid.getRect().clone();
+ },
+
+ geo: function () {
+ var coordSys = this.coordSys;
+ var rect = coordSys.getBoundingRect().clone();
+ // geo roam and zoom transform
+ rect.applyTransform(getTransform(coordSys));
+ return rect;
+ }
+};
+
+var coordConvert = {
+
+ lineX: curry$4(axisConvert, 0),
+
+ lineY: curry$4(axisConvert, 1),
+
+ rect: function (to, coordSys, rangeOrCoordRange) {
+ var xminymin = coordSys[COORD_CONVERTS[to]]([rangeOrCoordRange[0][0], rangeOrCoordRange[1][0]]);
+ var xmaxymax = coordSys[COORD_CONVERTS[to]]([rangeOrCoordRange[0][1], rangeOrCoordRange[1][1]]);
+ var values = [
+ formatMinMax([xminymin[0], xmaxymax[0]]),
+ formatMinMax([xminymin[1], xmaxymax[1]])
+ ];
+ return {values: values, xyMinMax: values};
+ },
+
+ polygon: function (to, coordSys, rangeOrCoordRange) {
+ var xyMinMax = [[Infinity, -Infinity], [Infinity, -Infinity]];
+ var values = map(rangeOrCoordRange, function (item) {
+ var p = coordSys[COORD_CONVERTS[to]](item);
+ xyMinMax[0][0] = Math.min(xyMinMax[0][0], p[0]);
+ xyMinMax[1][0] = Math.min(xyMinMax[1][0], p[1]);
+ xyMinMax[0][1] = Math.max(xyMinMax[0][1], p[0]);
+ xyMinMax[1][1] = Math.max(xyMinMax[1][1], p[1]);
+ return p;
+ });
+ return {values: values, xyMinMax: xyMinMax};
+ }
+};
+
+function axisConvert(axisNameIndex, to, coordSys, rangeOrCoordRange) {
+ if (__DEV__) {
+ assert$1(
+ coordSys.type === 'cartesian2d',
+ 'lineX/lineY brush is available only in cartesian2d.'
+ );
+ }
+
+ var axis = coordSys.getAxis(['x', 'y'][axisNameIndex]);
+ var values = formatMinMax(map([0, 1], function (i) {
+ return to
+ ? axis.coordToData(axis.toLocalCoord(rangeOrCoordRange[i]))
+ : axis.toGlobalCoord(axis.dataToCoord(rangeOrCoordRange[i]));
+ }));
+ var xyMinMax = [];
+ xyMinMax[axisNameIndex] = values;
+ xyMinMax[1 - axisNameIndex] = [NaN, NaN];
+
+ return {values: values, xyMinMax: xyMinMax};
+}
+
+var diffProcessor = {
+ lineX: curry$4(axisDiffProcessor, 0),
+
+ lineY: curry$4(axisDiffProcessor, 1),
+
+ rect: function (values, refer, scales) {
+ return [
+ [values[0][0] - scales[0] * refer[0][0], values[0][1] - scales[0] * refer[0][1]],
+ [values[1][0] - scales[1] * refer[1][0], values[1][1] - scales[1] * refer[1][1]]
+ ];
+ },
+
+ polygon: function (values, refer, scales) {
+ return map(values, function (item, idx) {
+ return [item[0] - scales[0] * refer[idx][0], item[1] - scales[1] * refer[idx][1]];
+ });
+ }
+};
+
+function axisDiffProcessor(axisNameIndex, values, refer, scales) {
+ return [
+ values[0] - scales[axisNameIndex] * refer[0],
+ values[1] - scales[axisNameIndex] * refer[1]
+ ];
+}
+
+// We have to process scale caused by dataZoom manually,
+// although it might be not accurate.
+function getScales(xyMinMaxCurr, xyMinMaxOrigin) {
+ var sizeCurr = getSize(xyMinMaxCurr);
+ var sizeOrigin = getSize(xyMinMaxOrigin);
+ var scales = [sizeCurr[0] / sizeOrigin[0], sizeCurr[1] / sizeOrigin[1]];
+ isNaN(scales[0]) && (scales[0] = 1);
+ isNaN(scales[1]) && (scales[1] = 1);
+ return scales;
+}
+
+function getSize(xyMinMax) {
+ return xyMinMax
+ ? [xyMinMax[0][1] - xyMinMax[0][0], xyMinMax[1][1] - xyMinMax[1][0]]
+ : [NaN, NaN];
+}
+
+/*
+* 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.
+*/
+
+var each$18 = each$1;
+
+var ATTR$1 = '\0_ec_hist_store';
+
+/**
+ * @param {module:echarts/model/Global} ecModel
+ * @param {Object} newSnapshot {dataZoomId, batch: [payloadInfo, ...]}
+ */
+function push(ecModel, newSnapshot) {
+ var store = giveStore(ecModel);
+
+ // If previous dataZoom can not be found,
+ // complete an range with current range.
+ each$18(newSnapshot, function (batchItem, dataZoomId) {
+ var i = store.length - 1;
+ for (; i >= 0; i--) {
+ var snapshot = store[i];
+ if (snapshot[dataZoomId]) {
+ break;
+ }
+ }
+ if (i < 0) {
+ // No origin range set, create one by current range.
+ var dataZoomModel = ecModel.queryComponents(
+ {mainType: 'dataZoom', subType: 'select', id: dataZoomId}
+ )[0];
+ if (dataZoomModel) {
+ var percentRange = dataZoomModel.getPercentRange();
+ store[0][dataZoomId] = {
+ dataZoomId: dataZoomId,
+ start: percentRange[0],
+ end: percentRange[1]
+ };
+ }
+ }
+ });
+
+ store.push(newSnapshot);
+}
+
+/**
+ * @param {module:echarts/model/Global} ecModel
+ * @return {Object} snapshot
+ */
+function pop(ecModel) {
+ var store = giveStore(ecModel);
+ var head = store[store.length - 1];
+ store.length > 1 && store.pop();
+
+ // Find top for all dataZoom.
+ var snapshot = {};
+ each$18(head, function (batchItem, dataZoomId) {
+ for (var i = store.length - 1; i >= 0; i--) {
+ var batchItem = store[i][dataZoomId];
+ if (batchItem) {
+ snapshot[dataZoomId] = batchItem;
+ break;
+ }
+ }
+ });
+
+ return snapshot;
+}
+
+/**
+ * @param {module:echarts/model/Global} ecModel
+ */
+function clear$1(ecModel) {
+ ecModel[ATTR$1] = null;
+}
+
+/**
+ * @param {module:echarts/model/Global} ecModel
+ * @return {number} records. always >= 1.
+ */
+function count(ecModel) {
+ return giveStore(ecModel).length;
+}
+
+/**
+ * [{key: dataZoomId, value: {dataZoomId, range}}, ...]
+ * History length of each dataZoom may be different.
+ * this._history[0] is used to store origin range.
+ * @type {Array.<Object>}
+ */
+function giveStore(ecModel) {
+ var store = ecModel[ATTR$1];
+ if (!store) {
+ store = ecModel[ATTR$1] = [{}];
+ }
+ return store;
+}
+
+/*
+* 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.
+*/
+
+ComponentModel.registerSubTypeDefaulter('dataZoom', function () {
+ // Default 'slider' when no type specified.
+ return 'slider';
+});
+
+/*
+* 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.
+*/
+
+var AXIS_DIMS = ['x', 'y', 'z', 'radius', 'angle', 'single'];
+// Supported coords.
+var COORDS = ['cartesian2d', 'polar', 'singleAxis'];
+
+/**
+ * @param {string} coordType
+ * @return {boolean}
+ */
+function isCoordSupported(coordType) {
+ return indexOf(COORDS, coordType) >= 0;
+}
+
+/**
+ * Create "each" method to iterate names.
+ *
+ * @pubilc
+ * @param {Array.<string>} names
+ * @param {Array.<string>=} attrs
+ * @return {Function}
+ */
+function createNameEach(names, attrs) {
+ names = names.slice();
+ var capitalNames = map(names, capitalFirst);
+ attrs = (attrs || []).slice();
+ var capitalAttrs = map(attrs, capitalFirst);
+
+ return function (callback, context) {
+ each$1(names, function (name, index) {
+ var nameObj = {name: name, capital: capitalNames[index]};
+
+ for (var j = 0; j < attrs.length; j++) {
+ nameObj[attrs[j]] = name + capitalAttrs[j];
+ }
+
+ callback.call(context, nameObj);
+ });
+ };
+}
+
+/**
+ * Iterate each dimension name.
+ *
+ * @public
+ * @param {Function} callback The parameter is like:
+ * {
+ * name: 'angle',
+ * capital: 'Angle',
+ * axis: 'angleAxis',
+ * axisIndex: 'angleAixs',
+ * index: 'angleIndex'
+ * }
+ * @param {Object} context
+ */
+var eachAxisDim$1 = createNameEach(AXIS_DIMS, ['axisIndex', 'axis', 'index', 'id']);
+
+/**
+ * If tow dataZoomModels has the same axis controlled, we say that they are 'linked'.
+ * dataZoomModels and 'links' make up one or more graphics.
+ * This function finds the graphic where the source dataZoomModel is in.
+ *
+ * @public
+ * @param {Function} forEachNode Node iterator.
+ * @param {Function} forEachEdgeType edgeType iterator
+ * @param {Function} edgeIdGetter Giving node and edgeType, return an array of edge id.
+ * @return {Function} Input: sourceNode, Output: Like {nodes: [], dims: {}}
+ */
+function createLinkedNodesFinder(forEachNode, forEachEdgeType, edgeIdGetter) {
+
+ return function (sourceNode) {
+ var result = {
+ nodes: [],
+ records: {} // key: edgeType.name, value: Object (key: edge id, value: boolean).
+ };
+
+ forEachEdgeType(function (edgeType) {
+ result.records[edgeType.name] = {};
+ });
+
+ if (!sourceNode) {
+ return result;
+ }
+
+ absorb(sourceNode, result);
+
+ var existsLink;
+ do {
+ existsLink = false;
+ forEachNode(processSingleNode);
+ }
+ while (existsLink);
+
+ function processSingleNode(node) {
+ if (!isNodeAbsorded(node, result) && isLinked(node, result)) {
+ absorb(node, result);
+ existsLink = true;
+ }
+ }
+
+ return result;
+ };
+
+ function isNodeAbsorded(node, result) {
+ return indexOf(result.nodes, node) >= 0;
+ }
+
+ function isLinked(node, result) {
+ var hasLink = false;
+ forEachEdgeType(function (edgeType) {
+ each$1(edgeIdGetter(node, edgeType) || [], function (edgeId) {
+ result.records[edgeType.name][edgeId] && (hasLink = true);
+ });
+ });
+ return hasLink;
+ }
+
+ function absorb(node, result) {
+ result.nodes.push(node);
+ forEachEdgeType(function (edgeType) {
+ each$1(edgeIdGetter(node, edgeType) || [], function (edgeId) {
+ result.records[edgeType.name][edgeId] = true;
+ });
+ });
+ }
+}
+
+/*
+* 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.
+*/
+
+var each$20 = each$1;
+var asc$1 = asc;
+
+/**
+ * Operate single axis.
+ * One axis can only operated by one axis operator.
+ * Different dataZoomModels may be defined to operate the same axis.
+ * (i.e. 'inside' data zoom and 'slider' data zoom components)
+ * So dataZoomModels share one axisProxy in that case.
+ *
+ * @class
+ */
+var AxisProxy = function (dimName, axisIndex, dataZoomModel, ecModel) {
+
+ /**
+ * @private
+ * @type {string}
+ */
+ this._dimName = dimName;
+
+ /**
+ * @private
+ */
+ this._axisIndex = axisIndex;
+
+ /**
+ * @private
+ * @type {Array.<number>}
+ */
+ this._valueWindow;
+
+ /**
+ * @private
+ * @type {Array.<number>}
+ */
+ this._percentWindow;
+
+ /**
+ * @private
+ * @type {Array.<number>}
+ */
+ this._dataExtent;
+
+ /**
+ * {minSpan, maxSpan, minValueSpan, maxValueSpan}
+ * @private
+ * @type {Object}
+ */
+ this._minMaxSpan;
+
+ /**
+ * @readOnly
+ * @type {module: echarts/model/Global}
+ */
+ this.ecModel = ecModel;
+
+ /**
+ * @private
+ * @type {module: echarts/component/dataZoom/DataZoomModel}
+ */
+ this._dataZoomModel = dataZoomModel;
+
+ // /**
+ // * @readOnly
+ // * @private
+ // */
+ // this.hasSeriesStacked;
+};
+
+AxisProxy.prototype = {
+
+ constructor: AxisProxy,
+
+ /**
+ * Whether the axisProxy is hosted by dataZoomModel.
+ *
+ * @public
+ * @param {module: echarts/component/dataZoom/DataZoomModel} dataZoomModel
+ * @return {boolean}
+ */
+ hostedBy: function (dataZoomModel) {
+ return this._dataZoomModel === dataZoomModel;
+ },
+
+ /**
+ * @return {Array.<number>} Value can only be NaN or finite value.
+ */
+ getDataValueWindow: function () {
+ return this._valueWindow.slice();
+ },
+
+ /**
+ * @return {Array.<number>}
+ */
+ getDataPercentWindow: function () {
+ return this._percentWindow.slice();
+ },
+
+ /**
+ * @public
+ * @param {number} axisIndex
+ * @return {Array} seriesModels
+ */
+ getTargetSeriesModels: function () {
+ var seriesModels = [];
+ var ecModel = this.ecModel;
+
+ ecModel.eachSeries(function (seriesModel) {
+ if (isCoordSupported(seriesModel.get('coordinateSystem'))) {
+ var dimName = this._dimName;
+ var axisModel = ecModel.queryComponents({
+ mainType: dimName + 'Axis',
+ index: seriesModel.get(dimName + 'AxisIndex'),
+ id: seriesModel.get(dimName + 'AxisId')
+ })[0];
+ if (this._axisIndex === (axisModel && axisModel.componentIndex)) {
+ seriesModels.push(seriesModel);
+ }
+ }
+ }, this);
+
+ return seriesModels;
+ },
+
+ getAxisModel: function () {
+ return this.ecModel.getComponent(this._dimName + 'Axis', this._axisIndex);
+ },
+
+ getOtherAxisModel: function () {
+ var axisDim = this._dimName;
+ var ecModel = this.ecModel;
+ var axisModel = this.getAxisModel();
+ var isCartesian = axisDim === 'x' || axisDim === 'y';
+ var otherAxisDim;
+ var coordSysIndexName;
+ if (isCartesian) {
+ coordSysIndexName = 'gridIndex';
+ otherAxisDim = axisDim === 'x' ? 'y' : 'x';
+ }
+ else {
+ coordSysIndexName = 'polarIndex';
+ otherAxisDim = axisDim === 'angle' ? 'radius' : 'angle';
+ }
+ var foundOtherAxisModel;
+ ecModel.eachComponent(otherAxisDim + 'Axis', function (otherAxisModel) {
+ if ((otherAxisModel.get(coordSysIndexName) || 0)
+ === (axisModel.get(coordSysIndexName) || 0)
+ ) {
+ foundOtherAxisModel = otherAxisModel;
+ }
+ });
+ return foundOtherAxisModel;
+ },
+
+ getMinMaxSpan: function () {
+ return clone(this._minMaxSpan);
+ },
+
+ /**
+ * Only calculate by given range and this._dataExtent, do not change anything.
+ *
+ * @param {Object} opt
+ * @param {number} [opt.start]
+ * @param {number} [opt.end]
+ * @param {number} [opt.startValue]
+ * @param {number} [opt.endValue]
+ */
+ calculateDataWindow: function (opt) {
+ var dataExtent = this._dataExtent;
+ var axisModel = this.getAxisModel();
+ var scale = axisModel.axis.scale;
+ var rangePropMode = this._dataZoomModel.getRangePropMode();
+ var percentExtent = [0, 100];
+ var percentWindow = [];
+ var valueWindow = [];
+ var hasPropModeValue;
+
+ each$20(['start', 'end'], function (prop, idx) {
+ var boundPercent = opt[prop];
+ var boundValue = opt[prop + 'Value'];
+
+ // Notice: dataZoom is based either on `percentProp` ('start', 'end') or
+ // on `valueProp` ('startValue', 'endValue'). (They are based on the data extent
+ // but not min/max of axis, which will be calculated by data window then).
+ // The former one is suitable for cases that a dataZoom component controls multiple
+ // axes with different unit or extent, and the latter one is suitable for accurate
+ // zoom by pixel (e.g., in dataZoomSelect).
+ // we use `getRangePropMode()` to mark which prop is used. `rangePropMode` is updated
+ // only when setOption or dispatchAction, otherwise it remains its original value.
+ // (Why not only record `percentProp` and always map to `valueProp`? Because
+ // the map `valueProp` -> `percentProp` -> `valueProp` probably not the original
+ // `valueProp`. consider two axes constrolled by one dataZoom. They have different
+ // data extent. All of values that are overflow the `dataExtent` will be calculated
+ // to percent '100%').
+
+ if (rangePropMode[idx] === 'percent') {
+ boundPercent == null && (boundPercent = percentExtent[idx]);
+ // Use scale.parse to math round for category or time axis.
+ boundValue = scale.parse(linearMap(
+ boundPercent, percentExtent, dataExtent
+ ));
+ }
+ else {
+ hasPropModeValue = true;
+ boundValue = boundValue == null ? dataExtent[idx] : scale.parse(boundValue);
+ // Calculating `percent` from `value` may be not accurate, because
+ // This calculation can not be inversed, because all of values that
+ // are overflow the `dataExtent` will be calculated to percent '100%'
+ boundPercent = linearMap(
+ boundValue, dataExtent, percentExtent
+ );
+ }
+
+ // valueWindow[idx] = round(boundValue);
+ // percentWindow[idx] = round(boundPercent);
+ valueWindow[idx] = boundValue;
+ percentWindow[idx] = boundPercent;
+ });
+
+ asc$1(valueWindow);
+ asc$1(percentWindow);
+
+ // The windows from user calling of `dispatchAction` might be out of the extent,
+ // or do not obey the `min/maxSpan`, `min/maxValueSpan`. But we dont restrict window
+ // by `zoomLock` here, because we see `zoomLock` just as a interaction constraint,
+ // where API is able to initialize/modify the window size even though `zoomLock`
+ // specified.
+ var spans = this._minMaxSpan;
+ hasPropModeValue
+ ? restrictSet(valueWindow, percentWindow, dataExtent, percentExtent, false)
+ : restrictSet(percentWindow, valueWindow, percentExtent, dataExtent, true);
+
+ function restrictSet(fromWindow, toWindow, fromExtent, toExtent, toValue) {
+ var suffix = toValue ? 'Span' : 'ValueSpan';
+ sliderMove(0, fromWindow, fromExtent, 'all', spans['min' + suffix], spans['max' + suffix]);
+ for (var i = 0; i < 2; i++) {
+ toWindow[i] = linearMap(fromWindow[i], fromExtent, toExtent, true);
+ toValue && (toWindow[i] = scale.parse(toWindow[i]));
+ }
+ }
+
+ return {
+ valueWindow: valueWindow,
+ percentWindow: percentWindow
+ };
+ },
+
+ /**
+ * Notice: reset should not be called before series.restoreData() called,
+ * so it is recommanded to be called in "process stage" but not "model init
+ * stage".
+ *
+ * @param {module: echarts/component/dataZoom/DataZoomModel} dataZoomModel
+ */
+ reset: function (dataZoomModel) {
+ if (dataZoomModel !== this._dataZoomModel) {
+ return;
+ }
+
+ var targetSeries = this.getTargetSeriesModels();
+ // Culculate data window and data extent, and record them.
+ this._dataExtent = calculateDataExtent(this, this._dimName, targetSeries);
+
+ // this.hasSeriesStacked = false;
+ // each(targetSeries, function (series) {
+ // var data = series.getData();
+ // var dataDim = data.mapDimension(this._dimName);
+ // var stackedDimension = data.getCalculationInfo('stackedDimension');
+ // if (stackedDimension && stackedDimension === dataDim) {
+ // this.hasSeriesStacked = true;
+ // }
+ // }, this);
+
+ // `calculateDataWindow` uses min/maxSpan.
+ setMinMaxSpan(this);
+
+ var dataWindow = this.calculateDataWindow(dataZoomModel.settledOption);
+
+ this._valueWindow = dataWindow.valueWindow;
+ this._percentWindow = dataWindow.percentWindow;
+
+ // Update axis setting then.
+ setAxisModel(this);
+ },
+
+ /**
+ * @param {module: echarts/component/dataZoom/DataZoomModel} dataZoomModel
+ */
+ restore: function (dataZoomModel) {
+ if (dataZoomModel !== this._dataZoomModel) {
+ return;
+ }
+
+ this._valueWindow = this._percentWindow = null;
+ setAxisModel(this, true);
+ },
+
+ /**
+ * @param {module: echarts/component/dataZoom/DataZoomModel} dataZoomModel
+ */
+ filterData: function (dataZoomModel, api) {
+ if (dataZoomModel !== this._dataZoomModel) {
+ return;
+ }
+
+ var axisDim = this._dimName;
+ var seriesModels = this.getTargetSeriesModels();
+ var filterMode = dataZoomModel.get('filterMode');
+ var valueWindow = this._valueWindow;
+
+ if (filterMode === 'none') {
+ return;
+ }
+
+ // FIXME
+ // Toolbox may has dataZoom injected. And if there are stacked bar chart
+ // with NaN data, NaN will be filtered and stack will be wrong.
+ // So we need to force the mode to be set empty.
+ // In fect, it is not a big deal that do not support filterMode-'filter'
+ // when using toolbox#dataZoom, utill tooltip#dataZoom support "single axis
+ // selection" some day, which might need "adapt to data extent on the
+ // otherAxis", which is disabled by filterMode-'empty'.
+ // But currently, stack has been fixed to based on value but not index,
+ // so this is not an issue any more.
+ // var otherAxisModel = this.getOtherAxisModel();
+ // if (dataZoomModel.get('$fromToolbox')
+ // && otherAxisModel
+ // && otherAxisModel.hasSeriesStacked
+ // ) {
+ // filterMode = 'empty';
+ // }
+
+ // TODO
+ // filterMode 'weakFilter' and 'empty' is not optimized for huge data yet.
+
+ each$20(seriesModels, function (seriesModel) {
+ var seriesData = seriesModel.getData();
+ var dataDims = seriesData.mapDimension(axisDim, true);
+
+ if (!dataDims.length) {
+ return;
+ }
+
+ if (filterMode === 'weakFilter') {
+ seriesData.filterSelf(function (dataIndex) {
+ var leftOut;
+ var rightOut;
+ var hasValue;
+ for (var i = 0; i < dataDims.length; i++) {
+ var value = seriesData.get(dataDims[i], dataIndex);
+ var thisHasValue = !isNaN(value);
+ var thisLeftOut = value < valueWindow[0];
+ var thisRightOut = value > valueWindow[1];
+ if (thisHasValue && !thisLeftOut && !thisRightOut) {
+ return true;
+ }
+ thisHasValue && (hasValue = true);
+ thisLeftOut && (leftOut = true);
+ thisRightOut && (rightOut = true);
+ }
+ // If both left out and right out, do not filter.
+ return hasValue && leftOut && rightOut;
+ });
+ }
+ else {
+ each$20(dataDims, function (dim) {
+ if (filterMode === 'empty') {
+ seriesModel.setData(
+ seriesData = seriesData.map(dim, function (value) {
+ return !isInWindow(value) ? NaN : value;
+ })
+ );
+ }
+ else {
+ var range = {};
+ range[dim] = valueWindow;
+
+ // console.time('select');
+ seriesData.selectRange(range);
+ // console.timeEnd('select');
+ }
+ });
+ }
+
+ each$20(dataDims, function (dim) {
+ seriesData.setApproximateExtent(valueWindow, dim);
+ });
+ });
+
+ function isInWindow(value) {
+ return value >= valueWindow[0] && value <= valueWindow[1];
+ }
+ }
+};
+
+function calculateDataExtent(axisProxy, axisDim, seriesModels) {
+ var dataExtent = [Infinity, -Infinity];
+
+ each$20(seriesModels, function (seriesModel) {
+ var seriesData = seriesModel.getData();
+ if (seriesData) {
+ each$20(seriesData.mapDimension(axisDim, true), function (dim) {
+ var seriesExtent = seriesData.getApproximateExtent(dim);
+ seriesExtent[0] < dataExtent[0] && (dataExtent[0] = seriesExtent[0]);
+ seriesExtent[1] > dataExtent[1] && (dataExtent[1] = seriesExtent[1]);
+ });
+ }
+ });
+
+ if (dataExtent[1] < dataExtent[0]) {
+ dataExtent = [NaN, NaN];
+ }
+
+ // It is important to get "consistent" extent when more then one axes is
+ // controlled by a `dataZoom`, otherwise those axes will not be synchronized
+ // when zooming. But it is difficult to know what is "consistent", considering
+ // axes have different type or even different meanings (For example, two
+ // time axes are used to compare data of the same date in different years).
+ // So basically dataZoom just obtains extent by series.data (in category axis
+ // extent can be obtained from axis.data).
+ // Nevertheless, user can set min/max/scale on axes to make extent of axes
+ // consistent.
+ fixExtentByAxis(axisProxy, dataExtent);
+
+ return dataExtent;
+}
+
+function fixExtentByAxis(axisProxy, dataExtent) {
+ var axisModel = axisProxy.getAxisModel();
+ var min = axisModel.getMin(true);
+
+ // For category axis, if min/max/scale are not set, extent is determined
+ // by axis.data by default.
+ var isCategoryAxis = axisModel.get('type') === 'category';
+ var axisDataLen = isCategoryAxis && axisModel.getCategories().length;
+
+ if (min != null && min !== 'dataMin' && typeof min !== 'function') {
+ dataExtent[0] = min;
+ }
+ else if (isCategoryAxis) {
+ dataExtent[0] = axisDataLen > 0 ? 0 : NaN;
+ }
+
+ var max = axisModel.getMax(true);
+ if (max != null && max !== 'dataMax' && typeof max !== 'function') {
+ dataExtent[1] = max;
+ }
+ else if (isCategoryAxis) {
+ dataExtent[1] = axisDataLen > 0 ? axisDataLen - 1 : NaN;
+ }
+
+ if (!axisModel.get('scale', true)) {
+ dataExtent[0] > 0 && (dataExtent[0] = 0);
+ dataExtent[1] < 0 && (dataExtent[1] = 0);
+ }
+
+ // For value axis, if min/max/scale are not set, we just use the extent obtained
+ // by series data, which may be a little different from the extent calculated by
+ // `axisHelper.getScaleExtent`. But the different just affects the experience a
+ // little when zooming. So it will not be fixed until some users require it strongly.
+
+ return dataExtent;
+}
+
+function setAxisModel(axisProxy, isRestore) {
+ var axisModel = axisProxy.getAxisModel();
+
+ var percentWindow = axisProxy._percentWindow;
+ var valueWindow = axisProxy._valueWindow;
+
+ if (!percentWindow) {
+ return;
+ }
+
+ // [0, 500]: arbitrary value, guess axis extent.
+ var precision = getPixelPrecision(valueWindow, [0, 500]);
+ precision = Math.min(precision, 20);
+ // isRestore or isFull
+ var useOrigin = isRestore || (percentWindow[0] === 0 && percentWindow[1] === 100);
+
+ axisModel.setRange(
+ useOrigin ? null : +valueWindow[0].toFixed(precision),
+ useOrigin ? null : +valueWindow[1].toFixed(precision)
+ );
+}
+
+function setMinMaxSpan(axisProxy) {
+ var minMaxSpan = axisProxy._minMaxSpan = {};
+ var dataZoomModel = axisProxy._dataZoomModel;
+ var dataExtent = axisProxy._dataExtent;
+
+ each$20(['min', 'max'], function (minMax) {
+ var percentSpan = dataZoomModel.get(minMax + 'Span');
+ var valueSpan = dataZoomModel.get(minMax + 'ValueSpan');
+ valueSpan != null && (valueSpan = axisProxy.getAxisModel().axis.scale.parse(valueSpan));
+
+ // minValueSpan and maxValueSpan has higher priority than minSpan and maxSpan
+ if (valueSpan != null) {
+ percentSpan = linearMap(
+ dataExtent[0] + valueSpan, dataExtent, [0, 100], true
+ );
+ }
+ else if (percentSpan != null) {
+ valueSpan = linearMap(
+ percentSpan, [0, 100], dataExtent, true
+ ) - dataExtent[0];
+ }
+
+ minMaxSpan[minMax + 'Span'] = percentSpan;
+ minMaxSpan[minMax + 'ValueSpan'] = valueSpan;
+ });
+}
+
+/*
+* 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.
+*/
+
+var each$19 = each$1;
+var eachAxisDim = eachAxisDim$1;
+
+var DataZoomModel = extendComponentModel({
+
+ type: 'dataZoom',
+
+ dependencies: [
+ 'xAxis', 'yAxis', 'zAxis', 'radiusAxis', 'angleAxis', 'singleAxis', 'series'
+ ],
+
+ /**
+ * @protected
+ */
+ defaultOption: {
+ zlevel: 0,
+ z: 4, // Higher than normal component (z: 2).
+ orient: null, // Default auto by axisIndex. Possible value: 'horizontal', 'vertical'.
+ xAxisIndex: null, // Default the first horizontal category axis.
+ yAxisIndex: null, // Default the first vertical category axis.
+
+ filterMode: 'filter', // Possible values: 'filter' or 'empty' or 'weakFilter'.
+ // 'filter': data items which are out of window will be removed. This option is
+ // applicable when filtering outliers. For each data item, it will be
+ // filtered if one of the relevant dimensions is out of the window.
+ // 'weakFilter': data items which are out of window will be removed. This option
+ // is applicable when filtering outliers. For each data item, it will be
+ // filtered only if all of the relevant dimensions are out of the same
+ // side of the window.
+ // 'empty': data items which are out of window will be set to empty.
+ // This option is applicable when user should not neglect
+ // that there are some data items out of window.
+ // 'none': Do not filter.
+ // Taking line chart as an example, line will be broken in
+ // the filtered points when filterModel is set to 'empty', but
+ // be connected when set to 'filter'.
+
+ throttle: null, // Dispatch action by the fixed rate, avoid frequency.
+ // default 100. Do not throttle when use null/undefined.
+ // If animation === true and animationDurationUpdate > 0,
+ // default value is 100, otherwise 20.
+ start: 0, // Start percent. 0 ~ 100
+ end: 100, // End percent. 0 ~ 100
+ startValue: null, // Start value. If startValue specified, start is ignored.
+ endValue: null, // End value. If endValue specified, end is ignored.
+ minSpan: null, // 0 ~ 100
+ maxSpan: null, // 0 ~ 100
+ minValueSpan: null, // The range of dataZoom can not be smaller than that.
+ maxValueSpan: null, // The range of dataZoom can not be larger than that.
+ rangeMode: null // Array, can be 'value' or 'percent'.
+ },
+
+ /**
+ * @override
+ */
+ init: function (option, parentModel, ecModel) {
+
+ /**
+ * key like x_0, y_1
+ * @private
+ * @type {Object}
+ */
+ this._dataIntervalByAxis = {};
+
+ /**
+ * @private
+ */
+ this._dataInfo = {};
+
+ /**
+ * key like x_0, y_1
+ * @private
+ */
+ this._axisProxies = {};
+
+ /**
+ * @readOnly
+ */
+ this.textStyleModel;
+
+ /**
+ * @private
+ */
+ this._autoThrottle = true;
+
+ /**
+ * It is `[rangeModeForMin, rangeModeForMax]`.
+ * The optional values for `rangeMode`:
+ * + `'value'` mode: the axis extent will always be determined by
+ * `dataZoom.startValue` and `dataZoom.endValue`, despite
+ * how data like and how `axis.min` and `axis.max` are.
+ * + `'percent'` mode: `100` represents 100% of the `[dMin, dMax]`,
+ * where `dMin` is `axis.min` if `axis.min` specified, otherwise `data.extent[0]`,
+ * and `dMax` is `axis.max` if `axis.max` specified, otherwise `data.extent[1]`.
+ * Axis extent will be determined by the result of the percent of `[dMin, dMax]`.
+ *
+ * For example, when users are using dynamic data (update data periodically via `setOption`),
+ * if in `'value`' mode, the window will be kept in a fixed value range despite how
+ * data are appended, while if in `'percent'` mode, whe window range will be changed alone with
+ * the appended data (suppose `axis.min` and `axis.max` are not specified).
+ *
+ * @private
+ */
+ this._rangePropMode = ['percent', 'percent'];
+
+ var inputRawOption = retrieveRawOption(option);
+
+ /**
+ * Suppose a "main process" start at the point that model prepared (that is,
+ * model initialized or merged or method called in `action`).
+ * We should keep the `main process` idempotent, that is, given a set of values
+ * on `option`, we get the same result.
+ *
+ * But sometimes, values on `option` will be updated for providing users
+ * a "final calculated value" (`dataZoomProcessor` will do that). Those value
+ * should not be the base/input of the `main process`.
+ *
+ * So in that case we should save and keep the input of the `main process`
+ * separately, called `settledOption`.
+ *
+ * For example, consider the case:
+ * (Step_1) brush zoom the grid by `toolbox.dataZoom`,
+ * where the original input `option.startValue`, `option.endValue` are earsed by
+ * calculated value.
+ * (Step)2) click the legend to hide and show a series,
+ * where the new range is calculated by the earsed `startValue` and `endValue`,
+ * which brings incorrect result.
+ *
+ * @readOnly
+ */
+ this.settledOption = inputRawOption;
+
+ this.mergeDefaultAndTheme(option, ecModel);
+
+ this.doInit(inputRawOption);
+ },
+
+ /**
+ * @override
+ */
+ mergeOption: function (newOption) {
+ var inputRawOption = retrieveRawOption(newOption);
+
+ //FIX #2591
+ merge(this.option, newOption, true);
+ merge(this.settledOption, inputRawOption, true);
+
+ this.doInit(inputRawOption);
+ },
+
+ /**
+ * @protected
+ */
+ doInit: function (inputRawOption) {
+ var thisOption = this.option;
+
+ // Disable realtime view update if canvas is not supported.
+ if (!env$1.canvasSupported) {
+ thisOption.realtime = false;
+ }
+
+ this._setDefaultThrottle(inputRawOption);
+
+ updateRangeUse(this, inputRawOption);
+
+ var settledOption = this.settledOption;
+ each$19([['start', 'startValue'], ['end', 'endValue']], function (names, index) {
+ // start/end has higher priority over startValue/endValue if they
+ // both set, but we should make chart.setOption({endValue: 1000})
+ // effective, rather than chart.setOption({endValue: 1000, end: null}).
+ if (this._rangePropMode[index] === 'value') {
+ thisOption[names[0]] = settledOption[names[0]] = null;
+ }
+ // Otherwise do nothing and use the merge result.
+ }, this);
+
+ this.textStyleModel = this.getModel('textStyle');
+
+ this._resetTarget();
+
+ this._giveAxisProxies();
+ },
+
+ /**
+ * @private
+ */
+ _giveAxisProxies: function () {
+ var axisProxies = this._axisProxies;
+
+ this.eachTargetAxis(function (dimNames, axisIndex, dataZoomModel, ecModel) {
+ var axisModel = this.dependentModels[dimNames.axis][axisIndex];
+
+ // If exists, share axisProxy with other dataZoomModels.
+ var axisProxy = axisModel.__dzAxisProxy || (
+ // Use the first dataZoomModel as the main model of axisProxy.
+ axisModel.__dzAxisProxy = new AxisProxy(
+ dimNames.name, axisIndex, this, ecModel
+ )
+ );
+ // FIXME
+ // dispose __dzAxisProxy
+
+ axisProxies[dimNames.name + '_' + axisIndex] = axisProxy;
+ }, this);
+ },
+
+ /**
+ * @private
+ */
+ _resetTarget: function () {
+ var thisOption = this.option;
+
+ var autoMode = this._judgeAutoMode();
+
+ eachAxisDim(function (dimNames) {
+ var axisIndexName = dimNames.axisIndex;
+ thisOption[axisIndexName] = normalizeToArray(
+ thisOption[axisIndexName]
+ );
+ }, this);
+
+ if (autoMode === 'axisIndex') {
+ this._autoSetAxisIndex();
+ }
+ else if (autoMode === 'orient') {
+ this._autoSetOrient();
+ }
+ },
+
+ /**
+ * @private
+ */
+ _judgeAutoMode: function () {
+ // Auto set only works for setOption at the first time.
+ // The following is user's reponsibility. So using merged
+ // option is OK.
+ var thisOption = this.option;
+
+ var hasIndexSpecified = false;
+ eachAxisDim(function (dimNames) {
+ // When user set axisIndex as a empty array, we think that user specify axisIndex
+ // but do not want use auto mode. Because empty array may be encountered when
+ // some error occured.
+ if (thisOption[dimNames.axisIndex] != null) {
+ hasIndexSpecified = true;
+ }
+ }, this);
+
+ var orient = thisOption.orient;
+
+ if (orient == null && hasIndexSpecified) {
+ return 'orient';
+ }
+ else if (!hasIndexSpecified) {
+ if (orient == null) {
+ thisOption.orient = 'horizontal';
+ }
+ return 'axisIndex';
+ }
+ },
+
+ /**
+ * @private
+ */
+ _autoSetAxisIndex: function () {
+ var autoAxisIndex = true;
+ var orient = this.get('orient', true);
+ var thisOption = this.option;
+ var dependentModels = this.dependentModels;
+
+ if (autoAxisIndex) {
+ // Find axis that parallel to dataZoom as default.
+ var dimName = orient === 'vertical' ? 'y' : 'x';
+
+ if (dependentModels[dimName + 'Axis'].length) {
+ thisOption[dimName + 'AxisIndex'] = [0];
+ autoAxisIndex = false;
+ }
+ else {
+ each$19(dependentModels.singleAxis, function (singleAxisModel) {
+ if (autoAxisIndex && singleAxisModel.get('orient', true) === orient) {
+ thisOption.singleAxisIndex = [singleAxisModel.componentIndex];
+ autoAxisIndex = false;
+ }
+ });
+ }
+ }
+
+ if (autoAxisIndex) {
+ // Find the first category axis as default. (consider polar)
+ eachAxisDim(function (dimNames) {
+ if (!autoAxisIndex) {
+ return;
+ }
+ var axisIndices = [];
+ var axisModels = this.dependentModels[dimNames.axis];
+ if (axisModels.length && !axisIndices.length) {
+ for (var i = 0, len = axisModels.length; i < len; i++) {
+ if (axisModels[i].get('type') === 'category') {
+ axisIndices.push(i);
+ }
+ }
+ }
+ thisOption[dimNames.axisIndex] = axisIndices;
+ if (axisIndices.length) {
+ autoAxisIndex = false;
+ }
+ }, this);
+ }
+
+ if (autoAxisIndex) {
+ // FIXME
+ // 杩欓噷鏄吋瀹筫c2鐨勫啓娉曪紙娌℃寚瀹歺AxisIndex鍜寉AxisIndex鏃舵妸scatter鍜屽弻鏁板�艰酱鎶樻煴绾冲叆dataZoom鎺у埗锛夛紝
+ // 浣嗘槸瀹為檯鏄惁闇�瑕丟rid.js#getScaleByOption鏉ュ垽鏂紙鑰冭檻time锛宭og绛塧xis type锛夛紵
+
+ // If both dataZoom.xAxisIndex and dataZoom.yAxisIndex is not specified,
+ // dataZoom component auto adopts series that reference to
+ // both xAxis and yAxis which type is 'value'.
+ this.ecModel.eachSeries(function (seriesModel) {
+ if (this._isSeriesHasAllAxesTypeOf(seriesModel, 'value')) {
+ eachAxisDim(function (dimNames) {
+ var axisIndices = thisOption[dimNames.axisIndex];
+
+ var axisIndex = seriesModel.get(dimNames.axisIndex);
+ var axisId = seriesModel.get(dimNames.axisId);
+
+ var axisModel = seriesModel.ecModel.queryComponents({
+ mainType: dimNames.axis,
+ index: axisIndex,
+ id: axisId
+ })[0];
+
+ if (__DEV__) {
+ if (!axisModel) {
+ throw new Error(
+ dimNames.axis + ' "' + retrieve(
+ axisIndex,
+ axisId,
+ 0
+ ) + '" not found'
+ );
+ }
+ }
+ axisIndex = axisModel.componentIndex;
+
+ if (indexOf(axisIndices, axisIndex) < 0) {
+ axisIndices.push(axisIndex);
+ }
+ });
+ }
+ }, this);
+ }
+ },
+
+ /**
+ * @private
+ */
+ _autoSetOrient: function () {
+ var dim;
+
+ // Find the first axis
+ this.eachTargetAxis(function (dimNames) {
+ !dim && (dim = dimNames.name);
+ }, this);
+
+ this.option.orient = dim === 'y' ? 'vertical' : 'horizontal';
+ },
+
+ /**
+ * @private
+ */
+ _isSeriesHasAllAxesTypeOf: function (seriesModel, axisType) {
+ // FIXME
+ // 闇�瑕乻eries鐨剎AxisIndex鍜寉AxisIndex閮介鍏堣嚜鍔ㄨ缃笂銆�
+ // 渚嬪series.type === scatter鏃躲��
+
+ var is = true;
+ eachAxisDim(function (dimNames) {
+ var seriesAxisIndex = seriesModel.get(dimNames.axisIndex);
+ var axisModel = this.dependentModels[dimNames.axis][seriesAxisIndex];
+
+ if (!axisModel || axisModel.get('type') !== axisType) {
+ is = false;
+ }
+ }, this);
+ return is;
+ },
+
+ /**
+ * @private
+ */
+ _setDefaultThrottle: function (inputRawOption) {
+ // When first time user set throttle, auto throttle ends.
+ if (inputRawOption.hasOwnProperty('throttle')) {
+ this._autoThrottle = false;
+ }
+ if (this._autoThrottle) {
+ var globalOption = this.ecModel.option;
+ this.option.throttle = (
+ globalOption.animation && globalOption.animationDurationUpdate > 0
+ ) ? 100 : 20;
+ }
+ },
+
+ /**
+ * @public
+ */
+ getFirstTargetAxisModel: function () {
+ var firstAxisModel;
+ eachAxisDim(function (dimNames) {
+ if (firstAxisModel == null) {
+ var indices = this.get(dimNames.axisIndex);
+ if (indices.length) {
+ firstAxisModel = this.dependentModels[dimNames.axis][indices[0]];
+ }
+ }
+ }, this);
+
+ return firstAxisModel;
+ },
+
+ /**
+ * @public
+ * @param {Function} callback param: axisModel, dimNames, axisIndex, dataZoomModel, ecModel
+ */
+ eachTargetAxis: function (callback, context) {
+ var ecModel = this.ecModel;
+ eachAxisDim(function (dimNames) {
+ each$19(
+ this.get(dimNames.axisIndex),
+ function (axisIndex) {
+ callback.call(context, dimNames, axisIndex, this, ecModel);
+ },
+ this
+ );
+ }, this);
+ },
+
+ /**
+ * @param {string} dimName
+ * @param {number} axisIndex
+ * @return {module:echarts/component/dataZoom/AxisProxy} If not found, return null/undefined.
+ */
+ getAxisProxy: function (dimName, axisIndex) {
+ return this._axisProxies[dimName + '_' + axisIndex];
+ },
+
+ /**
+ * @param {string} dimName
+ * @param {number} axisIndex
+ * @return {module:echarts/model/Model} If not found, return null/undefined.
+ */
+ getAxisModel: function (dimName, axisIndex) {
+ var axisProxy = this.getAxisProxy(dimName, axisIndex);
+ return axisProxy && axisProxy.getAxisModel();
+ },
+
+ /**
+ * If not specified, set to undefined.
+ *
+ * @public
+ * @param {Object} opt
+ * @param {number} [opt.start]
+ * @param {number} [opt.end]
+ * @param {number} [opt.startValue]
+ * @param {number} [opt.endValue]
+ */
+ setRawRange: function (opt) {
+ var thisOption = this.option;
+ var settledOption = this.settledOption;
+ each$19([['start', 'startValue'], ['end', 'endValue']], function (names) {
+ // Consider the pair <start, startValue>:
+ // If one has value and the other one is `null/undefined`, we both set them
+ // to `settledOption`. This strategy enables the feature to clear the original
+ // value in `settledOption` to `null/undefined`.
+ // But if both of them are `null/undefined`, we do not set them to `settledOption`
+ // and keep `settledOption` with the original value. This strategy enables users to
+ // only set <end or endValue> but not set <start or startValue> when calling
+ // `dispatchAction`.
+ // The pair <end, endValue> is treated in the same way.
+ if (opt[names[0]] != null || opt[names[1]] != null) {
+ thisOption[names[0]] = settledOption[names[0]] = opt[names[0]];
+ thisOption[names[1]] = settledOption[names[1]] = opt[names[1]];
+ }
+ }, this);
+
+ updateRangeUse(this, opt);
+ },
+
+ /**
+ * @public
+ * @param {Object} opt
+ * @param {number} [opt.start]
+ * @param {number} [opt.end]
+ * @param {number} [opt.startValue]
+ * @param {number} [opt.endValue]
+ */
+ setCalculatedRange: function (opt) {
+ var option = this.option;
+ each$19(['start', 'startValue', 'end', 'endValue'], function (name) {
+ option[name] = opt[name];
+ });
+ },
+
+ /**
+ * @public
+ * @return {Array.<number>} [startPercent, endPercent]
+ */
+ getPercentRange: function () {
+ var axisProxy = this.findRepresentativeAxisProxy();
+ if (axisProxy) {
+ return axisProxy.getDataPercentWindow();
+ }
+ },
+
+ /**
+ * @public
+ * For example, chart.getModel().getComponent('dataZoom').getValueRange('y', 0);
+ *
+ * @param {string} [axisDimName]
+ * @param {number} [axisIndex]
+ * @return {Array.<number>} [startValue, endValue] value can only be '-' or finite number.
+ */
+ getValueRange: function (axisDimName, axisIndex) {
+ if (axisDimName == null && axisIndex == null) {
+ var axisProxy = this.findRepresentativeAxisProxy();
+ if (axisProxy) {
+ return axisProxy.getDataValueWindow();
+ }
+ }
+ else {
+ return this.getAxisProxy(axisDimName, axisIndex).getDataValueWindow();
+ }
+ },
+
+ /**
+ * @public
+ * @param {module:echarts/model/Model} [axisModel] If axisModel given, find axisProxy
+ * corresponding to the axisModel
+ * @return {module:echarts/component/dataZoom/AxisProxy}
+ */
+ findRepresentativeAxisProxy: function (axisModel) {
+ if (axisModel) {
+ return axisModel.__dzAxisProxy;
+ }
+
+ // Find the first hosted axisProxy
+ var axisProxies = this._axisProxies;
+ for (var key in axisProxies) {
+ if (axisProxies.hasOwnProperty(key) && axisProxies[key].hostedBy(this)) {
+ return axisProxies[key];
+ }
+ }
+
+ // If no hosted axis find not hosted axisProxy.
+ // Consider this case: dataZoomModel1 and dataZoomModel2 control the same axis,
+ // and the option.start or option.end settings are different. The percentRange
+ // should follow axisProxy.
+ // (We encounter this problem in toolbox data zoom.)
+ for (var key in axisProxies) {
+ if (axisProxies.hasOwnProperty(key) && !axisProxies[key].hostedBy(this)) {
+ return axisProxies[key];
+ }
+ }
+ },
+
+ /**
+ * @return {Array.<string>}
+ */
+ getRangePropMode: function () {
+ return this._rangePropMode.slice();
+ }
+
+});
+
+/**
+ * Retrieve the those raw params from option, which will be cached separately.
+ * becasue they will be overwritten by normalized/calculated values in the main
+ * process.
+ */
+function retrieveRawOption(option) {
+ var ret = {};
+ each$19(
+ ['start', 'end', 'startValue', 'endValue', 'throttle'],
+ function (name) {
+ option.hasOwnProperty(name) && (ret[name] = option[name]);
+ }
+ );
+ return ret;
+}
+
+function updateRangeUse(dataZoomModel, inputRawOption) {
+ var rangePropMode = dataZoomModel._rangePropMode;
+ var rangeModeInOption = dataZoomModel.get('rangeMode');
+
+ each$19([['start', 'startValue'], ['end', 'endValue']], function (names, index) {
+ var percentSpecified = inputRawOption[names[0]] != null;
+ var valueSpecified = inputRawOption[names[1]] != null;
+ if (percentSpecified && !valueSpecified) {
+ rangePropMode[index] = 'percent';
+ }
+ else if (!percentSpecified && valueSpecified) {
+ rangePropMode[index] = 'value';
+ }
+ else if (rangeModeInOption) {
+ rangePropMode[index] = rangeModeInOption[index];
+ }
+ else if (percentSpecified) { // percentSpecified && valueSpecified
+ rangePropMode[index] = 'percent';
+ }
+ // else remain its original setting.
+ });
+}
+
+/*
+* 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.
+*/
+
+var DataZoomView = Component$1.extend({
+
+ type: 'dataZoom',
+
+ render: function (dataZoomModel, ecModel, api, payload) {
+ this.dataZoomModel = dataZoomModel;
+ this.ecModel = ecModel;
+ this.api = api;
+ },
+
+ /**
+ * Find the first target coordinate system.
+ *
+ * @protected
+ * @return {Object} {
+ * grid: [
+ * {model: coord0, axisModels: [axis1, axis3], coordIndex: 1},
+ * {model: coord1, axisModels: [axis0, axis2], coordIndex: 0},
+ * ...
+ * ], // cartesians must not be null/undefined.
+ * polar: [
+ * {model: coord0, axisModels: [axis4], coordIndex: 0},
+ * ...
+ * ], // polars must not be null/undefined.
+ * singleAxis: [
+ * {model: coord0, axisModels: [], coordIndex: 0}
+ * ]
+ */
+ getTargetCoordInfo: function () {
+ var dataZoomModel = this.dataZoomModel;
+ var ecModel = this.ecModel;
+ var coordSysLists = {};
+
+ dataZoomModel.eachTargetAxis(function (dimNames, axisIndex) {
+ var axisModel = ecModel.getComponent(dimNames.axis, axisIndex);
+ if (axisModel) {
+ var coordModel = axisModel.getCoordSysModel();
+ coordModel && save(
+ coordModel,
+ axisModel,
+ coordSysLists[coordModel.mainType] || (coordSysLists[coordModel.mainType] = []),
+ coordModel.componentIndex
+ );
+ }
+ }, this);
+
+ function save(coordModel, axisModel, store, coordIndex) {
+ var item;
+ for (var i = 0; i < store.length; i++) {
+ if (store[i].model === coordModel) {
+ item = store[i];
+ break;
+ }
+ }
+ if (!item) {
+ store.push(item = {
+ model: coordModel, axisModels: [], coordIndex: coordIndex
+ });
+ }
+ item.axisModels.push(axisModel);
+ }
+
+ return coordSysLists;
+ }
+
+});
+
+/*
+* 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.
+*/
+
+DataZoomModel.extend({
+ type: 'dataZoom.select'
+});
+
+/*
+* 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.
+*/
+
+DataZoomView.extend({
+ type: 'dataZoom.select'
+});
+
+/*
+* 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.
+*/
+
+registerProcessor({
+
+ // `dataZoomProcessor` will only be performed in needed series. Consider if
+ // there is a line series and a pie series, it is better not to update the
+ // line series if only pie series is needed to be updated.
+ getTargetSeries: function (ecModel) {
+ var seriesModelMap = createHashMap();
+
+ ecModel.eachComponent('dataZoom', function (dataZoomModel) {
+ dataZoomModel.eachTargetAxis(function (dimNames, axisIndex, dataZoomModel) {
+ var axisProxy = dataZoomModel.getAxisProxy(dimNames.name, axisIndex);
+ each$1(axisProxy.getTargetSeriesModels(), function (seriesModel) {
+ seriesModelMap.set(seriesModel.uid, seriesModel);
+ });
+ });
+ });
+
+ return seriesModelMap;
+ },
+
+ modifyOutputEnd: true,
+
+ // Consider appendData, where filter should be performed. Because data process is
+ // in block mode currently, it is not need to worry about that the overallProgress
+ // execute every frame.
+ overallReset: function (ecModel, api) {
+
+ ecModel.eachComponent('dataZoom', function (dataZoomModel) {
+ // We calculate window and reset axis here but not in model
+ // init stage and not after action dispatch handler, because
+ // reset should be called after seriesData.restoreData.
+ dataZoomModel.eachTargetAxis(function (dimNames, axisIndex, dataZoomModel) {
+ dataZoomModel.getAxisProxy(dimNames.name, axisIndex).reset(dataZoomModel, api);
+ });
+
+ // Caution: data zoom filtering is order sensitive when using
+ // percent range and no min/max/scale set on axis.
+ // For example, we have dataZoom definition:
+ // [
+ // {xAxisIndex: 0, start: 30, end: 70},
+ // {yAxisIndex: 0, start: 20, end: 80}
+ // ]
+ // In this case, [20, 80] of y-dataZoom should be based on data
+ // that have filtered by x-dataZoom using range of [30, 70],
+ // but should not be based on full raw data. Thus sliding
+ // x-dataZoom will change both ranges of xAxis and yAxis,
+ // while sliding y-dataZoom will only change the range of yAxis.
+ // So we should filter x-axis after reset x-axis immediately,
+ // and then reset y-axis and filter y-axis.
+ dataZoomModel.eachTargetAxis(function (dimNames, axisIndex, dataZoomModel) {
+ dataZoomModel.getAxisProxy(dimNames.name, axisIndex).filterData(dataZoomModel, api);
+ });
+ });
+
+ ecModel.eachComponent('dataZoom', function (dataZoomModel) {
+ // Fullfill all of the range props so that user
+ // is able to get them from chart.getOption().
+ var axisProxy = dataZoomModel.findRepresentativeAxisProxy();
+ var percentRange = axisProxy.getDataPercentWindow();
+ var valueRange = axisProxy.getDataValueWindow();
+
+ dataZoomModel.setCalculatedRange({
+ start: percentRange[0],
+ end: percentRange[1],
+ startValue: valueRange[0],
+ endValue: valueRange[1]
+ });
+ });
+ }
+});
+
+/*
+* 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.
+*/
+
+registerAction('dataZoom', function (payload, ecModel) {
+
+ var linkedNodesFinder = createLinkedNodesFinder(
+ bind(ecModel.eachComponent, ecModel, 'dataZoom'),
+ eachAxisDim$1,
+ function (model, dimNames) {
+ return model.get(dimNames.axisIndex);
+ }
+ );
+
+ var effectedModels = [];
+
+ ecModel.eachComponent(
+ {mainType: 'dataZoom', query: payload},
+ function (model, index) {
+ effectedModels.push.apply(
+ effectedModels, linkedNodesFinder(model).nodes
+ );
+ }
+ );
+
+ each$1(effectedModels, function (dataZoomModel, index) {
+ dataZoomModel.setRawRange({
+ start: payload.start,
+ end: payload.end,
+ startValue: payload.startValue,
+ endValue: payload.endValue
+ });
+ });
+
+});
+
+/*
+* 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.
+*/
+
+/**
+ * Only work for toolbox dataZoom. User
+ * MUST NOT import this module directly.
+ */
+
+/*
+* 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.
+*/
+
+// Use dataZoomSelect
+var dataZoomLang = lang.toolbox.dataZoom;
+var each$16 = each$1;
+
+// Spectial component id start with \0ec\0, see echarts/model/Global.js~hasInnerId
+var DATA_ZOOM_ID_BASE = '\0_ec_\0toolbox-dataZoom_';
+
+function DataZoom(model, ecModel, api) {
+
+ /**
+ * @private
+ * @type {module:echarts/component/helper/BrushController}
+ */
+ (this._brushController = new BrushController(api.getZr()))
+ .on('brush', bind(this._onBrush, this))
+ .mount();
+
+ /**
+ * @private
+ * @type {boolean}
+ */
+ this._isZoomActive;
+}
+
+DataZoom.defaultOption = {
+ show: true,
+ filterMode: 'filter',
+ // Icon group
+ 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'
+ },
+ // `zoom`, `back`
+ title: clone(dataZoomLang.title)
+};
+
+var proto$4 = DataZoom.prototype;
+
+proto$4.render = function (featureModel, ecModel, api, payload) {
+ this.model = featureModel;
+ this.ecModel = ecModel;
+ this.api = api;
+
+ updateZoomBtnStatus(featureModel, ecModel, this, payload, api);
+ updateBackBtnStatus(featureModel, ecModel);
+};
+
+proto$4.onclick = function (ecModel, api, type) {
+ handlers$1[type].call(this);
+};
+
+proto$4.remove = function (ecModel, api) {
+ this._brushController.unmount();
+};
+
+proto$4.dispose = function (ecModel, api) {
+ this._brushController.dispose();
+};
+
+/**
+ * @private
+ */
+var handlers$1 = {
+
+ zoom: function () {
+ var nextActive = !this._isZoomActive;
+
+ this.api.dispatchAction({
+ type: 'takeGlobalCursor',
+ key: 'dataZoomSelect',
+ dataZoomSelectActive: nextActive
+ });
+ },
+
+ back: function () {
+ this._dispatchZoomAction(pop(this.ecModel));
+ }
+};
+
+/**
+ * @private
+ */
+proto$4._onBrush = function (areas, opt) {
+ if (!opt.isEnd || !areas.length) {
+ return;
+ }
+ var snapshot = {};
+ var ecModel = this.ecModel;
+
+ this._brushController.updateCovers([]); // remove cover
+
+ var brushTargetManager = new BrushTargetManager(
+ retrieveAxisSetting(this.model.option), ecModel, {include: ['grid']}
+ );
+ brushTargetManager.matchOutputRanges(areas, ecModel, function (area, coordRange, coordSys) {
+ if (coordSys.type !== 'cartesian2d') {
+ return;
+ }
+
+ var brushType = area.brushType;
+ if (brushType === 'rect') {
+ setBatch('x', coordSys, coordRange[0]);
+ setBatch('y', coordSys, coordRange[1]);
+ }
+ else {
+ setBatch(({lineX: 'x', lineY: 'y'})[brushType], coordSys, coordRange);
+ }
+ });
+
+ push(ecModel, snapshot);
+
+ this._dispatchZoomAction(snapshot);
+
+ function setBatch(dimName, coordSys, minMax) {
+ var axis = coordSys.getAxis(dimName);
+ var axisModel = axis.model;
+ var dataZoomModel = findDataZoom(dimName, axisModel, ecModel);
+
+ // Restrict range.
+ var minMaxSpan = dataZoomModel.findRepresentativeAxisProxy(axisModel).getMinMaxSpan();
+ if (minMaxSpan.minValueSpan != null || minMaxSpan.maxValueSpan != null) {
+ minMax = sliderMove(
+ 0, minMax.slice(), axis.scale.getExtent(), 0,
+ minMaxSpan.minValueSpan, minMaxSpan.maxValueSpan
+ );
+ }
+
+ dataZoomModel && (snapshot[dataZoomModel.id] = {
+ dataZoomId: dataZoomModel.id,
+ startValue: minMax[0],
+ endValue: minMax[1]
+ });
+ }
+
+ function findDataZoom(dimName, axisModel, ecModel) {
+ var found;
+ ecModel.eachComponent({mainType: 'dataZoom', subType: 'select'}, function (dzModel) {
+ var has = dzModel.getAxisModel(dimName, axisModel.componentIndex);
+ has && (found = dzModel);
+ });
+ return found;
+ }
+};
+
+/**
+ * @private
+ */
+proto$4._dispatchZoomAction = function (snapshot) {
+ var batch = [];
+
+ // Convert from hash map to array.
+ each$16(snapshot, function (batchItem, dataZoomId) {
+ batch.push(clone(batchItem));
+ });
+
+ batch.length && this.api.dispatchAction({
+ type: 'dataZoom',
+ from: this.uid,
+ batch: batch
+ });
+};
+
+function retrieveAxisSetting(option) {
+ var setting = {};
+ // Compatible with previous setting: null => all axis, false => no axis.
+ each$1(['xAxisIndex', 'yAxisIndex'], function (name) {
+ setting[name] = option[name];
+ setting[name] == null && (setting[name] = 'all');
+ (setting[name] === false || setting[name] === 'none') && (setting[name] = []);
+ });
+ return setting;
+}
+
+function updateBackBtnStatus(featureModel, ecModel) {
+ featureModel.setIconStatus(
+ 'back',
+ count(ecModel) > 1 ? 'emphasis' : 'normal'
+ );
+}
+
+function updateZoomBtnStatus(featureModel, ecModel, view, payload, api) {
+ var zoomActive = view._isZoomActive;
+
+ if (payload && payload.type === 'takeGlobalCursor') {
+ zoomActive = payload.key === 'dataZoomSelect'
+ ? payload.dataZoomSelectActive : false;
+ }
+
+ view._isZoomActive = zoomActive;
+
+ featureModel.setIconStatus('zoom', zoomActive ? 'emphasis' : 'normal');
+
+ var brushTargetManager = new BrushTargetManager(
+ retrieveAxisSetting(featureModel.option), ecModel, {include: ['grid']}
+ );
+
+ view._brushController
+ .setPanels(brushTargetManager.makePanelOpts(api, function (targetInfo) {
+ return (targetInfo.xAxisDeclared && !targetInfo.yAxisDeclared)
+ ? 'lineX'
+ : (!targetInfo.xAxisDeclared && targetInfo.yAxisDeclared)
+ ? 'lineY'
+ : 'rect';
+ }))
+ .enableBrush(
+ zoomActive
+ ? {
+ brushType: 'auto',
+ brushStyle: {
+ // FIXME user customized?
+ lineWidth: 0,
+ fill: 'rgba(0,0,0,0.2)'
+ }
+ }
+ : false
+ );
+}
+
+
+register$1('dataZoom', DataZoom);
+
+
+// Create special dataZoom option for select
+// FIXME consider the case of merge option, where axes options are not exists.
+registerPreprocessor(function (option) {
+ if (!option) {
+ return;
+ }
+
+ var dataZoomOpts = option.dataZoom || (option.dataZoom = []);
+ if (!isArray(dataZoomOpts)) {
+ option.dataZoom = dataZoomOpts = [dataZoomOpts];
+ }
+
+ var toolboxOpt = option.toolbox;
+ if (toolboxOpt) {
+ // Assume there is only one toolbox
+ if (isArray(toolboxOpt)) {
+ toolboxOpt = toolboxOpt[0];
+ }
+
+ if (toolboxOpt && toolboxOpt.feature) {
+ var dataZoomOpt = toolboxOpt.feature.dataZoom;
+ // FIXME: If add dataZoom when setOption in merge mode,
+ // no axis info to be added. See `test/dataZoom-extreme.html`
+ addForAxis('xAxis', dataZoomOpt);
+ addForAxis('yAxis', dataZoomOpt);
+ }
+ }
+
+ function addForAxis(axisName, dataZoomOpt) {
+ if (!dataZoomOpt) {
+ return;
+ }
+
+ // Try not to modify model, because it is not merged yet.
+ var axisIndicesName = axisName + 'Index';
+ var givenAxisIndices = dataZoomOpt[axisIndicesName];
+ if (givenAxisIndices != null
+ && givenAxisIndices !== 'all'
+ && !isArray(givenAxisIndices)
+ ) {
+ givenAxisIndices = (givenAxisIndices === false || givenAxisIndices === 'none') ? [] : [givenAxisIndices];
+ }
+
+ forEachComponent(axisName, function (axisOpt, axisIndex) {
+ if (givenAxisIndices != null
+ && givenAxisIndices !== 'all'
+ && indexOf(givenAxisIndices, axisIndex) === -1
+ ) {
+ return;
+ }
+ var newOpt = {
+ type: 'select',
+ $fromToolbox: true,
+ // Default to be filter
+ filterMode: dataZoomOpt.filterMode || 'filter',
+ // Id for merge mapping.
+ id: DATA_ZOOM_ID_BASE + axisName + axisIndex
+ };
+ // FIXME
+ // Only support one axis now.
+ newOpt[axisIndicesName] = axisIndex;
+ dataZoomOpts.push(newOpt);
+ });
+ }
+
+ function forEachComponent(mainType, cb) {
+ var opts = option[mainType];
+ if (!isArray(opts)) {
+ opts = opts ? [opts] : [];
+ }
+ each$16(opts, cb);
+ }
+});
+
+/*
+* 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.
+*/
+
+var restoreLang = lang.toolbox.restore;
+
+function Restore(model) {
+ this.model = model;
+}
+
+Restore.defaultOption = {
+ show: true,
+ /* eslint-disable */
+ 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',
+ /* eslint-enable */
+ title: restoreLang.title
+};
+
+var proto$6 = Restore.prototype;
+
+proto$6.onclick = function (ecModel, api, type) {
+ clear$1(ecModel);
+
+ api.dispatchAction({
+ type: 'restore',
+ from: this.uid
+ });
+};
+
+register$1('restore', Restore);
+
+registerAction(
+ {type: 'restore', event: 'restore', update: 'prepareAndUpdate'},
+ function (payload, ecModel) {
+ ecModel.resetOption('recreate');
+ }
+);
+
+/*
+* 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.
+*/
+
+/*
+* 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.
+*/
+
+extendComponentModel({
+
+ type: 'tooltip',
+
+ dependencies: ['axisPointer'],
+
+ defaultOption: {
+ zlevel: 0,
+
+ z: 60,
+
+ show: true,
+
+ // tooltip涓讳綋鍐呭
+ showContent: true,
+
+ // 'trigger' only works on coordinate system.
+ // 'item' | 'axis' | 'none'
+ trigger: 'item',
+
+ // 'click' | 'mousemove' | 'none'
+ triggerOn: 'mousemove|click',
+
+ alwaysShowContent: false,
+
+ displayMode: 'single', // 'single' | 'multipleByCoordSys'
+
+ renderMode: 'auto', // 'auto' | 'html' | 'richText'
+ // 'auto': use html by default, and use non-html if `document` is not defined
+ // 'html': use html for tooltip
+ // 'richText': use canvas, svg, and etc. for tooltip
+
+ // 浣嶇疆 {Array} | {Function}
+ // position: null
+ // Consider triggered from axisPointer handle, verticalAlign should be 'middle'
+ // align: null,
+ // verticalAlign: null,
+
+ // 鏄惁绾︽潫 content 鍦� viewRect 涓�傞粯璁� false 鏄负浜嗗吋瀹逛互鍓嶇増鏈��
+ confine: false,
+
+ // 鍐呭鏍煎紡鍣細{string}锛圱emplate锛� 娄 {Function}
+ // formatter: null
+
+ showDelay: 0,
+
+ // 闅愯棌寤惰繜锛屽崟浣峬s
+ hideDelay: 100,
+
+ // 鍔ㄧ敾鍙樻崲鏃堕棿锛屽崟浣峴
+ transitionDuration: 0.4,
+
+ enterable: false,
+
+ // 鎻愮ず鑳屾櫙棰滆壊锛岄粯璁や负閫忔槑搴︿负0.7鐨勯粦鑹�
+ backgroundColor: 'rgba(50,50,50,0.7)',
+
+ // 鎻愮ず杈规棰滆壊
+ borderColor: '#333',
+
+ // 鎻愮ず杈规鍦嗚锛屽崟浣峱x锛岄粯璁や负4
+ borderRadius: 4,
+
+ // 鎻愮ず杈规绾垮锛屽崟浣峱x锛岄粯璁や负0锛堟棤杈规锛�
+ borderWidth: 0,
+
+ // 鎻愮ず鍐呰竟璺濓紝鍗曚綅px锛岄粯璁ゅ悇鏂瑰悜鍐呰竟璺濅负5锛�
+ // 鎺ュ彈鏁扮粍鍒嗗埆璁惧畾涓婂彸涓嬪乏杈硅窛锛屽悓css
+ padding: 5,
+
+ // Extra css text
+ extraCssText: '',
+
+ // 鍧愭爣杞存寚绀哄櫒锛屽潗鏍囪酱瑙﹀彂鏈夋晥
+ axisPointer: {
+ // 榛樿涓虹洿绾�
+ // 鍙�変负锛�'line' | 'shadow' | 'cross'
+ type: 'line',
+
+ // type 涓� line 鐨勬椂鍊欐湁鏁堬紝鎸囧畾 tooltip line 鎵�鍦ㄧ殑杞达紝鍙��
+ // 鍙�� 'x' | 'y' | 'angle' | 'radius' | 'auto'
+ // 榛樿 'auto'锛屼細閫夋嫨绫诲瀷涓� category 鐨勮酱锛屽浜庡弻鏁板�艰酱锛岀瑳鍗″皵鍧愭爣绯讳細榛樿閫夋嫨 x 杞�
+ // 鏋佸潗鏍囩郴浼氶粯璁ら�夋嫨 angle 杞�
+ axis: 'auto',
+
+ animation: 'auto',
+ animationDurationUpdate: 200,
+ animationEasingUpdate: 'exponentialOut',
+
+ crossStyle: {
+ color: '#999',
+ width: 1,
+ type: 'dashed',
+
+ // TODO formatter
+ textStyle: {}
+ }
+
+ // lineStyle and shadowStyle should not be specified here,
+ // otherwise it will always override those styles on option.axisPointer.
+ },
+ textStyle: {
+ color: '#fff',
+ fontSize: 14
+ }
+ }
+});
+
+/*
+* 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.
+*/
+
+var each$22 = each$1;
+var toCamelCase$1 = toCamelCase;
+
+var vendors = ['', '-webkit-', '-moz-', '-o-'];
+
+var gCssText = 'position:absolute;display:block;border-style:solid;white-space:nowrap;z-index:9999999;';
+
+/**
+ * @param {number} duration
+ * @return {string}
+ * @inner
+ */
+function assembleTransition(duration) {
+ var transitionCurve = 'cubic-bezier(0.23, 1, 0.32, 1)';
+ var transitionText = 'left ' + duration + 's ' + transitionCurve + ','
+ + 'top ' + duration + 's ' + transitionCurve;
+ return map(vendors, function (vendorPrefix) {
+ return vendorPrefix + 'transition:' + transitionText;
+ }).join(';');
+}
+
+/**
+ * @param {Object} textStyle
+ * @return {string}
+ * @inner
+ */
+function assembleFont(textStyleModel) {
+ var cssText = [];
+
+ var fontSize = textStyleModel.get('fontSize');
+ var color = textStyleModel.getTextColor();
+
+ color && cssText.push('color:' + color);
+
+ cssText.push('font:' + textStyleModel.getFont());
+
+ fontSize
+ && cssText.push('line-height:' + Math.round(fontSize * 3 / 2) + 'px');
+
+ each$22(['decoration', 'align'], function (name) {
+ var val = textStyleModel.get(name);
+ val && cssText.push('text-' + name + ':' + val);
+ });
+
+ return cssText.join(';');
+}
+
+/**
+ * @param {Object} tooltipModel
+ * @return {string}
+ * @inner
+ */
+function assembleCssText(tooltipModel) {
+
+ var cssText = [];
+
+ var transitionDuration = tooltipModel.get('transitionDuration');
+ var backgroundColor = tooltipModel.get('backgroundColor');
+ var textStyleModel = tooltipModel.getModel('textStyle');
+ var padding = tooltipModel.get('padding');
+
+ // Animation transition. Do not animate when transitionDuration is 0.
+ transitionDuration
+ && cssText.push(assembleTransition(transitionDuration));
+
+ if (backgroundColor) {
+ if (env$1.canvasSupported) {
+ cssText.push('background-Color:' + backgroundColor);
+ }
+ else {
+ // for ie
+ cssText.push(
+ 'background-Color:#' + toHex(backgroundColor)
+ );
+ cssText.push('filter:alpha(opacity=70)');
+ }
+ }
+
+ // Border style
+ each$22(['width', 'color', 'radius'], function (name) {
+ var borderName = 'border-' + name;
+ var camelCase = toCamelCase$1(borderName);
+ var val = tooltipModel.get(camelCase);
+ val != null
+ && cssText.push(borderName + ':' + val + (name === 'color' ? '' : 'px'));
+ });
+
+ // Text style
+ cssText.push(assembleFont(textStyleModel));
+
+ // Padding
+ if (padding != null) {
+ cssText.push('padding:' + normalizeCssArray$1(padding).join('px ') + 'px');
+ }
+
+ return cssText.join(';') + ';';
+}
+
+// If not able to make, do not modify the input `out`.
+function makeStyleCoord(out, zr, appendToBody, zrX, zrY) {
+ var zrPainter = zr && zr.painter;
+
+ if (appendToBody) {
+ var zrViewportRoot = zrPainter && zrPainter.getViewportRoot();
+ if (zrViewportRoot) {
+ // Some APPs might use scale on body, so we support CSS transform here.
+ transformLocalCoord(out, zrViewportRoot, document.body, zrX, zrY);
+ }
+ }
+ else {
+ out[0] = zrX;
+ out[1] = zrY;
+ // xy should be based on canvas root. But tooltipContent is
+ // the sibling of canvas root. So padding of ec container
+ // should be considered here.
+ var viewportRootOffset = zrPainter && zrPainter.getViewportRootOffset();
+ if (viewportRootOffset) {
+ out[0] += viewportRootOffset.offsetLeft;
+ out[1] += viewportRootOffset.offsetTop;
+ }
+ }
+}
+
+/**
+ * @alias module:echarts/component/tooltip/TooltipContent
+ * @param {HTMLElement} container
+ * @param {ExtensionAPI} api
+ * @param {Object} [opt]
+ * @param {boolean} [opt.appendToBody]
+ * `false`: the DOM element will be inside the container. Default value.
+ * `true`: the DOM element will be appended to HTML body, which avoid
+ * some overflow clip but intrude outside of the container.
+ * @constructor
+ */
+function TooltipContent(container, api, opt) {
+ if (env$1.wxa) {
+ return null;
+ }
+
+ var el = document.createElement('div');
+ el.domBelongToZr = true;
+ this.el = el;
+ var zr = this._zr = api.getZr();
+ var appendToBody = this._appendToBody = opt && opt.appendToBody;
+
+ this._styleCoord = [0, 0];
+
+ makeStyleCoord(this._styleCoord, zr, appendToBody, api.getWidth() / 2, api.getHeight() / 2);
+
+ if (appendToBody) {
+ document.body.appendChild(el);
+ }
+ else {
+ container.appendChild(el);
+ }
+
+ this._container = container;
+
+ this._show = false;
+
+ /**
+ * @private
+ */
+ this._hideTimeout;
+
+ // FIXME
+ // Is it needed to trigger zr event manually if
+ // the browser do not support `pointer-events: none`.
+
+ var self = this;
+ el.onmouseenter = function () {
+ // clear the timeout in hideLater and keep showing tooltip
+ if (self._enterable) {
+ clearTimeout(self._hideTimeout);
+ self._show = true;
+ }
+ self._inContent = true;
+ };
+ el.onmousemove = function (e) {
+ e = e || window.event;
+ if (!self._enterable) {
+ // `pointer-events: none` is set to tooltip content div
+ // if `enterable` is set as `false`, and `el.onmousemove`
+ // can not be triggered. But in browser that do not
+ // support `pointer-events`, we need to do this:
+ // Try trigger zrender event to avoid mouse
+ // in and out shape too frequently
+ var handler = zr.handler;
+ var zrViewportRoot = zr.painter.getViewportRoot();
+ normalizeEvent(zrViewportRoot, e, true);
+ handler.dispatch('mousemove', e);
+ }
+ };
+ el.onmouseleave = function () {
+ if (self._enterable) {
+ if (self._show) {
+ self.hideLater(self._hideDelay);
+ }
+ }
+ self._inContent = false;
+ };
+}
+
+TooltipContent.prototype = {
+
+ constructor: TooltipContent,
+
+ /**
+ * @private
+ * @type {boolean}
+ */
+ _enterable: true,
+
+ /**
+ * Update when tooltip is rendered
+ */
+ update: function () {
+ // FIXME
+ // Move this logic to ec main?
+ var container = this._container;
+ var stl = container.currentStyle
+ || document.defaultView.getComputedStyle(container);
+ var domStyle = container.style;
+ if (domStyle.position !== 'absolute' && stl.position !== 'absolute') {
+ domStyle.position = 'relative';
+ }
+ // Hide the tooltip
+ // PENDING
+ // this.hide();
+ },
+
+ show: function (tooltipModel) {
+ clearTimeout(this._hideTimeout);
+ var el = this.el;
+ var styleCoord = this._styleCoord;
+
+ el.style.cssText = gCssText + assembleCssText(tooltipModel)
+ // Because of the reason described in:
+ // http://stackoverflow.com/questions/21125587/css3-transition-not-working-in-chrome-anymore
+ // we should set initial value to `left` and `top`.
+ + ';left:' + styleCoord[0] + 'px;top:' + styleCoord[1] + 'px;'
+ + (tooltipModel.get('extraCssText') || '');
+
+ el.style.display = el.innerHTML ? 'block' : 'none';
+
+ // If mouse occsionally move over the tooltip, a mouseout event will be
+ // triggered by canvas, and cuase some unexpectable result like dragging
+ // stop, "unfocusAdjacency". Here `pointer-events: none` is used to solve
+ // it. Although it is not suppored by IE8~IE10, fortunately it is a rare
+ // scenario.
+ el.style.pointerEvents = this._enterable ? 'auto' : 'none';
+
+ this._show = true;
+ },
+
+ setContent: function (content) {
+ this.el.innerHTML = content == null ? '' : content;
+ },
+
+ setEnterable: function (enterable) {
+ this._enterable = enterable;
+ },
+
+ getSize: function () {
+ var el = this.el;
+ return [el.clientWidth, el.clientHeight];
+ },
+
+ moveTo: function (zrX, zrY) {
+ var styleCoord = this._styleCoord;
+ makeStyleCoord(styleCoord, this._zr, this._appendToBody, zrX, zrY);
+
+ var style = this.el.style;
+ style.left = styleCoord[0] + 'px';
+ style.top = styleCoord[1] + 'px';
+ },
+
+ hide: function () {
+ this.el.style.display = 'none';
+ this._show = false;
+ },
+
+ hideLater: function (time) {
+ if (this._show && !(this._inContent && this._enterable)) {
+ if (time) {
+ this._hideDelay = time;
+ // Set show false to avoid invoke hideLater mutiple times
+ this._show = false;
+ this._hideTimeout = setTimeout(bind(this.hide, this), time);
+ }
+ else {
+ this.hide();
+ }
+ }
+ },
+
+ isShow: function () {
+ return this._show;
+ },
+
+ dispose: function () {
+ this.el.parentNode.removeChild(this.el);
+ },
+
+ getOuterSize: function () {
+ var width = this.el.clientWidth;
+ var height = this.el.clientHeight;
+
+ // Consider browser compatibility.
+ // IE8 does not support getComputedStyle.
+ if (document.defaultView && document.defaultView.getComputedStyle) {
+ var stl = document.defaultView.getComputedStyle(this.el);
+ if (stl) {
+ width += parseInt(stl.borderLeftWidth, 10) + parseInt(stl.borderRightWidth, 10);
+ height += parseInt(stl.borderTopWidth, 10) + parseInt(stl.borderBottomWidth, 10);
+ }
+ }
+
+ return {width: width, height: height};
+ }
+
+};
+
+/*
+* 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.
+*/
+
+// import Group from 'zrender/src/container/Group';
+/**
+ * @alias module:echarts/component/tooltip/TooltipRichContent
+ * @constructor
+ */
+function TooltipRichContent(api) {
+
+ this._zr = api.getZr();
+
+ this._show = false;
+
+ /**
+ * @private
+ */
+ this._hideTimeout;
+}
+
+TooltipRichContent.prototype = {
+
+ constructor: TooltipRichContent,
+
+ /**
+ * @private
+ * @type {boolean}
+ */
+ _enterable: true,
+
+ /**
+ * Update when tooltip is rendered
+ */
+ update: function () {
+ // noop
+ },
+
+ show: function (tooltipModel) {
+ if (this._hideTimeout) {
+ clearTimeout(this._hideTimeout);
+ }
+
+ this.el.attr('show', true);
+ this._show = true;
+ },
+
+ /**
+ * Set tooltip content
+ *
+ * @param {string} content rich text string of content
+ * @param {Object} markerRich rich text style
+ * @param {Object} tooltipModel tooltip model
+ */
+ setContent: function (content, markerRich, tooltipModel) {
+ if (this.el) {
+ this._zr.remove(this.el);
+ }
+
+ var markers = {};
+ var text = content;
+ var prefix = '{marker';
+ var suffix = '|}';
+ var startId = text.indexOf(prefix);
+ while (startId >= 0) {
+ var endId = text.indexOf(suffix);
+ var name = text.substr(startId + prefix.length, endId - startId - prefix.length);
+ if (name.indexOf('sub') > -1) {
+ markers['marker' + name] = {
+ textWidth: 4,
+ textHeight: 4,
+ textBorderRadius: 2,
+ textBackgroundColor: markerRich[name],
+ // TODO: textOffset is not implemented for rich text
+ textOffset: [3, 0]
+ };
+ }
+ else {
+ markers['marker' + name] = {
+ textWidth: 10,
+ textHeight: 10,
+ textBorderRadius: 5,
+ textBackgroundColor: markerRich[name]
+ };
+ }
+
+ text = text.substr(endId + 1);
+ startId = text.indexOf('{marker');
+ }
+
+ this.el = new Text({
+ style: {
+ rich: markers,
+ text: content,
+ textLineHeight: 20,
+ textBackgroundColor: tooltipModel.get('backgroundColor'),
+ textBorderRadius: tooltipModel.get('borderRadius'),
+ textFill: tooltipModel.get('textStyle.color'),
+ textPadding: tooltipModel.get('padding')
+ },
+ z: tooltipModel.get('z')
+ });
+ this._zr.add(this.el);
+
+ var self = this;
+ this.el.on('mouseover', function () {
+ // clear the timeout in hideLater and keep showing tooltip
+ if (self._enterable) {
+ clearTimeout(self._hideTimeout);
+ self._show = true;
+ }
+ self._inContent = true;
+ });
+ this.el.on('mouseout', function () {
+ if (self._enterable) {
+ if (self._show) {
+ self.hideLater(self._hideDelay);
+ }
+ }
+ self._inContent = false;
+ });
+ },
+
+ setEnterable: function (enterable) {
+ this._enterable = enterable;
+ },
+
+ getSize: function () {
+ var bounding = this.el.getBoundingRect();
+ return [bounding.width, bounding.height];
+ },
+
+ moveTo: function (x, y) {
+ if (this.el) {
+ this.el.attr('position', [x, y]);
+ }
+ },
+
+ hide: function () {
+ if (this.el) {
+ this.el.hide();
+ }
+ this._show = false;
+ },
+
+ hideLater: function (time) {
+ if (this._show && !(this._inContent && this._enterable)) {
+ if (time) {
+ this._hideDelay = time;
+ // Set show false to avoid invoke hideLater mutiple times
+ this._show = false;
+ this._hideTimeout = setTimeout(bind(this.hide, this), time);
+ }
+ else {
+ this.hide();
+ }
+ }
+ },
+
+ isShow: function () {
+ return this._show;
+ },
+
+ getOuterSize: function () {
+ var size = this.getSize();
+ return {
+ width: size[0],
+ height: size[1]
+ };
+ }
+};
+
+/*
+* 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.
+*/
+
+var bind$3 = bind;
+var each$21 = each$1;
+var parsePercent$2 = parsePercent$1;
+
+var proxyRect = new Rect({
+ shape: {x: -1, y: -1, width: 2, height: 2}
+});
+
+extendComponentView({
+
+ type: 'tooltip',
+
+ init: function (ecModel, api) {
+ if (env$1.node) {
+ return;
+ }
+
+ var tooltipModel = ecModel.getComponent('tooltip');
+ var renderMode = tooltipModel.get('renderMode');
+ this._renderMode = getTooltipRenderMode(renderMode);
+
+ var tooltipContent;
+ if (this._renderMode === 'html') {
+ tooltipContent = new TooltipContent(api.getDom(), api, {
+ appendToBody: tooltipModel.get('appendToBody', true)
+ });
+ this._newLine = '<br/>';
+ }
+ else {
+ tooltipContent = new TooltipRichContent(api);
+ this._newLine = '\n';
+ }
+
+ this._tooltipContent = tooltipContent;
+ },
+
+ render: function (tooltipModel, ecModel, api) {
+ if (env$1.node) {
+ return;
+ }
+
+ // Reset
+ this.group.removeAll();
+
+ /**
+ * @private
+ * @type {module:echarts/component/tooltip/TooltipModel}
+ */
+ this._tooltipModel = tooltipModel;
+
+ /**
+ * @private
+ * @type {module:echarts/model/Global}
+ */
+ this._ecModel = ecModel;
+
+ /**
+ * @private
+ * @type {module:echarts/ExtensionAPI}
+ */
+ this._api = api;
+
+ /**
+ * Should be cleaned when render.
+ * @private
+ * @type {Array.<Array.<Object>>}
+ */
+ this._lastDataByCoordSys = null;
+
+ /**
+ * @private
+ * @type {boolean}
+ */
+ this._alwaysShowContent = tooltipModel.get('alwaysShowContent');
+
+ var tooltipContent = this._tooltipContent;
+ tooltipContent.update();
+ tooltipContent.setEnterable(tooltipModel.get('enterable'));
+
+ this._initGlobalListener();
+
+ this._keepShow();
+ },
+
+ _initGlobalListener: function () {
+ var tooltipModel = this._tooltipModel;
+ var triggerOn = tooltipModel.get('triggerOn');
+
+ register(
+ 'itemTooltip',
+ this._api,
+ bind$3(function (currTrigger, e, dispatchAction) {
+ // If 'none', it is not controlled by mouse totally.
+ if (triggerOn !== 'none') {
+ if (triggerOn.indexOf(currTrigger) >= 0) {
+ this._tryShow(e, dispatchAction);
+ }
+ else if (currTrigger === 'leave') {
+ this._hide(dispatchAction);
+ }
+ }
+ }, this)
+ );
+ },
+
+ _keepShow: function () {
+ var tooltipModel = this._tooltipModel;
+ var ecModel = this._ecModel;
+ var api = this._api;
+
+ // Try to keep the tooltip show when refreshing
+ if (this._lastX != null
+ && this._lastY != null
+ // When user is willing to control tooltip totally using API,
+ // self.manuallyShowTip({x, y}) might cause tooltip hide,
+ // which is not expected.
+ && tooltipModel.get('triggerOn') !== 'none'
+ ) {
+ var self = this;
+ clearTimeout(this._refreshUpdateTimeout);
+ this._refreshUpdateTimeout = setTimeout(function () {
+ // Show tip next tick after other charts are rendered
+ // In case highlight action has wrong result
+ // FIXME
+ !api.isDisposed() && self.manuallyShowTip(tooltipModel, ecModel, api, {
+ x: self._lastX,
+ y: self._lastY
+ });
+ });
+ }
+ },
+
+ /**
+ * Show tip manually by
+ * dispatchAction({
+ * type: 'showTip',
+ * x: 10,
+ * y: 10
+ * });
+ * Or
+ * dispatchAction({
+ * type: 'showTip',
+ * seriesIndex: 0,
+ * dataIndex or dataIndexInside or name
+ * });
+ *
+ * TODO Batch
+ */
+ manuallyShowTip: function (tooltipModel, ecModel, api, payload) {
+ if (payload.from === this.uid || env$1.node) {
+ return;
+ }
+
+ var dispatchAction = makeDispatchAction$1(payload, api);
+
+ // Reset ticket
+ this._ticket = '';
+
+ // When triggered from axisPointer.
+ var dataByCoordSys = payload.dataByCoordSys;
+
+ if (payload.tooltip && payload.x != null && payload.y != null) {
+ var el = proxyRect;
+ el.position = [payload.x, payload.y];
+ el.update();
+ el.tooltip = payload.tooltip;
+ // Manually show tooltip while view is not using zrender elements.
+ this._tryShow({
+ offsetX: payload.x,
+ offsetY: payload.y,
+ target: el
+ }, dispatchAction);
+ }
+ else if (dataByCoordSys) {
+ this._tryShow({
+ offsetX: payload.x,
+ offsetY: payload.y,
+ position: payload.position,
+ dataByCoordSys: payload.dataByCoordSys,
+ tooltipOption: payload.tooltipOption
+ }, dispatchAction);
+ }
+ else if (payload.seriesIndex != null) {
+
+ if (this._manuallyAxisShowTip(tooltipModel, ecModel, api, payload)) {
+ return;
+ }
+
+ var pointInfo = findPointFromSeries(payload, ecModel);
+ var cx = pointInfo.point[0];
+ var cy = pointInfo.point[1];
+ if (cx != null && cy != null) {
+ this._tryShow({
+ offsetX: cx,
+ offsetY: cy,
+ position: payload.position,
+ target: pointInfo.el
+ }, dispatchAction);
+ }
+ }
+ else if (payload.x != null && payload.y != null) {
+ // FIXME
+ // should wrap dispatchAction like `axisPointer/globalListener` ?
+ api.dispatchAction({
+ type: 'updateAxisPointer',
+ x: payload.x,
+ y: payload.y
+ });
+
+ this._tryShow({
+ offsetX: payload.x,
+ offsetY: payload.y,
+ position: payload.position,
+ target: api.getZr().findHover(payload.x, payload.y).target
+ }, dispatchAction);
+ }
+ },
+
+ manuallyHideTip: function (tooltipModel, ecModel, api, payload) {
+ var tooltipContent = this._tooltipContent;
+
+ if (!this._alwaysShowContent && this._tooltipModel) {
+ tooltipContent.hideLater(this._tooltipModel.get('hideDelay'));
+ }
+
+ this._lastX = this._lastY = null;
+
+ if (payload.from !== this.uid) {
+ this._hide(makeDispatchAction$1(payload, api));
+ }
+ },
+
+ // Be compatible with previous design, that is, when tooltip.type is 'axis' and
+ // dispatchAction 'showTip' with seriesIndex and dataIndex will trigger axis pointer
+ // and tooltip.
+ _manuallyAxisShowTip: function (tooltipModel, ecModel, api, payload) {
+ var seriesIndex = payload.seriesIndex;
+ var dataIndex = payload.dataIndex;
+ var coordSysAxesInfo = ecModel.getComponent('axisPointer').coordSysAxesInfo;
+
+ if (seriesIndex == null || dataIndex == null || coordSysAxesInfo == null) {
+ return;
+ }
+
+ var seriesModel = ecModel.getSeriesByIndex(seriesIndex);
+ if (!seriesModel) {
+ return;
+ }
+
+ var data = seriesModel.getData();
+ var tooltipModel = buildTooltipModel([
+ data.getItemModel(dataIndex),
+ seriesModel,
+ (seriesModel.coordinateSystem || {}).model,
+ tooltipModel
+ ]);
+
+ if (tooltipModel.get('trigger') !== 'axis') {
+ return;
+ }
+
+ api.dispatchAction({
+ type: 'updateAxisPointer',
+ seriesIndex: seriesIndex,
+ dataIndex: dataIndex,
+ position: payload.position
+ });
+
+ return true;
+ },
+
+ _tryShow: function (e, dispatchAction) {
+ var el = e.target;
+ var tooltipModel = this._tooltipModel;
+
+ if (!tooltipModel) {
+ return;
+ }
+
+ // Save mouse x, mouse y. So we can try to keep showing the tip if chart is refreshed
+ this._lastX = e.offsetX;
+ this._lastY = e.offsetY;
+
+ var dataByCoordSys = e.dataByCoordSys;
+ if (dataByCoordSys && dataByCoordSys.length) {
+ this._showAxisTooltip(dataByCoordSys, e);
+ }
+ // Always show item tooltip if mouse is on the element with dataIndex
+ else if (el && el.dataIndex != null) {
+ this._lastDataByCoordSys = null;
+ this._showSeriesItemTooltip(e, el, dispatchAction);
+ }
+ // Tooltip provided directly. Like legend.
+ else if (el && el.tooltip) {
+ this._lastDataByCoordSys = null;
+ this._showComponentItemTooltip(e, el, dispatchAction);
+ }
+ else {
+ this._lastDataByCoordSys = null;
+ this._hide(dispatchAction);
+ }
+ },
+
+ _showOrMove: function (tooltipModel, cb) {
+ // showDelay is used in this case: tooltip.enterable is set
+ // as true. User intent to move mouse into tooltip and click
+ // something. `showDelay` makes it easyer to enter the content
+ // but tooltip do not move immediately.
+ var delay = tooltipModel.get('showDelay');
+ cb = bind(cb, this);
+ clearTimeout(this._showTimout);
+ delay > 0
+ ? (this._showTimout = setTimeout(cb, delay))
+ : cb();
+ },
+
+ _showAxisTooltip: function (dataByCoordSys, e) {
+ var ecModel = this._ecModel;
+ var globalTooltipModel = this._tooltipModel;
+
+ var point = [e.offsetX, e.offsetY];
+
+ var singleDefaultHTML = [];
+ var singleParamsList = [];
+ var singleTooltipModel = buildTooltipModel([
+ e.tooltipOption,
+ globalTooltipModel
+ ]);
+
+ var renderMode = this._renderMode;
+ var newLine = this._newLine;
+
+ var markers = {};
+
+ each$21(dataByCoordSys, function (itemCoordSys) {
+ // var coordParamList = [];
+ // var coordDefaultHTML = [];
+ // var coordTooltipModel = buildTooltipModel([
+ // e.tooltipOption,
+ // itemCoordSys.tooltipOption,
+ // ecModel.getComponent(itemCoordSys.coordSysMainType, itemCoordSys.coordSysIndex),
+ // globalTooltipModel
+ // ]);
+ // var displayMode = coordTooltipModel.get('displayMode');
+ // var paramsList = displayMode === 'single' ? singleParamsList : [];
+
+ each$21(itemCoordSys.dataByAxis, function (item) {
+ var axisModel = ecModel.getComponent(item.axisDim + 'Axis', item.axisIndex);
+ var axisValue = item.value;
+ var seriesDefaultHTML = [];
+
+ if (!axisModel || axisValue == null) {
+ return;
+ }
+
+ var valueLabel = getValueLabel(
+ axisValue, axisModel.axis, ecModel,
+ item.seriesDataIndices,
+ item.valueLabelOpt
+ );
+
+ each$1(item.seriesDataIndices, function (idxItem) {
+ var series = ecModel.getSeriesByIndex(idxItem.seriesIndex);
+ var dataIndex = idxItem.dataIndexInside;
+ var dataParams = series && series.getDataParams(dataIndex);
+ dataParams.axisDim = item.axisDim;
+ dataParams.axisIndex = item.axisIndex;
+ dataParams.axisType = item.axisType;
+ dataParams.axisId = item.axisId;
+ dataParams.axisValue = getAxisRawValue(axisModel.axis, axisValue);
+ dataParams.axisValueLabel = valueLabel;
+
+ if (dataParams) {
+ singleParamsList.push(dataParams);
+ var seriesTooltip = series.formatTooltip(dataIndex, true, null, renderMode);
+
+ var html;
+ if (isObject$1(seriesTooltip)) {
+ html = seriesTooltip.html;
+ var newMarkers = seriesTooltip.markers;
+ merge(markers, newMarkers);
+ }
+ else {
+ html = seriesTooltip;
+ }
+ seriesDefaultHTML.push(html);
+ }
+ });
+
+ // Default tooltip content
+ // FIXME
+ // (1) shold be the first data which has name?
+ // (2) themeRiver, firstDataIndex is array, and first line is unnecessary.
+ var firstLine = valueLabel;
+ if (renderMode !== 'html') {
+ singleDefaultHTML.push(seriesDefaultHTML.join(newLine));
+ }
+ else {
+ singleDefaultHTML.push(
+ (firstLine ? encodeHTML(firstLine) + newLine : '')
+ + seriesDefaultHTML.join(newLine)
+ );
+ }
+ });
+ }, this);
+
+ // In most case, the second axis is shown upper than the first one.
+ singleDefaultHTML.reverse();
+ singleDefaultHTML = singleDefaultHTML.join(this._newLine + this._newLine);
+
+ var positionExpr = e.position;
+ this._showOrMove(singleTooltipModel, function () {
+ if (this._updateContentNotChangedOnAxis(dataByCoordSys)) {
+ this._updatePosition(
+ singleTooltipModel,
+ positionExpr,
+ point[0], point[1],
+ this._tooltipContent,
+ singleParamsList
+ );
+ }
+ else {
+ this._showTooltipContent(
+ singleTooltipModel, singleDefaultHTML, singleParamsList, Math.random(),
+ point[0], point[1], positionExpr, undefined, markers
+ );
+ }
+ });
+
+ // Do not trigger events here, because this branch only be entered
+ // from dispatchAction.
+ },
+
+ _showSeriesItemTooltip: function (e, el, dispatchAction) {
+ var ecModel = this._ecModel;
+ // Use dataModel in element if possible
+ // Used when mouseover on a element like markPoint or edge
+ // In which case, the data is not main data in series.
+ var seriesIndex = el.seriesIndex;
+ var seriesModel = ecModel.getSeriesByIndex(seriesIndex);
+
+ // For example, graph link.
+ var dataModel = el.dataModel || seriesModel;
+ var dataIndex = el.dataIndex;
+ var dataType = el.dataType;
+ var data = dataModel.getData(dataType);
+
+ var tooltipModel = buildTooltipModel([
+ data.getItemModel(dataIndex),
+ dataModel,
+ seriesModel && (seriesModel.coordinateSystem || {}).model,
+ this._tooltipModel
+ ]);
+
+ var tooltipTrigger = tooltipModel.get('trigger');
+ if (tooltipTrigger != null && tooltipTrigger !== 'item') {
+ return;
+ }
+
+ var params = dataModel.getDataParams(dataIndex, dataType);
+ var seriesTooltip = dataModel.formatTooltip(dataIndex, false, dataType, this._renderMode);
+ var defaultHtml;
+ var markers;
+ if (isObject$1(seriesTooltip)) {
+ defaultHtml = seriesTooltip.html;
+ markers = seriesTooltip.markers;
+ }
+ else {
+ defaultHtml = seriesTooltip;
+ markers = null;
+ }
+
+ var asyncTicket = 'item_' + dataModel.name + '_' + dataIndex;
+
+ this._showOrMove(tooltipModel, function () {
+ this._showTooltipContent(
+ tooltipModel, defaultHtml, params, asyncTicket,
+ e.offsetX, e.offsetY, e.position, e.target, markers
+ );
+ });
+
+ // FIXME
+ // duplicated showtip if manuallyShowTip is called from dispatchAction.
+ dispatchAction({
+ type: 'showTip',
+ dataIndexInside: dataIndex,
+ dataIndex: data.getRawIndex(dataIndex),
+ seriesIndex: seriesIndex,
+ from: this.uid
+ });
+ },
+
+ _showComponentItemTooltip: function (e, el, dispatchAction) {
+ var tooltipOpt = el.tooltip;
+ if (typeof tooltipOpt === 'string') {
+ var content = tooltipOpt;
+ tooltipOpt = {
+ content: content,
+ // Fixed formatter
+ formatter: content
+ };
+ }
+ var subTooltipModel = new Model(tooltipOpt, this._tooltipModel, this._ecModel);
+ var defaultHtml = subTooltipModel.get('content');
+ var asyncTicket = Math.random();
+
+ // Do not check whether `trigger` is 'none' here, because `trigger`
+ // only works on cooridinate system. In fact, we have not found case
+ // that requires setting `trigger` nothing on component yet.
+
+ this._showOrMove(subTooltipModel, function () {
+ this._showTooltipContent(
+ subTooltipModel, defaultHtml, subTooltipModel.get('formatterParams') || {},
+ asyncTicket, e.offsetX, e.offsetY, e.position, el
+ );
+ });
+
+ // If not dispatch showTip, tip may be hide triggered by axis.
+ dispatchAction({
+ type: 'showTip',
+ from: this.uid
+ });
+ },
+
+ _showTooltipContent: function (
+ tooltipModel, defaultHtml, params, asyncTicket, x, y, positionExpr, el, markers
+ ) {
+ // Reset ticket
+ this._ticket = '';
+
+ if (!tooltipModel.get('showContent') || !tooltipModel.get('show')) {
+ return;
+ }
+
+ var tooltipContent = this._tooltipContent;
+
+ var formatter = tooltipModel.get('formatter');
+ positionExpr = positionExpr || tooltipModel.get('position');
+ var html = defaultHtml;
+
+ if (formatter && typeof formatter === 'string') {
+ html = formatTpl(formatter, params, true);
+ }
+ else if (typeof formatter === 'function') {
+ var callback = bind$3(function (cbTicket, html) {
+ if (cbTicket === this._ticket) {
+ tooltipContent.setContent(html, markers, tooltipModel);
+ this._updatePosition(
+ tooltipModel, positionExpr, x, y, tooltipContent, params, el
+ );
+ }
+ }, this);
+ this._ticket = asyncTicket;
+ html = formatter(params, asyncTicket, callback);
+ }
+
+ tooltipContent.setContent(html, markers, tooltipModel);
+ tooltipContent.show(tooltipModel);
+
+ this._updatePosition(
+ tooltipModel, positionExpr, x, y, tooltipContent, params, el
+ );
+ },
+
+ /**
+ * @param {string|Function|Array.<number>|Object} positionExpr
+ * @param {number} x Mouse x
+ * @param {number} y Mouse y
+ * @param {boolean} confine Whether confine tooltip content in view rect.
+ * @param {Object|<Array.<Object>} params
+ * @param {module:zrender/Element} el target element
+ * @param {module:echarts/ExtensionAPI} api
+ * @return {Array.<number>}
+ */
+ _updatePosition: function (tooltipModel, positionExpr, x, y, content, params, el) {
+ var viewWidth = this._api.getWidth();
+ var viewHeight = this._api.getHeight();
+
+ positionExpr = positionExpr || tooltipModel.get('position');
+
+ var contentSize = content.getSize();
+ var align = tooltipModel.get('align');
+ var vAlign = tooltipModel.get('verticalAlign');
+ var rect = el && el.getBoundingRect().clone();
+ el && rect.applyTransform(el.transform);
+
+ if (typeof positionExpr === 'function') {
+ // Callback of position can be an array or a string specify the position
+ positionExpr = positionExpr([x, y], params, content.el, rect, {
+ viewSize: [viewWidth, viewHeight],
+ contentSize: contentSize.slice()
+ });
+ }
+
+ if (isArray(positionExpr)) {
+ x = parsePercent$2(positionExpr[0], viewWidth);
+ y = parsePercent$2(positionExpr[1], viewHeight);
+ }
+ else if (isObject$1(positionExpr)) {
+ positionExpr.width = contentSize[0];
+ positionExpr.height = contentSize[1];
+ var layoutRect = getLayoutRect(
+ positionExpr, {width: viewWidth, height: viewHeight}
+ );
+ x = layoutRect.x;
+ y = layoutRect.y;
+ align = null;
+ // When positionExpr is left/top/right/bottom,
+ // align and verticalAlign will not work.
+ vAlign = null;
+ }
+ // Specify tooltip position by string 'top' 'bottom' 'left' 'right' around graphic element
+ else if (typeof positionExpr === 'string' && el) {
+ var pos = calcTooltipPosition(
+ positionExpr, rect, contentSize
+ );
+ x = pos[0];
+ y = pos[1];
+ }
+ else {
+ var pos = refixTooltipPosition(
+ x, y, content, viewWidth, viewHeight, align ? null : 20, vAlign ? null : 20
+ );
+ x = pos[0];
+ y = pos[1];
+ }
+
+ align && (x -= isCenterAlign(align) ? contentSize[0] / 2 : align === 'right' ? contentSize[0] : 0);
+ vAlign && (y -= isCenterAlign(vAlign) ? contentSize[1] / 2 : vAlign === 'bottom' ? contentSize[1] : 0);
+
+ if (tooltipModel.get('confine')) {
+ var pos = confineTooltipPosition(
+ x, y, content, viewWidth, viewHeight
+ );
+ x = pos[0];
+ y = pos[1];
+ }
+
+ content.moveTo(x, y);
+ },
+
+ // FIXME
+ // Should we remove this but leave this to user?
+ _updateContentNotChangedOnAxis: function (dataByCoordSys) {
+ var lastCoordSys = this._lastDataByCoordSys;
+ var contentNotChanged = !!lastCoordSys
+ && lastCoordSys.length === dataByCoordSys.length;
+
+ contentNotChanged && each$21(lastCoordSys, function (lastItemCoordSys, indexCoordSys) {
+ var lastDataByAxis = lastItemCoordSys.dataByAxis || {};
+ var thisItemCoordSys = dataByCoordSys[indexCoordSys] || {};
+ var thisDataByAxis = thisItemCoordSys.dataByAxis || [];
+ contentNotChanged &= lastDataByAxis.length === thisDataByAxis.length;
+
+ contentNotChanged && each$21(lastDataByAxis, function (lastItem, indexAxis) {
+ var thisItem = thisDataByAxis[indexAxis] || {};
+ var lastIndices = lastItem.seriesDataIndices || [];
+ var newIndices = thisItem.seriesDataIndices || [];
+
+ contentNotChanged
+ &= lastItem.value === thisItem.value
+ && lastItem.axisType === thisItem.axisType
+ && lastItem.axisId === thisItem.axisId
+ && lastIndices.length === newIndices.length;
+
+ contentNotChanged && each$21(lastIndices, function (lastIdxItem, j) {
+ var newIdxItem = newIndices[j];
+ contentNotChanged
+ &= lastIdxItem.seriesIndex === newIdxItem.seriesIndex
+ && lastIdxItem.dataIndex === newIdxItem.dataIndex;
+ });
+ });
+ });
+
+ this._lastDataByCoordSys = dataByCoordSys;
+
+ return !!contentNotChanged;
+ },
+
+ _hide: function (dispatchAction) {
+ // Do not directly hideLater here, because this behavior may be prevented
+ // in dispatchAction when showTip is dispatched.
+
+ // FIXME
+ // duplicated hideTip if manuallyHideTip is called from dispatchAction.
+ this._lastDataByCoordSys = null;
+ dispatchAction({
+ type: 'hideTip',
+ from: this.uid
+ });
+ },
+
+ dispose: function (ecModel, api) {
+ if (env$1.node) {
+ return;
+ }
+ this._tooltipContent.dispose();
+ unregister('itemTooltip', api);
+ }
+});
+
+
+/**
+ * @param {Array.<Object|module:echarts/model/Model>} modelCascade
+ * From top to bottom. (the last one should be globalTooltipModel);
+ */
+function buildTooltipModel(modelCascade) {
+ var resultModel = modelCascade.pop();
+ while (modelCascade.length) {
+ var tooltipOpt = modelCascade.pop();
+ if (tooltipOpt) {
+ if (Model.isInstance(tooltipOpt)) {
+ tooltipOpt = tooltipOpt.get('tooltip', true);
+ }
+ // In each data item tooltip can be simply write:
+ // {
+ // value: 10,
+ // tooltip: 'Something you need to know'
+ // }
+ if (typeof tooltipOpt === 'string') {
+ tooltipOpt = {formatter: tooltipOpt};
+ }
+ resultModel = new Model(tooltipOpt, resultModel, resultModel.ecModel);
+ }
+ }
+ return resultModel;
+}
+
+function makeDispatchAction$1(payload, api) {
+ return payload.dispatchAction || bind(api.dispatchAction, api);
+}
+
+function refixTooltipPosition(x, y, content, viewWidth, viewHeight, gapH, gapV) {
+ var size = content.getOuterSize();
+ var width = size.width;
+ var height = size.height;
+
+ if (gapH != null) {
+ if (x + width + gapH > viewWidth) {
+ x -= width + gapH;
+ }
+ else {
+ x += gapH;
+ }
+ }
+ if (gapV != null) {
+ if (y + height + gapV > viewHeight) {
+ y -= height + gapV;
+ }
+ else {
+ y += gapV;
+ }
+ }
+ return [x, y];
+}
+
+function confineTooltipPosition(x, y, content, viewWidth, viewHeight) {
+ var size = content.getOuterSize();
+ var width = size.width;
+ var height = size.height;
+
+ x = Math.min(x + width, viewWidth) - width;
+ y = Math.min(y + height, viewHeight) - height;
+ x = Math.max(x, 0);
+ y = Math.max(y, 0);
+
+ return [x, y];
+}
+
+function calcTooltipPosition(position, rect, contentSize) {
+ var domWidth = contentSize[0];
+ var domHeight = contentSize[1];
+ var gap = 5;
+ var x = 0;
+ var y = 0;
+ var rectWidth = rect.width;
+ var rectHeight = rect.height;
+ switch (position) {
+ case 'inside':
+ x = rect.x + rectWidth / 2 - domWidth / 2;
+ y = rect.y + rectHeight / 2 - domHeight / 2;
+ break;
+ case 'top':
+ x = rect.x + rectWidth / 2 - domWidth / 2;
+ y = rect.y - domHeight - gap;
+ break;
+ case 'bottom':
+ x = rect.x + rectWidth / 2 - domWidth / 2;
+ y = rect.y + rectHeight + gap;
+ break;
+ case 'left':
+ x = rect.x - domWidth - gap;
+ y = rect.y + rectHeight / 2 - domHeight / 2;
+ break;
+ case 'right':
+ x = rect.x + rectWidth + gap;
+ y = rect.y + rectHeight / 2 - domHeight / 2;
+ }
+ return [x, y];
+}
+
+function isCenterAlign(align) {
+ return align === 'center' || align === 'middle';
+}
+
+/*
+* 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.
+*/
+
+// FIXME Better way to pack data in graphic element
+
+/**
+ * @action
+ * @property {string} type
+ * @property {number} seriesIndex
+ * @property {number} dataIndex
+ * @property {number} [x]
+ * @property {number} [y]
+ */
+registerAction(
+ {
+ type: 'showTip',
+ event: 'showTip',
+ update: 'tooltip:manuallyShowTip'
+ },
+ // noop
+ function () {}
+);
+
+registerAction(
+ {
+ type: 'hideTip',
+ event: 'hideTip',
+ update: 'tooltip:manuallyHideTip'
+ },
+ // noop
+ function () {}
+);
+
+/*
+* 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.
+*/
+
+var DEFAULT_TOOLBOX_BTNS = ['rect', 'polygon', 'keep', 'clear'];
+
+var preprocessor$1 = function (option, isNew) {
+ var brushComponents = option && option.brush;
+ if (!isArray(brushComponents)) {
+ brushComponents = brushComponents ? [brushComponents] : [];
+ }
+
+ if (!brushComponents.length) {
+ return;
+ }
+
+ var brushComponentSpecifiedBtns = [];
+
+ each$1(brushComponents, function (brushOpt) {
+ var tbs = brushOpt.hasOwnProperty('toolbox')
+ ? brushOpt.toolbox : [];
+
+ if (tbs instanceof Array) {
+ brushComponentSpecifiedBtns = brushComponentSpecifiedBtns.concat(tbs);
+ }
+ });
+
+ var toolbox = option && option.toolbox;
+
+ if (isArray(toolbox)) {
+ toolbox = toolbox[0];
+ }
+ if (!toolbox) {
+ toolbox = {feature: {}};
+ option.toolbox = [toolbox];
+ }
+
+ var toolboxFeature = (toolbox.feature || (toolbox.feature = {}));
+ var toolboxBrush = toolboxFeature.brush || (toolboxFeature.brush = {});
+ var brushTypes = toolboxBrush.type || (toolboxBrush.type = []);
+
+ brushTypes.push.apply(brushTypes, brushComponentSpecifiedBtns);
+
+ removeDuplicate(brushTypes);
+
+ if (isNew && !brushTypes.length) {
+ brushTypes.push.apply(brushTypes, DEFAULT_TOOLBOX_BTNS);
+ }
+};
+
+function removeDuplicate(arr) {
+ var map$$1 = {};
+ each$1(arr, function (val) {
+ map$$1[val] = 1;
+ });
+ arr.length = 0;
+ each$1(map$$1, function (flag, val) {
+ arr.push(val);
+ });
+}
+
+/*
+* 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.
+*/
+
+/**
+ * @file Visual solution, for consistent option specification.
+ */
+
+var each$23 = each$1;
+
+function hasKeys(obj) {
+ if (obj) {
+ for (var name in obj) {
+ if (obj.hasOwnProperty(name)) {
+ return true;
+ }
+ }
+ }
+}
+
+/**
+ * @param {Object} option
+ * @param {Array.<string>} stateList
+ * @param {Function} [supplementVisualOption]
+ * @return {Object} visualMappings <state, <visualType, module:echarts/visual/VisualMapping>>
+ */
+function createVisualMappings(option, stateList, supplementVisualOption) {
+ var visualMappings = {};
+
+ each$23(stateList, function (state) {
+ var mappings = visualMappings[state] = createMappings();
+
+ each$23(option[state], function (visualData, visualType) {
+ if (!VisualMapping.isValidType(visualType)) {
+ return;
+ }
+ var mappingOption = {
+ type: visualType,
+ visual: visualData
+ };
+ supplementVisualOption && supplementVisualOption(mappingOption, state);
+ mappings[visualType] = new VisualMapping(mappingOption);
+
+ // Prepare a alpha for opacity, for some case that opacity
+ // is not supported, such as rendering using gradient color.
+ if (visualType === 'opacity') {
+ mappingOption = clone(mappingOption);
+ mappingOption.type = 'colorAlpha';
+ mappings.__hidden.__alphaForOpacity = new VisualMapping(mappingOption);
+ }
+ });
+ });
+
+ return visualMappings;
+
+ function createMappings() {
+ var Creater = function () {};
+ // Make sure hidden fields will not be visited by
+ // object iteration (with hasOwnProperty checking).
+ Creater.prototype.__hidden = Creater.prototype;
+ var obj = new Creater();
+ return obj;
+ }
+}
+
+/**
+ * @param {Object} thisOption
+ * @param {Object} newOption
+ * @param {Array.<string>} keys
+ */
+function replaceVisualOption(thisOption, newOption, keys) {
+ // Visual attributes merge is not supported, otherwise it
+ // brings overcomplicated merge logic. See #2853. So if
+ // newOption has anyone of these keys, all of these keys
+ // will be reset. Otherwise, all keys remain.
+ var has;
+ each$1(keys, function (key) {
+ if (newOption.hasOwnProperty(key) && hasKeys(newOption[key])) {
+ has = true;
+ }
+ });
+ has && each$1(keys, function (key) {
+ if (newOption.hasOwnProperty(key) && hasKeys(newOption[key])) {
+ thisOption[key] = clone(newOption[key]);
+ }
+ else {
+ delete thisOption[key];
+ }
+ });
+}
+
+/**
+ * @param {Array.<string>} stateList
+ * @param {Object} visualMappings <state, Object.<visualType, module:echarts/visual/VisualMapping>>
+ * @param {module:echarts/data/List} list
+ * @param {Function} getValueState param: valueOrIndex, return: state.
+ * @param {object} [scope] Scope for getValueState
+ * @param {string} [dimension] Concrete dimension, if used.
+ */
+// ???! handle brush?
+function applyVisual(stateList, visualMappings, data, getValueState, scope, dimension) {
+ var visualTypesMap = {};
+ each$1(stateList, function (state) {
+ var visualTypes = VisualMapping.prepareVisualTypes(visualMappings[state]);
+ visualTypesMap[state] = visualTypes;
+ });
+
+ var dataIndex;
+
+ function getVisual(key) {
+ return data.getItemVisual(dataIndex, key);
+ }
+
+ function setVisual(key, value) {
+ data.setItemVisual(dataIndex, key, value);
+ }
+
+ if (dimension == null) {
+ data.each(eachItem);
+ }
+ else {
+ data.each([dimension], eachItem);
+ }
+
+ function eachItem(valueOrIndex, index) {
+ dataIndex = dimension == null ? valueOrIndex : index;
+
+ var rawDataItem = data.getRawDataItem(dataIndex);
+ // Consider performance
+ if (rawDataItem && rawDataItem.visualMap === false) {
+ return;
+ }
+
+ var valueState = getValueState.call(scope, valueOrIndex);
+ var mappings = visualMappings[valueState];
+ var visualTypes = visualTypesMap[valueState];
+
+ for (var i = 0, len = visualTypes.length; i < len; i++) {
+ var type = visualTypes[i];
+ mappings[type] && mappings[type].applyVisual(
+ valueOrIndex, getVisual, setVisual
+ );
+ }
+ }
+}
+
+/**
+ * @param {module:echarts/data/List} data
+ * @param {Array.<string>} stateList
+ * @param {Object} visualMappings <state, Object.<visualType, module:echarts/visual/VisualMapping>>
+ * @param {Function} getValueState param: valueOrIndex, return: state.
+ * @param {number} [dim] dimension or dimension index.
+ */
+function incrementalApplyVisual(stateList, visualMappings, getValueState, dim) {
+ var visualTypesMap = {};
+ each$1(stateList, function (state) {
+ var visualTypes = VisualMapping.prepareVisualTypes(visualMappings[state]);
+ visualTypesMap[state] = visualTypes;
+ });
+
+ function progress(params, data) {
+ if (dim != null) {
+ dim = data.getDimension(dim);
+ }
+
+ function getVisual(key) {
+ return data.getItemVisual(dataIndex, key);
+ }
+
+ function setVisual(key, value) {
+ data.setItemVisual(dataIndex, key, value);
+ }
+
+ var dataIndex;
+ while ((dataIndex = params.next()) != null) {
+ var rawDataItem = data.getRawDataItem(dataIndex);
+
+ // Consider performance
+ if (rawDataItem && rawDataItem.visualMap === false) {
+ continue;
+ }
+
+ var value = dim != null
+ ? data.get(dim, dataIndex, true)
+ : dataIndex;
+
+ var valueState = getValueState(value);
+ var mappings = visualMappings[valueState];
+ var visualTypes = visualTypesMap[valueState];
+
+ for (var i = 0, len = visualTypes.length; i < len; i++) {
+ var type = visualTypes[i];
+ mappings[type] && mappings[type].applyVisual(value, getVisual, setVisual);
+ }
+ }
+ }
+
+ return {progress: progress};
+}
+
+/*
+* 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.
+*/
+
+// Key of the first level is brushType: `line`, `rect`, `polygon`.
+// Key of the second level is chart element type: `point`, `rect`.
+// See moudule:echarts/component/helper/BrushController
+// function param:
+// {Object} itemLayout fetch from data.getItemLayout(dataIndex)
+// {Object} selectors {point: selector, rect: selector, ...}
+// {Object} area {range: [[], [], ..], boudingRect}
+// function return:
+// {boolean} Whether in the given brush.
+var selector = {
+ lineX: getLineSelectors(0),
+ lineY: getLineSelectors(1),
+ rect: {
+ point: function (itemLayout, selectors, area) {
+ return itemLayout && area.boundingRect.contain(itemLayout[0], itemLayout[1]);
+ },
+ rect: function (itemLayout, selectors, area) {
+ return itemLayout && area.boundingRect.intersect(itemLayout);
+ }
+ },
+ polygon: {
+ point: function (itemLayout, selectors, area) {
+ return itemLayout
+ && area.boundingRect.contain(itemLayout[0], itemLayout[1])
+ && contain$1(area.range, itemLayout[0], itemLayout[1]);
+ },
+ rect: function (itemLayout, selectors, area) {
+ var points = area.range;
+
+ if (!itemLayout || points.length <= 1) {
+ return false;
+ }
+
+ var x = itemLayout.x;
+ var y = itemLayout.y;
+ var width = itemLayout.width;
+ var height = itemLayout.height;
+ var p = points[0];
+
+ if (contain$1(points, x, y)
+ || contain$1(points, x + width, y)
+ || contain$1(points, x, y + height)
+ || contain$1(points, x + width, y + height)
+ || BoundingRect.create(itemLayout).contain(p[0], p[1])
+ || linePolygonIntersect(x, y, x + width, y, points)
+ || linePolygonIntersect(x, y, x, y + height, points)
+ || linePolygonIntersect(x + width, y, x + width, y + height, points)
+ || linePolygonIntersect(x, y + height, x + width, y + height, points)
+ ) {
+ return true;
+ }
+ }
+ }
+};
+
+function getLineSelectors(xyIndex) {
+ var xy = ['x', 'y'];
+ var wh = ['width', 'height'];
+
+ return {
+ point: function (itemLayout, selectors, area) {
+ if (itemLayout) {
+ var range = area.range;
+ var p = itemLayout[xyIndex];
+ return inLineRange(p, range);
+ }
+ },
+ rect: function (itemLayout, selectors, area) {
+ if (itemLayout) {
+ var range = area.range;
+ var layoutRange = [
+ itemLayout[xy[xyIndex]],
+ itemLayout[xy[xyIndex]] + itemLayout[wh[xyIndex]]
+ ];
+ layoutRange[1] < layoutRange[0] && layoutRange.reverse();
+ return inLineRange(layoutRange[0], range)
+ || inLineRange(layoutRange[1], range)
+ || inLineRange(range[0], layoutRange)
+ || inLineRange(range[1], layoutRange);
+ }
+ }
+ };
+}
+
+function inLineRange(p, range) {
+ return range[0] <= p && p <= range[1];
+}
+
+/*
+* 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.
+*/
+
+var STATE_LIST = ['inBrush', 'outOfBrush'];
+var DISPATCH_METHOD = '__ecBrushSelect';
+var DISPATCH_FLAG = '__ecInBrushSelectEvent';
+var PRIORITY_BRUSH = PRIORITY.VISUAL.BRUSH;
+
+/**
+ * Layout for visual, the priority higher than other layout, and before brush visual.
+ */
+registerLayout(PRIORITY_BRUSH, function (ecModel, api, payload) {
+ ecModel.eachComponent({mainType: 'brush'}, function (brushModel) {
+ payload && payload.type === 'takeGlobalCursor' && brushModel.setBrushOption(
+ payload.key === 'brush' ? payload.brushOption : {brushType: false}
+ );
+ });
+ layoutCovers(ecModel);
+});
+
+function layoutCovers(ecModel) {
+ ecModel.eachComponent({mainType: 'brush'}, function (brushModel) {
+ var brushTargetManager = brushModel.brushTargetManager = new BrushTargetManager(brushModel.option, ecModel);
+ brushTargetManager.setInputRanges(brushModel.areas, ecModel);
+ });
+}
+
+/**
+ * Register the visual encoding if this modules required.
+ */
+registerVisual(PRIORITY_BRUSH, function (ecModel, api, payload) {
+
+ var brushSelected = [];
+ var throttleType;
+ var throttleDelay;
+
+ ecModel.eachComponent({mainType: 'brush'}, function (brushModel, brushIndex) {
+
+ var thisBrushSelected = {
+ brushId: brushModel.id,
+ brushIndex: brushIndex,
+ brushName: brushModel.name,
+ areas: clone(brushModel.areas),
+ selected: []
+ };
+ // Every brush component exists in event params, convenient
+ // for user to find by index.
+ brushSelected.push(thisBrushSelected);
+
+ var brushOption = brushModel.option;
+ var brushLink = brushOption.brushLink;
+ var linkedSeriesMap = [];
+ var selectedDataIndexForLink = [];
+ var rangeInfoBySeries = [];
+ var hasBrushExists = 0;
+
+ if (!brushIndex) { // Only the first throttle setting works.
+ throttleType = brushOption.throttleType;
+ throttleDelay = brushOption.throttleDelay;
+ }
+
+ // Add boundingRect and selectors to range.
+ var areas = map(brushModel.areas, function (area) {
+ return bindSelector(
+ defaults(
+ {boundingRect: boundingRectBuilders[area.brushType](area)},
+ area
+ )
+ );
+ });
+
+ var visualMappings = createVisualMappings(
+ brushModel.option, STATE_LIST, function (mappingOption) {
+ mappingOption.mappingMethod = 'fixed';
+ }
+ );
+
+ isArray(brushLink) && each$1(brushLink, function (seriesIndex) {
+ linkedSeriesMap[seriesIndex] = 1;
+ });
+
+ function linkOthers(seriesIndex) {
+ return brushLink === 'all' || linkedSeriesMap[seriesIndex];
+ }
+
+ // If no supported brush or no brush on the series,
+ // all visuals should be in original state.
+ function brushed(rangeInfoList) {
+ return !!rangeInfoList.length;
+ }
+
+ /**
+ * Logic for each series: (If the logic has to be modified one day, do it carefully!)
+ *
+ * ( brushed 鈹� && 鈹琱asBrushExist 鈹� && linkOthers ) => StepA: 鈹瑀ecord, 鈹� StepB: 鈹瑅isualByRecord.
+ * !brushed鈹� 鈹渉asBrushExist 鈹� 鈹攏othing,鈹� 鈹渧isualByRecord.
+ * 鈹�!hasBrushExist鈹� 鈹攏othing.
+ * ( !brushed && 鈹琱asBrushExist 鈹� && linkOthers ) => StepA: nothing, StepB: 鈹瑅isualByRecord.
+ * 鈹�!hasBrushExist鈹� 鈹攏othing.
+ * ( brushed 鈹� && !linkOthers ) => StepA: nothing, StepB: 鈹瑅isualByCheck.
+ * !brushed鈹� 鈹攏othing.
+ * ( !brushed && !linkOthers ) => StepA: nothing, StepB: nothing.
+ */
+
+ // Step A
+ ecModel.eachSeries(function (seriesModel, seriesIndex) {
+ var rangeInfoList = rangeInfoBySeries[seriesIndex] = [];
+
+ seriesModel.subType === 'parallel'
+ ? stepAParallel(seriesModel, seriesIndex, rangeInfoList)
+ : stepAOthers(seriesModel, seriesIndex, rangeInfoList);
+ });
+
+ function stepAParallel(seriesModel, seriesIndex) {
+ var coordSys = seriesModel.coordinateSystem;
+ hasBrushExists |= coordSys.hasAxisBrushed();
+
+ linkOthers(seriesIndex) && coordSys.eachActiveState(
+ seriesModel.getData(),
+ function (activeState, dataIndex) {
+ activeState === 'active' && (selectedDataIndexForLink[dataIndex] = 1);
+ }
+ );
+ }
+
+ function stepAOthers(seriesModel, seriesIndex, rangeInfoList) {
+ var selectorsByBrushType = getSelectorsByBrushType(seriesModel);
+ if (!selectorsByBrushType || brushModelNotControll(brushModel, seriesIndex)) {
+ return;
+ }
+
+ each$1(areas, function (area) {
+ selectorsByBrushType[area.brushType]
+ && brushModel.brushTargetManager.controlSeries(area, seriesModel, ecModel)
+ && rangeInfoList.push(area);
+ hasBrushExists |= brushed(rangeInfoList);
+ });
+
+ if (linkOthers(seriesIndex) && brushed(rangeInfoList)) {
+ var data = seriesModel.getData();
+ data.each(function (dataIndex) {
+ if (checkInRange(selectorsByBrushType, rangeInfoList, data, dataIndex)) {
+ selectedDataIndexForLink[dataIndex] = 1;
+ }
+ });
+ }
+ }
+
+ // Step B
+ ecModel.eachSeries(function (seriesModel, seriesIndex) {
+ var seriesBrushSelected = {
+ seriesId: seriesModel.id,
+ seriesIndex: seriesIndex,
+ seriesName: seriesModel.name,
+ dataIndex: []
+ };
+ // Every series exists in event params, convenient
+ // for user to find series by seriesIndex.
+ thisBrushSelected.selected.push(seriesBrushSelected);
+
+ var selectorsByBrushType = getSelectorsByBrushType(seriesModel);
+ var rangeInfoList = rangeInfoBySeries[seriesIndex];
+
+ var data = seriesModel.getData();
+ var getValueState = linkOthers(seriesIndex)
+ ? function (dataIndex) {
+ return selectedDataIndexForLink[dataIndex]
+ ? (seriesBrushSelected.dataIndex.push(data.getRawIndex(dataIndex)), 'inBrush')
+ : 'outOfBrush';
+ }
+ : function (dataIndex) {
+ return checkInRange(selectorsByBrushType, rangeInfoList, data, dataIndex)
+ ? (seriesBrushSelected.dataIndex.push(data.getRawIndex(dataIndex)), 'inBrush')
+ : 'outOfBrush';
+ };
+
+ // If no supported brush or no brush, all visuals are in original state.
+ (linkOthers(seriesIndex) ? hasBrushExists : brushed(rangeInfoList))
+ && applyVisual(
+ STATE_LIST, visualMappings, data, getValueState
+ );
+ });
+
+ });
+
+ dispatchAction(api, throttleType, throttleDelay, brushSelected, payload);
+});
+
+function dispatchAction(api, throttleType, throttleDelay, brushSelected, payload) {
+ // This event will not be triggered when `setOpion`, otherwise dead lock may
+ // triggered when do `setOption` in event listener, which we do not find
+ // satisfactory way to solve yet. Some considered resolutions:
+ // (a) Diff with prevoius selected data ant only trigger event when changed.
+ // But store previous data and diff precisely (i.e., not only by dataIndex, but
+ // also detect value changes in selected data) might bring complexity or fragility.
+ // (b) Use spectial param like `silent` to suppress event triggering.
+ // But such kind of volatile param may be weird in `setOption`.
+ if (!payload) {
+ return;
+ }
+
+ var zr = api.getZr();
+ if (zr[DISPATCH_FLAG]) {
+ return;
+ }
+
+ if (!zr[DISPATCH_METHOD]) {
+ zr[DISPATCH_METHOD] = doDispatch;
+ }
+
+ var fn = createOrUpdate(zr, DISPATCH_METHOD, throttleDelay, throttleType);
+
+ fn(api, brushSelected);
+}
+
+function doDispatch(api, brushSelected) {
+ if (!api.isDisposed()) {
+ var zr = api.getZr();
+ zr[DISPATCH_FLAG] = true;
+ api.dispatchAction({
+ type: 'brushSelect',
+ batch: brushSelected
+ });
+ zr[DISPATCH_FLAG] = false;
+ }
+}
+
+function checkInRange(selectorsByBrushType, rangeInfoList, data, dataIndex) {
+ for (var i = 0, len = rangeInfoList.length; i < len; i++) {
+ var area = rangeInfoList[i];
+ if (selectorsByBrushType[area.brushType](
+ dataIndex, data, area.selectors, area
+ )) {
+ return true;
+ }
+ }
+}
+
+function getSelectorsByBrushType(seriesModel) {
+ var brushSelector = seriesModel.brushSelector;
+ if (isString(brushSelector)) {
+ var sels = [];
+ each$1(selector, function (selectorsByElementType, brushType) {
+ sels[brushType] = function (dataIndex, data, selectors, area) {
+ var itemLayout = data.getItemLayout(dataIndex);
+ return selectorsByElementType[brushSelector](itemLayout, selectors, area);
+ };
+ });
+ return sels;
+ }
+ else if (isFunction$1(brushSelector)) {
+ var bSelector = {};
+ each$1(selector, function (sel, brushType) {
+ bSelector[brushType] = brushSelector;
+ });
+ return bSelector;
+ }
+ return brushSelector;
+}
+
+function brushModelNotControll(brushModel, seriesIndex) {
+ var seriesIndices = brushModel.option.seriesIndex;
+ return seriesIndices != null
+ && seriesIndices !== 'all'
+ && (
+ isArray(seriesIndices)
+ ? indexOf(seriesIndices, seriesIndex) < 0
+ : seriesIndex !== seriesIndices
+ );
+}
+
+function bindSelector(area) {
+ var selectors = area.selectors = {};
+ each$1(selector[area.brushType], function (selFn, elType) {
+ // Do not use function binding or curry for performance.
+ selectors[elType] = function (itemLayout) {
+ return selFn(itemLayout, selectors, area);
+ };
+ });
+ return area;
+}
+
+var boundingRectBuilders = {
+
+ lineX: noop,
+
+ lineY: noop,
+
+ rect: function (area) {
+ return getBoundingRectFromMinMax(area.range);
+ },
+
+ polygon: function (area) {
+ var minMax;
+ var range = area.range;
+
+ for (var i = 0, len = range.length; i < len; i++) {
+ minMax = minMax || [[Infinity, -Infinity], [Infinity, -Infinity]];
+ var rg = range[i];
+ rg[0] < minMax[0][0] && (minMax[0][0] = rg[0]);
+ rg[0] > minMax[0][1] && (minMax[0][1] = rg[0]);
+ rg[1] < minMax[1][0] && (minMax[1][0] = rg[1]);
+ rg[1] > minMax[1][1] && (minMax[1][1] = rg[1]);
+ }
+
+ return minMax && getBoundingRectFromMinMax(minMax);
+ }
+};
+
+function getBoundingRectFromMinMax(minMax) {
+ return new BoundingRect(
+ minMax[0][0],
+ minMax[1][0],
+ minMax[0][1] - minMax[0][0],
+ minMax[1][1] - minMax[1][0]
+ );
+}
+
+/*
+* 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.
+*/
+
+var DEFAULT_OUT_OF_BRUSH_COLOR = ['#ddd'];
+
+var BrushModel = extendComponentModel({
+
+ type: 'brush',
+
+ dependencies: ['geo', 'grid', 'xAxis', 'yAxis', 'parallel', 'series'],
+
+ /**
+ * @protected
+ */
+ defaultOption: {
+ // inBrush: null,
+ // outOfBrush: null,
+ toolbox: null, // Default value see preprocessor.
+ brushLink: null, // Series indices array, broadcast using dataIndex.
+ // or 'all', which means all series. 'none' or null means no series.
+ seriesIndex: 'all', // seriesIndex array, specify series controlled by this brush component.
+ geoIndex: null, //
+ xAxisIndex: null,
+ yAxisIndex: null,
+
+ brushType: 'rect', // Default brushType, see BrushController.
+ brushMode: 'single', // Default brushMode, 'single' or 'multiple'
+ transformable: true, // Default transformable.
+ brushStyle: { // Default brushStyle
+ borderWidth: 1,
+ color: 'rgba(120,140,180,0.3)',
+ borderColor: 'rgba(120,140,180,0.8)'
+ },
+
+ throttleType: 'fixRate', // Throttle in brushSelected event. 'fixRate' or 'debounce'.
+ // If null, no throttle. Valid only in the first brush component
+ throttleDelay: 0, // Unit: ms, 0 means every event will be triggered.
+
+ // FIXME
+ // 璇曢獙鏁堟灉
+ removeOnClick: true,
+
+ z: 10000
+ },
+
+ /**
+ * @readOnly
+ * @type {Array.<Object>}
+ */
+ areas: [],
+
+ /**
+ * Current activated brush type.
+ * If null, brush is inactived.
+ * see module:echarts/component/helper/BrushController
+ * @readOnly
+ * @type {string}
+ */
+ brushType: null,
+
+ /**
+ * Current brush opt.
+ * see module:echarts/component/helper/BrushController
+ * @readOnly
+ * @type {Object}
+ */
+ brushOption: {},
+
+ /**
+ * @readOnly
+ * @type {Array.<Object>}
+ */
+ coordInfoList: [],
+
+ optionUpdated: function (newOption, isInit) {
+ var thisOption = this.option;
+
+ !isInit && replaceVisualOption(
+ thisOption, newOption, ['inBrush', 'outOfBrush']
+ );
+
+ var inBrush = thisOption.inBrush = thisOption.inBrush || {};
+ // Always give default visual, consider setOption at the second time.
+ thisOption.outOfBrush = thisOption.outOfBrush || {color: DEFAULT_OUT_OF_BRUSH_COLOR};
+
+ if (!inBrush.hasOwnProperty('liftZ')) {
+ // Bigger than the highlight z lift, otherwise it will
+ // be effected by the highlight z when brush.
+ inBrush.liftZ = 5;
+ }
+ },
+
+ /**
+ * If ranges is null/undefined, range state remain.
+ *
+ * @param {Array.<Object>} [ranges]
+ */
+ setAreas: function (areas) {
+ if (__DEV__) {
+ assert$1(isArray(areas));
+ each$1(areas, function (area) {
+ assert$1(area.brushType, 'Illegal areas');
+ });
+ }
+
+ // If ranges is null/undefined, range state remain.
+ // This helps user to dispatchAction({type: 'brush'}) with no areas
+ // set but just want to get the current brush select info from a `brush` event.
+ if (!areas) {
+ return;
+ }
+
+ this.areas = map(areas, function (area) {
+ return generateBrushOption(this.option, area);
+ }, this);
+ },
+
+ /**
+ * see module:echarts/component/helper/BrushController
+ * @param {Object} brushOption
+ */
+ setBrushOption: function (brushOption) {
+ this.brushOption = generateBrushOption(this.option, brushOption);
+ this.brushType = this.brushOption.brushType;
+ }
+
+});
+
+function generateBrushOption(option, brushOption) {
+ return merge(
+ {
+ brushType: option.brushType,
+ brushMode: option.brushMode,
+ transformable: option.transformable,
+ brushStyle: new Model(option.brushStyle).getItemStyle(),
+ removeOnClick: option.removeOnClick,
+ z: option.z
+ },
+ brushOption,
+ true
+ );
+}
+
+/*
+* 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.
+*/
+
+extendComponentView({
+
+ type: 'brush',
+
+ init: function (ecModel, api) {
+
+ /**
+ * @readOnly
+ * @type {module:echarts/model/Global}
+ */
+ this.ecModel = ecModel;
+
+ /**
+ * @readOnly
+ * @type {module:echarts/ExtensionAPI}
+ */
+ this.api = api;
+
+ /**
+ * @readOnly
+ * @type {module:echarts/component/brush/BrushModel}
+ */
+ this.model;
+
+ /**
+ * @private
+ * @type {module:echarts/component/helper/BrushController}
+ */
+ (this._brushController = new BrushController(api.getZr()))
+ .on('brush', bind(this._onBrush, this))
+ .mount();
+ },
+
+ /**
+ * @override
+ */
+ render: function (brushModel) {
+ this.model = brushModel;
+ return updateController.apply(this, arguments);
+ },
+
+ /**
+ * @override
+ */
+ updateTransform: function (brushModel, ecModel) {
+ // PENDING: `updateTransform` is a little tricky, whose layout need
+ // to be calculate mandatorily and other stages will not be performed.
+ // Take care the correctness of the logic. See #11754 .
+ layoutCovers(ecModel);
+ return updateController.apply(this, arguments);
+ },
+
+ /**
+ * @override
+ */
+ updateView: updateController,
+
+ // /**
+ // * @override
+ // */
+ // updateLayout: updateController,
+
+ // /**
+ // * @override
+ // */
+ // updateVisual: updateController,
+
+ /**
+ * @override
+ */
+ dispose: function () {
+ this._brushController.dispose();
+ },
+
+ /**
+ * @private
+ */
+ _onBrush: function (areas, opt) {
+ var modelId = this.model.id;
+
+ this.model.brushTargetManager.setOutputRanges(areas, this.ecModel);
+
+ // Action is not dispatched on drag end, because the drag end
+ // emits the same params with the last drag move event, and
+ // may have some delay when using touch pad, which makes
+ // animation not smooth (when using debounce).
+ (!opt.isEnd || opt.removeOnClick) && this.api.dispatchAction({
+ type: 'brush',
+ brushId: modelId,
+ areas: clone(areas),
+ $from: modelId
+ });
+ opt.isEnd && this.api.dispatchAction({
+ type: 'brushEnd',
+ brushId: modelId,
+ areas: clone(areas),
+ $from: modelId
+ });
+ }
+
+});
+
+function updateController(brushModel, ecModel, api, payload) {
+ // Do not update controller when drawing.
+ (!payload || payload.$from !== brushModel.id) && this._brushController
+ .setPanels(brushModel.brushTargetManager.makePanelOpts(api))
+ .enableBrush(brushModel.brushOption)
+ .updateCovers(brushModel.areas.slice());
+}
+
+/*
+* 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.
+*/
+
+/**
+ * payload: {
+ * brushIndex: number, or,
+ * brushId: string, or,
+ * brushName: string,
+ * globalRanges: Array
+ * }
+ */
+registerAction(
+ {type: 'brush', event: 'brush' /*, update: 'updateView' */},
+ function (payload, ecModel) {
+ ecModel.eachComponent({mainType: 'brush', query: payload}, function (brushModel) {
+ brushModel.setAreas(payload.areas);
+ });
+ }
+);
+
+/**
+ * payload: {
+ * brushComponents: [
+ * {
+ * brushId,
+ * brushIndex,
+ * brushName,
+ * series: [
+ * {
+ * seriesId,
+ * seriesIndex,
+ * seriesName,
+ * rawIndices: [21, 34, ...]
+ * },
+ * ...
+ * ]
+ * },
+ * ...
+ * ]
+ * }
+ */
+registerAction(
+ {type: 'brushSelect', event: 'brushSelected', update: 'none'},
+ function () {}
+);
+
+registerAction(
+ {type: 'brushEnd', event: 'brushEnd', update: 'none'},
+ function () {}
+);
+
+/*
+* 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.
+*/
+
+var brushLang = lang.toolbox.brush;
+
+function Brush(model, ecModel, api) {
+ this.model = model;
+ this.ecModel = ecModel;
+ this.api = api;
+
+ /**
+ * @private
+ * @type {string}
+ */
+ this._brushType;
+
+ /**
+ * @private
+ * @type {string}
+ */
+ this._brushMode;
+}
+
+Brush.defaultOption = {
+ show: true,
+ type: ['rect', 'polygon', 'lineX', 'lineY', 'keep', 'clear'],
+ icon: {
+ /* eslint-disable */
+ 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', // jshint ignore:line
+ 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', // jshint ignore:line
+ 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', // jshint ignore:line
+ 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', // jshint ignore:line
+ 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', // jshint ignore:line
+ 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' // jshint ignore:line
+ /* eslint-enable */
+ },
+ // `rect`, `polygon`, `lineX`, `lineY`, `keep`, `clear`
+ title: clone(brushLang.title)
+};
+
+var proto$7 = Brush.prototype;
+
+// proto.updateLayout = function (featureModel, ecModel, api) {
+/* eslint-disable */
+proto$7.render =
+/* eslint-enable */
+proto$7.updateView = function (featureModel, ecModel, api) {
+ var brushType;
+ var brushMode;
+ var isBrushed;
+
+ ecModel.eachComponent({mainType: 'brush'}, function (brushModel) {
+ brushType = brushModel.brushType;
+ brushMode = brushModel.brushOption.brushMode || 'single';
+ isBrushed |= brushModel.areas.length;
+ });
+ this._brushType = brushType;
+ this._brushMode = brushMode;
+
+ each$1(featureModel.get('type', true), function (type) {
+ featureModel.setIconStatus(
+ type,
+ (
+ type === 'keep'
+ ? brushMode === 'multiple'
+ : type === 'clear'
+ ? isBrushed
+ : type === brushType
+ ) ? 'emphasis' : 'normal'
+ );
+ });
+};
+
+proto$7.getIcons = function () {
+ var model = this.model;
+ var availableIcons = model.get('icon', true);
+ var icons = {};
+ each$1(model.get('type', true), function (type) {
+ if (availableIcons[type]) {
+ icons[type] = availableIcons[type];
+ }
+ });
+ return icons;
+};
+
+proto$7.onclick = function (ecModel, api, type) {
+ var brushType = this._brushType;
+ var brushMode = this._brushMode;
+
+ if (type === 'clear') {
+ // Trigger parallel action firstly
+ api.dispatchAction({
+ type: 'axisAreaSelect',
+ intervals: []
+ });
+
+ api.dispatchAction({
+ type: 'brush',
+ command: 'clear',
+ // Clear all areas of all brush components.
+ areas: []
+ });
+ }
+ else {
+ api.dispatchAction({
+ type: 'takeGlobalCursor',
+ key: 'brush',
+ brushOption: {
+ brushType: type === 'keep'
+ ? brushType
+ : (brushType === type ? false : type),
+ brushMode: type === 'keep'
+ ? (brushMode === 'multiple' ? 'single' : 'multiple')
+ : brushMode
+ }
+ });
+ }
+};
+
+register$1('brush', Brush);
+
+/*
+* 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.
+*/
+
+/**
+ * Brush component entry
+ */
+
+registerPreprocessor(preprocessor$1);
+
+/*
+* 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.
+*/
+
+// Model
+extendComponentModel({
+
+ type: 'title',
+
+ layoutMode: {type: 'box', ignoreSize: true},
+
+ defaultOption: {
+ // 涓�绾у眰鍙�
+ zlevel: 0,
+ // 浜岀骇灞傚彔
+ z: 6,
+ show: true,
+
+ text: '',
+ // 瓒呴摼鎺ヨ烦杞�
+ // link: null,
+ // 浠呮敮鎸乻elf | blank
+ target: 'blank',
+ subtext: '',
+
+ // 瓒呴摼鎺ヨ烦杞�
+ // sublink: null,
+ // 浠呮敮鎸乻elf | blank
+ subtarget: 'blank',
+
+ // 'center' 娄 'left' 娄 'right'
+ // 娄 {number}锛坸鍧愭爣锛屽崟浣峱x锛�
+ left: 0,
+ // 'top' 娄 'bottom' 娄 'center'
+ // 娄 {number}锛坹鍧愭爣锛屽崟浣峱x锛�
+ top: 0,
+
+ // 姘村钩瀵归綈
+ // 'auto' | 'left' | 'right' | 'center'
+ // 榛樿鏍规嵁 left 鐨勪綅缃垽鏂槸宸﹀榻愯繕鏄彸瀵归綈
+ // textAlign: null
+ //
+ // 鍨傜洿瀵归綈
+ // 'auto' | 'top' | 'bottom' | 'middle'
+ // 榛樿鏍规嵁 top 浣嶇疆鍒ゆ柇鏄笂瀵归綈杩樻槸涓嬪榻�
+ // textVerticalAlign: null
+ // textBaseline: null // The same as textVerticalAlign.
+
+ backgroundColor: 'rgba(0,0,0,0)',
+
+ // 鏍囬杈规棰滆壊
+ borderColor: '#ccc',
+
+ // 鏍囬杈规绾垮锛屽崟浣峱x锛岄粯璁や负0锛堟棤杈规锛�
+ borderWidth: 0,
+
+ // 鏍囬鍐呰竟璺濓紝鍗曚綅px锛岄粯璁ゅ悇鏂瑰悜鍐呰竟璺濅负5锛�
+ // 鎺ュ彈鏁扮粍鍒嗗埆璁惧畾涓婂彸涓嬪乏杈硅窛锛屽悓css
+ padding: 5,
+
+ // 涓诲壇鏍囬绾靛悜闂撮殧锛屽崟浣峱x锛岄粯璁や负10锛�
+ itemGap: 10,
+ textStyle: {
+ fontSize: 18,
+ fontWeight: 'bolder',
+ color: '#333'
+ },
+ subtextStyle: {
+ color: '#aaa'
+ }
+ }
+});
+
+// View
+extendComponentView({
+
+ type: 'title',
+
+ render: function (titleModel, ecModel, api) {
+ this.group.removeAll();
+
+ if (!titleModel.get('show')) {
+ return;
+ }
+
+ var group = this.group;
+
+ var textStyleModel = titleModel.getModel('textStyle');
+ var subtextStyleModel = titleModel.getModel('subtextStyle');
+
+ var textAlign = titleModel.get('textAlign');
+ var textVerticalAlign = retrieve2(
+ titleModel.get('textBaseline'), titleModel.get('textVerticalAlign')
+ );
+
+ var textEl = new Text({
+ style: setTextStyle({}, textStyleModel, {
+ text: titleModel.get('text'),
+ textFill: textStyleModel.getTextColor()
+ }, {disableBox: true}),
+ z2: 10
+ });
+
+ var textRect = textEl.getBoundingRect();
+
+ var subText = titleModel.get('subtext');
+ var subTextEl = new Text({
+ style: setTextStyle({}, subtextStyleModel, {
+ text: subText,
+ textFill: subtextStyleModel.getTextColor(),
+ y: textRect.height + titleModel.get('itemGap'),
+ textVerticalAlign: 'top'
+ }, {disableBox: true}),
+ z2: 10
+ });
+
+ var link = titleModel.get('link');
+ var sublink = titleModel.get('sublink');
+ var triggerEvent = titleModel.get('triggerEvent', true);
+
+ textEl.silent = !link && !triggerEvent;
+ subTextEl.silent = !sublink && !triggerEvent;
+
+ if (link) {
+ textEl.on('click', function () {
+ windowOpen(link, '_' + titleModel.get('target'));
+ });
+ }
+ if (sublink) {
+ subTextEl.on('click', function () {
+ windowOpen(link, '_' + titleModel.get('subtarget'));
+ });
+ }
+
+ textEl.eventData = subTextEl.eventData = triggerEvent
+ ? {
+ componentType: 'title',
+ componentIndex: titleModel.componentIndex
+ }
+ : null;
+
+ group.add(textEl);
+ subText && group.add(subTextEl);
+ // If no subText, but add subTextEl, there will be an empty line.
+
+ var groupRect = group.getBoundingRect();
+ var layoutOption = titleModel.getBoxLayoutParams();
+ layoutOption.width = groupRect.width;
+ layoutOption.height = groupRect.height;
+ var layoutRect = getLayoutRect(
+ layoutOption, {
+ width: api.getWidth(),
+ height: api.getHeight()
+ }, titleModel.get('padding')
+ );
+ // Adjust text align based on position
+ if (!textAlign) {
+ // Align left if title is on the left. center and right is same
+ textAlign = titleModel.get('left') || titleModel.get('right');
+ if (textAlign === 'middle') {
+ textAlign = 'center';
+ }
+ // Adjust layout by text align
+ if (textAlign === 'right') {
+ layoutRect.x += layoutRect.width;
+ }
+ else if (textAlign === 'center') {
+ layoutRect.x += layoutRect.width / 2;
+ }
+ }
+ if (!textVerticalAlign) {
+ textVerticalAlign = titleModel.get('top') || titleModel.get('bottom');
+ if (textVerticalAlign === 'center') {
+ textVerticalAlign = 'middle';
+ }
+ if (textVerticalAlign === 'bottom') {
+ layoutRect.y += layoutRect.height;
+ }
+ else if (textVerticalAlign === 'middle') {
+ layoutRect.y += layoutRect.height / 2;
+ }
+
+ textVerticalAlign = textVerticalAlign || 'top';
+ }
+
+ group.attr('position', [layoutRect.x, layoutRect.y]);
+ var alignStyle = {
+ textAlign: textAlign,
+ textVerticalAlign: textVerticalAlign
+ };
+ textEl.setStyle(alignStyle);
+ subTextEl.setStyle(alignStyle);
+
+ // Render background
+ // Get groupRect again because textAlign has been changed
+ groupRect = group.getBoundingRect();
+ var padding = layoutRect.margin;
+ var style = titleModel.getItemStyle(['color', 'opacity']);
+ style.fill = titleModel.get('backgroundColor');
+ var rect = new Rect({
+ shape: {
+ x: groupRect.x - padding[3],
+ y: groupRect.y - padding[0],
+ width: groupRect.width + padding[1] + padding[3],
+ height: groupRect.height + padding[0] + padding[2],
+ r: titleModel.get('borderRadius')
+ },
+ style: style,
+ subPixelOptimize: true,
+ silent: true
+ });
+
+ group.add(rect);
+ }
+});
+
+/*
+* 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.
+*/
+
+var preprocessor$2 = function (option) {
+ var timelineOpt = option && option.timeline;
+
+ if (!isArray(timelineOpt)) {
+ timelineOpt = timelineOpt ? [timelineOpt] : [];
+ }
+
+ each$1(timelineOpt, function (opt) {
+ if (!opt) {
+ return;
+ }
+
+ compatibleEC2(opt);
+ });
+};
+
+function compatibleEC2(opt) {
+ var type = opt.type;
+
+ var ec2Types = {'number': 'value', 'time': 'time'};
+
+ // Compatible with ec2
+ if (ec2Types[type]) {
+ opt.axisType = ec2Types[type];
+ delete opt.type;
+ }
+
+ transferItem(opt);
+
+ if (has$1(opt, 'controlPosition')) {
+ var controlStyle = opt.controlStyle || (opt.controlStyle = {});
+ if (!has$1(controlStyle, 'position')) {
+ controlStyle.position = opt.controlPosition;
+ }
+ if (controlStyle.position === 'none' && !has$1(controlStyle, 'show')) {
+ controlStyle.show = false;
+ delete controlStyle.position;
+ }
+ delete opt.controlPosition;
+ }
+
+ each$1(opt.data || [], function (dataItem) {
+ if (isObject$1(dataItem) && !isArray(dataItem)) {
+ if (!has$1(dataItem, 'value') && has$1(dataItem, 'name')) {
+ // In ec2, using name as value.
+ dataItem.value = dataItem.name;
+ }
+ transferItem(dataItem);
+ }
+ });
+}
+
+function transferItem(opt) {
+ var itemStyle = opt.itemStyle || (opt.itemStyle = {});
+
+ var itemStyleEmphasis = itemStyle.emphasis || (itemStyle.emphasis = {});
+
+ // Transfer label out
+ var label = opt.label || (opt.label || {});
+ var labelNormal = label.normal || (label.normal = {});
+ var excludeLabelAttr = {normal: 1, emphasis: 1};
+
+ each$1(label, function (value, name) {
+ if (!excludeLabelAttr[name] && !has$1(labelNormal, name)) {
+ labelNormal[name] = value;
+ }
+ });
+
+ if (itemStyleEmphasis.label && !has$1(label, 'emphasis')) {
+ label.emphasis = itemStyleEmphasis.label;
+ delete itemStyleEmphasis.label;
+ }
+}
+
+function has$1(obj, attr) {
+ return obj.hasOwnProperty(attr);
+}
+
+/*
+* 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.
+*/
+
+ComponentModel.registerSubTypeDefaulter('timeline', function () {
+ // Only slider now.
+ return 'slider';
+});
+
+/*
+* 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.
+*/
+
+registerAction(
+
+ {type: 'timelineChange', event: 'timelineChanged', update: 'prepareAndUpdate'},
+
+ function (payload, ecModel) {
+
+ var timelineModel = ecModel.getComponent('timeline');
+ if (timelineModel && payload.currentIndex != null) {
+ timelineModel.setCurrentIndex(payload.currentIndex);
+
+ if (!timelineModel.get('loop', true) && timelineModel.isIndexMax()) {
+ timelineModel.setPlayState(false);
+ }
+ }
+
+ // Set normalized currentIndex to payload.
+ ecModel.resetOption('timeline');
+
+ return defaults({
+ currentIndex: timelineModel.option.currentIndex
+ }, payload);
+ }
+);
+
+registerAction(
+
+ {type: 'timelinePlayChange', event: 'timelinePlayChanged', update: 'update'},
+
+ function (payload, ecModel) {
+ var timelineModel = ecModel.getComponent('timeline');
+ if (timelineModel && payload.playState != null) {
+ timelineModel.setPlayState(payload.playState);
+ }
+ }
+);
+
+/*
+* 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.
+*/
+
+var TimelineModel = ComponentModel.extend({
+
+ type: 'timeline',
+
+ layoutMode: 'box',
+
+ /**
+ * @protected
+ */
+ defaultOption: {
+
+ zlevel: 0, // 涓�绾у眰鍙�
+ z: 4, // 浜岀骇灞傚彔
+ show: true,
+
+ axisType: 'time', // 妯″紡鏄椂闂寸被鍨嬶紝鏀寔 value, category
+
+ realtime: true,
+
+ left: '20%',
+ top: null,
+ right: '20%',
+ bottom: 0,
+ width: null,
+ height: 40,
+ padding: 5,
+
+ controlPosition: 'left', // 'left' 'right' 'top' 'bottom' 'none'
+ autoPlay: false,
+ rewind: false, // 鍙嶅悜鎾斁
+ loop: true,
+ playInterval: 2000, // 鎾斁鏃堕棿闂撮殧锛屽崟浣峬s
+
+ currentIndex: 0,
+
+ itemStyle: {},
+ label: {
+ color: '#000'
+ },
+
+ data: []
+ },
+
+ /**
+ * @override
+ */
+ init: function (option, parentModel, ecModel) {
+
+ /**
+ * @private
+ * @type {module:echarts/data/List}
+ */
+ this._data;
+
+ /**
+ * @private
+ * @type {Array.<string>}
+ */
+ this._names;
+
+ this.mergeDefaultAndTheme(option, ecModel);
+ this._initData();
+ },
+
+ /**
+ * @override
+ */
+ mergeOption: function (option) {
+ TimelineModel.superApply(this, 'mergeOption', arguments);
+ this._initData();
+ },
+
+ /**
+ * @param {number} [currentIndex]
+ */
+ setCurrentIndex: function (currentIndex) {
+ if (currentIndex == null) {
+ currentIndex = this.option.currentIndex;
+ }
+ var count = this._data.count();
+
+ if (this.option.loop) {
+ currentIndex = (currentIndex % count + count) % count;
+ }
+ else {
+ currentIndex >= count && (currentIndex = count - 1);
+ currentIndex < 0 && (currentIndex = 0);
+ }
+
+ this.option.currentIndex = currentIndex;
+ },
+
+ /**
+ * @return {number} currentIndex
+ */
+ getCurrentIndex: function () {
+ return this.option.currentIndex;
+ },
+
+ /**
+ * @return {boolean}
+ */
+ isIndexMax: function () {
+ return this.getCurrentIndex() >= this._data.count() - 1;
+ },
+
+ /**
+ * @param {boolean} state true: play, false: stop
+ */
+ setPlayState: function (state) {
+ this.option.autoPlay = !!state;
+ },
+
+ /**
+ * @return {boolean} true: play, false: stop
+ */
+ getPlayState: function () {
+ return !!this.option.autoPlay;
+ },
+
+ /**
+ * @private
+ */
+ _initData: function () {
+ var thisOption = this.option;
+ var dataArr = thisOption.data || [];
+ var axisType = thisOption.axisType;
+ var names = this._names = [];
+
+ if (axisType === 'category') {
+ var idxArr = [];
+ each$1(dataArr, function (item, index) {
+ var value = getDataItemValue(item);
+ var newItem;
+
+ if (isObject$1(item)) {
+ newItem = clone(item);
+ newItem.value = index;
+ }
+ else {
+ newItem = index;
+ }
+
+ idxArr.push(newItem);
+
+ if (!isString(value) && (value == null || isNaN(value))) {
+ value = '';
+ }
+
+ names.push(value + '');
+ });
+ dataArr = idxArr;
+ }
+
+ var dimType = ({category: 'ordinal', time: 'time'})[axisType] || 'number';
+
+ var data = this._data = new List([{name: 'value', type: dimType}], this);
+
+ data.initData(dataArr, names);
+ },
+
+ getData: function () {
+ return this._data;
+ },
+
+ /**
+ * @public
+ * @return {Array.<string>} categoreis
+ */
+ getCategories: function () {
+ if (this.get('axisType') === 'category') {
+ return this._names.slice();
+ }
+ }
+
+});
+
+/*
+* 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.
+*/
+
+var SliderTimelineModel = TimelineModel.extend({
+
+ type: 'timeline.slider',
+
+ /**
+ * @protected
+ */
+ defaultOption: {
+
+ backgroundColor: 'rgba(0,0,0,0)', // 鏃堕棿杞磋儗鏅鑹�
+ borderColor: '#ccc', // 鏃堕棿杞磋竟妗嗛鑹�
+ borderWidth: 0, // 鏃堕棿杞磋竟妗嗙嚎瀹斤紝鍗曚綅px锛岄粯璁や负0锛堟棤杈规锛�
+
+ orient: 'horizontal', // 'vertical'
+ inverse: false,
+
+ tooltip: { // boolean or Object
+ trigger: 'item' // data item may also have tootip attr.
+ },
+
+ symbol: 'emptyCircle',
+ symbolSize: 10,
+
+ lineStyle: {
+ show: true,
+ width: 2,
+ color: '#304654'
+ },
+ label: { // 鏂囨湰鏍囩
+ position: 'auto', // auto left right top bottom
+ // When using number, label position is not
+ // restricted by viewRect.
+ // positive: right/bottom, negative: left/top
+ show: true,
+ interval: 'auto',
+ rotate: 0,
+ // formatter: null,
+ // 鍏朵綑灞炴�ч粯璁や娇鐢ㄥ叏灞�鏂囨湰鏍峰紡锛岃瑙乀EXTSTYLE
+ color: '#304654'
+ },
+ itemStyle: {
+ color: '#304654',
+ borderWidth: 1
+ },
+
+ checkpointStyle: {
+ symbol: 'circle',
+ symbolSize: 13,
+ color: '#c23531',
+ borderWidth: 5,
+ borderColor: 'rgba(194,53,49, 0.5)',
+ animation: true,
+ animationDuration: 300,
+ animationEasing: 'quinticInOut'
+ },
+
+ controlStyle: {
+ show: true,
+ showPlayBtn: true,
+ showPrevBtn: true,
+ showNextBtn: true,
+ itemSize: 22,
+ itemGap: 12,
+ position: 'left', // 'left' 'right' 'top' 'bottom'
+ 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', // jshint ignore:line
+ 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', // jshint ignore:line
+ nextIcon: 'path://M18.6,50.8l22.5-22.5c0.2-0.2,0.3-0.4,0.3-0.7c0-0.3-0.1-0.5-0.3-0.7L18.7,4.4c-0.1-0.1-0.2-0.3-0.2-0.5 c0-0.4,0.3-0.8,0.8-0.8c0.2,0,0.5,0.1,0.6,0.3l23.5,23.5l0,0c0.2,0.2,0.3,0.4,0.3,0.7c0,0.3-0.1,0.5-0.3,0.7l-0.1,0.1L19.7,52 c-0.1,0.1-0.3,0.2-0.5,0.2c-0.4,0-0.8-0.3-0.8-0.8C18.4,51.2,18.5,51,18.6,50.8z', // jshint ignore:line
+ prevIcon: 'path://M43,52.8L20.4,30.3c-0.2-0.2-0.3-0.4-0.3-0.7c0-0.3,0.1-0.5,0.3-0.7L42.9,6.4c0.1-0.1,0.2-0.3,0.2-0.5 c0-0.4-0.3-0.8-0.8-0.8c-0.2,0-0.5,0.1-0.6,0.3L18.3,28.8l0,0c-0.2,0.2-0.3,0.4-0.3,0.7c0,0.3,0.1,0.5,0.3,0.7l0.1,0.1L41.9,54 c0.1,0.1,0.3,0.2,0.5,0.2c0.4,0,0.8-0.3,0.8-0.8C43.2,53.2,43.1,53,43,52.8z', // jshint ignore:line
+
+ color: '#304654',
+ borderColor: '#304654',
+ borderWidth: 1
+ },
+
+ emphasis: {
+ label: {
+ show: true,
+ // 鍏朵綑灞炴�ч粯璁や娇鐢ㄥ叏灞�鏂囨湰鏍峰紡锛岃瑙乀EXTSTYLE
+ color: '#c23531'
+ },
+
+ itemStyle: {
+ color: '#c23531'
+ },
+
+ controlStyle: {
+ color: '#c23531',
+ borderColor: '#c23531',
+ borderWidth: 2
+ }
+ },
+ data: []
+ }
+
+});
+
+mixin(SliderTimelineModel, dataFormatMixin);
+
+/*
+* 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.
+*/
+
+var TimelineView = Component$1.extend({
+ type: 'timeline'
+});
+
+/*
+* 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.
+*/
+
+/**
+ * Extend axis 2d
+ * @constructor module:echarts/coord/cartesian/Axis2D
+ * @extends {module:echarts/coord/cartesian/Axis}
+ * @param {string} dim
+ * @param {*} scale
+ * @param {Array.<number>} coordExtent
+ * @param {string} axisType
+ * @param {string} position
+ */
+var TimelineAxis = function (dim, scale, coordExtent, axisType) {
+
+ Axis.call(this, dim, scale, coordExtent);
+
+ /**
+ * Axis type
+ * - 'category'
+ * - 'value'
+ * - 'time'
+ * - 'log'
+ * @type {string}
+ */
+ this.type = axisType || 'value';
+
+ /**
+ * Axis model
+ * @param {module:echarts/component/TimelineModel}
+ */
+ this.model = null;
+};
+
+TimelineAxis.prototype = {
+
+ constructor: TimelineAxis,
+
+ /**
+ * @override
+ */
+ getLabelModel: function () {
+ return this.model.getModel('label');
+ },
+
+ /**
+ * @override
+ */
+ isHorizontal: function () {
+ return this.model.get('orient') === 'horizontal';
+ }
+
+};
+
+inherits(TimelineAxis, Axis);
+
+/*
+* 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.
+*/
+
+var bind$4 = bind;
+var each$24 = each$1;
+
+var PI$5 = Math.PI;
+
+TimelineView.extend({
+
+ type: 'timeline.slider',
+
+ init: function (ecModel, api) {
+
+ this.api = api;
+
+ /**
+ * @private
+ * @type {module:echarts/component/timeline/TimelineAxis}
+ */
+ this._axis;
+
+ /**
+ * @private
+ * @type {module:zrender/core/BoundingRect}
+ */
+ this._viewRect;
+
+ /**
+ * @type {number}
+ */
+ this._timer;
+
+ /**
+ * @type {module:zrender/Element}
+ */
+ this._currentPointer;
+
+ /**
+ * @type {module:zrender/container/Group}
+ */
+ this._mainGroup;
+
+ /**
+ * @type {module:zrender/container/Group}
+ */
+ this._labelGroup;
+ },
+
+ /**
+ * @override
+ */
+ render: function (timelineModel, ecModel, api, payload) {
+ this.model = timelineModel;
+ this.api = api;
+ this.ecModel = ecModel;
+
+ this.group.removeAll();
+
+ if (timelineModel.get('show', true)) {
+
+ var layoutInfo = this._layout(timelineModel, api);
+ var mainGroup = this._createGroup('mainGroup');
+ var labelGroup = this._createGroup('labelGroup');
+
+ /**
+ * @private
+ * @type {module:echarts/component/timeline/TimelineAxis}
+ */
+ var axis = this._axis = this._createAxis(layoutInfo, timelineModel);
+
+ timelineModel.formatTooltip = function (dataIndex) {
+ return encodeHTML(axis.scale.getLabel(dataIndex));
+ };
+
+ each$24(
+ ['AxisLine', 'AxisTick', 'Control', 'CurrentPointer'],
+ function (name) {
+ this['_render' + name](layoutInfo, mainGroup, axis, timelineModel);
+ },
+ this
+ );
+
+ this._renderAxisLabel(layoutInfo, labelGroup, axis, timelineModel);
+ this._position(layoutInfo, timelineModel);
+ }
+
+ this._doPlayStop();
+ },
+
+ /**
+ * @override
+ */
+ remove: function () {
+ this._clearTimer();
+ this.group.removeAll();
+ },
+
+ /**
+ * @override
+ */
+ dispose: function () {
+ this._clearTimer();
+ },
+
+ _layout: function (timelineModel, api) {
+ var labelPosOpt = timelineModel.get('label.position');
+ var orient = timelineModel.get('orient');
+ var viewRect = getViewRect$5(timelineModel, api);
+ // Auto label offset.
+ if (labelPosOpt == null || labelPosOpt === 'auto') {
+ labelPosOpt = orient === 'horizontal'
+ ? ((viewRect.y + viewRect.height / 2) < api.getHeight() / 2 ? '-' : '+')
+ : ((viewRect.x + viewRect.width / 2) < api.getWidth() / 2 ? '+' : '-');
+ }
+ else if (isNaN(labelPosOpt)) {
+ labelPosOpt = ({
+ horizontal: {top: '-', bottom: '+'},
+ vertical: {left: '-', right: '+'}
+ })[orient][labelPosOpt];
+ }
+
+ var labelAlignMap = {
+ horizontal: 'center',
+ vertical: (labelPosOpt >= 0 || labelPosOpt === '+') ? 'left' : 'right'
+ };
+
+ var labelBaselineMap = {
+ horizontal: (labelPosOpt >= 0 || labelPosOpt === '+') ? 'top' : 'bottom',
+ vertical: 'middle'
+ };
+ var rotationMap = {
+ horizontal: 0,
+ vertical: PI$5 / 2
+ };
+
+ // Position
+ var mainLength = orient === 'vertical' ? viewRect.height : viewRect.width;
+
+ var controlModel = timelineModel.getModel('controlStyle');
+ var showControl = controlModel.get('show', true);
+ var controlSize = showControl ? controlModel.get('itemSize') : 0;
+ var controlGap = showControl ? controlModel.get('itemGap') : 0;
+ var sizePlusGap = controlSize + controlGap;
+
+ // Special label rotate.
+ var labelRotation = timelineModel.get('label.rotate') || 0;
+ labelRotation = labelRotation * PI$5 / 180; // To radian.
+
+ var playPosition;
+ var prevBtnPosition;
+ var nextBtnPosition;
+ var axisExtent;
+ var controlPosition = controlModel.get('position', true);
+ var showPlayBtn = showControl && controlModel.get('showPlayBtn', true);
+ var showPrevBtn = showControl && controlModel.get('showPrevBtn', true);
+ var showNextBtn = showControl && controlModel.get('showNextBtn', true);
+ var xLeft = 0;
+ var xRight = mainLength;
+
+ // position[0] means left, position[1] means middle.
+ if (controlPosition === 'left' || controlPosition === 'bottom') {
+ showPlayBtn && (playPosition = [0, 0], xLeft += sizePlusGap);
+ showPrevBtn && (prevBtnPosition = [xLeft, 0], xLeft += sizePlusGap);
+ showNextBtn && (nextBtnPosition = [xRight - controlSize, 0], xRight -= sizePlusGap);
+ }
+ else { // 'top' 'right'
+ showPlayBtn && (playPosition = [xRight - controlSize, 0], xRight -= sizePlusGap);
+ showPrevBtn && (prevBtnPosition = [0, 0], xLeft += sizePlusGap);
+ showNextBtn && (nextBtnPosition = [xRight - controlSize, 0], xRight -= sizePlusGap);
+ }
+ axisExtent = [xLeft, xRight];
+
+ if (timelineModel.get('inverse')) {
+ axisExtent.reverse();
+ }
+
+ return {
+ viewRect: viewRect,
+ mainLength: mainLength,
+ orient: orient,
+
+ rotation: rotationMap[orient],
+ labelRotation: labelRotation,
+ labelPosOpt: labelPosOpt,
+ labelAlign: timelineModel.get('label.align') || labelAlignMap[orient],
+ labelBaseline: timelineModel.get('label.verticalAlign')
+ || timelineModel.get('label.baseline')
+ || labelBaselineMap[orient],
+
+ // Based on mainGroup.
+ playPosition: playPosition,
+ prevBtnPosition: prevBtnPosition,
+ nextBtnPosition: nextBtnPosition,
+ axisExtent: axisExtent,
+
+ controlSize: controlSize,
+ controlGap: controlGap
+ };
+ },
+
+ _position: function (layoutInfo, timelineModel) {
+ // Position is be called finally, because bounding rect is needed for
+ // adapt content to fill viewRect (auto adapt offset).
+
+ // Timeline may be not all in the viewRect when 'offset' is specified
+ // as a number, because it is more appropriate that label aligns at
+ // 'offset' but not the other edge defined by viewRect.
+
+ var mainGroup = this._mainGroup;
+ var labelGroup = this._labelGroup;
+
+ var viewRect = layoutInfo.viewRect;
+ if (layoutInfo.orient === 'vertical') {
+ // transform to horizontal, inverse rotate by left-top point.
+ var m = create$1();
+ var rotateOriginX = viewRect.x;
+ var rotateOriginY = viewRect.y + viewRect.height;
+ translate(m, m, [-rotateOriginX, -rotateOriginY]);
+ rotate(m, m, -PI$5 / 2);
+ translate(m, m, [rotateOriginX, rotateOriginY]);
+ viewRect = viewRect.clone();
+ viewRect.applyTransform(m);
+ }
+
+ var viewBound = getBound(viewRect);
+ var mainBound = getBound(mainGroup.getBoundingRect());
+ var labelBound = getBound(labelGroup.getBoundingRect());
+
+ var mainPosition = mainGroup.position;
+ var labelsPosition = labelGroup.position;
+
+ labelsPosition[0] = mainPosition[0] = viewBound[0][0];
+
+ var labelPosOpt = layoutInfo.labelPosOpt;
+
+ if (isNaN(labelPosOpt)) { // '+' or '-'
+ var mainBoundIdx = labelPosOpt === '+' ? 0 : 1;
+ toBound(mainPosition, mainBound, viewBound, 1, mainBoundIdx);
+ toBound(labelsPosition, labelBound, viewBound, 1, 1 - mainBoundIdx);
+ }
+ else {
+ var mainBoundIdx = labelPosOpt >= 0 ? 0 : 1;
+ toBound(mainPosition, mainBound, viewBound, 1, mainBoundIdx);
+ labelsPosition[1] = mainPosition[1] + labelPosOpt;
+ }
+
+ mainGroup.attr('position', mainPosition);
+ labelGroup.attr('position', labelsPosition);
+ mainGroup.rotation = labelGroup.rotation = layoutInfo.rotation;
+
+ setOrigin(mainGroup);
+ setOrigin(labelGroup);
+
+ function setOrigin(targetGroup) {
+ var pos = targetGroup.position;
+ targetGroup.origin = [
+ viewBound[0][0] - pos[0],
+ viewBound[1][0] - pos[1]
+ ];
+ }
+
+ function getBound(rect) {
+ // [[xmin, xmax], [ymin, ymax]]
+ return [
+ [rect.x, rect.x + rect.width],
+ [rect.y, rect.y + rect.height]
+ ];
+ }
+
+ function toBound(fromPos, from, to, dimIdx, boundIdx) {
+ fromPos[dimIdx] += to[dimIdx][boundIdx] - from[dimIdx][boundIdx];
+ }
+ },
+
+ _createAxis: function (layoutInfo, timelineModel) {
+ var data = timelineModel.getData();
+ var axisType = timelineModel.get('axisType');
+
+ var scale = createScaleByModel(timelineModel, axisType);
+
+ // Customize scale. The `tickValue` is `dataIndex`.
+ scale.getTicks = function () {
+ return data.mapArray(['value'], function (value) {
+ return value;
+ });
+ };
+
+ var dataExtent = data.getDataExtent('value');
+ scale.setExtent(dataExtent[0], dataExtent[1]);
+ scale.niceTicks();
+
+ var axis = new TimelineAxis('value', scale, layoutInfo.axisExtent, axisType);
+ axis.model = timelineModel;
+
+ return axis;
+ },
+
+ _createGroup: function (name) {
+ var newGroup = this['_' + name] = new Group();
+ this.group.add(newGroup);
+ return newGroup;
+ },
+
+ _renderAxisLine: function (layoutInfo, group, axis, timelineModel) {
+ var axisExtent = axis.getExtent();
+
+ if (!timelineModel.get('lineStyle.show')) {
+ return;
+ }
+
+ group.add(new Line({
+ shape: {
+ x1: axisExtent[0], y1: 0,
+ x2: axisExtent[1], y2: 0
+ },
+ style: extend(
+ {lineCap: 'round'},
+ timelineModel.getModel('lineStyle').getLineStyle()
+ ),
+ silent: true,
+ z2: 1
+ }));
+ },
+
+ /**
+ * @private
+ */
+ _renderAxisTick: function (layoutInfo, group, axis, timelineModel) {
+ var data = timelineModel.getData();
+ // Show all ticks, despite ignoring strategy.
+ var ticks = axis.scale.getTicks();
+
+ // The value is dataIndex, see the costomized scale.
+ each$24(ticks, function (value) {
+ var tickCoord = axis.dataToCoord(value);
+ var itemModel = data.getItemModel(value);
+ var itemStyleModel = itemModel.getModel('itemStyle');
+ var hoverStyleModel = itemModel.getModel('emphasis.itemStyle');
+ var symbolOpt = {
+ position: [tickCoord, 0],
+ onclick: bind$4(this._changeTimeline, this, value)
+ };
+ var el = giveSymbol(itemModel, itemStyleModel, group, symbolOpt);
+ setHoverStyle(el, hoverStyleModel.getItemStyle());
+
+ if (itemModel.get('tooltip')) {
+ el.dataIndex = value;
+ el.dataModel = timelineModel;
+ }
+ else {
+ el.dataIndex = el.dataModel = null;
+ }
+
+ }, this);
+ },
+
+ /**
+ * @private
+ */
+ _renderAxisLabel: function (layoutInfo, group, axis, timelineModel) {
+ var labelModel = axis.getLabelModel();
+
+ if (!labelModel.get('show')) {
+ return;
+ }
+
+ var data = timelineModel.getData();
+ var labels = axis.getViewLabels();
+
+ each$24(labels, function (labelItem) {
+ // The tickValue is dataIndex, see the costomized scale.
+ var dataIndex = labelItem.tickValue;
+
+ var itemModel = data.getItemModel(dataIndex);
+ var normalLabelModel = itemModel.getModel('label');
+ var hoverLabelModel = itemModel.getModel('emphasis.label');
+ var tickCoord = axis.dataToCoord(labelItem.tickValue);
+ var textEl = new Text({
+ position: [tickCoord, 0],
+ rotation: layoutInfo.labelRotation - layoutInfo.rotation,
+ onclick: bind$4(this._changeTimeline, this, dataIndex),
+ silent: false
+ });
+ setTextStyle(textEl.style, normalLabelModel, {
+ text: labelItem.formattedLabel,
+ textAlign: layoutInfo.labelAlign,
+ textVerticalAlign: layoutInfo.labelBaseline
+ });
+
+ group.add(textEl);
+ setHoverStyle(
+ textEl, setTextStyle({}, hoverLabelModel)
+ );
+
+ }, this);
+ },
+
+ /**
+ * @private
+ */
+ _renderControl: function (layoutInfo, group, axis, timelineModel) {
+ var controlSize = layoutInfo.controlSize;
+ var rotation = layoutInfo.rotation;
+
+ var itemStyle = timelineModel.getModel('controlStyle').getItemStyle();
+ var hoverStyle = timelineModel.getModel('emphasis.controlStyle').getItemStyle();
+ var rect = [0, -controlSize / 2, controlSize, controlSize];
+ var playState = timelineModel.getPlayState();
+ var inverse = timelineModel.get('inverse', true);
+
+ makeBtn(
+ layoutInfo.nextBtnPosition,
+ 'controlStyle.nextIcon',
+ bind$4(this._changeTimeline, this, inverse ? '-' : '+')
+ );
+ makeBtn(
+ layoutInfo.prevBtnPosition,
+ 'controlStyle.prevIcon',
+ bind$4(this._changeTimeline, this, inverse ? '+' : '-')
+ );
+ makeBtn(
+ layoutInfo.playPosition,
+ 'controlStyle.' + (playState ? 'stopIcon' : 'playIcon'),
+ bind$4(this._handlePlayClick, this, !playState),
+ true
+ );
+
+ function makeBtn(position, iconPath, onclick, willRotate) {
+ if (!position) {
+ return;
+ }
+ var opt = {
+ position: position,
+ origin: [controlSize / 2, 0],
+ rotation: willRotate ? -rotation : 0,
+ rectHover: true,
+ style: itemStyle,
+ onclick: onclick
+ };
+ var btn = makeIcon(timelineModel, iconPath, rect, opt);
+ group.add(btn);
+ setHoverStyle(btn, hoverStyle);
+ }
+ },
+
+ _renderCurrentPointer: function (layoutInfo, group, axis, timelineModel) {
+ var data = timelineModel.getData();
+ var currentIndex = timelineModel.getCurrentIndex();
+ var pointerModel = data.getItemModel(currentIndex).getModel('checkpointStyle');
+ var me = this;
+
+ var callback = {
+ onCreate: function (pointer) {
+ pointer.draggable = true;
+ pointer.drift = bind$4(me._handlePointerDrag, me);
+ pointer.ondragend = bind$4(me._handlePointerDragend, me);
+ pointerMoveTo(pointer, currentIndex, axis, timelineModel, true);
+ },
+ onUpdate: function (pointer) {
+ pointerMoveTo(pointer, currentIndex, axis, timelineModel);
+ }
+ };
+
+ // Reuse when exists, for animation and drag.
+ this._currentPointer = giveSymbol(
+ pointerModel, pointerModel, this._mainGroup, {}, this._currentPointer, callback
+ );
+ },
+
+ _handlePlayClick: function (nextState) {
+ this._clearTimer();
+ this.api.dispatchAction({
+ type: 'timelinePlayChange',
+ playState: nextState,
+ from: this.uid
+ });
+ },
+
+ _handlePointerDrag: function (dx, dy, e) {
+ this._clearTimer();
+ this._pointerChangeTimeline([e.offsetX, e.offsetY]);
+ },
+
+ _handlePointerDragend: function (e) {
+ this._pointerChangeTimeline([e.offsetX, e.offsetY], true);
+ },
+
+ _pointerChangeTimeline: function (mousePos, trigger) {
+ var toCoord = this._toAxisCoord(mousePos)[0];
+
+ var axis = this._axis;
+ var axisExtent = asc(axis.getExtent().slice());
+
+ toCoord > axisExtent[1] && (toCoord = axisExtent[1]);
+ toCoord < axisExtent[0] && (toCoord = axisExtent[0]);
+
+ this._currentPointer.position[0] = toCoord;
+ this._currentPointer.dirty();
+
+ var targetDataIndex = this._findNearestTick(toCoord);
+ var timelineModel = this.model;
+
+ if (trigger || (
+ targetDataIndex !== timelineModel.getCurrentIndex()
+ && timelineModel.get('realtime')
+ )) {
+ this._changeTimeline(targetDataIndex);
+ }
+ },
+
+ _doPlayStop: function () {
+ this._clearTimer();
+
+ if (this.model.getPlayState()) {
+ this._timer = setTimeout(
+ bind$4(handleFrame, this),
+ this.model.get('playInterval')
+ );
+ }
+
+ function handleFrame() {
+ // Do not cache
+ var timelineModel = this.model;
+ this._changeTimeline(
+ timelineModel.getCurrentIndex()
+ + (timelineModel.get('rewind', true) ? -1 : 1)
+ );
+ }
+ },
+
+ _toAxisCoord: function (vertex) {
+ var trans = this._mainGroup.getLocalTransform();
+ return applyTransform$1(vertex, trans, true);
+ },
+
+ _findNearestTick: function (axisCoord) {
+ var data = this.model.getData();
+ var dist = Infinity;
+ var targetDataIndex;
+ var axis = this._axis;
+
+ data.each(['value'], function (value, dataIndex) {
+ var coord = axis.dataToCoord(value);
+ var d = Math.abs(coord - axisCoord);
+ if (d < dist) {
+ dist = d;
+ targetDataIndex = dataIndex;
+ }
+ });
+
+ return targetDataIndex;
+ },
+
+ _clearTimer: function () {
+ if (this._timer) {
+ clearTimeout(this._timer);
+ this._timer = null;
+ }
+ },
+
+ _changeTimeline: function (nextIndex) {
+ var currentIndex = this.model.getCurrentIndex();
+
+ if (nextIndex === '+') {
+ nextIndex = currentIndex + 1;
+ }
+ else if (nextIndex === '-') {
+ nextIndex = currentIndex - 1;
+ }
+
+ this.api.dispatchAction({
+ type: 'timelineChange',
+ currentIndex: nextIndex,
+ from: this.uid
+ });
+ }
+
+});
+
+function getViewRect$5(model, api) {
+ return getLayoutRect(
+ model.getBoxLayoutParams(),
+ {
+ width: api.getWidth(),
+ height: api.getHeight()
+ },
+ model.get('padding')
+ );
+}
+
+function makeIcon(timelineModel, objPath, rect, opts) {
+ var icon = makePath(
+ timelineModel.get(objPath).replace(/^path:\/\//, ''),
+ clone(opts || {}),
+ new BoundingRect(rect[0], rect[1], rect[2], rect[3]),
+ 'center'
+ );
+
+ return icon;
+}
+
+/**
+ * Create symbol or update symbol
+ * opt: basic position and event handlers
+ */
+function giveSymbol(hostModel, itemStyleModel, group, opt, symbol, callback) {
+ var color = itemStyleModel.get('color');
+
+ if (!symbol) {
+ var symbolType = hostModel.get('symbol');
+ symbol = createSymbol(symbolType, -1, -1, 2, 2, color);
+ symbol.setStyle('strokeNoScale', true);
+ group.add(symbol);
+ callback && callback.onCreate(symbol);
+ }
+ else {
+ symbol.setColor(color);
+ group.add(symbol); // Group may be new, also need to add.
+ callback && callback.onUpdate(symbol);
+ }
+
+ // Style
+ var itemStyle = itemStyleModel.getItemStyle(['color', 'symbol', 'symbolSize']);
+ symbol.setStyle(itemStyle);
+
+ // Transform and events.
+ opt = merge({
+ rectHover: true,
+ z2: 100
+ }, opt, true);
+
+ var symbolSize = hostModel.get('symbolSize');
+ symbolSize = symbolSize instanceof Array
+ ? symbolSize.slice()
+ : [+symbolSize, +symbolSize];
+ symbolSize[0] /= 2;
+ symbolSize[1] /= 2;
+ opt.scale = symbolSize;
+
+ var symbolOffset = hostModel.get('symbolOffset');
+ if (symbolOffset) {
+ var pos = opt.position = opt.position || [0, 0];
+ pos[0] += parsePercent$1(symbolOffset[0], symbolSize[0]);
+ pos[1] += parsePercent$1(symbolOffset[1], symbolSize[1]);
+ }
+
+ var symbolRotate = hostModel.get('symbolRotate');
+ opt.rotation = (symbolRotate || 0) * Math.PI / 180 || 0;
+
+ symbol.attr(opt);
+
+ // FIXME
+ // (1) When symbol.style.strokeNoScale is true and updateTransform is not performed,
+ // getBoundingRect will return wrong result.
+ // (This is supposed to be resolved in zrender, but it is a little difficult to
+ // leverage performance and auto updateTransform)
+ // (2) All of ancesters of symbol do not scale, so we can just updateTransform symbol.
+ symbol.updateTransform();
+
+ return symbol;
+}
+
+function pointerMoveTo(pointer, dataIndex, axis, timelineModel, noAnimation) {
+ if (pointer.dragging) {
+ return;
+ }
+
+ var pointerModel = timelineModel.getModel('checkpointStyle');
+ var toCoord = axis.dataToCoord(timelineModel.getData().get(['value'], dataIndex));
+
+ if (noAnimation || !pointerModel.get('animation', true)) {
+ pointer.attr({position: [toCoord, 0]});
+ }
+ else {
+ pointer.stopAnimation(true);
+ pointer.animateTo(
+ {position: [toCoord, 0]},
+ pointerModel.get('animationDuration', true),
+ pointerModel.get('animationEasing', true)
+ );
+ }
+}
+
+/*
+* 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.
+*/
+
+/**
+ * DataZoom component entry
+ */
+
+registerPreprocessor(preprocessor$2);
+
+/*
+* 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.
+*/
+
+var addCommas$1 = addCommas;
+var encodeHTML$1 = encodeHTML;
+
+function fillLabel(opt) {
+ defaultEmphasis(opt, 'label', ['show']);
+}
+var MarkerModel = extendComponentModel({
+
+ type: 'marker',
+
+ dependencies: ['series', 'grid', 'polar', 'geo'],
+
+ /**
+ * @overrite
+ */
+ init: function (option, parentModel, ecModel) {
+
+ if (__DEV__) {
+ if (this.type === 'marker') {
+ throw new Error('Marker component is abstract component. Use markLine, markPoint, markArea instead.');
+ }
+ }
+ this.mergeDefaultAndTheme(option, ecModel);
+ this._mergeOption(option, ecModel, false, true);
+ },
+
+ /**
+ * @return {boolean}
+ */
+ isAnimationEnabled: function () {
+ if (env$1.node) {
+ return false;
+ }
+
+ var hostSeries = this.__hostSeries;
+ return this.getShallow('animation') && hostSeries && hostSeries.isAnimationEnabled();
+ },
+
+ /**
+ * @overrite
+ */
+ mergeOption: function (newOpt, ecModel) {
+ this._mergeOption(newOpt, ecModel, false, false);
+ },
+
+ _mergeOption: function (newOpt, ecModel, createdBySelf, isInit) {
+ var MarkerModel = this.constructor;
+ var modelPropName = this.mainType + 'Model';
+ if (!createdBySelf) {
+ ecModel.eachSeries(function (seriesModel) {
+
+ var markerOpt = seriesModel.get(this.mainType, true);
+
+ var markerModel = seriesModel[modelPropName];
+ if (!markerOpt || !markerOpt.data) {
+ seriesModel[modelPropName] = null;
+ return;
+ }
+ if (!markerModel) {
+ if (isInit) {
+ // Default label emphasis `position` and `show`
+ fillLabel(markerOpt);
+ }
+ each$1(markerOpt.data, function (item) {
+ // FIXME Overwrite fillLabel method ?
+ if (item instanceof Array) {
+ fillLabel(item[0]);
+ fillLabel(item[1]);
+ }
+ else {
+ fillLabel(item);
+ }
+ });
+
+ markerModel = new MarkerModel(
+ markerOpt, this, ecModel
+ );
+
+ extend(markerModel, {
+ mainType: this.mainType,
+ // Use the same series index and name
+ seriesIndex: seriesModel.seriesIndex,
+ name: seriesModel.name,
+ createdBySelf: true
+ });
+
+ markerModel.__hostSeries = seriesModel;
+ }
+ else {
+ markerModel._mergeOption(markerOpt, ecModel, true);
+ }
+ seriesModel[modelPropName] = markerModel;
+ }, this);
+ }
+ },
+
+ formatTooltip: function (dataIndex) {
+ var data = this.getData();
+ var value = this.getRawValue(dataIndex);
+ var formattedValue = isArray(value)
+ ? map(value, addCommas$1).join(', ') : addCommas$1(value);
+ var name = data.getName(dataIndex);
+ var html = encodeHTML$1(this.name);
+ if (value != null || name) {
+ html += '<br />';
+ }
+ if (name) {
+ html += encodeHTML$1(name);
+ if (value != null) {
+ html += ' : ';
+ }
+ }
+ if (value != null) {
+ html += encodeHTML$1(formattedValue);
+ }
+ return html;
+ },
+
+ getData: function () {
+ return this._data;
+ },
+
+ setData: function (data) {
+ this._data = data;
+ }
+});
+
+mixin(MarkerModel, dataFormatMixin);
+
+/*
+* 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.
+*/
+
+MarkerModel.extend({
+
+ type: 'markPoint',
+
+ defaultOption: {
+ zlevel: 0,
+ z: 5,
+ symbol: 'pin',
+ symbolSize: 50,
+ //symbolRotate: 0,
+ //symbolOffset: [0, 0]
+ tooltip: {
+ trigger: 'item'
+ },
+ label: {
+ show: true,
+ position: 'inside'
+ },
+ itemStyle: {
+ borderWidth: 2
+ },
+ emphasis: {
+ label: {
+ show: true
+ }
+ }
+ }
+});
+
+/*
+* 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.
+*/
+
+var indexOf$2 = indexOf;
+
+function hasXOrY(item) {
+ return !(isNaN(parseFloat(item.x)) && isNaN(parseFloat(item.y)));
+}
+
+function hasXAndY(item) {
+ return !isNaN(parseFloat(item.x)) && !isNaN(parseFloat(item.y));
+}
+
+// Make it simple, do not visit all stacked value to count precision.
+// function getPrecision(data, valueAxisDim, dataIndex) {
+// var precision = -1;
+// var stackedDim = data.mapDimension(valueAxisDim);
+// do {
+// precision = Math.max(
+// numberUtil.getPrecision(data.get(stackedDim, dataIndex)),
+// precision
+// );
+// var stackedOnSeries = data.getCalculationInfo('stackedOnSeries');
+// if (stackedOnSeries) {
+// var byValue = data.get(data.getCalculationInfo('stackedByDimension'), dataIndex);
+// data = stackedOnSeries.getData();
+// dataIndex = data.indexOf(data.getCalculationInfo('stackedByDimension'), byValue);
+// stackedDim = data.getCalculationInfo('stackedDimension');
+// }
+// else {
+// data = null;
+// }
+// } while (data);
+
+// return precision;
+// }
+
+function markerTypeCalculatorWithExtent(
+ mlType, data, otherDataDim, targetDataDim, otherCoordIndex, targetCoordIndex
+) {
+ var coordArr = [];
+
+ var stacked = isDimensionStacked(data, targetDataDim /*, otherDataDim*/);
+ var calcDataDim = stacked
+ ? data.getCalculationInfo('stackResultDimension')
+ : targetDataDim;
+
+ var value = numCalculate(data, calcDataDim, mlType);
+
+ var dataIndex = data.indicesOfNearest(calcDataDim, value)[0];
+ coordArr[otherCoordIndex] = data.get(otherDataDim, dataIndex);
+ coordArr[targetCoordIndex] = data.get(calcDataDim, dataIndex);
+ var coordArrValue = data.get(targetDataDim, dataIndex);
+ // Make it simple, do not visit all stacked value to count precision.
+ var precision = getPrecision(data.get(targetDataDim, dataIndex));
+ precision = Math.min(precision, 20);
+ if (precision >= 0) {
+ coordArr[targetCoordIndex] = +coordArr[targetCoordIndex].toFixed(precision);
+ }
+
+ return [coordArr, coordArrValue];
+}
+
+var curry$5 = curry;
+// TODO Specified percent
+var markerTypeCalculator = {
+ /**
+ * @method
+ * @param {module:echarts/data/List} data
+ * @param {string} baseAxisDim
+ * @param {string} valueAxisDim
+ */
+ min: curry$5(markerTypeCalculatorWithExtent, 'min'),
+ /**
+ * @method
+ * @param {module:echarts/data/List} data
+ * @param {string} baseAxisDim
+ * @param {string} valueAxisDim
+ */
+ max: curry$5(markerTypeCalculatorWithExtent, 'max'),
+
+ /**
+ * @method
+ * @param {module:echarts/data/List} data
+ * @param {string} baseAxisDim
+ * @param {string} valueAxisDim
+ */
+ average: curry$5(markerTypeCalculatorWithExtent, 'average')
+};
+
+/**
+ * Transform markPoint data item to format used in List by do the following
+ * 1. Calculate statistic like `max`, `min`, `average`
+ * 2. Convert `item.xAxis`, `item.yAxis` to `item.coord` array
+ * @param {module:echarts/model/Series} seriesModel
+ * @param {module:echarts/coord/*} [coordSys]
+ * @param {Object} item
+ * @return {Object}
+ */
+function dataTransform(seriesModel, item) {
+ var data = seriesModel.getData();
+ var coordSys = seriesModel.coordinateSystem;
+
+ // 1. If not specify the position with pixel directly
+ // 2. If `coord` is not a data array. Which uses `xAxis`,
+ // `yAxis` to specify the coord on each dimension
+
+ // parseFloat first because item.x and item.y can be percent string like '20%'
+ if (item && !hasXAndY(item) && !isArray(item.coord) && coordSys) {
+ var dims = coordSys.dimensions;
+ var axisInfo = getAxisInfo$1(item, data, coordSys, seriesModel);
+
+ // Clone the option
+ // Transform the properties xAxis, yAxis, radiusAxis, angleAxis, geoCoord to value
+ item = clone(item);
+
+ if (item.type
+ && markerTypeCalculator[item.type]
+ && axisInfo.baseAxis && axisInfo.valueAxis
+ ) {
+ var otherCoordIndex = indexOf$2(dims, axisInfo.baseAxis.dim);
+ var targetCoordIndex = indexOf$2(dims, axisInfo.valueAxis.dim);
+
+ var coordInfo = markerTypeCalculator[item.type](
+ data, axisInfo.baseDataDim, axisInfo.valueDataDim,
+ otherCoordIndex, targetCoordIndex
+ );
+ item.coord = coordInfo[0];
+ // Force to use the value of calculated value.
+ // let item use the value without stack.
+ item.value = coordInfo[1];
+
+ }
+ else {
+ // FIXME Only has one of xAxis and yAxis.
+ var coord = [
+ item.xAxis != null ? item.xAxis : item.radiusAxis,
+ item.yAxis != null ? item.yAxis : item.angleAxis
+ ];
+ // Each coord support max, min, average
+ for (var i = 0; i < 2; i++) {
+ if (markerTypeCalculator[coord[i]]) {
+ coord[i] = numCalculate(data, data.mapDimension(dims[i]), coord[i]);
+ }
+ }
+ item.coord = coord;
+ }
+ }
+ return item;
+}
+
+function getAxisInfo$1(item, data, coordSys, seriesModel) {
+ var ret = {};
+
+ if (item.valueIndex != null || item.valueDim != null) {
+ ret.valueDataDim = item.valueIndex != null
+ ? data.getDimension(item.valueIndex) : item.valueDim;
+ ret.valueAxis = coordSys.getAxis(dataDimToCoordDim(seriesModel, ret.valueDataDim));
+ ret.baseAxis = coordSys.getOtherAxis(ret.valueAxis);
+ ret.baseDataDim = data.mapDimension(ret.baseAxis.dim);
+ }
+ else {
+ ret.baseAxis = seriesModel.getBaseAxis();
+ ret.valueAxis = coordSys.getOtherAxis(ret.baseAxis);
+ ret.baseDataDim = data.mapDimension(ret.baseAxis.dim);
+ ret.valueDataDim = data.mapDimension(ret.valueAxis.dim);
+ }
+
+ return ret;
+}
+
+function dataDimToCoordDim(seriesModel, dataDim) {
+ var data = seriesModel.getData();
+ var dimensions = data.dimensions;
+ dataDim = data.getDimension(dataDim);
+ for (var i = 0; i < dimensions.length; i++) {
+ var dimItem = data.getDimensionInfo(dimensions[i]);
+ if (dimItem.name === dataDim) {
+ return dimItem.coordDim;
+ }
+ }
+}
+
+/**
+ * Filter data which is out of coordinateSystem range
+ * [dataFilter description]
+ * @param {module:echarts/coord/*} [coordSys]
+ * @param {Object} item
+ * @return {boolean}
+ */
+function dataFilter$1(coordSys, item) {
+ // Alwalys return true if there is no coordSys
+ return (coordSys && coordSys.containData && item.coord && !hasXOrY(item))
+ ? coordSys.containData(item.coord) : true;
+}
+
+function dimValueGetter(item, dimName, dataIndex, dimIndex) {
+ // x, y, radius, angle
+ if (dimIndex < 2) {
+ return item.coord && item.coord[dimIndex];
+ }
+ return item.value;
+}
+
+function numCalculate(data, valueDataDim, type) {
+ if (type === 'average') {
+ var sum = 0;
+ var count = 0;
+ data.each(valueDataDim, function (val, idx) {
+ if (!isNaN(val)) {
+ sum += val;
+ count++;
+ }
+ });
+ return sum / count;
+ }
+ else if (type === 'median') {
+ return data.getMedian(valueDataDim);
+ }
+ else {
+ // max & min
+ return data.getDataExtent(valueDataDim, true)[type === 'max' ? 1 : 0];
+ }
+}
+
+/*
+* 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.
+*/
+
+var MarkerView = extendComponentView({
+
+ type: 'marker',
+
+ init: function () {
+ /**
+ * Markline grouped by series
+ * @private
+ * @type {module:zrender/core/util.HashMap}
+ */
+ this.markerGroupMap = createHashMap();
+ },
+
+ render: function (markerModel, ecModel, api) {
+ var markerGroupMap = this.markerGroupMap;
+ markerGroupMap.each(function (item) {
+ item.__keep = false;
+ });
+
+ var markerModelKey = this.type + 'Model';
+ ecModel.eachSeries(function (seriesModel) {
+ var markerModel = seriesModel[markerModelKey];
+ markerModel && this.renderSeries(seriesModel, markerModel, ecModel, api);
+ }, this);
+
+ markerGroupMap.each(function (item) {
+ !item.__keep && this.group.remove(item.group);
+ }, this);
+ },
+
+ renderSeries: function () {}
+});
+
+/*
+* 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 updateMarkerLayout(mpData, seriesModel, api) {
+ var coordSys = seriesModel.coordinateSystem;
+ mpData.each(function (idx) {
+ var itemModel = mpData.getItemModel(idx);
+ var point;
+ var xPx = parsePercent$1(itemModel.get('x'), api.getWidth());
+ var yPx = parsePercent$1(itemModel.get('y'), api.getHeight());
+ if (!isNaN(xPx) && !isNaN(yPx)) {
+ point = [xPx, yPx];
+ }
+ // Chart like bar may have there own marker positioning logic
+ else if (seriesModel.getMarkerPosition) {
+ // Use the getMarkerPoisition
+ point = seriesModel.getMarkerPosition(
+ mpData.getValues(mpData.dimensions, idx)
+ );
+ }
+ else if (coordSys) {
+ var x = mpData.get(coordSys.dimensions[0], idx);
+ var y = mpData.get(coordSys.dimensions[1], idx);
+ point = coordSys.dataToPoint([x, y]);
+
+ }
+
+ // Use x, y if has any
+ if (!isNaN(xPx)) {
+ point[0] = xPx;
+ }
+ if (!isNaN(yPx)) {
+ point[1] = yPx;
+ }
+
+ mpData.setItemLayout(idx, point);
+ });
+}
+
+MarkerView.extend({
+
+ type: 'markPoint',
+
+ // updateLayout: function (markPointModel, ecModel, api) {
+ // ecModel.eachSeries(function (seriesModel) {
+ // var mpModel = seriesModel.markPointModel;
+ // if (mpModel) {
+ // updateMarkerLayout(mpModel.getData(), seriesModel, api);
+ // this.markerGroupMap.get(seriesModel.id).updateLayout(mpModel);
+ // }
+ // }, this);
+ // },
+
+ updateTransform: function (markPointModel, ecModel, api) {
+ ecModel.eachSeries(function (seriesModel) {
+ var mpModel = seriesModel.markPointModel;
+ if (mpModel) {
+ updateMarkerLayout(mpModel.getData(), seriesModel, api);
+ this.markerGroupMap.get(seriesModel.id).updateLayout(mpModel);
+ }
+ }, this);
+ },
+
+ renderSeries: function (seriesModel, mpModel, ecModel, api) {
+ var coordSys = seriesModel.coordinateSystem;
+ var seriesId = seriesModel.id;
+ var seriesData = seriesModel.getData();
+
+ var symbolDrawMap = this.markerGroupMap;
+ var symbolDraw = symbolDrawMap.get(seriesId)
+ || symbolDrawMap.set(seriesId, new SymbolDraw());
+
+ var mpData = createList$1(coordSys, seriesModel, mpModel);
+
+ // FIXME
+ mpModel.setData(mpData);
+
+ updateMarkerLayout(mpModel.getData(), seriesModel, api);
+
+ mpData.each(function (idx) {
+ var itemModel = mpData.getItemModel(idx);
+ var symbol = itemModel.getShallow('symbol');
+ var symbolSize = itemModel.getShallow('symbolSize');
+ var isFnSymbol = isFunction$1(symbol);
+ var isFnSymbolSize = isFunction$1(symbolSize);
+
+ if (isFnSymbol || isFnSymbolSize) {
+ var rawIdx = mpModel.getRawValue(idx);
+ var dataParams = mpModel.getDataParams(idx);
+ if (isFnSymbol) {
+ symbol = symbol(rawIdx, dataParams);
+ }
+ if (isFnSymbolSize) {
+ // FIXME 杩欓噷涓嶅吋瀹� ECharts 2.x锛�2.x 璨屼技鍙傛暟鏄暣涓暟鎹紵
+ symbolSize = symbolSize(rawIdx, dataParams);
+ }
+ }
+
+ mpData.setItemVisual(idx, {
+ symbol: symbol,
+ symbolSize: symbolSize,
+ color: itemModel.get('itemStyle.color')
+ || seriesData.getVisual('color')
+ });
+ });
+
+ // TODO Text are wrong
+ symbolDraw.updateData(mpData);
+ this.group.add(symbolDraw.group);
+
+ // Set host model for tooltip
+ // FIXME
+ mpData.eachItemGraphicEl(function (el) {
+ el.traverse(function (child) {
+ child.dataModel = mpModel;
+ });
+ });
+
+ symbolDraw.__keep = true;
+
+ symbolDraw.group.silent = mpModel.get('silent') || seriesModel.get('silent');
+ }
+});
+
+/**
+ * @inner
+ * @param {module:echarts/coord/*} [coordSys]
+ * @param {module:echarts/model/Series} seriesModel
+ * @param {module:echarts/model/Model} mpModel
+ */
+function createList$1(coordSys, seriesModel, mpModel) {
+ var coordDimsInfos;
+ if (coordSys) {
+ coordDimsInfos = map(coordSys && coordSys.dimensions, function (coordDim) {
+ var info = seriesModel.getData().getDimensionInfo(
+ seriesModel.getData().mapDimension(coordDim)
+ ) || {};
+ // In map series data don't have lng and lat dimension. Fallback to same with coordSys
+ return defaults({name: coordDim}, info);
+ });
+ }
+ else {
+ coordDimsInfos = [{
+ name: 'value',
+ type: 'float'
+ }];
+ }
+
+ var mpData = new List(coordDimsInfos, mpModel);
+ var dataOpt = map(mpModel.get('data'), curry(
+ dataTransform, seriesModel
+ ));
+ if (coordSys) {
+ dataOpt = filter(
+ dataOpt, curry(dataFilter$1, coordSys)
+ );
+ }
+
+ mpData.initData(dataOpt, null,
+ coordSys ? dimValueGetter : function (item) {
+ return item.value;
+ }
+ );
+
+ return mpData;
+}
+
+/*
+* 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.
+*/
+
+// HINT Markpoint can't be used too much
+registerPreprocessor(function (opt) {
+ // Make sure markPoint component is enabled
+ opt.markPoint = opt.markPoint || {};
+});
+
+/*
+* 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.
+*/
+
+MarkerModel.extend({
+
+ type: 'markLine',
+
+ defaultOption: {
+ zlevel: 0,
+ z: 5,
+
+ symbol: ['circle', 'arrow'],
+ symbolSize: [8, 16],
+
+ //symbolRotate: 0,
+
+ precision: 2,
+ tooltip: {
+ trigger: 'item'
+ },
+ label: {
+ show: true,
+ position: 'end',
+ distance: 5
+ },
+ lineStyle: {
+ type: 'dashed'
+ },
+ emphasis: {
+ label: {
+ show: true
+ },
+ lineStyle: {
+ width: 3
+ }
+ },
+ animationEasing: 'linear'
+ }
+});
+
+/*
+* 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.
+*/
+
+var markLineTransform = function (seriesModel, coordSys, mlModel, item) {
+ var data = seriesModel.getData();
+ // Special type markLine like 'min', 'max', 'average', 'median'
+ var mlType = item.type;
+
+ if (!isArray(item)
+ && (
+ mlType === 'min' || mlType === 'max' || mlType === 'average' || mlType === 'median'
+ // In case
+ // data: [{
+ // yAxis: 10
+ // }]
+ || (item.xAxis != null || item.yAxis != null)
+ )
+ ) {
+ var valueAxis;
+ var value;
+
+ if (item.yAxis != null || item.xAxis != null) {
+ valueAxis = coordSys.getAxis(item.yAxis != null ? 'y' : 'x');
+ value = retrieve(item.yAxis, item.xAxis);
+ }
+ else {
+ var axisInfo = getAxisInfo$1(item, data, coordSys, seriesModel);
+ valueAxis = axisInfo.valueAxis;
+ var valueDataDim = getStackedDimension(data, axisInfo.valueDataDim);
+ value = numCalculate(data, valueDataDim, mlType);
+ }
+ var valueIndex = valueAxis.dim === 'x' ? 0 : 1;
+ var baseIndex = 1 - valueIndex;
+
+ var mlFrom = clone(item);
+ var mlTo = {};
+
+ mlFrom.type = null;
+
+ mlFrom.coord = [];
+ mlTo.coord = [];
+ mlFrom.coord[baseIndex] = -Infinity;
+ mlTo.coord[baseIndex] = Infinity;
+
+ var precision = mlModel.get('precision');
+ if (precision >= 0 && typeof value === 'number') {
+ value = +value.toFixed(Math.min(precision, 20));
+ }
+
+ mlFrom.coord[valueIndex] = mlTo.coord[valueIndex] = value;
+
+ item = [mlFrom, mlTo, { // Extra option for tooltip and label
+ type: mlType,
+ valueIndex: item.valueIndex,
+ // Force to use the value of calculated value.
+ value: value
+ }];
+ }
+
+ item = [
+ dataTransform(seriesModel, item[0]),
+ dataTransform(seriesModel, item[1]),
+ extend({}, item[2])
+ ];
+
+ // Avoid line data type is extended by from(to) data type
+ item[2].type = item[2].type || '';
+
+ // Merge from option and to option into line option
+ merge(item[2], item[0]);
+ merge(item[2], item[1]);
+
+ return item;
+};
+
+function isInifinity(val) {
+ return !isNaN(val) && !isFinite(val);
+}
+
+// If a markLine has one dim
+function ifMarkLineHasOnlyDim(dimIndex, fromCoord, toCoord, coordSys) {
+ var otherDimIndex = 1 - dimIndex;
+ var dimName = coordSys.dimensions[dimIndex];
+ return isInifinity(fromCoord[otherDimIndex]) && isInifinity(toCoord[otherDimIndex])
+ && fromCoord[dimIndex] === toCoord[dimIndex] && coordSys.getAxis(dimName).containData(fromCoord[dimIndex]);
+}
+
+function markLineFilter(coordSys, item) {
+ if (coordSys.type === 'cartesian2d') {
+ var fromCoord = item[0].coord;
+ var toCoord = item[1].coord;
+ // In case
+ // {
+ // markLine: {
+ // data: [{ yAxis: 2 }]
+ // }
+ // }
+ if (
+ fromCoord && toCoord
+ && (ifMarkLineHasOnlyDim(1, fromCoord, toCoord, coordSys)
+ || ifMarkLineHasOnlyDim(0, fromCoord, toCoord, coordSys))
+ ) {
+ return true;
+ }
+ }
+ return dataFilter$1(coordSys, item[0])
+ && dataFilter$1(coordSys, item[1]);
+}
+
+function updateSingleMarkerEndLayout(
+ data, idx, isFrom, seriesModel, api
+) {
+ var coordSys = seriesModel.coordinateSystem;
+ var itemModel = data.getItemModel(idx);
+
+ var point;
+ var xPx = parsePercent$1(itemModel.get('x'), api.getWidth());
+ var yPx = parsePercent$1(itemModel.get('y'), api.getHeight());
+ if (!isNaN(xPx) && !isNaN(yPx)) {
+ point = [xPx, yPx];
+ }
+ else {
+ // Chart like bar may have there own marker positioning logic
+ if (seriesModel.getMarkerPosition) {
+ // Use the getMarkerPoisition
+ point = seriesModel.getMarkerPosition(
+ data.getValues(data.dimensions, idx)
+ );
+ }
+ else {
+ var dims = coordSys.dimensions;
+ var x = data.get(dims[0], idx);
+ var y = data.get(dims[1], idx);
+ point = coordSys.dataToPoint([x, y]);
+ }
+ // Expand line to the edge of grid if value on one axis is Inifnity
+ // In case
+ // markLine: {
+ // data: [{
+ // yAxis: 2
+ // // or
+ // type: 'average'
+ // }]
+ // }
+ if (coordSys.type === 'cartesian2d') {
+ var xAxis = coordSys.getAxis('x');
+ var yAxis = coordSys.getAxis('y');
+ var dims = coordSys.dimensions;
+ if (isInifinity(data.get(dims[0], idx))) {
+ point[0] = xAxis.toGlobalCoord(xAxis.getExtent()[isFrom ? 0 : 1]);
+ }
+ else if (isInifinity(data.get(dims[1], idx))) {
+ point[1] = yAxis.toGlobalCoord(yAxis.getExtent()[isFrom ? 0 : 1]);
+ }
+ }
+
+ // Use x, y if has any
+ if (!isNaN(xPx)) {
+ point[0] = xPx;
+ }
+ if (!isNaN(yPx)) {
+ point[1] = yPx;
+ }
+ }
+
+ data.setItemLayout(idx, point);
+}
+
+MarkerView.extend({
+
+ type: 'markLine',
+
+ // updateLayout: function (markLineModel, ecModel, api) {
+ // ecModel.eachSeries(function (seriesModel) {
+ // var mlModel = seriesModel.markLineModel;
+ // if (mlModel) {
+ // var mlData = mlModel.getData();
+ // var fromData = mlModel.__from;
+ // var toData = mlModel.__to;
+ // // Update visual and layout of from symbol and to symbol
+ // fromData.each(function (idx) {
+ // updateSingleMarkerEndLayout(fromData, idx, true, seriesModel, api);
+ // updateSingleMarkerEndLayout(toData, idx, false, seriesModel, api);
+ // });
+ // // Update layout of line
+ // mlData.each(function (idx) {
+ // mlData.setItemLayout(idx, [
+ // fromData.getItemLayout(idx),
+ // toData.getItemLayout(idx)
+ // ]);
+ // });
+
+ // this.markerGroupMap.get(seriesModel.id).updateLayout();
+
+ // }
+ // }, this);
+ // },
+
+ updateTransform: function (markLineModel, ecModel, api) {
+ ecModel.eachSeries(function (seriesModel) {
+ var mlModel = seriesModel.markLineModel;
+ if (mlModel) {
+ var mlData = mlModel.getData();
+ var fromData = mlModel.__from;
+ var toData = mlModel.__to;
+ // Update visual and layout of from symbol and to symbol
+ fromData.each(function (idx) {
+ updateSingleMarkerEndLayout(fromData, idx, true, seriesModel, api);
+ updateSingleMarkerEndLayout(toData, idx, false, seriesModel, api);
+ });
+ // Update layout of line
+ mlData.each(function (idx) {
+ mlData.setItemLayout(idx, [
+ fromData.getItemLayout(idx),
+ toData.getItemLayout(idx)
+ ]);
+ });
+
+ this.markerGroupMap.get(seriesModel.id).updateLayout();
+
+ }
+ }, this);
+ },
+
+ renderSeries: function (seriesModel, mlModel, ecModel, api) {
+ var coordSys = seriesModel.coordinateSystem;
+ var seriesId = seriesModel.id;
+ var seriesData = seriesModel.getData();
+
+ var lineDrawMap = this.markerGroupMap;
+ var lineDraw = lineDrawMap.get(seriesId)
+ || lineDrawMap.set(seriesId, new LineDraw());
+ this.group.add(lineDraw.group);
+
+ var mlData = createList$2(coordSys, seriesModel, mlModel);
+
+ var fromData = mlData.from;
+ var toData = mlData.to;
+ var lineData = mlData.line;
+
+ mlModel.__from = fromData;
+ mlModel.__to = toData;
+ // Line data for tooltip and formatter
+ mlModel.setData(lineData);
+
+ var symbolType = mlModel.get('symbol');
+ var symbolSize = mlModel.get('symbolSize');
+ if (!isArray(symbolType)) {
+ symbolType = [symbolType, symbolType];
+ }
+ if (typeof symbolSize === 'number') {
+ symbolSize = [symbolSize, symbolSize];
+ }
+
+ // Update visual and layout of from symbol and to symbol
+ mlData.from.each(function (idx) {
+ updateDataVisualAndLayout(fromData, idx, true);
+ updateDataVisualAndLayout(toData, idx, false);
+ });
+
+ // Update visual and layout of line
+ lineData.each(function (idx) {
+ var lineColor = lineData.getItemModel(idx).get('lineStyle.color');
+ lineData.setItemVisual(idx, {
+ color: lineColor || fromData.getItemVisual(idx, 'color')
+ });
+ lineData.setItemLayout(idx, [
+ fromData.getItemLayout(idx),
+ toData.getItemLayout(idx)
+ ]);
+
+ lineData.setItemVisual(idx, {
+ 'fromSymbolSize': fromData.getItemVisual(idx, 'symbolSize'),
+ 'fromSymbol': fromData.getItemVisual(idx, 'symbol'),
+ 'toSymbolSize': toData.getItemVisual(idx, 'symbolSize'),
+ 'toSymbol': toData.getItemVisual(idx, 'symbol')
+ });
+ });
+
+ lineDraw.updateData(lineData);
+
+ // Set host model for tooltip
+ // FIXME
+ mlData.line.eachItemGraphicEl(function (el, idx) {
+ el.traverse(function (child) {
+ child.dataModel = mlModel;
+ });
+ });
+
+ function updateDataVisualAndLayout(data, idx, isFrom) {
+ var itemModel = data.getItemModel(idx);
+
+ updateSingleMarkerEndLayout(
+ data, idx, isFrom, seriesModel, api
+ );
+
+ data.setItemVisual(idx, {
+ symbolSize: itemModel.get('symbolSize') || symbolSize[isFrom ? 0 : 1],
+ symbol: itemModel.get('symbol', true) || symbolType[isFrom ? 0 : 1],
+ color: itemModel.get('itemStyle.color') || seriesData.getVisual('color')
+ });
+ }
+
+ lineDraw.__keep = true;
+
+ lineDraw.group.silent = mlModel.get('silent') || seriesModel.get('silent');
+ }
+});
+
+/**
+ * @inner
+ * @param {module:echarts/coord/*} coordSys
+ * @param {module:echarts/model/Series} seriesModel
+ * @param {module:echarts/model/Model} mpModel
+ */
+function createList$2(coordSys, seriesModel, mlModel) {
+
+ var coordDimsInfos;
+ if (coordSys) {
+ coordDimsInfos = map(coordSys && coordSys.dimensions, function (coordDim) {
+ var info = seriesModel.getData().getDimensionInfo(
+ seriesModel.getData().mapDimension(coordDim)
+ ) || {};
+ // In map series data don't have lng and lat dimension. Fallback to same with coordSys
+ return defaults({name: coordDim}, info);
+ });
+ }
+ else {
+ coordDimsInfos = [{
+ name: 'value',
+ type: 'float'
+ }];
+ }
+
+ var fromData = new List(coordDimsInfos, mlModel);
+ var toData = new List(coordDimsInfos, mlModel);
+ // No dimensions
+ var lineData = new List([], mlModel);
+
+ var optData = map(mlModel.get('data'), curry(
+ markLineTransform, seriesModel, coordSys, mlModel
+ ));
+ if (coordSys) {
+ optData = filter(
+ optData, curry(markLineFilter, coordSys)
+ );
+ }
+ var dimValueGetter$$1 = coordSys ? dimValueGetter : function (item) {
+ return item.value;
+ };
+ fromData.initData(
+ map(optData, function (item) {
+ return item[0];
+ }),
+ null,
+ dimValueGetter$$1
+ );
+ toData.initData(
+ map(optData, function (item) {
+ return item[1];
+ }),
+ null,
+ dimValueGetter$$1
+ );
+ lineData.initData(
+ map(optData, function (item) {
+ return item[2];
+ })
+ );
+ lineData.hasItemOption = true;
+
+ return {
+ from: fromData,
+ to: toData,
+ line: lineData
+ };
+}
+
+/*
+* 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.
+*/
+
+registerPreprocessor(function (opt) {
+ // Make sure markLine component is enabled
+ opt.markLine = opt.markLine || {};
+});
+
+/*
+* 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.
+*/
+
+MarkerModel.extend({
+
+ type: 'markArea',
+
+ defaultOption: {
+ zlevel: 0,
+ // PENDING
+ z: 1,
+ tooltip: {
+ trigger: 'item'
+ },
+ // markArea should fixed on the coordinate system
+ animation: false,
+ label: {
+ show: true,
+ position: 'top'
+ },
+ itemStyle: {
+ // color and borderColor default to use color from series
+ // color: 'auto'
+ // borderColor: 'auto'
+ borderWidth: 0
+ },
+
+ emphasis: {
+ label: {
+ show: true,
+ position: 'top'
+ }
+ }
+ }
+});
+
+/*
+* 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.
+*/
+
+// TODO Better on polar
+
+var markAreaTransform = function (seriesModel, coordSys, maModel, item) {
+ var lt = dataTransform(seriesModel, item[0]);
+ var rb = dataTransform(seriesModel, item[1]);
+ var retrieve$$1 = retrieve;
+
+ // FIXME make sure lt is less than rb
+ var ltCoord = lt.coord;
+ var rbCoord = rb.coord;
+ ltCoord[0] = retrieve$$1(ltCoord[0], -Infinity);
+ ltCoord[1] = retrieve$$1(ltCoord[1], -Infinity);
+
+ rbCoord[0] = retrieve$$1(rbCoord[0], Infinity);
+ rbCoord[1] = retrieve$$1(rbCoord[1], Infinity);
+
+ // Merge option into one
+ var result = mergeAll([{}, lt, rb]);
+
+ result.coord = [
+ lt.coord, rb.coord
+ ];
+ result.x0 = lt.x;
+ result.y0 = lt.y;
+ result.x1 = rb.x;
+ result.y1 = rb.y;
+ return result;
+};
+
+function isInifinity$1(val) {
+ return !isNaN(val) && !isFinite(val);
+}
+
+// If a markArea has one dim
+function ifMarkLineHasOnlyDim$1(dimIndex, fromCoord, toCoord, coordSys) {
+ var otherDimIndex = 1 - dimIndex;
+ return isInifinity$1(fromCoord[otherDimIndex]) && isInifinity$1(toCoord[otherDimIndex]);
+}
+
+function markAreaFilter(coordSys, item) {
+ var fromCoord = item.coord[0];
+ var toCoord = item.coord[1];
+ if (coordSys.type === 'cartesian2d') {
+ // In case
+ // {
+ // markArea: {
+ // data: [{ yAxis: 2 }]
+ // }
+ // }
+ if (
+ fromCoord && toCoord
+ && (ifMarkLineHasOnlyDim$1(1, fromCoord, toCoord, coordSys)
+ || ifMarkLineHasOnlyDim$1(0, fromCoord, toCoord, coordSys))
+ ) {
+ return true;
+ }
+ }
+ return dataFilter$1(coordSys, {
+ coord: fromCoord,
+ x: item.x0,
+ y: item.y0
+ })
+ || dataFilter$1(coordSys, {
+ coord: toCoord,
+ x: item.x1,
+ y: item.y1
+ });
+}
+
+// dims can be ['x0', 'y0'], ['x1', 'y1'], ['x0', 'y1'], ['x1', 'y0']
+function getSingleMarkerEndPoint(data, idx, dims, seriesModel, api) {
+ var coordSys = seriesModel.coordinateSystem;
+ var itemModel = data.getItemModel(idx);
+
+ var point;
+ var xPx = parsePercent$1(itemModel.get(dims[0]), api.getWidth());
+ var yPx = parsePercent$1(itemModel.get(dims[1]), api.getHeight());
+ if (!isNaN(xPx) && !isNaN(yPx)) {
+ point = [xPx, yPx];
+ }
+ else {
+ // Chart like bar may have there own marker positioning logic
+ if (seriesModel.getMarkerPosition) {
+ // Use the getMarkerPoisition
+ point = seriesModel.getMarkerPosition(
+ data.getValues(dims, idx)
+ );
+ }
+ else {
+ var x = data.get(dims[0], idx);
+ var y = data.get(dims[1], idx);
+ var pt = [x, y];
+ coordSys.clampData && coordSys.clampData(pt, pt);
+ point = coordSys.dataToPoint(pt, true);
+ }
+ if (coordSys.type === 'cartesian2d') {
+ var xAxis = coordSys.getAxis('x');
+ var yAxis = coordSys.getAxis('y');
+ var x = data.get(dims[0], idx);
+ var y = data.get(dims[1], idx);
+ if (isInifinity$1(x)) {
+ point[0] = xAxis.toGlobalCoord(xAxis.getExtent()[dims[0] === 'x0' ? 0 : 1]);
+ }
+ else if (isInifinity$1(y)) {
+ point[1] = yAxis.toGlobalCoord(yAxis.getExtent()[dims[1] === 'y0' ? 0 : 1]);
+ }
+ }
+
+ // Use x, y if has any
+ if (!isNaN(xPx)) {
+ point[0] = xPx;
+ }
+ if (!isNaN(yPx)) {
+ point[1] = yPx;
+ }
+ }
+
+ return point;
+}
+
+var dimPermutations = [['x0', 'y0'], ['x1', 'y0'], ['x1', 'y1'], ['x0', 'y1']];
+
+MarkerView.extend({
+
+ type: 'markArea',
+
+ // updateLayout: function (markAreaModel, ecModel, api) {
+ // ecModel.eachSeries(function (seriesModel) {
+ // var maModel = seriesModel.markAreaModel;
+ // if (maModel) {
+ // var areaData = maModel.getData();
+ // areaData.each(function (idx) {
+ // var points = zrUtil.map(dimPermutations, function (dim) {
+ // return getSingleMarkerEndPoint(areaData, idx, dim, seriesModel, api);
+ // });
+ // // Layout
+ // areaData.setItemLayout(idx, points);
+ // var el = areaData.getItemGraphicEl(idx);
+ // el.setShape('points', points);
+ // });
+ // }
+ // }, this);
+ // },
+
+ updateTransform: function (markAreaModel, ecModel, api) {
+ ecModel.eachSeries(function (seriesModel) {
+ var maModel = seriesModel.markAreaModel;
+ if (maModel) {
+ var areaData = maModel.getData();
+ areaData.each(function (idx) {
+ var points = map(dimPermutations, function (dim) {
+ return getSingleMarkerEndPoint(areaData, idx, dim, seriesModel, api);
+ });
+ // Layout
+ areaData.setItemLayout(idx, points);
+ var el = areaData.getItemGraphicEl(idx);
+ el.setShape('points', points);
+ });
+ }
+ }, this);
+ },
+
+ renderSeries: function (seriesModel, maModel, ecModel, api) {
+ var coordSys = seriesModel.coordinateSystem;
+ var seriesId = seriesModel.id;
+ var seriesData = seriesModel.getData();
+
+ var areaGroupMap = this.markerGroupMap;
+ var polygonGroup = areaGroupMap.get(seriesId)
+ || areaGroupMap.set(seriesId, {group: new Group()});
+
+ this.group.add(polygonGroup.group);
+ polygonGroup.__keep = true;
+
+ var areaData = createList$3(coordSys, seriesModel, maModel);
+
+ // Line data for tooltip and formatter
+ maModel.setData(areaData);
+
+ // Update visual and layout of line
+ areaData.each(function (idx) {
+ // Layout
+ areaData.setItemLayout(idx, map(dimPermutations, function (dim) {
+ return getSingleMarkerEndPoint(areaData, idx, dim, seriesModel, api);
+ }));
+
+ // Visual
+ areaData.setItemVisual(idx, {
+ color: seriesData.getVisual('color')
+ });
+ });
+
+
+ areaData.diff(polygonGroup.__data)
+ .add(function (idx) {
+ var polygon = new Polygon({
+ shape: {
+ points: areaData.getItemLayout(idx)
+ }
+ });
+ areaData.setItemGraphicEl(idx, polygon);
+ polygonGroup.group.add(polygon);
+ })
+ .update(function (newIdx, oldIdx) {
+ var polygon = polygonGroup.__data.getItemGraphicEl(oldIdx);
+ updateProps(polygon, {
+ shape: {
+ points: areaData.getItemLayout(newIdx)
+ }
+ }, maModel, newIdx);
+ polygonGroup.group.add(polygon);
+ areaData.setItemGraphicEl(newIdx, polygon);
+ })
+ .remove(function (idx) {
+ var polygon = polygonGroup.__data.getItemGraphicEl(idx);
+ polygonGroup.group.remove(polygon);
+ })
+ .execute();
+
+ areaData.eachItemGraphicEl(function (polygon, idx) {
+ var itemModel = areaData.getItemModel(idx);
+ var labelModel = itemModel.getModel('label');
+ var labelHoverModel = itemModel.getModel('emphasis.label');
+ var color = areaData.getItemVisual(idx, 'color');
+ polygon.useStyle(
+ defaults(
+ itemModel.getModel('itemStyle').getItemStyle(),
+ {
+ fill: modifyAlpha(color, 0.4),
+ stroke: color
+ }
+ )
+ );
+
+ polygon.hoverStyle = itemModel.getModel('emphasis.itemStyle').getItemStyle();
+
+ setLabelStyle(
+ polygon.style, polygon.hoverStyle, labelModel, labelHoverModel,
+ {
+ labelFetcher: maModel,
+ labelDataIndex: idx,
+ defaultText: areaData.getName(idx) || '',
+ isRectText: true,
+ autoColor: color
+ }
+ );
+
+ setHoverStyle(polygon, {});
+
+ polygon.dataModel = maModel;
+ });
+
+ polygonGroup.__data = areaData;
+
+ polygonGroup.group.silent = maModel.get('silent') || seriesModel.get('silent');
+ }
+});
+
+/**
+ * @inner
+ * @param {module:echarts/coord/*} coordSys
+ * @param {module:echarts/model/Series} seriesModel
+ * @param {module:echarts/model/Model} mpModel
+ */
+function createList$3(coordSys, seriesModel, maModel) {
+
+ var coordDimsInfos;
+ var areaData;
+ var dims = ['x0', 'y0', 'x1', 'y1'];
+ if (coordSys) {
+ coordDimsInfos = map(coordSys && coordSys.dimensions, function (coordDim) {
+ var data = seriesModel.getData();
+ var info = data.getDimensionInfo(
+ data.mapDimension(coordDim)
+ ) || {};
+ // In map series data don't have lng and lat dimension. Fallback to same with coordSys
+ return defaults({name: coordDim}, info);
+ });
+ areaData = new List(map(dims, function (dim, idx) {
+ return {
+ name: dim,
+ type: coordDimsInfos[idx % 2].type
+ };
+ }), maModel);
+ }
+ else {
+ coordDimsInfos = [{
+ name: 'value',
+ type: 'float'
+ }];
+ areaData = new List(coordDimsInfos, maModel);
+ }
+
+ var optData = map(maModel.get('data'), curry(
+ markAreaTransform, seriesModel, coordSys, maModel
+ ));
+ if (coordSys) {
+ optData = filter(
+ optData, curry(markAreaFilter, coordSys)
+ );
+ }
+
+ var dimValueGetter$$1 = coordSys ? function (item, dimName, dataIndex, dimIndex) {
+ return item.coord[Math.floor(dimIndex / 2)][dimIndex % 2];
+ } : function (item) {
+ return item.value;
+ };
+ areaData.initData(optData, null, dimValueGetter$$1);
+ areaData.hasItemOption = true;
+ return areaData;
+}
+
+/*
+* 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.
+*/
+
+registerPreprocessor(function (opt) {
+ // Make sure markArea component is enabled
+ opt.markArea = opt.markArea || {};
+});
+
+/*
+* 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.
+*/
+
+var langSelector = lang.legend.selector;
+
+var defaultSelectorOption = {
+ all: {
+ type: 'all',
+ title: clone(langSelector.all)
+ },
+ inverse: {
+ type: 'inverse',
+ title: clone(langSelector.inverse)
+ }
+};
+
+var LegendModel = extendComponentModel({
+
+ type: 'legend.plain',
+
+ dependencies: ['series'],
+
+ layoutMode: {
+ type: 'box',
+ // legend.width/height are maxWidth/maxHeight actually,
+ // whereas realy width/height is calculated by its content.
+ // (Setting {left: 10, right: 10} does not make sense).
+ // So consider the case:
+ // `setOption({legend: {left: 10});`
+ // then `setOption({legend: {right: 10});`
+ // The previous `left` should be cleared by setting `ignoreSize`.
+ ignoreSize: true
+ },
+
+ init: function (option, parentModel, ecModel) {
+ this.mergeDefaultAndTheme(option, ecModel);
+
+ option.selected = option.selected || {};
+ this._updateSelector(option);
+ },
+
+ mergeOption: function (option) {
+ LegendModel.superCall(this, 'mergeOption', option);
+ this._updateSelector(option);
+ },
+
+ _updateSelector: function (option) {
+ var selector = option.selector;
+ if (selector === true) {
+ selector = option.selector = ['all', 'inverse'];
+ }
+ if (isArray(selector)) {
+ each$1(selector, function (item, index) {
+ isString(item) && (item = {type: item});
+ selector[index] = merge(item, defaultSelectorOption[item.type]);
+ });
+ }
+ },
+
+ optionUpdated: function () {
+ this._updateData(this.ecModel);
+
+ var legendData = this._data;
+
+ // If selectedMode is single, try to select one
+ if (legendData[0] && this.get('selectedMode') === 'single') {
+ var hasSelected = false;
+ // If has any selected in option.selected
+ for (var i = 0; i < legendData.length; i++) {
+ var name = legendData[i].get('name');
+ if (this.isSelected(name)) {
+ // Force to unselect others
+ this.select(name);
+ hasSelected = true;
+ break;
+ }
+ }
+ // Try select the first if selectedMode is single
+ !hasSelected && this.select(legendData[0].get('name'));
+ }
+ },
+
+ _updateData: function (ecModel) {
+ var potentialData = [];
+ var availableNames = [];
+
+ ecModel.eachRawSeries(function (seriesModel) {
+ var seriesName = seriesModel.name;
+ availableNames.push(seriesName);
+ var isPotential;
+
+ if (seriesModel.legendVisualProvider) {
+ var provider = seriesModel.legendVisualProvider;
+ var names = provider.getAllNames();
+
+ if (!ecModel.isSeriesFiltered(seriesModel)) {
+ availableNames = availableNames.concat(names);
+ }
+
+ if (names.length) {
+ potentialData = potentialData.concat(names);
+ }
+ else {
+ isPotential = true;
+ }
+ }
+ else {
+ isPotential = true;
+ }
+
+ if (isPotential && isNameSpecified(seriesModel)) {
+ potentialData.push(seriesModel.name);
+ }
+ });
+
+ /**
+ * @type {Array.<string>}
+ * @private
+ */
+ this._availableNames = availableNames;
+
+ // If legend.data not specified in option, use availableNames as data,
+ // which is convinient for user preparing option.
+ var rawData = this.get('data') || potentialData;
+
+ var legendData = map(rawData, function (dataItem) {
+ // Can be string or number
+ if (typeof dataItem === 'string' || typeof dataItem === 'number') {
+ dataItem = {
+ name: dataItem
+ };
+ }
+ return new Model(dataItem, this, this.ecModel);
+ }, this);
+
+ /**
+ * @type {Array.<module:echarts/model/Model>}
+ * @private
+ */
+ this._data = legendData;
+ },
+
+ /**
+ * @return {Array.<module:echarts/model/Model>}
+ */
+ getData: function () {
+ return this._data;
+ },
+
+ /**
+ * @param {string} name
+ */
+ select: function (name) {
+ var selected = this.option.selected;
+ var selectedMode = this.get('selectedMode');
+ if (selectedMode === 'single') {
+ var data = this._data;
+ each$1(data, function (dataItem) {
+ selected[dataItem.get('name')] = false;
+ });
+ }
+ selected[name] = true;
+ },
+
+ /**
+ * @param {string} name
+ */
+ unSelect: function (name) {
+ if (this.get('selectedMode') !== 'single') {
+ this.option.selected[name] = false;
+ }
+ },
+
+ /**
+ * @param {string} name
+ */
+ toggleSelected: function (name) {
+ var selected = this.option.selected;
+ // Default is true
+ if (!selected.hasOwnProperty(name)) {
+ selected[name] = true;
+ }
+ this[selected[name] ? 'unSelect' : 'select'](name);
+ },
+
+ allSelect: function () {
+ var data = this._data;
+ var selected = this.option.selected;
+ each$1(data, function (dataItem) {
+ selected[dataItem.get('name', true)] = true;
+ });
+ },
+
+ inverseSelect: function () {
+ var data = this._data;
+ var selected = this.option.selected;
+ each$1(data, function (dataItem) {
+ var name = dataItem.get('name', true);
+ // Initially, default value is true
+ if (!selected.hasOwnProperty(name)) {
+ selected[name] = true;
+ }
+ selected[name] = !selected[name];
+ });
+ },
+
+ /**
+ * @param {string} name
+ */
+ isSelected: function (name) {
+ var selected = this.option.selected;
+ return !(selected.hasOwnProperty(name) && !selected[name])
+ && indexOf(this._availableNames, name) >= 0;
+ },
+
+ getOrient: function () {
+ return this.get('orient') === 'vertical'
+ ? {index: 1, name: 'vertical'}
+ : {index: 0, name: 'horizontal'};
+ },
+
+ defaultOption: {
+ // 涓�绾у眰鍙�
+ zlevel: 0,
+ // 浜岀骇灞傚彔
+ z: 4,
+ show: true,
+
+ // 甯冨眬鏂瑰紡锛岄粯璁や负姘村钩甯冨眬锛屽彲閫変负锛�
+ // 'horizontal' | 'vertical'
+ orient: 'horizontal',
+
+ left: 'center',
+ // right: 'center',
+
+ top: 0,
+ // bottom: null,
+
+ // 姘村钩瀵归綈
+ // 'auto' | 'left' | 'right'
+ // 榛樿涓� 'auto', 鏍规嵁 x 鐨勪綅缃垽鏂槸宸﹀榻愯繕鏄彸瀵归綈
+ align: 'auto',
+
+ backgroundColor: 'rgba(0,0,0,0)',
+ // 鍥句緥杈规棰滆壊
+ borderColor: '#ccc',
+ borderRadius: 0,
+ // 鍥句緥杈规绾垮锛屽崟浣峱x锛岄粯璁や负0锛堟棤杈规锛�
+ borderWidth: 0,
+ // 鍥句緥鍐呰竟璺濓紝鍗曚綅px锛岄粯璁ゅ悇鏂瑰悜鍐呰竟璺濅负5锛�
+ // 鎺ュ彈鏁扮粍鍒嗗埆璁惧畾涓婂彸涓嬪乏杈硅窛锛屽悓css
+ padding: 5,
+ // 鍚勪釜item涔嬮棿鐨勯棿闅旓紝鍗曚綅px锛岄粯璁や负10锛�
+ // 妯悜甯冨眬鏃朵负姘村钩闂撮殧锛岀旱鍚戝竷灞�鏃朵负绾靛悜闂撮殧
+ itemGap: 10,
+ // the width of legend symbol
+ itemWidth: 25,
+ // the height of legend symbol
+ itemHeight: 14,
+
+ // the color of unselected legend symbol
+ inactiveColor: '#ccc',
+
+ // the borderColor of unselected legend symbol
+ inactiveBorderColor: '#ccc',
+
+ itemStyle: {
+ // the default borderWidth of legend symbol
+ borderWidth: 0
+ },
+
+ textStyle: {
+ // 鍥句緥鏂囧瓧棰滆壊
+ color: '#333'
+ },
+ // formatter: '',
+ // 閫夋嫨妯″紡锛岄粯璁ゅ紑鍚浘渚嬪紑鍏�
+ selectedMode: true,
+ // 閰嶇疆榛樿閫変腑鐘舵�侊紝鍙厤鍚圠EGEND.SELECTED浜嬩欢鍋氬姩鎬佹暟鎹浇鍏�
+ // selected: null,
+ // 鍥句緥鍐呭锛堣瑙乴egend.data锛屾暟缁勪腑姣忎竴椤逛唬琛ㄤ竴涓猧tem
+ // data: [],
+
+ // Usage:
+ // selector: [{type: 'all or inverse', title: xxx}]
+ // or
+ // selector: true
+ // or
+ // selector: ['all', 'inverse']
+ selector: false,
+
+ selectorLabel: {
+ show: true,
+ borderRadius: 10,
+ padding: [3, 5, 3, 5],
+ fontSize: 12,
+ fontFamily: ' sans-serif',
+ color: '#666',
+ borderWidth: 1,
+ borderColor: '#666'
+ },
+
+ emphasis: {
+ selectorLabel: {
+ show: true,
+ color: '#eee',
+ backgroundColor: '#666'
+ }
+ },
+
+ // Value can be 'start' or 'end'
+ selectorPosition: 'auto',
+
+ selectorItemGap: 7,
+
+ selectorButtonGap: 10,
+
+ // Tooltip 鐩稿叧閰嶇疆
+ tooltip: {
+ show: false
+ }
+ }
+});
+
+/*
+* 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 legendSelectActionHandler(methodName, payload, ecModel) {
+ var selectedMap = {};
+ var isToggleSelect = methodName === 'toggleSelected';
+ var isSelected;
+ // Update all legend components
+ ecModel.eachComponent('legend', function (legendModel) {
+ if (isToggleSelect && isSelected != null) {
+ // Force other legend has same selected status
+ // Or the first is toggled to true and other are toggled to false
+ // In the case one legend has some item unSelected in option. And if other legend
+ // doesn't has the item, they will assume it is selected.
+ legendModel[isSelected ? 'select' : 'unSelect'](payload.name);
+ }
+ else if (methodName === 'allSelect' || methodName === 'inverseSelect') {
+ legendModel[methodName]();
+ }
+ else {
+ legendModel[methodName](payload.name);
+ isSelected = legendModel.isSelected(payload.name);
+ }
+ var legendData = legendModel.getData();
+ each$1(legendData, function (model) {
+ var name = model.get('name');
+ // Wrap element
+ if (name === '\n' || name === '') {
+ return;
+ }
+ var isItemSelected = legendModel.isSelected(name);
+ if (selectedMap.hasOwnProperty(name)) {
+ // Unselected if any legend is unselected
+ selectedMap[name] = selectedMap[name] && isItemSelected;
+ }
+ else {
+ selectedMap[name] = isItemSelected;
+ }
+ });
+ });
+ // Return the event explicitly
+ return (methodName === 'allSelect' || methodName === 'inverseSelect')
+ ? {
+ selected: selectedMap
+ }
+ : {
+ name: payload.name,
+ selected: selectedMap
+ };
+}
+/**
+ * @event legendToggleSelect
+ * @type {Object}
+ * @property {string} type 'legendToggleSelect'
+ * @property {string} [from]
+ * @property {string} name Series name or data item name
+ */
+registerAction(
+ 'legendToggleSelect', 'legendselectchanged',
+ curry(legendSelectActionHandler, 'toggleSelected')
+);
+
+registerAction(
+ 'legendAllSelect', 'legendselectall',
+ curry(legendSelectActionHandler, 'allSelect')
+);
+
+registerAction(
+ 'legendInverseSelect', 'legendinverseselect',
+ curry(legendSelectActionHandler, 'inverseSelect')
+);
+
+/**
+ * @event legendSelect
+ * @type {Object}
+ * @property {string} type 'legendSelect'
+ * @property {string} name Series name or data item name
+ */
+registerAction(
+ 'legendSelect', 'legendselected',
+ curry(legendSelectActionHandler, 'select')
+);
+
+/**
+ * @event legendUnSelect
+ * @type {Object}
+ * @property {string} type 'legendUnSelect'
+ * @property {string} name Series name or data item name
+ */
+registerAction(
+ 'legendUnSelect', 'legendunselected',
+ curry(legendSelectActionHandler, 'unSelect')
+);
+
+/*
+* 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.
+*/
+
+var curry$6 = curry;
+var each$25 = each$1;
+var Group$3 = Group;
+
+var LegendView = extendComponentView({
+
+ type: 'legend.plain',
+
+ newlineDisabled: false,
+
+ /**
+ * @override
+ */
+ init: function () {
+
+ /**
+ * @private
+ * @type {module:zrender/container/Group}
+ */
+ this.group.add(this._contentGroup = new Group$3());
+
+ /**
+ * @private
+ * @type {module:zrender/Element}
+ */
+ this._backgroundEl;
+
+ /**
+ * @private
+ * @type {module:zrender/container/Group}
+ */
+ this.group.add(this._selectorGroup = new Group$3());
+
+ /**
+ * If first rendering, `contentGroup.position` is [0, 0], which
+ * does not make sense and may cause unexepcted animation if adopted.
+ * @private
+ * @type {boolean}
+ */
+ this._isFirstRender = true;
+ },
+
+ /**
+ * @protected
+ */
+ getContentGroup: function () {
+ return this._contentGroup;
+ },
+
+ /**
+ * @protected
+ */
+ getSelectorGroup: function () {
+ return this._selectorGroup;
+ },
+
+ /**
+ * @override
+ */
+ render: function (legendModel, ecModel, api) {
+ var isFirstRender = this._isFirstRender;
+ this._isFirstRender = false;
+
+ this.resetInner();
+
+ if (!legendModel.get('show', true)) {
+ return;
+ }
+
+ var itemAlign = legendModel.get('align');
+ var orient = legendModel.get('orient');
+ if (!itemAlign || itemAlign === 'auto') {
+ itemAlign = (
+ legendModel.get('left') === 'right'
+ && orient === 'vertical'
+ ) ? 'right' : 'left';
+ }
+
+ var selector = legendModel.get('selector', true);
+ var selectorPosition = legendModel.get('selectorPosition', true);
+ if (selector && (!selectorPosition || selectorPosition === 'auto')) {
+ selectorPosition = orient === 'horizontal' ? 'end' : 'start';
+ }
+
+ this.renderInner(itemAlign, legendModel, ecModel, api, selector, orient, selectorPosition);
+
+ // Perform layout.
+ var positionInfo = legendModel.getBoxLayoutParams();
+ var viewportSize = {width: api.getWidth(), height: api.getHeight()};
+ var padding = legendModel.get('padding');
+
+ var maxSize = getLayoutRect(positionInfo, viewportSize, padding);
+
+ var mainRect = this.layoutInner(legendModel, itemAlign, maxSize, isFirstRender, selector, selectorPosition);
+
+ // Place mainGroup, based on the calculated `mainRect`.
+ var layoutRect = getLayoutRect(
+ defaults({width: mainRect.width, height: mainRect.height}, positionInfo),
+ viewportSize,
+ padding
+ );
+ this.group.attr('position', [layoutRect.x - mainRect.x, layoutRect.y - mainRect.y]);
+
+ // Render background after group is layout.
+ this.group.add(
+ this._backgroundEl = makeBackground(mainRect, legendModel)
+ );
+ },
+
+ /**
+ * @protected
+ */
+ resetInner: function () {
+ this.getContentGroup().removeAll();
+ this._backgroundEl && this.group.remove(this._backgroundEl);
+ this.getSelectorGroup().removeAll();
+ },
+
+ /**
+ * @protected
+ */
+ renderInner: function (itemAlign, legendModel, ecModel, api, selector, orient, selectorPosition) {
+ var contentGroup = this.getContentGroup();
+ var legendDrawnMap = createHashMap();
+ var selectMode = legendModel.get('selectedMode');
+
+ var excludeSeriesId = [];
+ ecModel.eachRawSeries(function (seriesModel) {
+ !seriesModel.get('legendHoverLink') && excludeSeriesId.push(seriesModel.id);
+ });
+
+ each$25(legendModel.getData(), function (itemModel, dataIndex) {
+ var name = itemModel.get('name');
+
+ // Use empty string or \n as a newline string
+ if (!this.newlineDisabled && (name === '' || name === '\n')) {
+ contentGroup.add(new Group$3({
+ newline: true
+ }));
+ return;
+ }
+
+ // Representitive series.
+ var seriesModel = ecModel.getSeriesByName(name)[0];
+
+ if (legendDrawnMap.get(name)) {
+ // Have been drawed
+ return;
+ }
+
+ // Legend to control series.
+ if (seriesModel) {
+ var data = seriesModel.getData();
+ var color = data.getVisual('color');
+ var borderColor = data.getVisual('borderColor');
+
+ // If color is a callback function
+ if (typeof color === 'function') {
+ // Use the first data
+ color = color(seriesModel.getDataParams(0));
+ }
+
+ // If borderColor is a callback function
+ if (typeof borderColor === 'function') {
+ // Use the first data
+ borderColor = borderColor(seriesModel.getDataParams(0));
+ }
+
+ // Using rect symbol defaultly
+ var legendSymbolType = data.getVisual('legendSymbol') || 'roundRect';
+ var symbolType = data.getVisual('symbol');
+
+ var itemGroup = this._createItem(
+ name, dataIndex, itemModel, legendModel,
+ legendSymbolType, symbolType,
+ itemAlign, color, borderColor,
+ selectMode
+ );
+
+ itemGroup.on('click', curry$6(dispatchSelectAction, name, null, api, excludeSeriesId))
+ .on('mouseover', curry$6(dispatchHighlightAction, seriesModel.name, null, api, excludeSeriesId))
+ .on('mouseout', curry$6(dispatchDownplayAction, seriesModel.name, null, api, excludeSeriesId));
+
+ legendDrawnMap.set(name, true);
+ }
+ else {
+ // Legend to control data. In pie and funnel.
+ ecModel.eachRawSeries(function (seriesModel) {
+
+ // In case multiple series has same data name
+ if (legendDrawnMap.get(name)) {
+ return;
+ }
+
+ if (seriesModel.legendVisualProvider) {
+ var provider = seriesModel.legendVisualProvider;
+ if (!provider.containName(name)) {
+ return;
+ }
+
+ var idx = provider.indexOfName(name);
+
+ var color = provider.getItemVisual(idx, 'color');
+ var borderColor = provider.getItemVisual(idx, 'borderColor');
+
+ var legendSymbolType = 'roundRect';
+
+ var itemGroup = this._createItem(
+ name, dataIndex, itemModel, legendModel,
+ legendSymbolType, null,
+ itemAlign, color, borderColor,
+ selectMode
+ );
+
+ // FIXME: consider different series has items with the same name.
+ itemGroup.on('click', curry$6(dispatchSelectAction, null, name, api, excludeSeriesId))
+ // Should not specify the series name, consider legend controls
+ // more than one pie series.
+ .on('mouseover', curry$6(dispatchHighlightAction, null, name, api, excludeSeriesId))
+ .on('mouseout', curry$6(dispatchDownplayAction, null, name, api, excludeSeriesId));
+
+ legendDrawnMap.set(name, true);
+ }
+
+ }, this);
+ }
+
+ if (__DEV__) {
+ if (!legendDrawnMap.get(name)) {
+ console.warn(
+ name + ' series not exists. Legend data should be same with series name or data name.'
+ );
+ }
+ }
+ }, this);
+
+ if (selector) {
+ this._createSelector(selector, legendModel, api, orient, selectorPosition);
+ }
+ },
+
+ _createSelector: function (selector, legendModel, api, orient, selectorPosition) {
+ var selectorGroup = this.getSelectorGroup();
+
+ each$25(selector, function (selectorItem) {
+ createSelectorButton(selectorItem);
+ });
+
+ function createSelectorButton(selectorItem) {
+ var type = selectorItem.type;
+
+ var labelText = new Text({
+ style: {
+ x: 0,
+ y: 0,
+ align: 'center',
+ verticalAlign: 'middle'
+ },
+ onclick: function () {
+ api.dispatchAction({
+ type: type === 'all' ? 'legendAllSelect' : 'legendInverseSelect'
+ });
+ }
+ });
+
+ selectorGroup.add(labelText);
+
+ var labelModel = legendModel.getModel('selectorLabel');
+ var emphasisLabelModel = legendModel.getModel('emphasis.selectorLabel');
+
+ setLabelStyle(
+ labelText.style, labelText.hoverStyle = {}, labelModel, emphasisLabelModel,
+ {
+ defaultText: selectorItem.title,
+ isRectText: false
+ }
+ );
+ setHoverStyle(labelText);
+ }
+ },
+
+ _createItem: function (
+ name, dataIndex, itemModel, legendModel,
+ legendSymbolType, symbolType,
+ itemAlign, color, borderColor, selectMode
+ ) {
+ var itemWidth = legendModel.get('itemWidth');
+ var itemHeight = legendModel.get('itemHeight');
+ var inactiveColor = legendModel.get('inactiveColor');
+ var inactiveBorderColor = legendModel.get('inactiveBorderColor');
+ var symbolKeepAspect = legendModel.get('symbolKeepAspect');
+ var legendModelItemStyle = legendModel.getModel('itemStyle');
+
+ var isSelected = legendModel.isSelected(name);
+ var itemGroup = new Group$3();
+
+ var textStyleModel = itemModel.getModel('textStyle');
+
+ var itemIcon = itemModel.get('icon');
+
+ var tooltipModel = itemModel.getModel('tooltip');
+ var legendGlobalTooltipModel = tooltipModel.parentModel;
+
+ // Use user given icon first
+ legendSymbolType = itemIcon || legendSymbolType;
+ var legendSymbol = createSymbol(
+ legendSymbolType,
+ 0,
+ 0,
+ itemWidth,
+ itemHeight,
+ isSelected ? color : inactiveColor,
+ // symbolKeepAspect default true for legend
+ symbolKeepAspect == null ? true : symbolKeepAspect
+ );
+ itemGroup.add(
+ setSymbolStyle(
+ legendSymbol, legendSymbolType, legendModelItemStyle,
+ borderColor, inactiveBorderColor, isSelected
+ )
+ );
+
+ // Compose symbols
+ // PENDING
+ if (!itemIcon && symbolType
+ // At least show one symbol, can't be all none
+ && ((symbolType !== legendSymbolType) || symbolType === 'none')
+ ) {
+ var size = itemHeight * 0.8;
+ if (symbolType === 'none') {
+ symbolType = 'circle';
+ }
+ var legendSymbolCenter = createSymbol(
+ symbolType,
+ (itemWidth - size) / 2,
+ (itemHeight - size) / 2,
+ size,
+ size,
+ isSelected ? color : inactiveColor,
+ // symbolKeepAspect default true for legend
+ symbolKeepAspect == null ? true : symbolKeepAspect
+ );
+ // Put symbol in the center
+ itemGroup.add(
+ setSymbolStyle(
+ legendSymbolCenter, symbolType, legendModelItemStyle,
+ borderColor, inactiveBorderColor, isSelected
+ )
+ );
+ }
+
+ var textX = itemAlign === 'left' ? itemWidth + 5 : -5;
+ var textAlign = itemAlign;
+
+ var formatter = legendModel.get('formatter');
+ var content = name;
+ if (typeof formatter === 'string' && formatter) {
+ content = formatter.replace('{name}', name != null ? name : '');
+ }
+ else if (typeof formatter === 'function') {
+ content = formatter(name);
+ }
+
+ itemGroup.add(new Text({
+ style: setTextStyle({}, textStyleModel, {
+ text: content,
+ x: textX,
+ y: itemHeight / 2,
+ textFill: isSelected ? textStyleModel.getTextColor() : inactiveColor,
+ textAlign: textAlign,
+ textVerticalAlign: 'middle'
+ })
+ }));
+
+ // Add a invisible rect to increase the area of mouse hover
+ var hitRect = new Rect({
+ shape: itemGroup.getBoundingRect(),
+ invisible: true,
+ tooltip: tooltipModel.get('show') ? extend({
+ content: name,
+ // Defaul formatter
+ formatter: legendGlobalTooltipModel.get('formatter', true) || function () {
+ return name;
+ },
+ formatterParams: {
+ componentType: 'legend',
+ legendIndex: legendModel.componentIndex,
+ name: name,
+ $vars: ['name']
+ }
+ }, tooltipModel.option) : null
+ });
+ itemGroup.add(hitRect);
+
+ itemGroup.eachChild(function (child) {
+ child.silent = true;
+ });
+
+ hitRect.silent = !selectMode;
+
+ this.getContentGroup().add(itemGroup);
+
+ setHoverStyle(itemGroup);
+
+ itemGroup.__legendDataIndex = dataIndex;
+
+ return itemGroup;
+ },
+
+ /**
+ * @protected
+ */
+ layoutInner: function (legendModel, itemAlign, maxSize, isFirstRender, selector, selectorPosition) {
+ var contentGroup = this.getContentGroup();
+ var selectorGroup = this.getSelectorGroup();
+
+ // Place items in contentGroup.
+ box(
+ legendModel.get('orient'),
+ contentGroup,
+ legendModel.get('itemGap'),
+ maxSize.width,
+ maxSize.height
+ );
+
+ var contentRect = contentGroup.getBoundingRect();
+ var contentPos = [-contentRect.x, -contentRect.y];
+
+ if (selector) {
+ // Place buttons in selectorGroup
+ box(
+ // Buttons in selectorGroup always layout horizontally
+ 'horizontal',
+ selectorGroup,
+ legendModel.get('selectorItemGap', true)
+ );
+
+ var selectorRect = selectorGroup.getBoundingRect();
+ var selectorPos = [-selectorRect.x, -selectorRect.y];
+ var selectorButtonGap = legendModel.get('selectorButtonGap', true);
+
+ var orientIdx = legendModel.getOrient().index;
+ var wh = orientIdx === 0 ? 'width' : 'height';
+ var hw = orientIdx === 0 ? 'height' : 'width';
+ var yx = orientIdx === 0 ? 'y' : 'x';
+
+ if (selectorPosition === 'end') {
+ selectorPos[orientIdx] += contentRect[wh] + selectorButtonGap;
+ }
+ else {
+ contentPos[orientIdx] += selectorRect[wh] + selectorButtonGap;
+ }
+
+ //Always align selector to content as 'middle'
+ selectorPos[1 - orientIdx] += contentRect[hw] / 2 - selectorRect[hw] / 2;
+ selectorGroup.attr('position', selectorPos);
+ contentGroup.attr('position', contentPos);
+
+ var mainRect = {x: 0, y: 0};
+ mainRect[wh] = contentRect[wh] + selectorButtonGap + selectorRect[wh];
+ mainRect[hw] = Math.max(contentRect[hw], selectorRect[hw]);
+ mainRect[yx] = Math.min(0, selectorRect[yx] + selectorPos[1 - orientIdx]);
+ return mainRect;
+ }
+ else {
+ contentGroup.attr('position', contentPos);
+ return this.group.getBoundingRect();
+ }
+ },
+
+ /**
+ * @protected
+ */
+ remove: function () {
+ this.getContentGroup().removeAll();
+ this._isFirstRender = true;
+ }
+
+});
+
+function setSymbolStyle(symbol, symbolType, legendModelItemStyle, borderColor, inactiveBorderColor, isSelected) {
+ var itemStyle;
+ if (symbolType !== 'line' && symbolType.indexOf('empty') < 0) {
+ itemStyle = legendModelItemStyle.getItemStyle();
+ symbol.style.stroke = borderColor;
+ if (!isSelected) {
+ itemStyle.stroke = inactiveBorderColor;
+ }
+ }
+ else {
+ itemStyle = legendModelItemStyle.getItemStyle(['borderWidth', 'borderColor']);
+ }
+ return symbol.setStyle(itemStyle);
+}
+
+function dispatchSelectAction(seriesName, dataName, api, excludeSeriesId) {
+ // downplay before unselect
+ dispatchDownplayAction(seriesName, dataName, api, excludeSeriesId);
+ api.dispatchAction({
+ type: 'legendToggleSelect',
+ name: seriesName != null ? seriesName : dataName
+ });
+ // highlight after select
+ dispatchHighlightAction(seriesName, dataName, api, excludeSeriesId);
+}
+
+function dispatchHighlightAction(seriesName, dataName, api, excludeSeriesId) {
+ // If element hover will move to a hoverLayer.
+ var el = api.getZr().storage.getDisplayList()[0];
+ if (!(el && el.useHoverLayer)) {
+ api.dispatchAction({
+ type: 'highlight',
+ seriesName: seriesName,
+ name: dataName,
+ excludeSeriesId: excludeSeriesId
+ });
+ }
+}
+
+function dispatchDownplayAction(seriesName, dataName, api, excludeSeriesId) {
+ // If element hover will move to a hoverLayer.
+ var el = api.getZr().storage.getDisplayList()[0];
+ if (!(el && el.useHoverLayer)) {
+ api.dispatchAction({
+ type: 'downplay',
+ seriesName: seriesName,
+ name: dataName,
+ excludeSeriesId: excludeSeriesId
+ });
+ }
+}
+
+/*
+* 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.
+*/
+
+var legendFilter = function (ecModel) {
+
+ var legendModels = ecModel.findComponents({
+ mainType: 'legend'
+ });
+ if (legendModels && legendModels.length) {
+ ecModel.filterSeries(function (series) {
+ // If in any legend component the status is not selected.
+ // Because in legend series is assumed selected when it is not in the legend data.
+ for (var i = 0; i < legendModels.length; i++) {
+ if (!legendModels[i].isSelected(series.name)) {
+ return false;
+ }
+ }
+ return true;
+ });
+ }
+
+};
+
+/*
+* 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.
+*/
+
+
+// Do not contain scrollable legend, for sake of file size.
+
+// Series Filter
+registerProcessor(PRIORITY.PROCESSOR.SERIES_FILTER, legendFilter);
+
+ComponentModel.registerSubTypeDefaulter('legend', function () {
+ // Default 'plain' when no type specified.
+ return 'plain';
+});
+
+/*
+* 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.
+*/
+
+var ScrollableLegendModel = LegendModel.extend({
+
+ type: 'legend.scroll',
+
+ /**
+ * @param {number} scrollDataIndex
+ */
+ setScrollDataIndex: function (scrollDataIndex) {
+ this.option.scrollDataIndex = scrollDataIndex;
+ },
+
+ defaultOption: {
+ scrollDataIndex: 0,
+ pageButtonItemGap: 5,
+ pageButtonGap: null,
+ pageButtonPosition: 'end', // 'start' or 'end'
+ pageFormatter: '{current}/{total}', // If null/undefined, do not show page.
+ 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, // Can be [10, 3], which represents [width, height]
+ pageTextStyle: {
+ color: '#333'
+ },
+
+ animationDurationUpdate: 800
+ },
+
+ /**
+ * @override
+ */
+ init: function (option, parentModel, ecModel, extraOpt) {
+ var inputPositionParams = getLayoutParams(option);
+
+ ScrollableLegendModel.superCall(this, 'init', option, parentModel, ecModel, extraOpt);
+
+ mergeAndNormalizeLayoutParams$1(this, option, inputPositionParams);
+ },
+
+ /**
+ * @override
+ */
+ mergeOption: function (option, extraOpt) {
+ ScrollableLegendModel.superCall(this, 'mergeOption', option, extraOpt);
+
+ mergeAndNormalizeLayoutParams$1(this, this.option, option);
+ }
+
+});
+
+// Do not `ignoreSize` to enable setting {left: 10, right: 10}.
+function mergeAndNormalizeLayoutParams$1(legendModel, target, raw) {
+ var orient = legendModel.getOrient();
+ var ignoreSize = [1, 1];
+ ignoreSize[orient.index] = 0;
+ mergeLayoutParam(target, raw, {
+ type: 'box', ignoreSize: ignoreSize
+ });
+}
+
+/*
+* 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.
+*/
+
+/**
+ * Separate legend and scrollable legend to reduce package size.
+ */
+
+var Group$4 = Group;
+
+var WH$1 = ['width', 'height'];
+var XY$1 = ['x', 'y'];
+
+var ScrollableLegendView = LegendView.extend({
+
+ type: 'legend.scroll',
+
+ newlineDisabled: true,
+
+ init: function () {
+
+ ScrollableLegendView.superCall(this, 'init');
+
+ /**
+ * @private
+ * @type {number} For `scroll`.
+ */
+ this._currentIndex = 0;
+
+ /**
+ * @private
+ * @type {module:zrender/container/Group}
+ */
+ this.group.add(this._containerGroup = new Group$4());
+ this._containerGroup.add(this.getContentGroup());
+
+ /**
+ * @private
+ * @type {module:zrender/container/Group}
+ */
+ this.group.add(this._controllerGroup = new Group$4());
+
+ /**
+ *
+ * @private
+ */
+ this._showController;
+ },
+
+ /**
+ * @override
+ */
+ resetInner: function () {
+ ScrollableLegendView.superCall(this, 'resetInner');
+
+ this._controllerGroup.removeAll();
+ this._containerGroup.removeClipPath();
+ this._containerGroup.__rectSize = null;
+ },
+
+ /**
+ * @override
+ */
+ renderInner: function (itemAlign, legendModel, ecModel, api, selector, orient, selectorPosition) {
+ var me = this;
+
+ // Render content items.
+ ScrollableLegendView.superCall(this, 'renderInner', itemAlign,
+ legendModel, ecModel, api, selector, orient, selectorPosition);
+
+ var controllerGroup = this._controllerGroup;
+
+ // FIXME: support be 'auto' adapt to size number text length,
+ // e.g., '3/12345' should not overlap with the control arrow button.
+ var pageIconSize = legendModel.get('pageIconSize', true);
+ if (!isArray(pageIconSize)) {
+ pageIconSize = [pageIconSize, pageIconSize];
+ }
+
+ createPageButton('pagePrev', 0);
+
+ var pageTextStyleModel = legendModel.getModel('pageTextStyle');
+ controllerGroup.add(new Text({
+ name: 'pageText',
+ style: {
+ textFill: pageTextStyleModel.getTextColor(),
+ font: pageTextStyleModel.getFont(),
+ textVerticalAlign: 'middle',
+ textAlign: 'center'
+ },
+ silent: true
+ }));
+
+ createPageButton('pageNext', 1);
+
+ function createPageButton(name, iconIdx) {
+ var pageDataIndexName = name + 'DataIndex';
+ var icon = createIcon(
+ legendModel.get('pageIcons', true)[legendModel.getOrient().name][iconIdx],
+ {
+ // Buttons will be created in each render, so we do not need
+ // to worry about avoiding using legendModel kept in scope.
+ onclick: bind(
+ me._pageGo, me, pageDataIndexName, legendModel, api
+ )
+ },
+ {
+ x: -pageIconSize[0] / 2,
+ y: -pageIconSize[1] / 2,
+ width: pageIconSize[0],
+ height: pageIconSize[1]
+ }
+ );
+ icon.name = name;
+ controllerGroup.add(icon);
+ }
+ },
+
+ /**
+ * @override
+ */
+ layoutInner: function (legendModel, itemAlign, maxSize, isFirstRender, selector, selectorPosition) {
+ var selectorGroup = this.getSelectorGroup();
+
+ var orientIdx = legendModel.getOrient().index;
+ var wh = WH$1[orientIdx];
+ var xy = XY$1[orientIdx];
+ var hw = WH$1[1 - orientIdx];
+ var yx = XY$1[1 - orientIdx];
+
+ selector && box(
+ // Buttons in selectorGroup always layout horizontally
+ 'horizontal',
+ selectorGroup,
+ legendModel.get('selectorItemGap', true)
+ );
+
+ var selectorButtonGap = legendModel.get('selectorButtonGap', true);
+ var selectorRect = selectorGroup.getBoundingRect();
+ var selectorPos = [-selectorRect.x, -selectorRect.y];
+
+ var processMaxSize = clone(maxSize);
+ selector && (processMaxSize[wh] = maxSize[wh] - selectorRect[wh] - selectorButtonGap);
+
+ var mainRect = this._layoutContentAndController(legendModel, isFirstRender,
+ processMaxSize, orientIdx, wh, hw, yx
+ );
+
+ if (selector) {
+ if (selectorPosition === 'end') {
+ selectorPos[orientIdx] += mainRect[wh] + selectorButtonGap;
+ }
+ else {
+ var offset = selectorRect[wh] + selectorButtonGap;
+ selectorPos[orientIdx] -= offset;
+ mainRect[xy] -= offset;
+ }
+ mainRect[wh] += selectorRect[wh] + selectorButtonGap;
+
+ selectorPos[1 - orientIdx] += mainRect[yx] + mainRect[hw] / 2 - selectorRect[hw] / 2;
+ mainRect[hw] = Math.max(mainRect[hw], selectorRect[hw]);
+ mainRect[yx] = Math.min(mainRect[yx], selectorRect[yx] + selectorPos[1 - orientIdx]);
+
+ selectorGroup.attr('position', selectorPos);
+ }
+
+ return mainRect;
+ },
+
+ _layoutContentAndController: function (legendModel, isFirstRender, maxSize, orientIdx, wh, hw, yx) {
+ var contentGroup = this.getContentGroup();
+ var containerGroup = this._containerGroup;
+ var controllerGroup = this._controllerGroup;
+
+ // Place items in contentGroup.
+ box(
+ legendModel.get('orient'),
+ contentGroup,
+ legendModel.get('itemGap'),
+ !orientIdx ? null : maxSize.width,
+ orientIdx ? null : maxSize.height
+ );
+
+ box(
+ // Buttons in controller are layout always horizontally.
+ 'horizontal',
+ controllerGroup,
+ legendModel.get('pageButtonItemGap', true)
+ );
+
+ var contentRect = contentGroup.getBoundingRect();
+ var controllerRect = controllerGroup.getBoundingRect();
+ var showController = this._showController = contentRect[wh] > maxSize[wh];
+
+ var contentPos = [-contentRect.x, -contentRect.y];
+ // Remain contentPos when scroll animation perfroming.
+ // If first rendering, `contentGroup.position` is [0, 0], which
+ // does not make sense and may cause unexepcted animation if adopted.
+ if (!isFirstRender) {
+ contentPos[orientIdx] = contentGroup.position[orientIdx];
+ }
+
+ // Layout container group based on 0.
+ var containerPos = [0, 0];
+ var controllerPos = [-controllerRect.x, -controllerRect.y];
+ var pageButtonGap = retrieve2(
+ legendModel.get('pageButtonGap', true), legendModel.get('itemGap', true)
+ );
+
+ // Place containerGroup and controllerGroup and contentGroup.
+ if (showController) {
+ var pageButtonPosition = legendModel.get('pageButtonPosition', true);
+ // controller is on the right / bottom.
+ if (pageButtonPosition === 'end') {
+ controllerPos[orientIdx] += maxSize[wh] - controllerRect[wh];
+ }
+ // controller is on the left / top.
+ else {
+ containerPos[orientIdx] += controllerRect[wh] + pageButtonGap;
+ }
+ }
+
+ // Always align controller to content as 'middle'.
+ controllerPos[1 - orientIdx] += contentRect[hw] / 2 - controllerRect[hw] / 2;
+
+ contentGroup.attr('position', contentPos);
+ containerGroup.attr('position', containerPos);
+ controllerGroup.attr('position', controllerPos);
+
+ // Calculate `mainRect` and set `clipPath`.
+ // mainRect should not be calculated by `this.group.getBoundingRect()`
+ // for sake of the overflow.
+ var mainRect = {x: 0, y: 0};
+
+ // Consider content may be overflow (should be clipped).
+ mainRect[wh] = showController ? maxSize[wh] : contentRect[wh];
+ mainRect[hw] = Math.max(contentRect[hw], controllerRect[hw]);
+
+ // `containerRect[yx] + containerPos[1 - orientIdx]` is 0.
+ mainRect[yx] = Math.min(0, controllerRect[yx] + controllerPos[1 - orientIdx]);
+
+ containerGroup.__rectSize = maxSize[wh];
+ if (showController) {
+ var clipShape = {x: 0, y: 0};
+ clipShape[wh] = Math.max(maxSize[wh] - controllerRect[wh] - pageButtonGap, 0);
+ clipShape[hw] = mainRect[hw];
+ containerGroup.setClipPath(new Rect({shape: clipShape}));
+ // Consider content may be larger than container, container rect
+ // can not be obtained from `containerGroup.getBoundingRect()`.
+ containerGroup.__rectSize = clipShape[wh];
+ }
+ else {
+ // Do not remove or ignore controller. Keep them set as placeholders.
+ controllerGroup.eachChild(function (child) {
+ child.attr({invisible: true, silent: true});
+ });
+ }
+
+ // Content translate animation.
+ var pageInfo = this._getPageInfo(legendModel);
+ pageInfo.pageIndex != null && updateProps(
+ contentGroup,
+ {position: pageInfo.contentPosition},
+ // When switch from "show controller" to "not show controller", view should be
+ // updated immediately without animation, otherwise causes weird effect.
+ showController ? legendModel : false
+ );
+
+ this._updatePageInfoView(legendModel, pageInfo);
+
+ return mainRect;
+ },
+
+ _pageGo: function (to, legendModel, api) {
+ var scrollDataIndex = this._getPageInfo(legendModel)[to];
+
+ scrollDataIndex != null && api.dispatchAction({
+ type: 'legendScroll',
+ scrollDataIndex: scrollDataIndex,
+ legendId: legendModel.id
+ });
+ },
+
+ _updatePageInfoView: function (legendModel, pageInfo) {
+ var controllerGroup = this._controllerGroup;
+
+ each$1(['pagePrev', 'pageNext'], function (name) {
+ var canJump = pageInfo[name + 'DataIndex'] != null;
+ var icon = controllerGroup.childOfName(name);
+ if (icon) {
+ icon.setStyle(
+ 'fill',
+ canJump
+ ? legendModel.get('pageIconColor', true)
+ : legendModel.get('pageIconInactiveColor', true)
+ );
+ icon.cursor = canJump ? 'pointer' : 'default';
+ }
+ });
+
+ var pageText = controllerGroup.childOfName('pageText');
+ var pageFormatter = legendModel.get('pageFormatter');
+ var pageIndex = pageInfo.pageIndex;
+ var current = pageIndex != null ? pageIndex + 1 : 0;
+ var total = pageInfo.pageCount;
+
+ pageText && pageFormatter && pageText.setStyle(
+ 'text',
+ isString(pageFormatter)
+ ? pageFormatter.replace('{current}', current).replace('{total}', total)
+ : pageFormatter({current: current, total: total})
+ );
+ },
+
+ /**
+ * @param {module:echarts/model/Model} legendModel
+ * @return {Object} {
+ * contentPosition: Array.<number>, null when data item not found.
+ * pageIndex: number, null when data item not found.
+ * pageCount: number, always be a number, can be 0.
+ * pagePrevDataIndex: number, null when no previous page.
+ * pageNextDataIndex: number, null when no next page.
+ * }
+ */
+ _getPageInfo: function (legendModel) {
+ var scrollDataIndex = legendModel.get('scrollDataIndex', true);
+ var contentGroup = this.getContentGroup();
+ var containerRectSize = this._containerGroup.__rectSize;
+ var orientIdx = legendModel.getOrient().index;
+ var wh = WH$1[orientIdx];
+ var xy = XY$1[orientIdx];
+
+ var targetItemIndex = this._findTargetItemIndex(scrollDataIndex);
+ var children = contentGroup.children();
+ var targetItem = children[targetItemIndex];
+ var itemCount = children.length;
+ var pCount = !itemCount ? 0 : 1;
+
+ var result = {
+ contentPosition: contentGroup.position.slice(),
+ pageCount: pCount,
+ pageIndex: pCount - 1,
+ pagePrevDataIndex: null,
+ pageNextDataIndex: null
+ };
+
+ if (!targetItem) {
+ return result;
+ }
+
+ var targetItemInfo = getItemInfo(targetItem);
+ result.contentPosition[orientIdx] = -targetItemInfo.s;
+
+ // Strategy:
+ // (1) Always align based on the left/top most item.
+ // (2) It is user-friendly that the last item shown in the
+ // current window is shown at the begining of next window.
+ // Otherwise if half of the last item is cut by the window,
+ // it will have no chance to display entirely.
+ // (3) Consider that item size probably be different, we
+ // have calculate pageIndex by size rather than item index,
+ // and we can not get page index directly by division.
+ // (4) The window is to narrow to contain more than
+ // one item, we should make sure that the page can be fliped.
+
+ for (var i = targetItemIndex + 1,
+ winStartItemInfo = targetItemInfo,
+ winEndItemInfo = targetItemInfo,
+ currItemInfo = null;
+ i <= itemCount;
+ ++i
+ ) {
+ currItemInfo = getItemInfo(children[i]);
+ if (
+ // Half of the last item is out of the window.
+ (!currItemInfo && winEndItemInfo.e > winStartItemInfo.s + containerRectSize)
+ // If the current item does not intersect with the window, the new page
+ // can be started at the current item or the last item.
+ || (currItemInfo && !intersect(currItemInfo, winStartItemInfo.s))
+ ) {
+ if (winEndItemInfo.i > winStartItemInfo.i) {
+ winStartItemInfo = winEndItemInfo;
+ }
+ else { // e.g., when page size is smaller than item size.
+ winStartItemInfo = currItemInfo;
+ }
+ if (winStartItemInfo) {
+ if (result.pageNextDataIndex == null) {
+ result.pageNextDataIndex = winStartItemInfo.i;
+ }
+ ++result.pageCount;
+ }
+ }
+ winEndItemInfo = currItemInfo;
+ }
+
+ for (var i = targetItemIndex - 1,
+ winStartItemInfo = targetItemInfo,
+ winEndItemInfo = targetItemInfo,
+ currItemInfo = null;
+ i >= -1;
+ --i
+ ) {
+ currItemInfo = getItemInfo(children[i]);
+ if (
+ // If the the end item does not intersect with the window started
+ // from the current item, a page can be settled.
+ (!currItemInfo || !intersect(winEndItemInfo, currItemInfo.s))
+ // e.g., when page size is smaller than item size.
+ && winStartItemInfo.i < winEndItemInfo.i
+ ) {
+ winEndItemInfo = winStartItemInfo;
+ if (result.pagePrevDataIndex == null) {
+ result.pagePrevDataIndex = winStartItemInfo.i;
+ }
+ ++result.pageCount;
+ ++result.pageIndex;
+ }
+ winStartItemInfo = currItemInfo;
+ }
+
+ return result;
+
+ function getItemInfo(el) {
+ if (el) {
+ var itemRect = el.getBoundingRect();
+ var start = itemRect[xy] + el.position[orientIdx];
+ return {
+ s: start,
+ e: start + itemRect[wh],
+ i: el.__legendDataIndex
+ };
+ }
+ }
+
+ function intersect(itemInfo, winStart) {
+ return itemInfo.e >= winStart && itemInfo.s <= winStart + containerRectSize;
+ }
+ },
+
+ _findTargetItemIndex: function (targetDataIndex) {
+ if (!this._showController) {
+ return 0;
+ }
+
+ var index;
+ var contentGroup = this.getContentGroup();
+ var defaultIndex;
+
+ contentGroup.eachChild(function (child, idx) {
+ var legendDataIdx = child.__legendDataIndex;
+ // FIXME
+ // If the given targetDataIndex (from model) is illegal,
+ // we use defualtIndex. But the index on the legend model and
+ // action payload is still illegal. That case will not be
+ // changed until some scenario requires.
+ if (defaultIndex == null && legendDataIdx != null) {
+ defaultIndex = idx;
+ }
+ if (legendDataIdx === targetDataIndex) {
+ index = idx;
+ }
+ });
+
+ return index != null ? index : defaultIndex;
+ }
+
+});
+
+/*
+* 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.
+*/
+
+/**
+ * @event legendScroll
+ * @type {Object}
+ * @property {string} type 'legendScroll'
+ * @property {string} scrollDataIndex
+ */
+registerAction(
+ 'legendScroll', 'legendscroll',
+ function (payload, ecModel) {
+ var scrollDataIndex = payload.scrollDataIndex;
+
+ scrollDataIndex != null && ecModel.eachComponent(
+ {mainType: 'legend', subType: 'scroll', query: payload},
+ function (legendModel) {
+ legendModel.setScrollDataIndex(scrollDataIndex);
+ }
+ );
+ }
+);
+
+/*
+* 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.
+*/
+
+/**
+ * Legend component entry file8
+ */
+
+/*
+* 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.
+*/
+
+var SliderZoomModel = DataZoomModel.extend({
+
+ type: 'dataZoom.slider',
+
+ layoutMode: 'box',
+
+ /**
+ * @protected
+ */
+ defaultOption: {
+ show: true,
+
+ // ph => placeholder. Using placehoder here because
+ // deault value can only be drived in view stage.
+ right: 'ph', // Default align to grid rect.
+ top: 'ph', // Default align to grid rect.
+ width: 'ph', // Default align to grid rect.
+ height: 'ph', // Default align to grid rect.
+ left: null, // Default align to grid rect.
+ bottom: null, // Default align to grid rect.
+
+ backgroundColor: 'rgba(47,69,84,0)', // Background of slider zoom component.
+ // dataBackgroundColor: '#ddd', // Background coor of data shadow and border of box,
+ // highest priority, remain for compatibility of
+ // previous version, but not recommended any more.
+ dataBackground: {
+ lineStyle: {
+ color: '#2f4554',
+ width: 0.5,
+ opacity: 0.3
+ },
+ areaStyle: {
+ color: 'rgba(47,69,84,0.3)',
+ opacity: 0.3
+ }
+ },
+ borderColor: '#ddd', // border color of the box. For compatibility,
+ // if dataBackgroundColor is set, borderColor
+ // is ignored.
+
+ fillerColor: 'rgba(167,183,204,0.4)', // Color of selected area.
+ // handleColor: 'rgba(89,170,216,0.95)', // Color of handle.
+ // handleIcon: 'path://M4.9,17.8c0-1.4,4.5-10.5,5.5-12.4c0-0.1,0.6-1.1,0.9-1.1c0.4,0,0.9,1,0.9,1.1c1.1,2.2,5.4,11,5.4,12.4v17.8c0,1.5-0.6,2.1-1.3,2.1H6.1c-0.7,0-1.3-0.6-1.3-2.1V17.8z',
+ /* eslint-disable */
+ handleIcon: 'M8.2,13.6V3.9H6.3v9.7H3.1v14.9h3.3v9.7h1.8v-9.7h3.3V13.6H8.2z M9.7,24.4H4.8v-1.4h4.9V24.4z M9.7,19.1H4.8v-1.4h4.9V19.1z',
+ /* eslint-enable */
+ // Percent of the slider height
+ handleSize: '100%',
+
+ handleStyle: {
+ color: '#a7b7cc'
+ },
+
+ labelPrecision: null,
+ labelFormatter: null,
+ showDetail: true,
+ showDataShadow: 'auto', // Default auto decision.
+ realtime: true,
+ zoomLock: false, // Whether disable zoom.
+ textStyle: {
+ color: '#333'
+ }
+ }
+
+});
+
+/*
+* 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.
+*/
+
+var Rect$2 = Rect;
+var linearMap$1 = linearMap;
+var asc$2 = asc;
+var bind$5 = bind;
+var each$26 = each$1;
+
+// Constants
+var DEFAULT_LOCATION_EDGE_GAP = 7;
+var DEFAULT_FRAME_BORDER_WIDTH = 1;
+var DEFAULT_FILLER_SIZE = 30;
+var HORIZONTAL = 'horizontal';
+var VERTICAL = 'vertical';
+var LABEL_GAP = 5;
+var SHOW_DATA_SHADOW_SERIES_TYPE = ['line', 'bar', 'candlestick', 'scatter'];
+
+var SliderZoomView = DataZoomView.extend({
+
+ type: 'dataZoom.slider',
+
+ init: function (ecModel, api) {
+
+ /**
+ * @private
+ * @type {Object}
+ */
+ this._displayables = {};
+
+ /**
+ * @private
+ * @type {string}
+ */
+ this._orient;
+
+ /**
+ * [0, 100]
+ * @private
+ */
+ this._range;
+
+ /**
+ * [coord of the first handle, coord of the second handle]
+ * @private
+ */
+ this._handleEnds;
+
+ /**
+ * [length, thick]
+ * @private
+ * @type {Array.<number>}
+ */
+ this._size;
+
+ /**
+ * @private
+ * @type {number}
+ */
+ this._handleWidth;
+
+ /**
+ * @private
+ * @type {number}
+ */
+ this._handleHeight;
+
+ /**
+ * @private
+ */
+ this._location;
+
+ /**
+ * @private
+ */
+ this._dragging;
+
+ /**
+ * @private
+ */
+ this._dataShadowInfo;
+
+ this.api = api;
+ },
+
+ /**
+ * @override
+ */
+ render: function (dataZoomModel, ecModel, api, payload) {
+ SliderZoomView.superApply(this, 'render', arguments);
+
+ createOrUpdate(
+ this,
+ '_dispatchZoomAction',
+ this.dataZoomModel.get('throttle'),
+ 'fixRate'
+ );
+
+ this._orient = dataZoomModel.get('orient');
+
+ if (this.dataZoomModel.get('show') === false) {
+ this.group.removeAll();
+ return;
+ }
+
+ // Notice: this._resetInterval() should not be executed when payload.type
+ // is 'dataZoom', origin this._range should be maintained, otherwise 'pan'
+ // or 'zoom' info will be missed because of 'throttle' of this.dispatchAction,
+ if (!payload || payload.type !== 'dataZoom' || payload.from !== this.uid) {
+ this._buildView();
+ }
+
+ this._updateView();
+ },
+
+ /**
+ * @override
+ */
+ remove: function () {
+ SliderZoomView.superApply(this, 'remove', arguments);
+ clear(this, '_dispatchZoomAction');
+ },
+
+ /**
+ * @override
+ */
+ dispose: function () {
+ SliderZoomView.superApply(this, 'dispose', arguments);
+ clear(this, '_dispatchZoomAction');
+ },
+
+ _buildView: function () {
+ var thisGroup = this.group;
+
+ thisGroup.removeAll();
+
+ this._resetLocation();
+ this._resetInterval();
+
+ var barGroup = this._displayables.barGroup = new Group();
+
+ this._renderBackground();
+
+ this._renderHandle();
+
+ this._renderDataShadow();
+
+ thisGroup.add(barGroup);
+
+ this._positionGroup();
+ },
+
+ /**
+ * @private
+ */
+ _resetLocation: function () {
+ var dataZoomModel = this.dataZoomModel;
+ var api = this.api;
+
+ // If some of x/y/width/height are not specified,
+ // auto-adapt according to target grid.
+ var coordRect = this._findCoordRect();
+ var ecSize = {width: api.getWidth(), height: api.getHeight()};
+ // Default align by coordinate system rect.
+ var positionInfo = this._orient === HORIZONTAL
+ ? {
+ // Why using 'right', because right should be used in vertical,
+ // and it is better to be consistent for dealing with position param merge.
+ right: ecSize.width - coordRect.x - coordRect.width,
+ top: (ecSize.height - DEFAULT_FILLER_SIZE - DEFAULT_LOCATION_EDGE_GAP),
+ width: coordRect.width,
+ height: DEFAULT_FILLER_SIZE
+ }
+ : { // vertical
+ right: DEFAULT_LOCATION_EDGE_GAP,
+ top: coordRect.y,
+ width: DEFAULT_FILLER_SIZE,
+ height: coordRect.height
+ };
+
+ // Do not write back to option and replace value 'ph', because
+ // the 'ph' value should be recalculated when resize.
+ var layoutParams = getLayoutParams(dataZoomModel.option);
+
+ // Replace the placeholder value.
+ each$1(['right', 'top', 'width', 'height'], function (name) {
+ if (layoutParams[name] === 'ph') {
+ layoutParams[name] = positionInfo[name];
+ }
+ });
+
+ var layoutRect = getLayoutRect(
+ layoutParams,
+ ecSize,
+ dataZoomModel.padding
+ );
+
+ this._location = {x: layoutRect.x, y: layoutRect.y};
+ this._size = [layoutRect.width, layoutRect.height];
+ this._orient === VERTICAL && this._size.reverse();
+ },
+
+ /**
+ * @private
+ */
+ _positionGroup: function () {
+ var thisGroup = this.group;
+ var location = this._location;
+ var orient = this._orient;
+
+ // Just use the first axis to determine mapping.
+ var targetAxisModel = this.dataZoomModel.getFirstTargetAxisModel();
+ var inverse = targetAxisModel && targetAxisModel.get('inverse');
+
+ var barGroup = this._displayables.barGroup;
+ var otherAxisInverse = (this._dataShadowInfo || {}).otherAxisInverse;
+
+ // Transform barGroup.
+ barGroup.attr(
+ (orient === HORIZONTAL && !inverse)
+ ? {scale: otherAxisInverse ? [1, 1] : [1, -1]}
+ : (orient === HORIZONTAL && inverse)
+ ? {scale: otherAxisInverse ? [-1, 1] : [-1, -1]}
+ : (orient === VERTICAL && !inverse)
+ ? {scale: otherAxisInverse ? [1, -1] : [1, 1], rotation: Math.PI / 2}
+ // Dont use Math.PI, considering shadow direction.
+ : {scale: otherAxisInverse ? [-1, -1] : [-1, 1], rotation: Math.PI / 2}
+ );
+
+ // Position barGroup
+ var rect = thisGroup.getBoundingRect([barGroup]);
+ thisGroup.attr('position', [location.x - rect.x, location.y - rect.y]);
+ },
+
+ /**
+ * @private
+ */
+ _getViewExtent: function () {
+ return [0, this._size[0]];
+ },
+
+ _renderBackground: function () {
+ var dataZoomModel = this.dataZoomModel;
+ var size = this._size;
+ var barGroup = this._displayables.barGroup;
+
+ barGroup.add(new Rect$2({
+ silent: true,
+ shape: {
+ x: 0, y: 0, width: size[0], height: size[1]
+ },
+ style: {
+ fill: dataZoomModel.get('backgroundColor')
+ },
+ z2: -40
+ }));
+
+ // Click panel, over shadow, below handles.
+ barGroup.add(new Rect$2({
+ shape: {
+ x: 0, y: 0, width: size[0], height: size[1]
+ },
+ style: {
+ fill: 'transparent'
+ },
+ z2: 0,
+ onclick: bind(this._onClickPanelClick, this)
+ }));
+ },
+
+ _renderDataShadow: function () {
+ var info = this._dataShadowInfo = this._prepareDataShadowInfo();
+
+ if (!info) {
+ return;
+ }
+
+ var size = this._size;
+ var seriesModel = info.series;
+ var data = seriesModel.getRawData();
+
+ var otherDim = seriesModel.getShadowDim
+ ? seriesModel.getShadowDim() // @see candlestick
+ : info.otherDim;
+
+ if (otherDim == null) {
+ return;
+ }
+
+ var otherDataExtent = data.getDataExtent(otherDim);
+ // Nice extent.
+ var otherOffset = (otherDataExtent[1] - otherDataExtent[0]) * 0.3;
+ otherDataExtent = [
+ otherDataExtent[0] - otherOffset,
+ otherDataExtent[1] + otherOffset
+ ];
+ var otherShadowExtent = [0, size[1]];
+
+ var thisShadowExtent = [0, size[0]];
+
+ var areaPoints = [[size[0], 0], [0, 0]];
+ var linePoints = [];
+ var step = thisShadowExtent[1] / (data.count() - 1);
+ var thisCoord = 0;
+
+ // Optimize for large data shadow
+ var stride = Math.round(data.count() / size[0]);
+ var lastIsEmpty;
+ data.each([otherDim], function (value, index) {
+ if (stride > 0 && (index % stride)) {
+ thisCoord += step;
+ return;
+ }
+
+ // FIXME
+ // Should consider axis.min/axis.max when drawing dataShadow.
+
+ // FIXME
+ // 搴旇浣跨敤缁熶竴鐨勭┖鍒ゆ柇锛熻繕鏄湪list閲岃繘琛岀┖鍒ゆ柇锛�
+ var isEmpty = value == null || isNaN(value) || value === '';
+ // See #4235.
+ var otherCoord = isEmpty
+ ? 0 : linearMap$1(value, otherDataExtent, otherShadowExtent, true);
+
+ // Attempt to draw data shadow precisely when there are empty value.
+ if (isEmpty && !lastIsEmpty && index) {
+ areaPoints.push([areaPoints[areaPoints.length - 1][0], 0]);
+ linePoints.push([linePoints[linePoints.length - 1][0], 0]);
+ }
+ else if (!isEmpty && lastIsEmpty) {
+ areaPoints.push([thisCoord, 0]);
+ linePoints.push([thisCoord, 0]);
+ }
+
+ areaPoints.push([thisCoord, otherCoord]);
+ linePoints.push([thisCoord, otherCoord]);
+
+ thisCoord += step;
+ lastIsEmpty = isEmpty;
+ });
+
+ var dataZoomModel = this.dataZoomModel;
+ // var dataBackgroundModel = dataZoomModel.getModel('dataBackground');
+ this._displayables.barGroup.add(new Polygon({
+ shape: {points: areaPoints},
+ style: defaults(
+ {fill: dataZoomModel.get('dataBackgroundColor')},
+ dataZoomModel.getModel('dataBackground.areaStyle').getAreaStyle()
+ ),
+ silent: true,
+ z2: -20
+ }));
+ this._displayables.barGroup.add(new Polyline({
+ shape: {points: linePoints},
+ style: dataZoomModel.getModel('dataBackground.lineStyle').getLineStyle(),
+ silent: true,
+ z2: -19
+ }));
+ },
+
+ _prepareDataShadowInfo: function () {
+ var dataZoomModel = this.dataZoomModel;
+ var showDataShadow = dataZoomModel.get('showDataShadow');
+
+ if (showDataShadow === false) {
+ return;
+ }
+
+ // Find a representative series.
+ var result;
+ var ecModel = this.ecModel;
+
+ dataZoomModel.eachTargetAxis(function (dimNames, axisIndex) {
+ var seriesModels = dataZoomModel
+ .getAxisProxy(dimNames.name, axisIndex)
+ .getTargetSeriesModels();
+
+ each$1(seriesModels, function (seriesModel) {
+ if (result) {
+ return;
+ }
+
+ if (showDataShadow !== true && indexOf(
+ SHOW_DATA_SHADOW_SERIES_TYPE, seriesModel.get('type')
+ ) < 0
+ ) {
+ return;
+ }
+
+ var thisAxis = ecModel.getComponent(dimNames.axis, axisIndex).axis;
+ var otherDim = getOtherDim(dimNames.name);
+ var otherAxisInverse;
+ var coordSys = seriesModel.coordinateSystem;
+
+ if (otherDim != null && coordSys.getOtherAxis) {
+ otherAxisInverse = coordSys.getOtherAxis(thisAxis).inverse;
+ }
+
+ otherDim = seriesModel.getData().mapDimension(otherDim);
+
+ result = {
+ thisAxis: thisAxis,
+ series: seriesModel,
+ thisDim: dimNames.name,
+ otherDim: otherDim,
+ otherAxisInverse: otherAxisInverse
+ };
+
+ }, this);
+
+ }, this);
+
+ return result;
+ },
+
+ _renderHandle: function () {
+ var displaybles = this._displayables;
+ var handles = displaybles.handles = [];
+ var handleLabels = displaybles.handleLabels = [];
+ var barGroup = this._displayables.barGroup;
+ var size = this._size;
+ var dataZoomModel = this.dataZoomModel;
+
+ barGroup.add(displaybles.filler = new Rect$2({
+ draggable: true,
+ cursor: getCursor(this._orient),
+ drift: bind$5(this._onDragMove, this, 'all'),
+ ondragstart: bind$5(this._showDataInfo, this, true),
+ ondragend: bind$5(this._onDragEnd, this),
+ onmouseover: bind$5(this._showDataInfo, this, true),
+ onmouseout: bind$5(this._showDataInfo, this, false),
+ style: {
+ fill: dataZoomModel.get('fillerColor'),
+ textPosition: 'inside'
+ }
+ }));
+
+ // Frame border.
+ barGroup.add(new Rect$2({
+ silent: true,
+ subPixelOptimize: true,
+ shape: {
+ x: 0,
+ y: 0,
+ width: size[0],
+ height: size[1]
+ },
+ style: {
+ stroke: dataZoomModel.get('dataBackgroundColor')
+ || dataZoomModel.get('borderColor'),
+ lineWidth: DEFAULT_FRAME_BORDER_WIDTH,
+ fill: 'rgba(0,0,0,0)'
+ }
+ }));
+
+ each$26([0, 1], function (handleIndex) {
+ var path = createIcon(
+ dataZoomModel.get('handleIcon'),
+ {
+ cursor: getCursor(this._orient),
+ draggable: true,
+ drift: bind$5(this._onDragMove, this, handleIndex),
+ ondragend: bind$5(this._onDragEnd, this),
+ onmouseover: bind$5(this._showDataInfo, this, true),
+ onmouseout: bind$5(this._showDataInfo, this, false)
+ },
+ {x: -1, y: 0, width: 2, height: 2}
+ );
+
+ var bRect = path.getBoundingRect();
+ this._handleHeight = parsePercent$1(dataZoomModel.get('handleSize'), this._size[1]);
+ this._handleWidth = bRect.width / bRect.height * this._handleHeight;
+
+ path.setStyle(dataZoomModel.getModel('handleStyle').getItemStyle());
+ var handleColor = dataZoomModel.get('handleColor');
+ // Compatitable with previous version
+ if (handleColor != null) {
+ path.style.fill = handleColor;
+ }
+
+ barGroup.add(handles[handleIndex] = path);
+
+ var textStyleModel = dataZoomModel.textStyleModel;
+
+ this.group.add(
+ handleLabels[handleIndex] = new Text({
+ silent: true,
+ invisible: true,
+ style: {
+ x: 0, y: 0, text: '',
+ textVerticalAlign: 'middle',
+ textAlign: 'center',
+ textFill: textStyleModel.getTextColor(),
+ textFont: textStyleModel.getFont()
+ },
+ z2: 10
+ }));
+
+ }, this);
+ },
+
+ /**
+ * @private
+ */
+ _resetInterval: function () {
+ var range = this._range = this.dataZoomModel.getPercentRange();
+ var viewExtent = this._getViewExtent();
+
+ this._handleEnds = [
+ linearMap$1(range[0], [0, 100], viewExtent, true),
+ linearMap$1(range[1], [0, 100], viewExtent, true)
+ ];
+ },
+
+ /**
+ * @private
+ * @param {(number|string)} handleIndex 0 or 1 or 'all'
+ * @param {number} delta
+ * @return {boolean} changed
+ */
+ _updateInterval: function (handleIndex, delta) {
+ var dataZoomModel = this.dataZoomModel;
+ var handleEnds = this._handleEnds;
+ var viewExtend = this._getViewExtent();
+ var minMaxSpan = dataZoomModel.findRepresentativeAxisProxy().getMinMaxSpan();
+ var percentExtent = [0, 100];
+
+ sliderMove(
+ delta,
+ handleEnds,
+ viewExtend,
+ dataZoomModel.get('zoomLock') ? 'all' : handleIndex,
+ minMaxSpan.minSpan != null
+ ? linearMap$1(minMaxSpan.minSpan, percentExtent, viewExtend, true) : null,
+ minMaxSpan.maxSpan != null
+ ? linearMap$1(minMaxSpan.maxSpan, percentExtent, viewExtend, true) : null
+ );
+
+ var lastRange = this._range;
+ var range = this._range = asc$2([
+ linearMap$1(handleEnds[0], viewExtend, percentExtent, true),
+ linearMap$1(handleEnds[1], viewExtend, percentExtent, true)
+ ]);
+
+ return !lastRange || lastRange[0] !== range[0] || lastRange[1] !== range[1];
+ },
+
+ /**
+ * @private
+ */
+ _updateView: function (nonRealtime) {
+ var displaybles = this._displayables;
+ var handleEnds = this._handleEnds;
+ var handleInterval = asc$2(handleEnds.slice());
+ var size = this._size;
+
+ each$26([0, 1], function (handleIndex) {
+ // Handles
+ var handle = displaybles.handles[handleIndex];
+ var handleHeight = this._handleHeight;
+ handle.attr({
+ scale: [handleHeight / 2, handleHeight / 2],
+ position: [handleEnds[handleIndex], size[1] / 2 - handleHeight / 2]
+ });
+ }, this);
+
+ // Filler
+ displaybles.filler.setShape({
+ x: handleInterval[0],
+ y: 0,
+ width: handleInterval[1] - handleInterval[0],
+ height: size[1]
+ });
+
+ this._updateDataInfo(nonRealtime);
+ },
+
+ /**
+ * @private
+ */
+ _updateDataInfo: function (nonRealtime) {
+ var dataZoomModel = this.dataZoomModel;
+ var displaybles = this._displayables;
+ var handleLabels = displaybles.handleLabels;
+ var orient = this._orient;
+ var labelTexts = ['', ''];
+
+ // FIXME
+ // date鍨嬶紝鏀寔formatter锛宎utoformatter锛坋c2 date.getAutoFormatter锛�
+ if (dataZoomModel.get('showDetail')) {
+ var axisProxy = dataZoomModel.findRepresentativeAxisProxy();
+
+ if (axisProxy) {
+ var axis = axisProxy.getAxisModel().axis;
+ var range = this._range;
+
+ var dataInterval = nonRealtime
+ // See #4434, data and axis are not processed and reset yet in non-realtime mode.
+ ? axisProxy.calculateDataWindow({
+ start: range[0], end: range[1]
+ }).valueWindow
+ : axisProxy.getDataValueWindow();
+
+ labelTexts = [
+ this._formatLabel(dataInterval[0], axis),
+ this._formatLabel(dataInterval[1], axis)
+ ];
+ }
+ }
+
+ var orderedHandleEnds = asc$2(this._handleEnds.slice());
+
+ setLabel.call(this, 0);
+ setLabel.call(this, 1);
+
+ function setLabel(handleIndex) {
+ // Label
+ // Text should not transform by barGroup.
+ // Ignore handlers transform
+ var barTransform = getTransform(
+ displaybles.handles[handleIndex].parent, this.group
+ );
+ var direction = transformDirection(
+ handleIndex === 0 ? 'right' : 'left', barTransform
+ );
+ var offset = this._handleWidth / 2 + LABEL_GAP;
+ var textPoint = applyTransform$1(
+ [
+ orderedHandleEnds[handleIndex] + (handleIndex === 0 ? -offset : offset),
+ this._size[1] / 2
+ ],
+ barTransform
+ );
+ handleLabels[handleIndex].setStyle({
+ x: textPoint[0],
+ y: textPoint[1],
+ textVerticalAlign: orient === HORIZONTAL ? 'middle' : direction,
+ textAlign: orient === HORIZONTAL ? direction : 'center',
+ text: labelTexts[handleIndex]
+ });
+ }
+ },
+
+ /**
+ * @private
+ */
+ _formatLabel: function (value, axis) {
+ var dataZoomModel = this.dataZoomModel;
+ var labelFormatter = dataZoomModel.get('labelFormatter');
+
+ var labelPrecision = dataZoomModel.get('labelPrecision');
+ if (labelPrecision == null || labelPrecision === 'auto') {
+ labelPrecision = axis.getPixelPrecision();
+ }
+
+ var valueStr = (value == null || isNaN(value))
+ ? ''
+ // FIXME Glue code
+ : (axis.type === 'category' || axis.type === 'time')
+ ? axis.scale.getLabel(Math.round(value))
+ // param of toFixed should less then 20.
+ : value.toFixed(Math.min(labelPrecision, 20));
+
+ return isFunction$1(labelFormatter)
+ ? labelFormatter(value, valueStr)
+ : isString(labelFormatter)
+ ? labelFormatter.replace('{value}', valueStr)
+ : valueStr;
+ },
+
+ /**
+ * @private
+ * @param {boolean} showOrHide true: show, false: hide
+ */
+ _showDataInfo: function (showOrHide) {
+ // Always show when drgging.
+ showOrHide = this._dragging || showOrHide;
+
+ var handleLabels = this._displayables.handleLabels;
+ handleLabels[0].attr('invisible', !showOrHide);
+ handleLabels[1].attr('invisible', !showOrHide);
+ },
+
+ _onDragMove: function (handleIndex, dx, dy, event) {
+ this._dragging = true;
+
+ // For mobile device, prevent screen slider on the button.
+ stop(event.event);
+
+ // Transform dx, dy to bar coordination.
+ var barTransform = this._displayables.barGroup.getLocalTransform();
+ var vertex = applyTransform$1([dx, dy], barTransform, true);
+
+ var changed = this._updateInterval(handleIndex, vertex[0]);
+
+ var realtime = this.dataZoomModel.get('realtime');
+
+ this._updateView(!realtime);
+
+ // Avoid dispatch dataZoom repeatly but range not changed,
+ // which cause bad visual effect when progressive enabled.
+ changed && realtime && this._dispatchZoomAction();
+ },
+
+ _onDragEnd: function () {
+ this._dragging = false;
+ this._showDataInfo(false);
+
+ // While in realtime mode and stream mode, dispatch action when
+ // drag end will cause the whole view rerender, which is unnecessary.
+ var realtime = this.dataZoomModel.get('realtime');
+ !realtime && this._dispatchZoomAction();
+ },
+
+ _onClickPanelClick: function (e) {
+ var size = this._size;
+ var localPoint = this._displayables.barGroup.transformCoordToLocal(e.offsetX, e.offsetY);
+
+ if (localPoint[0] < 0 || localPoint[0] > size[0]
+ || localPoint[1] < 0 || localPoint[1] > size[1]
+ ) {
+ return;
+ }
+
+ var handleEnds = this._handleEnds;
+ var center = (handleEnds[0] + handleEnds[1]) / 2;
+
+ var changed = this._updateInterval('all', localPoint[0] - center);
+ this._updateView();
+ changed && this._dispatchZoomAction();
+ },
+
+ /**
+ * This action will be throttled.
+ * @private
+ */
+ _dispatchZoomAction: function () {
+ var range = this._range;
+
+ this.api.dispatchAction({
+ type: 'dataZoom',
+ from: this.uid,
+ dataZoomId: this.dataZoomModel.id,
+ start: range[0],
+ end: range[1]
+ });
+ },
+
+ /**
+ * @private
+ */
+ _findCoordRect: function () {
+ // Find the grid coresponding to the first axis referred by dataZoom.
+ var rect;
+ each$26(this.getTargetCoordInfo(), function (coordInfoList) {
+ if (!rect && coordInfoList.length) {
+ var coordSys = coordInfoList[0].model.coordinateSystem;
+ rect = coordSys.getRect && coordSys.getRect();
+ }
+ });
+ if (!rect) {
+ var width = this.api.getWidth();
+ var height = this.api.getHeight();
+ rect = {
+ x: width * 0.2,
+ y: height * 0.2,
+ width: width * 0.6,
+ height: height * 0.6
+ };
+ }
+
+ return rect;
+ }
+
+});
+
+function getOtherDim(thisDim) {
+ // FIXME
+ // 杩欎釜閫昏緫鍜実etOtherAxis閲屼竴鑷达紝浣嗘槸鍐欏湪杩欓噷鏄惁涓嶅ソ
+ var map$$1 = {x: 'y', y: 'x', radius: 'angle', angle: 'radius'};
+ return map$$1[thisDim];
+}
+
+function getCursor(orient) {
+ return orient === 'vertical' ? 'ns-resize' : 'ew-resize';
+}
+
+/*
+* 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.
+*/
+
+/*
+* 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.
+*/
+
+DataZoomModel.extend({
+
+ type: 'dataZoom.inside',
+
+ /**
+ * @protected
+ */
+ defaultOption: {
+ disabled: false, // Whether disable this inside zoom.
+ zoomLock: false, // Whether disable zoom but only pan.
+ zoomOnMouseWheel: true, // Can be: true / false / 'shift' / 'ctrl' / 'alt'.
+ moveOnMouseMove: true, // Can be: true / false / 'shift' / 'ctrl' / 'alt'.
+ moveOnMouseWheel: false, // Can be: true / false / 'shift' / 'ctrl' / 'alt'.
+ preventDefaultMouseMove: true
+ }
+});
+
+/*
+* 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.
+*/
+
+// Only create one roam controller for each coordinate system.
+// one roam controller might be refered by two inside data zoom
+// components (for example, one for x and one for y). When user
+// pan or zoom, only dispatch one action for those data zoom
+// components.
+
+var ATTR$2 = '\0_ec_dataZoom_roams';
+
+
+/**
+ * @public
+ * @param {module:echarts/ExtensionAPI} api
+ * @param {Object} dataZoomInfo
+ * @param {string} dataZoomInfo.coordId
+ * @param {Function} dataZoomInfo.containsPoint
+ * @param {Array.<string>} dataZoomInfo.allCoordIds
+ * @param {string} dataZoomInfo.dataZoomId
+ * @param {Object} dataZoomInfo.getRange
+ * @param {Function} dataZoomInfo.getRange.pan
+ * @param {Function} dataZoomInfo.getRange.zoom
+ * @param {Function} dataZoomInfo.getRange.scrollMove
+ * @param {boolean} dataZoomInfo.dataZoomModel
+ */
+function register$2(api, dataZoomInfo) {
+ var store = giveStore$1(api);
+ var theDataZoomId = dataZoomInfo.dataZoomId;
+ var theCoordId = dataZoomInfo.coordId;
+
+ // Do clean when a dataZoom changes its target coordnate system.
+ // Avoid memory leak, dispose all not-used-registered.
+ each$1(store, function (record, coordId) {
+ var dataZoomInfos = record.dataZoomInfos;
+ if (dataZoomInfos[theDataZoomId]
+ && indexOf(dataZoomInfo.allCoordIds, theCoordId) < 0
+ ) {
+ delete dataZoomInfos[theDataZoomId];
+ record.count--;
+ }
+ });
+
+ cleanStore(store);
+
+ var record = store[theCoordId];
+ // Create if needed.
+ if (!record) {
+ record = store[theCoordId] = {
+ coordId: theCoordId,
+ dataZoomInfos: {},
+ count: 0
+ };
+ record.controller = createController(api, record);
+ record.dispatchAction = curry(dispatchAction$1, api);
+ }
+
+ // Update reference of dataZoom.
+ !(record.dataZoomInfos[theDataZoomId]) && record.count++;
+ record.dataZoomInfos[theDataZoomId] = dataZoomInfo;
+
+ var controllerParams = mergeControllerParams(record.dataZoomInfos);
+ record.controller.enable(controllerParams.controlType, controllerParams.opt);
+
+ // Consider resize, area should be always updated.
+ record.controller.setPointerChecker(dataZoomInfo.containsPoint);
+
+ // Update throttle.
+ createOrUpdate(
+ record,
+ 'dispatchAction',
+ dataZoomInfo.dataZoomModel.get('throttle', true),
+ 'fixRate'
+ );
+}
+
+/**
+ * @public
+ * @param {module:echarts/ExtensionAPI} api
+ * @param {string} dataZoomId
+ */
+function unregister$1(api, dataZoomId) {
+ var store = giveStore$1(api);
+
+ each$1(store, function (record) {
+ record.controller.dispose();
+ var dataZoomInfos = record.dataZoomInfos;
+ if (dataZoomInfos[dataZoomId]) {
+ delete dataZoomInfos[dataZoomId];
+ record.count--;
+ }
+ });
+
+ cleanStore(store);
+}
+
+/**
+ * @public
+ */
+function generateCoordId(coordModel) {
+ return coordModel.type + '\0_' + coordModel.id;
+}
+
+/**
+ * Key: coordId, value: {dataZoomInfos: [], count, controller}
+ * @type {Array.<Object>}
+ */
+function giveStore$1(api) {
+ // Mount store on zrender instance, so that we do not
+ // need to worry about dispose.
+ var zr = api.getZr();
+ return zr[ATTR$2] || (zr[ATTR$2] = {});
+}
+
+function createController(api, newRecord) {
+ var controller = new RoamController(api.getZr());
+
+ each$1(['pan', 'zoom', 'scrollMove'], function (eventName) {
+ controller.on(eventName, function (event) {
+ var batch = [];
+
+ each$1(newRecord.dataZoomInfos, function (info) {
+ // Check whether the behaviors (zoomOnMouseWheel, moveOnMouseMove,
+ // moveOnMouseWheel, ...) enabled.
+ if (!event.isAvailableBehavior(info.dataZoomModel.option)) {
+ return;
+ }
+
+ var method = (info.getRange || {})[eventName];
+ var range = method && method(newRecord.controller, event);
+
+ !info.dataZoomModel.get('disabled', true) && range && batch.push({
+ dataZoomId: info.dataZoomId,
+ start: range[0],
+ end: range[1]
+ });
+ });
+
+ batch.length && newRecord.dispatchAction(batch);
+ });
+ });
+
+ return controller;
+}
+
+function cleanStore(store) {
+ each$1(store, function (record, coordId) {
+ if (!record.count) {
+ record.controller.dispose();
+ delete store[coordId];
+ }
+ });
+}
+
+/**
+ * This action will be throttled.
+ */
+function dispatchAction$1(api, batch) {
+ api.dispatchAction({
+ type: 'dataZoom',
+ batch: batch
+ });
+}
+
+/**
+ * Merge roamController settings when multiple dataZooms share one roamController.
+ */
+function mergeControllerParams(dataZoomInfos) {
+ var controlType;
+ // DO NOT use reserved word (true, false, undefined) as key literally. Even if encapsulated
+ // as string, it is probably revert to reserved word by compress tool. See #7411.
+ var prefix = 'type_';
+ var typePriority = {
+ 'type_true': 2,
+ 'type_move': 1,
+ 'type_false': 0,
+ 'type_undefined': -1
+ };
+ var preventDefaultMouseMove = true;
+
+ each$1(dataZoomInfos, function (dataZoomInfo) {
+ var dataZoomModel = dataZoomInfo.dataZoomModel;
+ var oneType = dataZoomModel.get('disabled', true)
+ ? false
+ : dataZoomModel.get('zoomLock', true)
+ ? 'move'
+ : true;
+ if (typePriority[prefix + oneType] > typePriority[prefix + controlType]) {
+ controlType = oneType;
+ }
+
+ // Prevent default move event by default. If one false, do not prevent. Otherwise
+ // users may be confused why it does not work when multiple insideZooms exist.
+ preventDefaultMouseMove &= dataZoomModel.get('preventDefaultMouseMove', true);
+ });
+
+ return {
+ controlType: controlType,
+ opt: {
+ // RoamController will enable all of these functionalities,
+ // and the final behavior is determined by its event listener
+ // provided by each inside zoom.
+ zoomOnMouseWheel: true,
+ moveOnMouseMove: true,
+ moveOnMouseWheel: true,
+ preventDefaultMouseMove: !!preventDefaultMouseMove
+ }
+ };
+}
+
+/*
+* 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.
+*/
+
+var bind$6 = bind;
+
+var InsideZoomView = DataZoomView.extend({
+
+ type: 'dataZoom.inside',
+
+ /**
+ * @override
+ */
+ init: function (ecModel, api) {
+ /**
+ * 'throttle' is used in this.dispatchAction, so we save range
+ * to avoid missing some 'pan' info.
+ * @private
+ * @type {Array.<number>}
+ */
+ this._range;
+ },
+
+ /**
+ * @override
+ */
+ render: function (dataZoomModel, ecModel, api, payload) {
+ InsideZoomView.superApply(this, 'render', arguments);
+
+ // Hence the `throttle` util ensures to preserve command order,
+ // here simply updating range all the time will not cause missing
+ // any of the the roam change.
+ this._range = dataZoomModel.getPercentRange();
+
+ // Reset controllers.
+ each$1(this.getTargetCoordInfo(), function (coordInfoList, coordSysName) {
+
+ var allCoordIds = map(coordInfoList, function (coordInfo) {
+ return generateCoordId(coordInfo.model);
+ });
+
+ each$1(coordInfoList, function (coordInfo) {
+ var coordModel = coordInfo.model;
+
+ var getRange = {};
+ each$1(['pan', 'zoom', 'scrollMove'], function (eventName) {
+ getRange[eventName] = bind$6(roamHandlers[eventName], this, coordInfo, coordSysName);
+ }, this);
+
+ register$2(
+ api,
+ {
+ coordId: generateCoordId(coordModel),
+ allCoordIds: allCoordIds,
+ containsPoint: function (e, x, y) {
+ return coordModel.coordinateSystem.containPoint([x, y]);
+ },
+ dataZoomId: dataZoomModel.id,
+ dataZoomModel: dataZoomModel,
+ getRange: getRange
+ }
+ );
+ }, this);
+
+ }, this);
+ },
+
+ /**
+ * @override
+ */
+ dispose: function () {
+ unregister$1(this.api, this.dataZoomModel.id);
+ InsideZoomView.superApply(this, 'dispose', arguments);
+ this._range = null;
+ }
+
+});
+
+var roamHandlers = {
+
+ /**
+ * @this {module:echarts/component/dataZoom/InsideZoomView}
+ */
+ zoom: function (coordInfo, coordSysName, controller, e) {
+ var lastRange = this._range;
+ var range = lastRange.slice();
+
+ // Calculate transform by the first axis.
+ var axisModel = coordInfo.axisModels[0];
+ if (!axisModel) {
+ return;
+ }
+
+ var directionInfo = getDirectionInfo[coordSysName](
+ null, [e.originX, e.originY], axisModel, controller, coordInfo
+ );
+ var percentPoint = (
+ directionInfo.signal > 0
+ ? (directionInfo.pixelStart + directionInfo.pixelLength - directionInfo.pixel)
+ : (directionInfo.pixel - directionInfo.pixelStart)
+ ) / directionInfo.pixelLength * (range[1] - range[0]) + range[0];
+
+ var scale = Math.max(1 / e.scale, 0);
+ range[0] = (range[0] - percentPoint) * scale + percentPoint;
+ range[1] = (range[1] - percentPoint) * scale + percentPoint;
+
+ // Restrict range.
+ var minMaxSpan = this.dataZoomModel.findRepresentativeAxisProxy().getMinMaxSpan();
+
+ sliderMove(0, range, [0, 100], 0, minMaxSpan.minSpan, minMaxSpan.maxSpan);
+
+ this._range = range;
+
+ if (lastRange[0] !== range[0] || lastRange[1] !== range[1]) {
+ return range;
+ }
+ },
+
+ /**
+ * @this {module:echarts/component/dataZoom/InsideZoomView}
+ */
+ pan: makeMover(function (range, axisModel, coordInfo, coordSysName, controller, e) {
+ var directionInfo = getDirectionInfo[coordSysName](
+ [e.oldX, e.oldY], [e.newX, e.newY], axisModel, controller, coordInfo
+ );
+
+ return directionInfo.signal
+ * (range[1] - range[0])
+ * directionInfo.pixel / directionInfo.pixelLength;
+ }),
+
+ /**
+ * @this {module:echarts/component/dataZoom/InsideZoomView}
+ */
+ scrollMove: makeMover(function (range, axisModel, coordInfo, coordSysName, controller, e) {
+ var directionInfo = getDirectionInfo[coordSysName](
+ [0, 0], [e.scrollDelta, e.scrollDelta], axisModel, controller, coordInfo
+ );
+ return directionInfo.signal * (range[1] - range[0]) * e.scrollDelta;
+ })
+};
+
+function makeMover(getPercentDelta) {
+ return function (coordInfo, coordSysName, controller, e) {
+ var lastRange = this._range;
+ var range = lastRange.slice();
+
+ // Calculate transform by the first axis.
+ var axisModel = coordInfo.axisModels[0];
+ if (!axisModel) {
+ return;
+ }
+
+ var percentDelta = getPercentDelta(
+ range, axisModel, coordInfo, coordSysName, controller, e
+ );
+
+ sliderMove(percentDelta, range, [0, 100], 'all');
+
+ this._range = range;
+
+ if (lastRange[0] !== range[0] || lastRange[1] !== range[1]) {
+ return range;
+ }
+ };
+}
+
+var getDirectionInfo = {
+
+ grid: function (oldPoint, newPoint, axisModel, controller, coordInfo) {
+ var axis = axisModel.axis;
+ var ret = {};
+ var rect = coordInfo.model.coordinateSystem.getRect();
+ oldPoint = oldPoint || [0, 0];
+
+ if (axis.dim === 'x') {
+ ret.pixel = newPoint[0] - oldPoint[0];
+ ret.pixelLength = rect.width;
+ ret.pixelStart = rect.x;
+ ret.signal = axis.inverse ? 1 : -1;
+ }
+ else { // axis.dim === 'y'
+ ret.pixel = newPoint[1] - oldPoint[1];
+ ret.pixelLength = rect.height;
+ ret.pixelStart = rect.y;
+ ret.signal = axis.inverse ? -1 : 1;
+ }
+
+ return ret;
+ },
+
+ polar: function (oldPoint, newPoint, axisModel, controller, coordInfo) {
+ var axis = axisModel.axis;
+ var ret = {};
+ var polar = coordInfo.model.coordinateSystem;
+ var radiusExtent = polar.getRadiusAxis().getExtent();
+ var angleExtent = polar.getAngleAxis().getExtent();
+
+ oldPoint = oldPoint ? polar.pointToCoord(oldPoint) : [0, 0];
+ newPoint = polar.pointToCoord(newPoint);
+
+ if (axisModel.mainType === 'radiusAxis') {
+ ret.pixel = newPoint[0] - oldPoint[0];
+ // ret.pixelLength = Math.abs(radiusExtent[1] - radiusExtent[0]);
+ // ret.pixelStart = Math.min(radiusExtent[0], radiusExtent[1]);
+ ret.pixelLength = radiusExtent[1] - radiusExtent[0];
+ ret.pixelStart = radiusExtent[0];
+ ret.signal = axis.inverse ? 1 : -1;
+ }
+ else { // 'angleAxis'
+ ret.pixel = newPoint[1] - oldPoint[1];
+ // ret.pixelLength = Math.abs(angleExtent[1] - angleExtent[0]);
+ // ret.pixelStart = Math.min(angleExtent[0], angleExtent[1]);
+ ret.pixelLength = angleExtent[1] - angleExtent[0];
+ ret.pixelStart = angleExtent[0];
+ ret.signal = axis.inverse ? -1 : 1;
+ }
+
+ return ret;
+ },
+
+ singleAxis: function (oldPoint, newPoint, axisModel, controller, coordInfo) {
+ var axis = axisModel.axis;
+ var rect = coordInfo.model.coordinateSystem.getRect();
+ var ret = {};
+
+ oldPoint = oldPoint || [0, 0];
+
+ if (axis.orient === 'horizontal') {
+ ret.pixel = newPoint[0] - oldPoint[0];
+ ret.pixelLength = rect.width;
+ ret.pixelStart = rect.x;
+ ret.signal = axis.inverse ? 1 : -1;
+ }
+ else { // 'vertical'
+ ret.pixel = newPoint[1] - oldPoint[1];
+ ret.pixelLength = rect.height;
+ ret.pixelStart = rect.y;
+ ret.signal = axis.inverse ? -1 : 1;
+ }
+
+ return ret;
+ }
+};
+
+/*
+* 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.
+*/
+
+/*
+* 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.
+*/
+
+
+
+// Do not include './dataZoomSelect',
+// since it only work for toolbox dataZoom.
+
+/*
+* 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.
+*/
+
+var each$27 = each$1;
+
+var preprocessor$3 = function (option) {
+ var visualMap = option && option.visualMap;
+
+ if (!isArray(visualMap)) {
+ visualMap = visualMap ? [visualMap] : [];
+ }
+
+ each$27(visualMap, function (opt) {
+ if (!opt) {
+ return;
+ }
+
+ // rename splitList to pieces
+ if (has$2(opt, 'splitList') && !has$2(opt, 'pieces')) {
+ opt.pieces = opt.splitList;
+ delete opt.splitList;
+ }
+
+ var pieces = opt.pieces;
+ if (pieces && isArray(pieces)) {
+ each$27(pieces, function (piece) {
+ if (isObject$1(piece)) {
+ if (has$2(piece, 'start') && !has$2(piece, 'min')) {
+ piece.min = piece.start;
+ }
+ if (has$2(piece, 'end') && !has$2(piece, 'max')) {
+ piece.max = piece.end;
+ }
+ }
+ });
+ }
+ });
+};
+
+function has$2(obj, name) {
+ return obj && obj.hasOwnProperty && obj.hasOwnProperty(name);
+}
+
+/*
+* 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.
+*/
+
+ComponentModel.registerSubTypeDefaulter('visualMap', function (option) {
+ // Compatible with ec2, when splitNumber === 0, continuous visualMap will be used.
+ return (
+ !option.categories
+ && (
+ !(
+ option.pieces
+ ? option.pieces.length > 0
+ : option.splitNumber > 0
+ )
+ || option.calculable
+ )
+ )
+ ? 'continuous' : 'piecewise';
+});
+
+/*
+* 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.
+*/
+
+var VISUAL_PRIORITY = PRIORITY.VISUAL.COMPONENT;
+
+registerVisual(VISUAL_PRIORITY, {
+ createOnAllSeries: true,
+ reset: function (seriesModel, ecModel) {
+ var resetDefines = [];
+ ecModel.eachComponent('visualMap', function (visualMapModel) {
+ var pipelineContext = seriesModel.pipelineContext;
+ if (!visualMapModel.isTargetSeries(seriesModel)
+ || (pipelineContext && pipelineContext.large)
+ ) {
+ return;
+ }
+
+ resetDefines.push(incrementalApplyVisual(
+ visualMapModel.stateList,
+ visualMapModel.targetVisuals,
+ bind(visualMapModel.getValueState, visualMapModel),
+ visualMapModel.getDataDimension(seriesModel.getData())
+ ));
+ });
+
+ return resetDefines;
+ }
+});
+
+// Only support color.
+registerVisual(VISUAL_PRIORITY, {
+ createOnAllSeries: true,
+ reset: function (seriesModel, ecModel) {
+ var data = seriesModel.getData();
+ var visualMetaList = [];
+
+ ecModel.eachComponent('visualMap', function (visualMapModel) {
+ if (visualMapModel.isTargetSeries(seriesModel)) {
+ var visualMeta = visualMapModel.getVisualMeta(
+ bind(getColorVisual, null, seriesModel, visualMapModel)
+ ) || {stops: [], outerColors: []};
+
+ var concreteDim = visualMapModel.getDataDimension(data);
+ var dimInfo = data.getDimensionInfo(concreteDim);
+ if (dimInfo != null) {
+ // visualMeta.dimension should be dimension index, but not concrete dimension.
+ visualMeta.dimension = dimInfo.index;
+ visualMetaList.push(visualMeta);
+ }
+ }
+ });
+
+ // console.log(JSON.stringify(visualMetaList.map(a => a.stops)));
+ seriesModel.getData().setVisual('visualMeta', visualMetaList);
+ }
+});
+
+// FIXME
+// performance and export for heatmap?
+// value can be Infinity or -Infinity
+function getColorVisual(seriesModel, visualMapModel, value, valueState) {
+ var mappings = visualMapModel.targetVisuals[valueState];
+ var visualTypes = VisualMapping.prepareVisualTypes(mappings);
+ var resultVisual = {
+ color: seriesModel.getData().getVisual('color') // default color.
+ };
+
+ for (var i = 0, len = visualTypes.length; i < len; i++) {
+ var type = visualTypes[i];
+ var mapping = mappings[
+ type === 'opacity' ? '__alphaForOpacity' : type
+ ];
+ mapping && mapping.applyVisual(value, getVisual, setVisual);
+ }
+
+ return resultVisual.color;
+
+ function getVisual(key) {
+ return resultVisual[key];
+ }
+
+ function setVisual(key, value) {
+ resultVisual[key] = value;
+ }
+}
+
+/*
+* 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.
+*/
+
+/**
+ * @file Visual mapping.
+ */
+
+var visualDefault = {
+
+ /**
+ * @public
+ */
+ get: function (visualType, key, isCategory) {
+ var value = clone(
+ (defaultOption$3[visualType] || {})[key]
+ );
+
+ return isCategory
+ ? (isArray(value) ? value[value.length - 1] : value)
+ : value;
+ }
+
+};
+
+var defaultOption$3 = {
+
+ color: {
+ active: ['#006edd', '#e0ffff'],
+ inactive: ['rgba(0,0,0,0)']
+ },
+
+ colorHue: {
+ active: [0, 360],
+ inactive: [0, 0]
+ },
+
+ colorSaturation: {
+ active: [0.3, 1],
+ inactive: [0, 0]
+ },
+
+ colorLightness: {
+ active: [0.9, 0.5],
+ inactive: [0, 0]
+ },
+
+ colorAlpha: {
+ active: [0.3, 1],
+ inactive: [0, 0]
+ },
+
+ opacity: {
+ active: [0.3, 1],
+ inactive: [0, 0]
+ },
+
+ symbol: {
+ active: ['circle', 'roundRect', 'diamond'],
+ inactive: ['none']
+ },
+
+ symbolSize: {
+ active: [10, 50],
+ inactive: [0, 0]
+ }
+};
+
+/*
+* 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.
+*/
+
+var mapVisual$2 = VisualMapping.mapVisual;
+var eachVisual = VisualMapping.eachVisual;
+var isArray$3 = isArray;
+var each$28 = each$1;
+var asc$3 = asc;
+var linearMap$2 = linearMap;
+var noop$2 = noop;
+
+var VisualMapModel = extendComponentModel({
+
+ type: 'visualMap',
+
+ dependencies: ['series'],
+
+ /**
+ * @readOnly
+ * @type {Array.<string>}
+ */
+ stateList: ['inRange', 'outOfRange'],
+
+ /**
+ * @readOnly
+ * @type {Array.<string>}
+ */
+ replacableOptionKeys: [
+ 'inRange', 'outOfRange', 'target', 'controller', 'color'
+ ],
+
+ /**
+ * [lowerBound, upperBound]
+ *
+ * @readOnly
+ * @type {Array.<number>}
+ */
+ dataBound: [-Infinity, Infinity],
+
+ /**
+ * @readOnly
+ * @type {string|Object}
+ */
+ layoutMode: {type: 'box', ignoreSize: true},
+
+ /**
+ * @protected
+ */
+ defaultOption: {
+ show: true,
+
+ zlevel: 0,
+ z: 4,
+
+ seriesIndex: 'all', // 'all' or null/undefined: all series.
+ // A number or an array of number: the specified series.
+
+ // set min: 0, max: 200, only for campatible with ec2.
+ // In fact min max should not have default value.
+ min: 0, // min value, must specified if pieces is not specified.
+ max: 200, // max value, must specified if pieces is not specified.
+
+ dimension: null,
+ inRange: null, // 'color', 'colorHue', 'colorSaturation', 'colorLightness', 'colorAlpha',
+ // 'symbol', 'symbolSize'
+ outOfRange: null, // 'color', 'colorHue', 'colorSaturation',
+ // 'colorLightness', 'colorAlpha',
+ // 'symbol', 'symbolSize'
+
+ left: 0, // 'center' 娄 'left' 娄 'right' 娄 {number} (px)
+ right: null, // The same as left.
+ top: null, // 'top' 娄 'bottom' 娄 'center' 娄 {number} (px)
+ bottom: 0, // The same as top.
+
+ itemWidth: null,
+ itemHeight: null,
+ inverse: false,
+ orient: 'vertical', // 'horizontal' 娄 'vertical'
+
+ backgroundColor: 'rgba(0,0,0,0)',
+ borderColor: '#ccc', // 鍊煎煙杈规棰滆壊
+ contentColor: '#5793f3',
+ inactiveColor: '#aaa',
+ borderWidth: 0, // 鍊煎煙杈规绾垮锛屽崟浣峱x锛岄粯璁や负0锛堟棤杈规锛�
+ padding: 5, // 鍊煎煙鍐呰竟璺濓紝鍗曚綅px锛岄粯璁ゅ悇鏂瑰悜鍐呰竟璺濅负5锛�
+ // 鎺ュ彈鏁扮粍鍒嗗埆璁惧畾涓婂彸涓嬪乏杈硅窛锛屽悓css
+ textGap: 10, //
+ precision: 0, // 灏忔暟绮惧害锛岄粯璁や负0锛屾棤灏忔暟鐐�
+ color: null, //棰滆壊锛坉eprecated锛屽吋瀹筫c2锛岄『搴忓悓pieces锛屼笉鍚屼簬inRange/outOfRange锛�
+
+ formatter: null,
+ text: null, // 鏂囨湰锛屽['楂�', '浣�']锛屽吋瀹筫c2锛宼ext[0]瀵瑰簲楂樺�硷紝text[1]瀵瑰簲浣庡��
+ textStyle: {
+ color: '#333' // 鍊煎煙鏂囧瓧棰滆壊
+ }
+ },
+
+ /**
+ * @protected
+ */
+ init: function (option, parentModel, ecModel) {
+
+ /**
+ * @private
+ * @type {Array.<number>}
+ */
+ this._dataExtent;
+
+ /**
+ * @readOnly
+ */
+ this.targetVisuals = {};
+
+ /**
+ * @readOnly
+ */
+ this.controllerVisuals = {};
+
+ /**
+ * @readOnly
+ */
+ this.textStyleModel;
+
+ /**
+ * [width, height]
+ * @readOnly
+ * @type {Array.<number>}
+ */
+ this.itemSize;
+
+ this.mergeDefaultAndTheme(option, ecModel);
+ },
+
+ /**
+ * @protected
+ */
+ optionUpdated: function (newOption, isInit) {
+ var thisOption = this.option;
+
+ // FIXME
+ // necessary?
+ // Disable realtime view update if canvas is not supported.
+ if (!env$1.canvasSupported) {
+ thisOption.realtime = false;
+ }
+
+ !isInit && replaceVisualOption(
+ thisOption, newOption, this.replacableOptionKeys
+ );
+
+ this.textStyleModel = this.getModel('textStyle');
+
+ this.resetItemSize();
+
+ this.completeVisualOption();
+ },
+
+ /**
+ * @protected
+ */
+ resetVisual: function (supplementVisualOption) {
+ var stateList = this.stateList;
+ supplementVisualOption = bind(supplementVisualOption, this);
+
+ this.controllerVisuals = createVisualMappings(
+ this.option.controller, stateList, supplementVisualOption
+ );
+ this.targetVisuals = createVisualMappings(
+ this.option.target, stateList, supplementVisualOption
+ );
+ },
+
+ /**
+ * @protected
+ * @return {Array.<number>} An array of series indices.
+ */
+ getTargetSeriesIndices: function () {
+ var optionSeriesIndex = this.option.seriesIndex;
+ var seriesIndices = [];
+
+ if (optionSeriesIndex == null || optionSeriesIndex === 'all') {
+ this.ecModel.eachSeries(function (seriesModel, index) {
+ seriesIndices.push(index);
+ });
+ }
+ else {
+ seriesIndices = normalizeToArray(optionSeriesIndex);
+ }
+
+ return seriesIndices;
+ },
+
+ /**
+ * @public
+ */
+ eachTargetSeries: function (callback, context) {
+ each$1(this.getTargetSeriesIndices(), function (seriesIndex) {
+ callback.call(context, this.ecModel.getSeriesByIndex(seriesIndex));
+ }, this);
+ },
+
+ /**
+ * @pubilc
+ */
+ isTargetSeries: function (seriesModel) {
+ var is = false;
+ this.eachTargetSeries(function (model) {
+ model === seriesModel && (is = true);
+ });
+ return is;
+ },
+
+ /**
+ * @example
+ * this.formatValueText(someVal); // format single numeric value to text.
+ * this.formatValueText(someVal, true); // format single category value to text.
+ * this.formatValueText([min, max]); // format numeric min-max to text.
+ * this.formatValueText([this.dataBound[0], max]); // using data lower bound.
+ * this.formatValueText([min, this.dataBound[1]]); // using data upper bound.
+ *
+ * @param {number|Array.<number>} value Real value, or this.dataBound[0 or 1].
+ * @param {boolean} [isCategory=false] Only available when value is number.
+ * @param {Array.<string>} edgeSymbols Open-close symbol when value is interval.
+ * @return {string}
+ * @protected
+ */
+ formatValueText: function (value, isCategory, edgeSymbols) {
+ var option = this.option;
+ var precision = option.precision;
+ var dataBound = this.dataBound;
+ var formatter = option.formatter;
+ var isMinMax;
+ var textValue;
+ edgeSymbols = edgeSymbols || ['<', '>'];
+
+ if (isArray(value)) {
+ value = value.slice();
+ isMinMax = true;
+ }
+
+ textValue = isCategory
+ ? value
+ : (isMinMax
+ ? [toFixed(value[0]), toFixed(value[1])]
+ : toFixed(value)
+ );
+
+ if (isString(formatter)) {
+ return formatter
+ .replace('{value}', isMinMax ? textValue[0] : textValue)
+ .replace('{value2}', isMinMax ? textValue[1] : textValue);
+ }
+ else if (isFunction$1(formatter)) {
+ return isMinMax
+ ? formatter(value[0], value[1])
+ : formatter(value);
+ }
+
+ if (isMinMax) {
+ if (value[0] === dataBound[0]) {
+ return edgeSymbols[0] + ' ' + textValue[1];
+ }
+ else if (value[1] === dataBound[1]) {
+ return edgeSymbols[1] + ' ' + textValue[0];
+ }
+ else {
+ return textValue[0] + ' - ' + textValue[1];
+ }
+ }
+ else { // Format single value (includes category case).
+ return textValue;
+ }
+
+ function toFixed(val) {
+ return val === dataBound[0]
+ ? 'min'
+ : val === dataBound[1]
+ ? 'max'
+ : (+val).toFixed(Math.min(precision, 20));
+ }
+ },
+
+ /**
+ * @protected
+ */
+ resetExtent: function () {
+ var thisOption = this.option;
+
+ // Can not calculate data extent by data here.
+ // Because series and data may be modified in processing stage.
+ // So we do not support the feature "auto min/max".
+
+ var extent = asc$3([thisOption.min, thisOption.max]);
+
+ this._dataExtent = extent;
+ },
+
+ /**
+ * @public
+ * @param {module:echarts/data/List} list
+ * @return {string} Concrete dimention. If return null/undefined,
+ * no dimension used.
+ */
+ getDataDimension: function (list) {
+ var optDim = this.option.dimension;
+ var listDimensions = list.dimensions;
+ if (optDim == null && !listDimensions.length) {
+ return;
+ }
+
+ if (optDim != null) {
+ return list.getDimension(optDim);
+ }
+
+ var dimNames = list.dimensions;
+ for (var i = dimNames.length - 1; i >= 0; i--) {
+ var dimName = dimNames[i];
+ var dimInfo = list.getDimensionInfo(dimName);
+ if (!dimInfo.isCalculationCoord) {
+ return dimName;
+ }
+ }
+ },
+
+ /**
+ * @public
+ * @override
+ */
+ getExtent: function () {
+ return this._dataExtent.slice();
+ },
+
+ /**
+ * @protected
+ */
+ completeVisualOption: function () {
+ var ecModel = this.ecModel;
+ var thisOption = this.option;
+ var base = {inRange: thisOption.inRange, outOfRange: thisOption.outOfRange};
+
+ var target = thisOption.target || (thisOption.target = {});
+ var controller = thisOption.controller || (thisOption.controller = {});
+
+ merge(target, base); // Do not override
+ merge(controller, base); // Do not override
+
+ var isCategory = this.isCategory();
+
+ completeSingle.call(this, target);
+ completeSingle.call(this, controller);
+ completeInactive.call(this, target, 'inRange', 'outOfRange');
+ // completeInactive.call(this, target, 'outOfRange', 'inRange');
+ completeController.call(this, controller);
+
+ function completeSingle(base) {
+ // Compatible with ec2 dataRange.color.
+ // The mapping order of dataRange.color is: [high value, ..., low value]
+ // whereas inRange.color and outOfRange.color is [low value, ..., high value]
+ // Notice: ec2 has no inverse.
+ if (isArray$3(thisOption.color)
+ // If there has been inRange: {symbol: ...}, adding color is a mistake.
+ // So adding color only when no inRange defined.
+ && !base.inRange
+ ) {
+ base.inRange = {color: thisOption.color.slice().reverse()};
+ }
+
+ // Compatible with previous logic, always give a defautl color, otherwise
+ // simple config with no inRange and outOfRange will not work.
+ // Originally we use visualMap.color as the default color, but setOption at
+ // the second time the default color will be erased. So we change to use
+ // constant DEFAULT_COLOR.
+ // If user do not want the defualt color, set inRange: {color: null}.
+ base.inRange = base.inRange || {color: ecModel.get('gradientColor')};
+
+ // If using shortcut like: {inRange: 'symbol'}, complete default value.
+ each$28(this.stateList, function (state) {
+ var visualType = base[state];
+
+ if (isString(visualType)) {
+ var defa = visualDefault.get(visualType, 'active', isCategory);
+ if (defa) {
+ base[state] = {};
+ base[state][visualType] = defa;
+ }
+ else {
+ // Mark as not specified.
+ delete base[state];
+ }
+ }
+ }, this);
+ }
+
+ function completeInactive(base, stateExist, stateAbsent) {
+ var optExist = base[stateExist];
+ var optAbsent = base[stateAbsent];
+
+ if (optExist && !optAbsent) {
+ optAbsent = base[stateAbsent] = {};
+ each$28(optExist, function (visualData, visualType) {
+ if (!VisualMapping.isValidType(visualType)) {
+ return;
+ }
+
+ var defa = visualDefault.get(visualType, 'inactive', isCategory);
+
+ if (defa != null) {
+ optAbsent[visualType] = defa;
+
+ // Compatibable with ec2:
+ // Only inactive color to rgba(0,0,0,0) can not
+ // make label transparent, so use opacity also.
+ if (visualType === 'color'
+ && !optAbsent.hasOwnProperty('opacity')
+ && !optAbsent.hasOwnProperty('colorAlpha')
+ ) {
+ optAbsent.opacity = [0, 0];
+ }
+ }
+ });
+ }
+ }
+
+ function completeController(controller) {
+ var symbolExists = (controller.inRange || {}).symbol
+ || (controller.outOfRange || {}).symbol;
+ var symbolSizeExists = (controller.inRange || {}).symbolSize
+ || (controller.outOfRange || {}).symbolSize;
+ var inactiveColor = this.get('inactiveColor');
+
+ each$28(this.stateList, function (state) {
+
+ var itemSize = this.itemSize;
+ var visuals = controller[state];
+
+ // Set inactive color for controller if no other color
+ // attr (like colorAlpha) specified.
+ if (!visuals) {
+ visuals = controller[state] = {
+ color: isCategory ? inactiveColor : [inactiveColor]
+ };
+ }
+
+ // Consistent symbol and symbolSize if not specified.
+ if (visuals.symbol == null) {
+ visuals.symbol = symbolExists
+ && clone(symbolExists)
+ || (isCategory ? 'roundRect' : ['roundRect']);
+ }
+ if (visuals.symbolSize == null) {
+ visuals.symbolSize = symbolSizeExists
+ && clone(symbolSizeExists)
+ || (isCategory ? itemSize[0] : [itemSize[0], itemSize[0]]);
+ }
+
+ // Filter square and none.
+ visuals.symbol = mapVisual$2(visuals.symbol, function (symbol) {
+ return (symbol === 'none' || symbol === 'square') ? 'roundRect' : symbol;
+ });
+
+ // Normalize symbolSize
+ var symbolSize = visuals.symbolSize;
+
+ if (symbolSize != null) {
+ var max = -Infinity;
+ // symbolSize can be object when categories defined.
+ eachVisual(symbolSize, function (value) {
+ value > max && (max = value);
+ });
+ visuals.symbolSize = mapVisual$2(symbolSize, function (value) {
+ return linearMap$2(value, [0, max], [0, itemSize[0]], true);
+ });
+ }
+
+ }, this);
+ }
+ },
+
+ /**
+ * @protected
+ */
+ resetItemSize: function () {
+ this.itemSize = [
+ parseFloat(this.get('itemWidth')),
+ parseFloat(this.get('itemHeight'))
+ ];
+ },
+
+ /**
+ * @public
+ */
+ isCategory: function () {
+ return !!this.option.categories;
+ },
+
+ /**
+ * @public
+ * @abstract
+ */
+ setSelected: noop$2,
+
+ /**
+ * @public
+ * @abstract
+ * @param {*|module:echarts/data/List} valueOrData
+ * @param {number} dataIndex
+ * @return {string} state See this.stateList
+ */
+ getValueState: noop$2,
+
+ /**
+ * FIXME
+ * Do not publish to thirt-part-dev temporarily
+ * util the interface is stable. (Should it return
+ * a function but not visual meta?)
+ *
+ * @pubilc
+ * @abstract
+ * @param {Function} getColorVisual
+ * params: value, valueState
+ * return: color
+ * @return {Object} visualMeta
+ * should includes {stops, outerColors}
+ * outerColor means [colorBeyondMinValue, colorBeyondMaxValue]
+ */
+ getVisualMeta: noop$2
+
+});
+
+/*
+* 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.
+*/
+
+// Constant
+var DEFAULT_BAR_BOUND = [20, 140];
+
+var ContinuousModel = VisualMapModel.extend({
+
+ type: 'visualMap.continuous',
+
+ /**
+ * @protected
+ */
+ defaultOption: {
+ align: 'auto', // 'auto', 'left', 'right', 'top', 'bottom'
+ calculable: false, // This prop effect default component type determine,
+ // See echarts/component/visualMap/typeDefaulter.
+ range: null, // selected range. In default case `range` is [min, max]
+ // and can auto change along with modification of min max,
+ // util use specifid a range.
+ realtime: true, // Whether realtime update.
+ itemHeight: null, // The length of the range control edge.
+ itemWidth: null, // The length of the other side.
+ hoverLink: true, // Enable hover highlight.
+ hoverLinkDataSize: null, // The size of hovered data.
+ hoverLinkOnHandle: null // Whether trigger hoverLink when hover handle.
+ // If not specified, follow the value of `realtime`.
+ },
+
+ /**
+ * @override
+ */
+ optionUpdated: function (newOption, isInit) {
+ ContinuousModel.superApply(this, 'optionUpdated', arguments);
+
+ this.resetExtent();
+
+ this.resetVisual(function (mappingOption) {
+ mappingOption.mappingMethod = 'linear';
+ mappingOption.dataExtent = this.getExtent();
+ });
+
+ this._resetRange();
+ },
+
+ /**
+ * @protected
+ * @override
+ */
+ resetItemSize: function () {
+ ContinuousModel.superApply(this, 'resetItemSize', arguments);
+
+ var itemSize = this.itemSize;
+
+ this._orient === 'horizontal' && itemSize.reverse();
+
+ (itemSize[0] == null || isNaN(itemSize[0])) && (itemSize[0] = DEFAULT_BAR_BOUND[0]);
+ (itemSize[1] == null || isNaN(itemSize[1])) && (itemSize[1] = DEFAULT_BAR_BOUND[1]);
+ },
+
+ /**
+ * @private
+ */
+ _resetRange: function () {
+ var dataExtent = this.getExtent();
+ var range = this.option.range;
+
+ if (!range || range.auto) {
+ // `range` should always be array (so we dont use other
+ // value like 'auto') for user-friend. (consider getOption).
+ dataExtent.auto = 1;
+ this.option.range = dataExtent;
+ }
+ else if (isArray(range)) {
+ if (range[0] > range[1]) {
+ range.reverse();
+ }
+ range[0] = Math.max(range[0], dataExtent[0]);
+ range[1] = Math.min(range[1], dataExtent[1]);
+ }
+ },
+
+ /**
+ * @protected
+ * @override
+ */
+ completeVisualOption: function () {
+ VisualMapModel.prototype.completeVisualOption.apply(this, arguments);
+
+ each$1(this.stateList, function (state) {
+ var symbolSize = this.option.controller[state].symbolSize;
+ if (symbolSize && symbolSize[0] !== symbolSize[1]) {
+ symbolSize[0] = 0; // For good looking.
+ }
+ }, this);
+ },
+
+ /**
+ * @override
+ */
+ setSelected: function (selected) {
+ this.option.range = selected.slice();
+ this._resetRange();
+ },
+
+ /**
+ * @public
+ */
+ getSelected: function () {
+ var dataExtent = this.getExtent();
+
+ var dataInterval = asc(
+ (this.get('range') || []).slice()
+ );
+
+ // Clamp
+ dataInterval[0] > dataExtent[1] && (dataInterval[0] = dataExtent[1]);
+ dataInterval[1] > dataExtent[1] && (dataInterval[1] = dataExtent[1]);
+ dataInterval[0] < dataExtent[0] && (dataInterval[0] = dataExtent[0]);
+ dataInterval[1] < dataExtent[0] && (dataInterval[1] = dataExtent[0]);
+
+ return dataInterval;
+ },
+
+ /**
+ * @override
+ */
+ getValueState: function (value) {
+ var range = this.option.range;
+ var dataExtent = this.getExtent();
+
+ // When range[0] === dataExtent[0], any value larger than dataExtent[0] maps to 'inRange'.
+ // range[1] is processed likewise.
+ return (
+ (range[0] <= dataExtent[0] || range[0] <= value)
+ && (range[1] >= dataExtent[1] || value <= range[1])
+ ) ? 'inRange' : 'outOfRange';
+ },
+
+ /**
+ * @params {Array.<number>} range target value: range[0] <= value && value <= range[1]
+ * @return {Array.<Object>} [{seriesId, dataIndices: <Array.<number>>}, ...]
+ */
+ findTargetDataIndices: function (range) {
+ var result = [];
+
+ this.eachTargetSeries(function (seriesModel) {
+ var dataIndices = [];
+ var data = seriesModel.getData();
+
+ data.each(this.getDataDimension(data), function (value, dataIndex) {
+ range[0] <= value && value <= range[1] && dataIndices.push(dataIndex);
+ }, this);
+
+ result.push({seriesId: seriesModel.id, dataIndex: dataIndices});
+ }, this);
+
+ return result;
+ },
+
+ /**
+ * @implement
+ */
+ getVisualMeta: function (getColorVisual) {
+ var oVals = getColorStopValues(this, 'outOfRange', this.getExtent());
+ var iVals = getColorStopValues(this, 'inRange', this.option.range.slice());
+ var stops = [];
+
+ function setStop(value, valueState) {
+ stops.push({
+ value: value,
+ color: getColorVisual(value, valueState)
+ });
+ }
+
+ // Format to: outOfRange -- inRange -- outOfRange.
+ var iIdx = 0;
+ var oIdx = 0;
+ var iLen = iVals.length;
+ var oLen = oVals.length;
+
+ for (; oIdx < oLen && (!iVals.length || oVals[oIdx] <= iVals[0]); oIdx++) {
+ // If oVal[oIdx] === iVals[iIdx], oVal[oIdx] should be ignored.
+ if (oVals[oIdx] < iVals[iIdx]) {
+ setStop(oVals[oIdx], 'outOfRange');
+ }
+ }
+ for (var first = 1; iIdx < iLen; iIdx++, first = 0) {
+ // If range is full, value beyond min, max will be clamped.
+ // make a singularity
+ first && stops.length && setStop(iVals[iIdx], 'outOfRange');
+ setStop(iVals[iIdx], 'inRange');
+ }
+ for (var first = 1; oIdx < oLen; oIdx++) {
+ if (!iVals.length || iVals[iVals.length - 1] < oVals[oIdx]) {
+ // make a singularity
+ if (first) {
+ stops.length && setStop(stops[stops.length - 1].value, 'outOfRange');
+ first = 0;
+ }
+ setStop(oVals[oIdx], 'outOfRange');
+ }
+ }
+
+ var stopsLen = stops.length;
+
+ return {
+ stops: stops,
+ outerColors: [
+ stopsLen ? stops[0].color : 'transparent',
+ stopsLen ? stops[stopsLen - 1].color : 'transparent'
+ ]
+ };
+ }
+
+});
+
+function getColorStopValues(visualMapModel, valueState, dataExtent) {
+ if (dataExtent[0] === dataExtent[1]) {
+ return dataExtent.slice();
+ }
+
+ // When using colorHue mapping, it is not linear color any more.
+ // Moreover, canvas gradient seems not to be accurate linear.
+ // FIXME
+ // Should be arbitrary value 100? or based on pixel size?
+ var count = 200;
+ var step = (dataExtent[1] - dataExtent[0]) / count;
+
+ var value = dataExtent[0];
+ var stopValues = [];
+ for (var i = 0; i <= count && value < dataExtent[1]; i++) {
+ stopValues.push(value);
+ value += step;
+ }
+ stopValues.push(dataExtent[1]);
+
+ return stopValues;
+}
+
+/*
+* 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.
+*/
+
+var VisualMapView = extendComponentView({
+
+ type: 'visualMap',
+
+ /**
+ * @readOnly
+ * @type {Object}
+ */
+ autoPositionValues: {left: 1, right: 1, top: 1, bottom: 1},
+
+ init: function (ecModel, api) {
+ /**
+ * @readOnly
+ * @type {module:echarts/model/Global}
+ */
+ this.ecModel = ecModel;
+
+ /**
+ * @readOnly
+ * @type {module:echarts/ExtensionAPI}
+ */
+ this.api = api;
+
+ /**
+ * @readOnly
+ * @type {module:echarts/component/visualMap/visualMapModel}
+ */
+ this.visualMapModel;
+ },
+
+ /**
+ * @protected
+ */
+ render: function (visualMapModel, ecModel, api, payload) {
+ this.visualMapModel = visualMapModel;
+
+ if (visualMapModel.get('show') === false) {
+ this.group.removeAll();
+ return;
+ }
+
+ this.doRender.apply(this, arguments);
+ },
+
+ /**
+ * @protected
+ */
+ renderBackground: function (group) {
+ var visualMapModel = this.visualMapModel;
+ var padding = normalizeCssArray$1(visualMapModel.get('padding') || 0);
+ var rect = group.getBoundingRect();
+
+ group.add(new Rect({
+ z2: -1, // Lay background rect on the lowest layer.
+ silent: true,
+ shape: {
+ x: rect.x - padding[3],
+ y: rect.y - padding[0],
+ width: rect.width + padding[3] + padding[1],
+ height: rect.height + padding[0] + padding[2]
+ },
+ style: {
+ fill: visualMapModel.get('backgroundColor'),
+ stroke: visualMapModel.get('borderColor'),
+ lineWidth: visualMapModel.get('borderWidth')
+ }
+ }));
+ },
+
+ /**
+ * @protected
+ * @param {number} targetValue can be Infinity or -Infinity
+ * @param {string=} visualCluster Only can be 'color' 'opacity' 'symbol' 'symbolSize'
+ * @param {Object} [opts]
+ * @param {string=} [opts.forceState] Specify state, instead of using getValueState method.
+ * @param {string=} [opts.convertOpacityToAlpha=false] For color gradient in controller widget.
+ * @return {*} Visual value.
+ */
+ getControllerVisual: function (targetValue, visualCluster, opts) {
+ opts = opts || {};
+
+ var forceState = opts.forceState;
+ var visualMapModel = this.visualMapModel;
+ var visualObj = {};
+
+ // Default values.
+ if (visualCluster === 'symbol') {
+ visualObj.symbol = visualMapModel.get('itemSymbol');
+ }
+ if (visualCluster === 'color') {
+ var defaultColor = visualMapModel.get('contentColor');
+ visualObj.color = defaultColor;
+ }
+
+ function getter(key) {
+ return visualObj[key];
+ }
+
+ function setter(key, value) {
+ visualObj[key] = value;
+ }
+
+ var mappings = visualMapModel.controllerVisuals[
+ forceState || visualMapModel.getValueState(targetValue)
+ ];
+ var visualTypes = VisualMapping.prepareVisualTypes(mappings);
+
+ each$1(visualTypes, function (type) {
+ var visualMapping = mappings[type];
+ if (opts.convertOpacityToAlpha && type === 'opacity') {
+ type = 'colorAlpha';
+ visualMapping = mappings.__alphaForOpacity;
+ }
+ if (VisualMapping.dependsOn(type, visualCluster)) {
+ visualMapping && visualMapping.applyVisual(
+ targetValue, getter, setter
+ );
+ }
+ });
+
+ return visualObj[visualCluster];
+ },
+
+ /**
+ * @protected
+ */
+ positionGroup: function (group) {
+ var model = this.visualMapModel;
+ var api = this.api;
+
+ positionElement(
+ group,
+ model.getBoxLayoutParams(),
+ {width: api.getWidth(), height: api.getHeight()}
+ );
+ },
+
+ /**
+ * @protected
+ * @abstract
+ */
+ doRender: noop
+
+});
+
+/*
+* 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.
+*/
+
+/**
+ * @param {module:echarts/component/visualMap/VisualMapModel} visualMapModel\
+ * @param {module:echarts/ExtensionAPI} api
+ * @param {Array.<number>} itemSize always [short, long]
+ * @return {string} 'left' or 'right' or 'top' or 'bottom'
+ */
+function getItemAlign(visualMapModel, api, itemSize) {
+ var modelOption = visualMapModel.option;
+ var itemAlign = modelOption.align;
+
+ if (itemAlign != null && itemAlign !== 'auto') {
+ return itemAlign;
+ }
+
+ // Auto decision align.
+ var ecSize = {width: api.getWidth(), height: api.getHeight()};
+ var realIndex = modelOption.orient === 'horizontal' ? 1 : 0;
+
+ var paramsSet = [
+ ['left', 'right', 'width'],
+ ['top', 'bottom', 'height']
+ ];
+ var reals = paramsSet[realIndex];
+ var fakeValue = [0, null, 10];
+
+ var layoutInput = {};
+ for (var i = 0; i < 3; i++) {
+ layoutInput[paramsSet[1 - realIndex][i]] = fakeValue[i];
+ layoutInput[reals[i]] = i === 2 ? itemSize[0] : modelOption[reals[i]];
+ }
+
+ var rParam = [['x', 'width', 3], ['y', 'height', 0]][realIndex];
+ var rect = getLayoutRect(layoutInput, ecSize, modelOption.padding);
+
+ return reals[
+ (rect.margin[rParam[2]] || 0) + rect[rParam[0]] + rect[rParam[1]] * 0.5
+ < ecSize[rParam[1]] * 0.5 ? 0 : 1
+ ];
+}
+
+/**
+ * Prepare dataIndex for outside usage, where dataIndex means rawIndex, and
+ * dataIndexInside means filtered index.
+ */
+function makeHighDownBatch(batch, visualMapModel) {
+ each$1(batch || [], function (batchItem) {
+ if (batchItem.dataIndex != null) {
+ batchItem.dataIndexInside = batchItem.dataIndex;
+ batchItem.dataIndex = null;
+ }
+ batchItem.highlightKey = 'visualMap' + (visualMapModel ? visualMapModel.componentIndex : '');
+ });
+ return batch;
+}
+
+/*
+* 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.
+*/
+
+var linearMap$3 = linearMap;
+var each$29 = each$1;
+var mathMin$8 = Math.min;
+var mathMax$8 = Math.max;
+
+// Arbitrary value
+var HOVER_LINK_SIZE = 12;
+var HOVER_LINK_OUT = 6;
+
+// Notice:
+// Any "interval" should be by the order of [low, high].
+// "handle0" (handleIndex === 0) maps to
+// low data value: this._dataInterval[0] and has low coord.
+// "handle1" (handleIndex === 1) maps to
+// high data value: this._dataInterval[1] and has high coord.
+// The logic of transform is implemented in this._createBarGroup.
+
+var ContinuousView = VisualMapView.extend({
+
+ type: 'visualMap.continuous',
+
+ /**
+ * @override
+ */
+ init: function () {
+
+ ContinuousView.superApply(this, 'init', arguments);
+
+ /**
+ * @private
+ */
+ this._shapes = {};
+
+ /**
+ * @private
+ */
+ this._dataInterval = [];
+
+ /**
+ * @private
+ */
+ this._handleEnds = [];
+
+ /**
+ * @private
+ */
+ this._orient;
+
+ /**
+ * @private
+ */
+ this._useHandle;
+
+ /**
+ * @private
+ */
+ this._hoverLinkDataIndices = [];
+
+ /**
+ * @private
+ */
+ this._dragging;
+
+ /**
+ * @private
+ */
+ this._hovering;
+ },
+
+ /**
+ * @protected
+ * @override
+ */
+ doRender: function (visualMapModel, ecModel, api, payload) {
+ if (!payload || payload.type !== 'selectDataRange' || payload.from !== this.uid) {
+ this._buildView();
+ }
+ },
+
+ /**
+ * @private
+ */
+ _buildView: function () {
+ this.group.removeAll();
+
+ var visualMapModel = this.visualMapModel;
+ var thisGroup = this.group;
+
+ this._orient = visualMapModel.get('orient');
+ this._useHandle = visualMapModel.get('calculable');
+
+ this._resetInterval();
+
+ this._renderBar(thisGroup);
+
+ var dataRangeText = visualMapModel.get('text');
+ this._renderEndsText(thisGroup, dataRangeText, 0);
+ this._renderEndsText(thisGroup, dataRangeText, 1);
+
+ // Do this for background size calculation.
+ this._updateView(true);
+
+ // After updating view, inner shapes is built completely,
+ // and then background can be rendered.
+ this.renderBackground(thisGroup);
+
+ // Real update view
+ this._updateView();
+
+ this._enableHoverLinkToSeries();
+ this._enableHoverLinkFromSeries();
+
+ this.positionGroup(thisGroup);
+ },
+
+ /**
+ * @private
+ */
+ _renderEndsText: function (group, dataRangeText, endsIndex) {
+ if (!dataRangeText) {
+ return;
+ }
+
+ // Compatible with ec2, text[0] map to high value, text[1] map low value.
+ var text = dataRangeText[1 - endsIndex];
+ text = text != null ? text + '' : '';
+
+ var visualMapModel = this.visualMapModel;
+ var textGap = visualMapModel.get('textGap');
+ var itemSize = visualMapModel.itemSize;
+
+ var barGroup = this._shapes.barGroup;
+ var position = this._applyTransform(
+ [
+ itemSize[0] / 2,
+ endsIndex === 0 ? -textGap : itemSize[1] + textGap
+ ],
+ barGroup
+ );
+ var align = this._applyTransform(
+ endsIndex === 0 ? 'bottom' : 'top',
+ barGroup
+ );
+ var orient = this._orient;
+ var textStyleModel = this.visualMapModel.textStyleModel;
+
+ this.group.add(new Text({
+ style: {
+ x: position[0],
+ y: position[1],
+ textVerticalAlign: orient === 'horizontal' ? 'middle' : align,
+ textAlign: orient === 'horizontal' ? align : 'center',
+ text: text,
+ textFont: textStyleModel.getFont(),
+ textFill: textStyleModel.getTextColor()
+ }
+ }));
+ },
+
+ /**
+ * @private
+ */
+ _renderBar: function (targetGroup) {
+ var visualMapModel = this.visualMapModel;
+ var shapes = this._shapes;
+ var itemSize = visualMapModel.itemSize;
+ var orient = this._orient;
+ var useHandle = this._useHandle;
+ var itemAlign = getItemAlign(visualMapModel, this.api, itemSize);
+ var barGroup = shapes.barGroup = this._createBarGroup(itemAlign);
+
+ // Bar
+ barGroup.add(shapes.outOfRange = createPolygon());
+ barGroup.add(shapes.inRange = createPolygon(
+ null,
+ useHandle ? getCursor$1(this._orient) : null,
+ bind(this._dragHandle, this, 'all', false),
+ bind(this._dragHandle, this, 'all', true)
+ ));
+
+ var textRect = visualMapModel.textStyleModel.getTextRect('鍥�');
+ var textSize = mathMax$8(textRect.width, textRect.height);
+
+ // Handle
+ if (useHandle) {
+ shapes.handleThumbs = [];
+ shapes.handleLabels = [];
+ shapes.handleLabelPoints = [];
+
+ this._createHandle(barGroup, 0, itemSize, textSize, orient, itemAlign);
+ this._createHandle(barGroup, 1, itemSize, textSize, orient, itemAlign);
+ }
+
+ this._createIndicator(barGroup, itemSize, textSize, orient);
+
+ targetGroup.add(barGroup);
+ },
+
+ /**
+ * @private
+ */
+ _createHandle: function (barGroup, handleIndex, itemSize, textSize, orient) {
+ var onDrift = bind(this._dragHandle, this, handleIndex, false);
+ var onDragEnd = bind(this._dragHandle, this, handleIndex, true);
+ var handleThumb = createPolygon(
+ createHandlePoints(handleIndex, textSize),
+ getCursor$1(this._orient),
+ onDrift,
+ onDragEnd
+ );
+ handleThumb.position[0] = itemSize[0];
+ barGroup.add(handleThumb);
+
+ // Text is always horizontal layout but should not be effected by
+ // transform (orient/inverse). So label is built separately but not
+ // use zrender/graphic/helper/RectText, and is located based on view
+ // group (according to handleLabelPoint) but not barGroup.
+ var textStyleModel = this.visualMapModel.textStyleModel;
+ var handleLabel = new Text({
+ draggable: true,
+ drift: onDrift,
+ onmousemove: function (e) {
+ // Fot mobile devicem, prevent screen slider on the button.
+ stop(e.event);
+ },
+ ondragend: onDragEnd,
+ style: {
+ x: 0, y: 0, text: '',
+ textFont: textStyleModel.getFont(),
+ textFill: textStyleModel.getTextColor()
+ }
+ });
+ this.group.add(handleLabel);
+
+ var handleLabelPoint = [
+ orient === 'horizontal'
+ ? textSize / 2
+ : textSize * 1.5,
+ orient === 'horizontal'
+ ? (handleIndex === 0 ? -(textSize * 1.5) : (textSize * 1.5))
+ : (handleIndex === 0 ? -textSize / 2 : textSize / 2)
+ ];
+
+ var shapes = this._shapes;
+ shapes.handleThumbs[handleIndex] = handleThumb;
+ shapes.handleLabelPoints[handleIndex] = handleLabelPoint;
+ shapes.handleLabels[handleIndex] = handleLabel;
+ },
+
+ /**
+ * @private
+ */
+ _createIndicator: function (barGroup, itemSize, textSize, orient) {
+ var indicator = createPolygon([[0, 0]], 'move');
+ indicator.position[0] = itemSize[0];
+ indicator.attr({invisible: true, silent: true});
+ barGroup.add(indicator);
+
+ var textStyleModel = this.visualMapModel.textStyleModel;
+ var indicatorLabel = new Text({
+ silent: true,
+ invisible: true,
+ style: {
+ x: 0, y: 0, text: '',
+ textFont: textStyleModel.getFont(),
+ textFill: textStyleModel.getTextColor()
+ }
+ });
+ this.group.add(indicatorLabel);
+
+ var indicatorLabelPoint = [
+ orient === 'horizontal' ? textSize / 2 : HOVER_LINK_OUT + 3,
+ 0
+ ];
+
+ var shapes = this._shapes;
+ shapes.indicator = indicator;
+ shapes.indicatorLabel = indicatorLabel;
+ shapes.indicatorLabelPoint = indicatorLabelPoint;
+ },
+
+ /**
+ * @private
+ */
+ _dragHandle: function (handleIndex, isEnd, dx, dy) {
+ if (!this._useHandle) {
+ return;
+ }
+
+ this._dragging = !isEnd;
+
+ if (!isEnd) {
+ // Transform dx, dy to bar coordination.
+ var vertex = this._applyTransform([dx, dy], this._shapes.barGroup, true);
+ this._updateInterval(handleIndex, vertex[1]);
+
+ // Considering realtime, update view should be executed
+ // before dispatch action.
+ this._updateView();
+ }
+
+ // dragEnd do not dispatch action when realtime.
+ if (isEnd === !this.visualMapModel.get('realtime')) { // jshint ignore:line
+ this.api.dispatchAction({
+ type: 'selectDataRange',
+ from: this.uid,
+ visualMapId: this.visualMapModel.id,
+ selected: this._dataInterval.slice()
+ });
+ }
+
+ if (isEnd) {
+ !this._hovering && this._clearHoverLinkToSeries();
+ }
+ else if (useHoverLinkOnHandle(this.visualMapModel)) {
+ this._doHoverLinkToSeries(this._handleEnds[handleIndex], false);
+ }
+ },
+
+ /**
+ * @private
+ */
+ _resetInterval: function () {
+ var visualMapModel = this.visualMapModel;
+
+ var dataInterval = this._dataInterval = visualMapModel.getSelected();
+ var dataExtent = visualMapModel.getExtent();
+ var sizeExtent = [0, visualMapModel.itemSize[1]];
+
+ this._handleEnds = [
+ linearMap$3(dataInterval[0], dataExtent, sizeExtent, true),
+ linearMap$3(dataInterval[1], dataExtent, sizeExtent, true)
+ ];
+ },
+
+ /**
+ * @private
+ * @param {(number|string)} handleIndex 0 or 1 or 'all'
+ * @param {number} dx
+ * @param {number} dy
+ */
+ _updateInterval: function (handleIndex, delta) {
+ delta = delta || 0;
+ var visualMapModel = this.visualMapModel;
+ var handleEnds = this._handleEnds;
+ var sizeExtent = [0, visualMapModel.itemSize[1]];
+
+ sliderMove(
+ delta,
+ handleEnds,
+ sizeExtent,
+ handleIndex,
+ // cross is forbiden
+ 0
+ );
+
+ var dataExtent = visualMapModel.getExtent();
+ // Update data interval.
+ this._dataInterval = [
+ linearMap$3(handleEnds[0], sizeExtent, dataExtent, true),
+ linearMap$3(handleEnds[1], sizeExtent, dataExtent, true)
+ ];
+ },
+
+ /**
+ * @private
+ */
+ _updateView: function (forSketch) {
+ var visualMapModel = this.visualMapModel;
+ var dataExtent = visualMapModel.getExtent();
+ var shapes = this._shapes;
+
+ var outOfRangeHandleEnds = [0, visualMapModel.itemSize[1]];
+ var inRangeHandleEnds = forSketch ? outOfRangeHandleEnds : this._handleEnds;
+
+ var visualInRange = this._createBarVisual(
+ this._dataInterval, dataExtent, inRangeHandleEnds, 'inRange'
+ );
+ var visualOutOfRange = this._createBarVisual(
+ dataExtent, dataExtent, outOfRangeHandleEnds, 'outOfRange'
+ );
+
+ shapes.inRange
+ .setStyle({
+ fill: visualInRange.barColor,
+ opacity: visualInRange.opacity
+ })
+ .setShape('points', visualInRange.barPoints);
+ shapes.outOfRange
+ .setStyle({
+ fill: visualOutOfRange.barColor,
+ opacity: visualOutOfRange.opacity
+ })
+ .setShape('points', visualOutOfRange.barPoints);
+
+ this._updateHandle(inRangeHandleEnds, visualInRange);
+ },
+
+ /**
+ * @private
+ */
+ _createBarVisual: function (dataInterval, dataExtent, handleEnds, forceState) {
+ var opts = {
+ forceState: forceState,
+ convertOpacityToAlpha: true
+ };
+ var colorStops = this._makeColorGradient(dataInterval, opts);
+
+ var symbolSizes = [
+ this.getControllerVisual(dataInterval[0], 'symbolSize', opts),
+ this.getControllerVisual(dataInterval[1], 'symbolSize', opts)
+ ];
+ var barPoints = this._createBarPoints(handleEnds, symbolSizes);
+
+ return {
+ barColor: new LinearGradient(0, 0, 0, 1, colorStops),
+ barPoints: barPoints,
+ handlesColor: [
+ colorStops[0].color,
+ colorStops[colorStops.length - 1].color
+ ]
+ };
+ },
+
+ /**
+ * @private
+ */
+ _makeColorGradient: function (dataInterval, opts) {
+ // Considering colorHue, which is not linear, so we have to sample
+ // to calculate gradient color stops, but not only caculate head
+ // and tail.
+ var sampleNumber = 100; // Arbitrary value.
+ var colorStops = [];
+ var step = (dataInterval[1] - dataInterval[0]) / sampleNumber;
+
+ colorStops.push({
+ color: this.getControllerVisual(dataInterval[0], 'color', opts),
+ offset: 0
+ });
+
+ for (var i = 1; i < sampleNumber; i++) {
+ var currValue = dataInterval[0] + step * i;
+ if (currValue > dataInterval[1]) {
+ break;
+ }
+ colorStops.push({
+ color: this.getControllerVisual(currValue, 'color', opts),
+ offset: i / sampleNumber
+ });
+ }
+
+ colorStops.push({
+ color: this.getControllerVisual(dataInterval[1], 'color', opts),
+ offset: 1
+ });
+
+ return colorStops;
+ },
+
+ /**
+ * @private
+ */
+ _createBarPoints: function (handleEnds, symbolSizes) {
+ var itemSize = this.visualMapModel.itemSize;
+
+ return [
+ [itemSize[0] - symbolSizes[0], handleEnds[0]],
+ [itemSize[0], handleEnds[0]],
+ [itemSize[0], handleEnds[1]],
+ [itemSize[0] - symbolSizes[1], handleEnds[1]]
+ ];
+ },
+
+ /**
+ * @private
+ */
+ _createBarGroup: function (itemAlign) {
+ var orient = this._orient;
+ var inverse = this.visualMapModel.get('inverse');
+
+ return new Group(
+ (orient === 'horizontal' && !inverse)
+ ? {scale: itemAlign === 'bottom' ? [1, 1] : [-1, 1], rotation: Math.PI / 2}
+ : (orient === 'horizontal' && inverse)
+ ? {scale: itemAlign === 'bottom' ? [-1, 1] : [1, 1], rotation: -Math.PI / 2}
+ : (orient === 'vertical' && !inverse)
+ ? {scale: itemAlign === 'left' ? [1, -1] : [-1, -1]}
+ : {scale: itemAlign === 'left' ? [1, 1] : [-1, 1]}
+ );
+ },
+
+ /**
+ * @private
+ */
+ _updateHandle: function (handleEnds, visualInRange) {
+ if (!this._useHandle) {
+ return;
+ }
+
+ var shapes = this._shapes;
+ var visualMapModel = this.visualMapModel;
+ var handleThumbs = shapes.handleThumbs;
+ var handleLabels = shapes.handleLabels;
+
+ each$29([0, 1], function (handleIndex) {
+ var handleThumb = handleThumbs[handleIndex];
+ handleThumb.setStyle('fill', visualInRange.handlesColor[handleIndex]);
+ handleThumb.position[1] = handleEnds[handleIndex];
+
+ // Update handle label position.
+ var textPoint = applyTransform$1(
+ shapes.handleLabelPoints[handleIndex],
+ getTransform(handleThumb, this.group)
+ );
+ handleLabels[handleIndex].setStyle({
+ x: textPoint[0],
+ y: textPoint[1],
+ text: visualMapModel.formatValueText(this._dataInterval[handleIndex]),
+ textVerticalAlign: 'middle',
+ textAlign: this._applyTransform(
+ this._orient === 'horizontal'
+ ? (handleIndex === 0 ? 'bottom' : 'top')
+ : 'left',
+ shapes.barGroup
+ )
+ });
+ }, this);
+ },
+
+ /**
+ * @private
+ * @param {number} cursorValue
+ * @param {number} textValue
+ * @param {string} [rangeSymbol]
+ * @param {number} [halfHoverLinkSize]
+ */
+ _showIndicator: function (cursorValue, textValue, rangeSymbol, halfHoverLinkSize) {
+ var visualMapModel = this.visualMapModel;
+ var dataExtent = visualMapModel.getExtent();
+ var itemSize = visualMapModel.itemSize;
+ var sizeExtent = [0, itemSize[1]];
+ var pos = linearMap$3(cursorValue, dataExtent, sizeExtent, true);
+
+ var shapes = this._shapes;
+ var indicator = shapes.indicator;
+ if (!indicator) {
+ return;
+ }
+
+ indicator.position[1] = pos;
+ indicator.attr('invisible', false);
+ indicator.setShape('points', createIndicatorPoints(
+ !!rangeSymbol, halfHoverLinkSize, pos, itemSize[1]
+ ));
+
+ var opts = {convertOpacityToAlpha: true};
+ var color = this.getControllerVisual(cursorValue, 'color', opts);
+ indicator.setStyle('fill', color);
+
+ // Update handle label position.
+ var textPoint = applyTransform$1(
+ shapes.indicatorLabelPoint,
+ getTransform(indicator, this.group)
+ );
+
+ var indicatorLabel = shapes.indicatorLabel;
+ indicatorLabel.attr('invisible', false);
+ var align = this._applyTransform('left', shapes.barGroup);
+ var orient = this._orient;
+ indicatorLabel.setStyle({
+ text: (rangeSymbol ? rangeSymbol : '') + visualMapModel.formatValueText(textValue),
+ textVerticalAlign: orient === 'horizontal' ? align : 'middle',
+ textAlign: orient === 'horizontal' ? 'center' : align,
+ x: textPoint[0],
+ y: textPoint[1]
+ });
+ },
+
+ /**
+ * @private
+ */
+ _enableHoverLinkToSeries: function () {
+ var self = this;
+ this._shapes.barGroup
+
+ .on('mousemove', function (e) {
+ self._hovering = true;
+
+ if (!self._dragging) {
+ var itemSize = self.visualMapModel.itemSize;
+ var pos = self._applyTransform(
+ [e.offsetX, e.offsetY], self._shapes.barGroup, true, true
+ );
+ // For hover link show when hover handle, which might be
+ // below or upper than sizeExtent.
+ pos[1] = mathMin$8(mathMax$8(0, pos[1]), itemSize[1]);
+ self._doHoverLinkToSeries(
+ pos[1],
+ 0 <= pos[0] && pos[0] <= itemSize[0]
+ );
+ }
+ })
+
+ .on('mouseout', function () {
+ // When mouse is out of handle, hoverLink still need
+ // to be displayed when realtime is set as false.
+ self._hovering = false;
+ !self._dragging && self._clearHoverLinkToSeries();
+ });
+ },
+
+ /**
+ * @private
+ */
+ _enableHoverLinkFromSeries: function () {
+ var zr = this.api.getZr();
+
+ if (this.visualMapModel.option.hoverLink) {
+ zr.on('mouseover', this._hoverLinkFromSeriesMouseOver, this);
+ zr.on('mouseout', this._hideIndicator, this);
+ }
+ else {
+ this._clearHoverLinkFromSeries();
+ }
+ },
+
+ /**
+ * @private
+ */
+ _doHoverLinkToSeries: function (cursorPos, hoverOnBar) {
+ var visualMapModel = this.visualMapModel;
+ var itemSize = visualMapModel.itemSize;
+
+ if (!visualMapModel.option.hoverLink) {
+ return;
+ }
+
+ var sizeExtent = [0, itemSize[1]];
+ var dataExtent = visualMapModel.getExtent();
+
+ // For hover link show when hover handle, which might be below or upper than sizeExtent.
+ cursorPos = mathMin$8(mathMax$8(sizeExtent[0], cursorPos), sizeExtent[1]);
+
+ var halfHoverLinkSize = getHalfHoverLinkSize(visualMapModel, dataExtent, sizeExtent);
+ var hoverRange = [cursorPos - halfHoverLinkSize, cursorPos + halfHoverLinkSize];
+ var cursorValue = linearMap$3(cursorPos, sizeExtent, dataExtent, true);
+ var valueRange = [
+ linearMap$3(hoverRange[0], sizeExtent, dataExtent, true),
+ linearMap$3(hoverRange[1], sizeExtent, dataExtent, true)
+ ];
+ // Consider data range is out of visualMap range, see test/visualMap-continuous.html,
+ // where china and india has very large population.
+ hoverRange[0] < sizeExtent[0] && (valueRange[0] = -Infinity);
+ hoverRange[1] > sizeExtent[1] && (valueRange[1] = Infinity);
+
+ // Do not show indicator when mouse is over handle,
+ // otherwise labels overlap, especially when dragging.
+ if (hoverOnBar) {
+ if (valueRange[0] === -Infinity) {
+ this._showIndicator(cursorValue, valueRange[1], '< ', halfHoverLinkSize);
+ }
+ else if (valueRange[1] === Infinity) {
+ this._showIndicator(cursorValue, valueRange[0], '> ', halfHoverLinkSize);
+ }
+ else {
+ this._showIndicator(cursorValue, cursorValue, '鈮� ', halfHoverLinkSize);
+ }
+ }
+
+ // When realtime is set as false, handles, which are in barGroup,
+ // also trigger hoverLink, which help user to realize where they
+ // focus on when dragging. (see test/heatmap-large.html)
+ // When realtime is set as true, highlight will not show when hover
+ // handle, because the label on handle, which displays a exact value
+ // but not range, might mislead users.
+ var oldBatch = this._hoverLinkDataIndices;
+ var newBatch = [];
+ if (hoverOnBar || useHoverLinkOnHandle(visualMapModel)) {
+ newBatch = this._hoverLinkDataIndices = visualMapModel.findTargetDataIndices(valueRange);
+ }
+
+ var resultBatches = compressBatches(oldBatch, newBatch);
+
+ this._dispatchHighDown('downplay', makeHighDownBatch(resultBatches[0], visualMapModel));
+ this._dispatchHighDown('highlight', makeHighDownBatch(resultBatches[1], visualMapModel));
+ },
+
+ /**
+ * @private
+ */
+ _hoverLinkFromSeriesMouseOver: function (e) {
+ var el = e.target;
+ var visualMapModel = this.visualMapModel;
+
+ if (!el || el.dataIndex == null) {
+ return;
+ }
+
+ var dataModel = this.ecModel.getSeriesByIndex(el.seriesIndex);
+
+ if (!visualMapModel.isTargetSeries(dataModel)) {
+ return;
+ }
+
+ var data = dataModel.getData(el.dataType);
+ var value = data.get(visualMapModel.getDataDimension(data), el.dataIndex, true);
+
+ if (!isNaN(value)) {
+ this._showIndicator(value, value);
+ }
+ },
+
+ /**
+ * @private
+ */
+ _hideIndicator: function () {
+ var shapes = this._shapes;
+ shapes.indicator && shapes.indicator.attr('invisible', true);
+ shapes.indicatorLabel && shapes.indicatorLabel.attr('invisible', true);
+ },
+
+ /**
+ * @private
+ */
+ _clearHoverLinkToSeries: function () {
+ this._hideIndicator();
+
+ var indices = this._hoverLinkDataIndices;
+ this._dispatchHighDown('downplay', makeHighDownBatch(indices, this.visualMapModel));
+
+ indices.length = 0;
+ },
+
+ /**
+ * @private
+ */
+ _clearHoverLinkFromSeries: function () {
+ this._hideIndicator();
+
+ var zr = this.api.getZr();
+ zr.off('mouseover', this._hoverLinkFromSeriesMouseOver);
+ zr.off('mouseout', this._hideIndicator);
+ },
+
+ /**
+ * @private
+ */
+ _applyTransform: function (vertex, element, inverse, global) {
+ var transform = getTransform(element, global ? null : this.group);
+
+ return graphic[
+ isArray(vertex) ? 'applyTransform' : 'transformDirection'
+ ](vertex, transform, inverse);
+ },
+
+ /**
+ * @private
+ */
+ _dispatchHighDown: function (type, batch) {
+ batch && batch.length && this.api.dispatchAction({
+ type: type,
+ batch: batch
+ });
+ },
+
+ /**
+ * @override
+ */
+ dispose: function () {
+ this._clearHoverLinkFromSeries();
+ this._clearHoverLinkToSeries();
+ },
+
+ /**
+ * @override
+ */
+ remove: function () {
+ this._clearHoverLinkFromSeries();
+ this._clearHoverLinkToSeries();
+ }
+
+});
+
+function createPolygon(points, cursor, onDrift, onDragEnd) {
+ return new Polygon({
+ shape: {points: points},
+ draggable: !!onDrift,
+ cursor: cursor,
+ drift: onDrift,
+ onmousemove: function (e) {
+ // Fot mobile devicem, prevent screen slider on the button.
+ stop(e.event);
+ },
+ ondragend: onDragEnd
+ });
+}
+
+function createHandlePoints(handleIndex, textSize) {
+ return handleIndex === 0
+ ? [[0, 0], [textSize, 0], [textSize, -textSize]]
+ : [[0, 0], [textSize, 0], [textSize, textSize]];
+}
+
+function createIndicatorPoints(isRange, halfHoverLinkSize, pos, extentMax) {
+ return isRange
+ ? [ // indicate range
+ [0, -mathMin$8(halfHoverLinkSize, mathMax$8(pos, 0))],
+ [HOVER_LINK_OUT, 0],
+ [0, mathMin$8(halfHoverLinkSize, mathMax$8(extentMax - pos, 0))]
+ ]
+ : [ // indicate single value
+ [0, 0], [5, -5], [5, 5]
+ ];
+}
+
+function getHalfHoverLinkSize(visualMapModel, dataExtent, sizeExtent) {
+ var halfHoverLinkSize = HOVER_LINK_SIZE / 2;
+ var hoverLinkDataSize = visualMapModel.get('hoverLinkDataSize');
+ if (hoverLinkDataSize) {
+ halfHoverLinkSize = linearMap$3(hoverLinkDataSize, dataExtent, sizeExtent, true) / 2;
+ }
+ return halfHoverLinkSize;
+}
+
+function useHoverLinkOnHandle(visualMapModel) {
+ var hoverLinkOnHandle = visualMapModel.get('hoverLinkOnHandle');
+ return !!(hoverLinkOnHandle == null ? visualMapModel.get('realtime') : hoverLinkOnHandle);
+}
+
+function getCursor$1(orient) {
+ return orient === 'vertical' ? 'ns-resize' : 'ew-resize';
+}
+
+/*
+* 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.
+*/
+
+var actionInfo$2 = {
+ type: 'selectDataRange',
+ event: 'dataRangeSelected',
+ // FIXME use updateView appears wrong
+ update: 'update'
+};
+
+registerAction(actionInfo$2, function (payload, ecModel) {
+
+ ecModel.eachComponent({mainType: 'visualMap', query: payload}, function (model) {
+ model.setSelected(payload.selected);
+ });
+
+});
+
+/*
+* 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.
+*/
+
+/**
+ * DataZoom component entry
+ */
+
+registerPreprocessor(preprocessor$3);
+
+/*
+* 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.
+*/
+
+var PiecewiseModel = VisualMapModel.extend({
+
+ type: 'visualMap.piecewise',
+
+ /**
+ * Order Rule:
+ *
+ * option.categories / option.pieces / option.text / option.selected:
+ * If !option.inverse,
+ * Order when vertical: ['top', ..., 'bottom'].
+ * Order when horizontal: ['left', ..., 'right'].
+ * If option.inverse, the meaning of
+ * the order should be reversed.
+ *
+ * this._pieceList:
+ * The order is always [low, ..., high].
+ *
+ * Mapping from location to low-high:
+ * If !option.inverse
+ * When vertical, top is high.
+ * When horizontal, right is high.
+ * If option.inverse, reverse.
+ */
+
+ /**
+ * @protected
+ */
+ defaultOption: {
+ selected: null, // Object. If not specified, means selected.
+ // When pieces and splitNumber: {'0': true, '5': true}
+ // When categories: {'cate1': false, 'cate3': true}
+ // When selected === false, means all unselected.
+
+ minOpen: false, // Whether include values that smaller than `min`.
+ maxOpen: false, // Whether include values that bigger than `max`.
+
+ align: 'auto', // 'auto', 'left', 'right'
+ itemWidth: 20, // When put the controller vertically, it is the length of
+ // horizontal side of each item. Otherwise, vertical side.
+ itemHeight: 14, // When put the controller vertically, it is the length of
+ // vertical side of each item. Otherwise, horizontal side.
+ itemSymbol: 'roundRect',
+ pieceList: null, // Each item is Object, with some of those attrs:
+ // {min, max, lt, gt, lte, gte, value,
+ // color, colorSaturation, colorAlpha, opacity,
+ // symbol, symbolSize}, which customize the range or visual
+ // coding of the certain piece. Besides, see "Order Rule".
+ categories: null, // category names, like: ['some1', 'some2', 'some3'].
+ // Attr min/max are ignored when categories set. See "Order Rule"
+ splitNumber: 5, // If set to 5, auto split five pieces equally.
+ // If set to 0 and component type not set, component type will be
+ // determined as "continuous". (It is less reasonable but for ec2
+ // compatibility, see echarts/component/visualMap/typeDefaulter)
+ selectedMode: 'multiple', // Can be 'multiple' or 'single'.
+ itemGap: 10, // The gap between two items, in px.
+ hoverLink: true, // Enable hover highlight.
+
+ showLabel: null // By default, when text is used, label will hide (the logic
+ // is remained for compatibility reason)
+ },
+
+ /**
+ * @override
+ */
+ optionUpdated: function (newOption, isInit) {
+ PiecewiseModel.superApply(this, 'optionUpdated', arguments);
+
+ /**
+ * The order is always [low, ..., high].
+ * [{text: string, interval: Array.<number>}, ...]
+ * @private
+ * @type {Array.<Object>}
+ */
+ this._pieceList = [];
+
+ this.resetExtent();
+
+ /**
+ * 'pieces', 'categories', 'splitNumber'
+ * @type {string}
+ */
+ var mode = this._mode = this._determineMode();
+
+ resetMethods[this._mode].call(this);
+
+ this._resetSelected(newOption, isInit);
+
+ var categories = this.option.categories;
+
+ this.resetVisual(function (mappingOption, state) {
+ if (mode === 'categories') {
+ mappingOption.mappingMethod = 'category';
+ mappingOption.categories = clone(categories);
+ }
+ else {
+ mappingOption.dataExtent = this.getExtent();
+ mappingOption.mappingMethod = 'piecewise';
+ mappingOption.pieceList = map(this._pieceList, function (piece) {
+ var piece = clone(piece);
+ if (state !== 'inRange') {
+ // FIXME
+ // outOfRange do not support special visual in pieces.
+ piece.visual = null;
+ }
+ return piece;
+ });
+ }
+ });
+ },
+
+ /**
+ * @protected
+ * @override
+ */
+ completeVisualOption: function () {
+ // Consider this case:
+ // visualMap: {
+ // pieces: [{symbol: 'circle', lt: 0}, {symbol: 'rect', gte: 0}]
+ // }
+ // where no inRange/outOfRange set but only pieces. So we should make
+ // default inRange/outOfRange for this case, otherwise visuals that only
+ // appear in `pieces` will not be taken into account in visual encoding.
+
+ var option = this.option;
+ var visualTypesInPieces = {};
+ var visualTypes = VisualMapping.listVisualTypes();
+ var isCategory = this.isCategory();
+
+ each$1(option.pieces, function (piece) {
+ each$1(visualTypes, function (visualType) {
+ if (piece.hasOwnProperty(visualType)) {
+ visualTypesInPieces[visualType] = 1;
+ }
+ });
+ });
+
+ each$1(visualTypesInPieces, function (v, visualType) {
+ var exists = 0;
+ each$1(this.stateList, function (state) {
+ exists |= has(option, state, visualType)
+ || has(option.target, state, visualType);
+ }, this);
+
+ !exists && each$1(this.stateList, function (state) {
+ (option[state] || (option[state] = {}))[visualType] = visualDefault.get(
+ visualType, state === 'inRange' ? 'active' : 'inactive', isCategory
+ );
+ });
+ }, this);
+
+ function has(obj, state, visualType) {
+ return obj && obj[state] && (
+ isObject$1(obj[state])
+ ? obj[state].hasOwnProperty(visualType)
+ : obj[state] === visualType // e.g., inRange: 'symbol'
+ );
+ }
+
+ VisualMapModel.prototype.completeVisualOption.apply(this, arguments);
+ },
+
+ _resetSelected: function (newOption, isInit) {
+ var thisOption = this.option;
+ var pieceList = this._pieceList;
+
+ // Selected do not merge but all override.
+ var selected = (isInit ? thisOption : newOption).selected || {};
+ thisOption.selected = selected;
+
+ // Consider 'not specified' means true.
+ each$1(pieceList, function (piece, index) {
+ var key = this.getSelectedMapKey(piece);
+ if (!selected.hasOwnProperty(key)) {
+ selected[key] = true;
+ }
+ }, this);
+
+ if (thisOption.selectedMode === 'single') {
+ // Ensure there is only one selected.
+ var hasSel = false;
+
+ each$1(pieceList, function (piece, index) {
+ var key = this.getSelectedMapKey(piece);
+ if (selected[key]) {
+ hasSel
+ ? (selected[key] = false)
+ : (hasSel = true);
+ }
+ }, this);
+ }
+ // thisOption.selectedMode === 'multiple', default: all selected.
+ },
+
+ /**
+ * @public
+ */
+ getSelectedMapKey: function (piece) {
+ return this._mode === 'categories'
+ ? piece.value + '' : piece.index + '';
+ },
+
+ /**
+ * @public
+ */
+ getPieceList: function () {
+ return this._pieceList;
+ },
+
+ /**
+ * @private
+ * @return {string}
+ */
+ _determineMode: function () {
+ var option = this.option;
+
+ return option.pieces && option.pieces.length > 0
+ ? 'pieces'
+ : this.option.categories
+ ? 'categories'
+ : 'splitNumber';
+ },
+
+ /**
+ * @public
+ * @override
+ */
+ setSelected: function (selected) {
+ this.option.selected = clone(selected);
+ },
+
+ /**
+ * @public
+ * @override
+ */
+ getValueState: function (value) {
+ var index = VisualMapping.findPieceIndex(value, this._pieceList);
+
+ return index != null
+ ? (this.option.selected[this.getSelectedMapKey(this._pieceList[index])]
+ ? 'inRange' : 'outOfRange'
+ )
+ : 'outOfRange';
+ },
+
+ /**
+ * @public
+ * @params {number} pieceIndex piece index in visualMapModel.getPieceList()
+ * @return {Array.<Object>} [{seriesId, dataIndex: <Array.<number>>}, ...]
+ */
+ findTargetDataIndices: function (pieceIndex) {
+ var result = [];
+
+ this.eachTargetSeries(function (seriesModel) {
+ var dataIndices = [];
+ var data = seriesModel.getData();
+
+ data.each(this.getDataDimension(data), function (value, dataIndex) {
+ // Should always base on model pieceList, because it is order sensitive.
+ var pIdx = VisualMapping.findPieceIndex(value, this._pieceList);
+ pIdx === pieceIndex && dataIndices.push(dataIndex);
+ }, this);
+
+ result.push({seriesId: seriesModel.id, dataIndex: dataIndices});
+ }, this);
+
+ return result;
+ },
+
+ /**
+ * @private
+ * @param {Object} piece piece.value or piece.interval is required.
+ * @return {number} Can be Infinity or -Infinity
+ */
+ getRepresentValue: function (piece) {
+ var representValue;
+ if (this.isCategory()) {
+ representValue = piece.value;
+ }
+ else {
+ if (piece.value != null) {
+ representValue = piece.value;
+ }
+ else {
+ var pieceInterval = piece.interval || [];
+ representValue = (pieceInterval[0] === -Infinity && pieceInterval[1] === Infinity)
+ ? 0
+ : (pieceInterval[0] + pieceInterval[1]) / 2;
+ }
+ }
+ return representValue;
+ },
+
+ getVisualMeta: function (getColorVisual) {
+ // Do not support category. (category axis is ordinal, numerical)
+ if (this.isCategory()) {
+ return;
+ }
+
+ var stops = [];
+ var outerColors = [];
+ var visualMapModel = this;
+
+ function setStop(interval, valueState) {
+ var representValue = visualMapModel.getRepresentValue({interval: interval});
+ if (!valueState) {
+ valueState = visualMapModel.getValueState(representValue);
+ }
+ var color = getColorVisual(representValue, valueState);
+ if (interval[0] === -Infinity) {
+ outerColors[0] = color;
+ }
+ else if (interval[1] === Infinity) {
+ outerColors[1] = color;
+ }
+ else {
+ stops.push(
+ {value: interval[0], color: color},
+ {value: interval[1], color: color}
+ );
+ }
+ }
+
+ // Suplement
+ var pieceList = this._pieceList.slice();
+ if (!pieceList.length) {
+ pieceList.push({interval: [-Infinity, Infinity]});
+ }
+ else {
+ var edge = pieceList[0].interval[0];
+ edge !== -Infinity && pieceList.unshift({interval: [-Infinity, edge]});
+ edge = pieceList[pieceList.length - 1].interval[1];
+ edge !== Infinity && pieceList.push({interval: [edge, Infinity]});
+ }
+
+ var curr = -Infinity;
+ each$1(pieceList, function (piece) {
+ var interval = piece.interval;
+ if (interval) {
+ // Fulfill gap.
+ interval[0] > curr && setStop([curr, interval[0]], 'outOfRange');
+ setStop(interval.slice());
+ curr = interval[1];
+ }
+ }, this);
+
+ return {stops: stops, outerColors: outerColors};
+ }
+
+});
+
+/**
+ * Key is this._mode
+ * @type {Object}
+ * @this {module:echarts/component/viusalMap/PiecewiseMode}
+ */
+var resetMethods = {
+
+ splitNumber: function () {
+ var thisOption = this.option;
+ var pieceList = this._pieceList;
+ var precision = Math.min(thisOption.precision, 20);
+ var dataExtent = this.getExtent();
+ var splitNumber = thisOption.splitNumber;
+ splitNumber = Math.max(parseInt(splitNumber, 10), 1);
+ thisOption.splitNumber = splitNumber;
+
+ var splitStep = (dataExtent[1] - dataExtent[0]) / splitNumber;
+ // Precision auto-adaption
+ while (+splitStep.toFixed(precision) !== splitStep && precision < 5) {
+ precision++;
+ }
+ thisOption.precision = precision;
+ splitStep = +splitStep.toFixed(precision);
+
+ if (thisOption.minOpen) {
+ pieceList.push({
+ interval: [-Infinity, dataExtent[0]],
+ close: [0, 0]
+ });
+ }
+
+ for (
+ var index = 0, curr = dataExtent[0];
+ index < splitNumber;
+ curr += splitStep, index++
+ ) {
+ var max = index === splitNumber - 1 ? dataExtent[1] : (curr + splitStep);
+
+ pieceList.push({
+ interval: [curr, max],
+ close: [1, 1]
+ });
+ }
+
+ if (thisOption.maxOpen) {
+ pieceList.push({
+ interval: [dataExtent[1], Infinity],
+ close: [0, 0]
+ });
+ }
+
+ reformIntervals(pieceList);
+
+ each$1(pieceList, function (piece, index) {
+ piece.index = index;
+ piece.text = this.formatValueText(piece.interval);
+ }, this);
+ },
+
+ categories: function () {
+ var thisOption = this.option;
+ each$1(thisOption.categories, function (cate) {
+ // FIXME category妯″紡涔熶娇鐢╬ieceList锛屼絾鍦╲isualMapping涓笉鏄娇鐢╬ieceList銆�
+ // 鏄惁鏀逛竴鑷淬��
+ this._pieceList.push({
+ text: this.formatValueText(cate, true),
+ value: cate
+ });
+ }, this);
+
+ // See "Order Rule".
+ normalizeReverse(thisOption, this._pieceList);
+ },
+
+ pieces: function () {
+ var thisOption = this.option;
+ var pieceList = this._pieceList;
+
+ each$1(thisOption.pieces, function (pieceListItem, index) {
+
+ if (!isObject$1(pieceListItem)) {
+ pieceListItem = {value: pieceListItem};
+ }
+
+ var item = {text: '', index: index};
+
+ if (pieceListItem.label != null) {
+ item.text = pieceListItem.label;
+ }
+
+ if (pieceListItem.hasOwnProperty('value')) {
+ var value = item.value = pieceListItem.value;
+ item.interval = [value, value];
+ item.close = [1, 1];
+ }
+ else {
+ // `min` `max` is legacy option.
+ // `lt` `gt` `lte` `gte` is recommanded.
+ var interval = item.interval = [];
+ var close = item.close = [0, 0];
+
+ var closeList = [1, 0, 1];
+ var infinityList = [-Infinity, Infinity];
+
+ var useMinMax = [];
+ for (var lg = 0; lg < 2; lg++) {
+ var names = [['gte', 'gt', 'min'], ['lte', 'lt', 'max']][lg];
+ for (var i = 0; i < 3 && interval[lg] == null; i++) {
+ interval[lg] = pieceListItem[names[i]];
+ close[lg] = closeList[i];
+ useMinMax[lg] = i === 2;
+ }
+ interval[lg] == null && (interval[lg] = infinityList[lg]);
+ }
+ useMinMax[0] && interval[1] === Infinity && (close[0] = 0);
+ useMinMax[1] && interval[0] === -Infinity && (close[1] = 0);
+
+ if (__DEV__) {
+ if (interval[0] > interval[1]) {
+ console.warn(
+ 'Piece ' + index + 'is illegal: ' + interval
+ + ' lower bound should not greater then uppper bound.'
+ );
+ }
+ }
+
+ if (interval[0] === interval[1] && close[0] && close[1]) {
+ // Consider: [{min: 5, max: 5, visual: {...}}, {min: 0, max: 5}],
+ // we use value to lift the priority when min === max
+ item.value = interval[0];
+ }
+ }
+
+ item.visual = VisualMapping.retrieveVisuals(pieceListItem);
+
+ pieceList.push(item);
+
+ }, this);
+
+ // See "Order Rule".
+ normalizeReverse(thisOption, pieceList);
+ // Only pieces
+ reformIntervals(pieceList);
+
+ each$1(pieceList, function (piece) {
+ var close = piece.close;
+ var edgeSymbols = [['<', '鈮�'][close[1]], ['>', '鈮�'][close[0]]];
+ piece.text = piece.text || this.formatValueText(
+ piece.value != null ? piece.value : piece.interval,
+ false,
+ edgeSymbols
+ );
+ }, this);
+ }
+};
+
+function normalizeReverse(thisOption, pieceList) {
+ var inverse = thisOption.inverse;
+ if (thisOption.orient === 'vertical' ? !inverse : inverse) {
+ pieceList.reverse();
+ }
+}
+
+/*
+* 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.
+*/
+
+var PiecewiseVisualMapView = VisualMapView.extend({
+
+ type: 'visualMap.piecewise',
+
+ /**
+ * @protected
+ * @override
+ */
+ doRender: function () {
+ var thisGroup = this.group;
+
+ thisGroup.removeAll();
+
+ var visualMapModel = this.visualMapModel;
+ var textGap = visualMapModel.get('textGap');
+ var textStyleModel = visualMapModel.textStyleModel;
+ var textFont = textStyleModel.getFont();
+ var textFill = textStyleModel.getTextColor();
+ var itemAlign = this._getItemAlign();
+ var itemSize = visualMapModel.itemSize;
+ var viewData = this._getViewData();
+ var endsText = viewData.endsText;
+ var showLabel = retrieve(visualMapModel.get('showLabel', true), !endsText);
+
+ endsText && this._renderEndsText(
+ thisGroup, endsText[0], itemSize, showLabel, itemAlign
+ );
+
+ each$1(viewData.viewPieceList, renderItem, this);
+
+ endsText && this._renderEndsText(
+ thisGroup, endsText[1], itemSize, showLabel, itemAlign
+ );
+
+ box(
+ visualMapModel.get('orient'), thisGroup, visualMapModel.get('itemGap')
+ );
+
+ this.renderBackground(thisGroup);
+
+ this.positionGroup(thisGroup);
+
+ function renderItem(item) {
+ var piece = item.piece;
+
+ var itemGroup = new Group();
+ itemGroup.onclick = bind(this._onItemClick, this, piece);
+
+ this._enableHoverLink(itemGroup, item.indexInModelPieceList);
+
+ var representValue = visualMapModel.getRepresentValue(piece);
+
+ this._createItemSymbol(
+ itemGroup, representValue, [0, 0, itemSize[0], itemSize[1]]
+ );
+
+ if (showLabel) {
+ var visualState = this.visualMapModel.getValueState(representValue);
+
+ itemGroup.add(new Text({
+ style: {
+ x: itemAlign === 'right' ? -textGap : itemSize[0] + textGap,
+ y: itemSize[1] / 2,
+ text: piece.text,
+ textVerticalAlign: 'middle',
+ textAlign: itemAlign,
+ textFont: textFont,
+ textFill: textFill,
+ opacity: visualState === 'outOfRange' ? 0.5 : 1
+ }
+ }));
+ }
+
+ thisGroup.add(itemGroup);
+ }
+ },
+
+ /**
+ * @private
+ */
+ _enableHoverLink: function (itemGroup, pieceIndex) {
+ itemGroup
+ .on('mouseover', bind(onHoverLink, this, 'highlight'))
+ .on('mouseout', bind(onHoverLink, this, 'downplay'));
+
+ function onHoverLink(method) {
+ var visualMapModel = this.visualMapModel;
+
+ visualMapModel.option.hoverLink && this.api.dispatchAction({
+ type: method,
+ batch: makeHighDownBatch(
+ visualMapModel.findTargetDataIndices(pieceIndex),
+ visualMapModel
+ )
+ });
+ }
+ },
+
+ /**
+ * @private
+ */
+ _getItemAlign: function () {
+ var visualMapModel = this.visualMapModel;
+ var modelOption = visualMapModel.option;
+
+ if (modelOption.orient === 'vertical') {
+ return getItemAlign(
+ visualMapModel, this.api, visualMapModel.itemSize
+ );
+ }
+ else { // horizontal, most case left unless specifying right.
+ var align = modelOption.align;
+ if (!align || align === 'auto') {
+ align = 'left';
+ }
+ return align;
+ }
+ },
+
+ /**
+ * @private
+ */
+ _renderEndsText: function (group, text, itemSize, showLabel, itemAlign) {
+ if (!text) {
+ return;
+ }
+
+ var itemGroup = new Group();
+ var textStyleModel = this.visualMapModel.textStyleModel;
+
+ itemGroup.add(new Text({
+ style: {
+ x: showLabel ? (itemAlign === 'right' ? itemSize[0] : 0) : itemSize[0] / 2,
+ y: itemSize[1] / 2,
+ textVerticalAlign: 'middle',
+ textAlign: showLabel ? itemAlign : 'center',
+ text: text,
+ textFont: textStyleModel.getFont(),
+ textFill: textStyleModel.getTextColor()
+ }
+ }));
+
+ group.add(itemGroup);
+ },
+
+ /**
+ * @private
+ * @return {Object} {peiceList, endsText} The order is the same as screen pixel order.
+ */
+ _getViewData: function () {
+ var visualMapModel = this.visualMapModel;
+
+ var viewPieceList = map(visualMapModel.getPieceList(), function (piece, index) {
+ return {piece: piece, indexInModelPieceList: index};
+ });
+ var endsText = visualMapModel.get('text');
+
+ // Consider orient and inverse.
+ var orient = visualMapModel.get('orient');
+ var inverse = visualMapModel.get('inverse');
+
+ // Order of model pieceList is always [low, ..., high]
+ if (orient === 'horizontal' ? inverse : !inverse) {
+ viewPieceList.reverse();
+ }
+ // Origin order of endsText is [high, low]
+ else if (endsText) {
+ endsText = endsText.slice().reverse();
+ }
+
+ return {viewPieceList: viewPieceList, endsText: endsText};
+ },
+
+ /**
+ * @private
+ */
+ _createItemSymbol: function (group, representValue, shapeParam) {
+ group.add(createSymbol(
+ this.getControllerVisual(representValue, 'symbol'),
+ shapeParam[0], shapeParam[1], shapeParam[2], shapeParam[3],
+ this.getControllerVisual(representValue, 'color')
+ ));
+ },
+
+ /**
+ * @private
+ */
+ _onItemClick: function (piece) {
+ var visualMapModel = this.visualMapModel;
+ var option = visualMapModel.option;
+ var selected = clone(option.selected);
+ var newKey = visualMapModel.getSelectedMapKey(piece);
+
+ if (option.selectedMode === 'single') {
+ selected[newKey] = true;
+ each$1(selected, function (o, key) {
+ selected[key] = key === newKey;
+ });
+ }
+ else {
+ selected[newKey] = !selected[newKey];
+ }
+
+ this.api.dispatchAction({
+ type: 'selectDataRange',
+ from: this.uid,
+ visualMapId: this.visualMapModel.id,
+ selected: selected
+ });
+ }
+});
+
+/*
+* 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.
+*/
+
+/**
+ * DataZoom component entry
+ */
+
+registerPreprocessor(preprocessor$3);
+
+/*
+* 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.
+*/
+
+/**
+ * visualMap component entry
+ */
+
+var urn = 'urn:schemas-microsoft-com:vml';
+var win = typeof window === 'undefined' ? null : window;
+
+var vmlInited = false;
+
+var doc = win && win.document;
+
+function createNode(tagName) {
+ return doCreateNode(tagName);
+}
+
+// Avoid assign to an exported variable, for transforming to cjs.
+var doCreateNode;
+
+if (doc && !env$1.canvasSupported) {
+ try {
+ !doc.namespaces.zrvml && doc.namespaces.add('zrvml', urn);
+ doCreateNode = function (tagName) {
+ return doc.createElement('<zrvml:' + tagName + ' class="zrvml">');
+ };
+ }
+ catch (e) {
+ doCreateNode = function (tagName) {
+ return doc.createElement('<' + tagName + ' xmlns="' + urn + '" class="zrvml">');
+ };
+ }
+}
+
+// From raphael
+function initVML() {
+ if (vmlInited || !doc) {
+ return;
+ }
+ vmlInited = true;
+
+ var styleSheets = doc.styleSheets;
+ if (styleSheets.length < 31) {
+ doc.createStyleSheet().addRule('.zrvml', 'behavior:url(#default#VML)');
+ }
+ else {
+ // http://msdn.microsoft.com/en-us/library/ms531194%28VS.85%29.aspx
+ styleSheets[0].addRule('.zrvml', 'behavior:url(#default#VML)');
+ }
+}
+
+// http://www.w3.org/TR/NOTE-VML
+// TODO Use proxy like svg instead of overwrite brush methods
+
+var CMD$3 = PathProxy.CMD;
+var round$3 = Math.round;
+var sqrt = Math.sqrt;
+var abs$1 = Math.abs;
+var cos = Math.cos;
+var sin = Math.sin;
+var mathMax$9 = Math.max;
+
+if (!env$1.canvasSupported) {
+
+ var comma = ',';
+ var imageTransformPrefix = 'progid:DXImageTransform.Microsoft';
+
+ var Z = 21600;
+ var Z2 = Z / 2;
+
+ var ZLEVEL_BASE = 100000;
+ var Z_BASE$1 = 1000;
+
+ var initRootElStyle = function (el) {
+ el.style.cssText = 'position:absolute;left:0;top:0;width:1px;height:1px;';
+ el.coordsize = Z + ',' + Z;
+ el.coordorigin = '0,0';
+ };
+
+ var encodeHtmlAttribute = function (s) {
+ return String(s).replace(/&/g, '&').replace(/"/g, '"');
+ };
+
+ var rgb2Str = function (r, g, b) {
+ return 'rgb(' + [r, g, b].join(',') + ')';
+ };
+
+ var append = function (parent, child) {
+ if (child && parent && child.parentNode !== parent) {
+ parent.appendChild(child);
+ }
+ };
+
+ var remove = function (parent, child) {
+ if (child && parent && child.parentNode === parent) {
+ parent.removeChild(child);
+ }
+ };
+
+ var getZIndex = function (zlevel, z, z2) {
+ // z 鐨勫彇鍊艰寖鍥翠负 [0, 1000]
+ return (parseFloat(zlevel) || 0) * ZLEVEL_BASE + (parseFloat(z) || 0) * Z_BASE$1 + z2;
+ };
+
+ var parsePercent$3 = parsePercent;
+
+ /***************************************************
+ * PATH
+ **************************************************/
+
+ var setColorAndOpacity = function (el, color, opacity) {
+ var colorArr = parse(color);
+ opacity = +opacity;
+ if (isNaN(opacity)) {
+ opacity = 1;
+ }
+ if (colorArr) {
+ el.color = rgb2Str(colorArr[0], colorArr[1], colorArr[2]);
+ el.opacity = opacity * colorArr[3];
+ }
+ };
+
+ var getColorAndAlpha = function (color) {
+ var colorArr = parse(color);
+ return [
+ rgb2Str(colorArr[0], colorArr[1], colorArr[2]),
+ colorArr[3]
+ ];
+ };
+
+ var updateFillNode = function (el, style, zrEl) {
+ // TODO pattern
+ var fill = style.fill;
+ if (fill != null) {
+ // Modified from excanvas
+ if (fill instanceof Gradient) {
+ var gradientType;
+ var angle = 0;
+ var focus = [0, 0];
+ // additional offset
+ var shift = 0;
+ // scale factor for offset
+ var expansion = 1;
+ var rect = zrEl.getBoundingRect();
+ var rectWidth = rect.width;
+ var rectHeight = rect.height;
+ if (fill.type === 'linear') {
+ gradientType = 'gradient';
+ var transform = zrEl.transform;
+ var p0 = [fill.x * rectWidth, fill.y * rectHeight];
+ var p1 = [fill.x2 * rectWidth, fill.y2 * rectHeight];
+ if (transform) {
+ applyTransform(p0, p0, transform);
+ applyTransform(p1, p1, transform);
+ }
+ var dx = p1[0] - p0[0];
+ var dy = p1[1] - p0[1];
+ angle = Math.atan2(dx, dy) * 180 / Math.PI;
+ // The angle should be a non-negative number.
+ if (angle < 0) {
+ angle += 360;
+ }
+
+ // Very small angles produce an unexpected result because they are
+ // converted to a scientific notation string.
+ if (angle < 1e-6) {
+ angle = 0;
+ }
+ }
+ else {
+ gradientType = 'gradientradial';
+ var p0 = [fill.x * rectWidth, fill.y * rectHeight];
+ var transform = zrEl.transform;
+ var scale$$1 = zrEl.scale;
+ var width = rectWidth;
+ var height = rectHeight;
+ focus = [
+ // Percent in bounding rect
+ (p0[0] - rect.x) / width,
+ (p0[1] - rect.y) / height
+ ];
+ if (transform) {
+ applyTransform(p0, p0, transform);
+ }
+
+ width /= scale$$1[0] * Z;
+ height /= scale$$1[1] * Z;
+ var dimension = mathMax$9(width, height);
+ shift = 2 * 0 / dimension;
+ expansion = 2 * fill.r / dimension - shift;
+ }
+
+ // We need to sort the color stops in ascending order by offset,
+ // otherwise IE won't interpret it correctly.
+ var stops = fill.colorStops.slice();
+ stops.sort(function (cs1, cs2) {
+ return cs1.offset - cs2.offset;
+ });
+
+ var length$$1 = stops.length;
+ // Color and alpha list of first and last stop
+ var colorAndAlphaList = [];
+ var colors = [];
+ for (var i = 0; i < length$$1; i++) {
+ var stop = stops[i];
+ var colorAndAlpha = getColorAndAlpha(stop.color);
+ colors.push(stop.offset * expansion + shift + ' ' + colorAndAlpha[0]);
+ if (i === 0 || i === length$$1 - 1) {
+ colorAndAlphaList.push(colorAndAlpha);
+ }
+ }
+
+ if (length$$1 >= 2) {
+ var color1 = colorAndAlphaList[0][0];
+ var color2 = colorAndAlphaList[1][0];
+ var opacity1 = colorAndAlphaList[0][1] * style.opacity;
+ var opacity2 = colorAndAlphaList[1][1] * style.opacity;
+
+ el.type = gradientType;
+ el.method = 'none';
+ el.focus = '100%';
+ el.angle = angle;
+ el.color = color1;
+ el.color2 = color2;
+ el.colors = colors.join(',');
+ // When colors attribute is used, the meanings of opacity and o:opacity2
+ // are reversed.
+ el.opacity = opacity2;
+ // FIXME g_o_:opacity ?
+ el.opacity2 = opacity1;
+ }
+ if (gradientType === 'radial') {
+ el.focusposition = focus.join(',');
+ }
+ }
+ else {
+ // FIXME Change from Gradient fill to color fill
+ setColorAndOpacity(el, fill, style.opacity);
+ }
+ }
+ };
+
+ var updateStrokeNode = function (el, style) {
+ // if (style.lineJoin != null) {
+ // el.joinstyle = style.lineJoin;
+ // }
+ // if (style.miterLimit != null) {
+ // el.miterlimit = style.miterLimit * Z;
+ // }
+ // if (style.lineCap != null) {
+ // el.endcap = style.lineCap;
+ // }
+ if (style.lineDash) {
+ el.dashstyle = style.lineDash.join(' ');
+ }
+ if (style.stroke != null && !(style.stroke instanceof Gradient)) {
+ setColorAndOpacity(el, style.stroke, style.opacity);
+ }
+ };
+
+ var updateFillAndStroke = function (vmlEl, type, style, zrEl) {
+ var isFill = type === 'fill';
+ var el = vmlEl.getElementsByTagName(type)[0];
+ // Stroke must have lineWidth
+ if (style[type] != null && style[type] !== 'none' && (isFill || (!isFill && style.lineWidth))) {
+ vmlEl[isFill ? 'filled' : 'stroked'] = 'true';
+ // FIXME Remove before updating, or set `colors` will throw error
+ if (style[type] instanceof Gradient) {
+ remove(vmlEl, el);
+ }
+ if (!el) {
+ el = createNode(type);
+ }
+
+ isFill ? updateFillNode(el, style, zrEl) : updateStrokeNode(el, style);
+ append(vmlEl, el);
+ }
+ else {
+ vmlEl[isFill ? 'filled' : 'stroked'] = 'false';
+ remove(vmlEl, el);
+ }
+ };
+
+ var points$3 = [[], [], []];
+ var pathDataToString = function (path, m) {
+ var M = CMD$3.M;
+ var C = CMD$3.C;
+ var L = CMD$3.L;
+ var A = CMD$3.A;
+ var Q = CMD$3.Q;
+
+ var str = [];
+ var nPoint;
+ var cmdStr;
+ var cmd;
+ var i;
+ var xi;
+ var yi;
+ var data = path.data;
+ var dataLength = path.len();
+ for (i = 0; i < dataLength;) {
+ cmd = data[i++];
+ cmdStr = '';
+ nPoint = 0;
+ switch (cmd) {
+ case M:
+ cmdStr = ' m ';
+ nPoint = 1;
+ xi = data[i++];
+ yi = data[i++];
+ points$3[0][0] = xi;
+ points$3[0][1] = yi;
+ break;
+ case L:
+ cmdStr = ' l ';
+ nPoint = 1;
+ xi = data[i++];
+ yi = data[i++];
+ points$3[0][0] = xi;
+ points$3[0][1] = yi;
+ break;
+ case Q:
+ case C:
+ cmdStr = ' c ';
+ nPoint = 3;
+ var x1 = data[i++];
+ var y1 = data[i++];
+ var x2 = data[i++];
+ var y2 = data[i++];
+ var x3;
+ var y3;
+ if (cmd === Q) {
+ // Convert quadratic to cubic using degree elevation
+ x3 = x2;
+ y3 = y2;
+ x2 = (x2 + 2 * x1) / 3;
+ y2 = (y2 + 2 * y1) / 3;
+ x1 = (xi + 2 * x1) / 3;
+ y1 = (yi + 2 * y1) / 3;
+ }
+ else {
+ x3 = data[i++];
+ y3 = data[i++];
+ }
+ points$3[0][0] = x1;
+ points$3[0][1] = y1;
+ points$3[1][0] = x2;
+ points$3[1][1] = y2;
+ points$3[2][0] = x3;
+ points$3[2][1] = y3;
+
+ xi = x3;
+ yi = y3;
+ break;
+ case A:
+ var x = 0;
+ var y = 0;
+ var sx = 1;
+ var sy = 1;
+ var angle = 0;
+ if (m) {
+ // Extract SRT from matrix
+ x = m[4];
+ y = m[5];
+ sx = sqrt(m[0] * m[0] + m[1] * m[1]);
+ sy = sqrt(m[2] * m[2] + m[3] * m[3]);
+ angle = Math.atan2(-m[1] / sy, m[0] / sx);
+ }
+
+ var cx = data[i++];
+ var cy = data[i++];
+ var rx = data[i++];
+ var ry = data[i++];
+ var startAngle = data[i++] + angle;
+ var endAngle = data[i++] + startAngle + angle;
+ // FIXME
+ // var psi = data[i++];
+ i++;
+ var clockwise = data[i++];
+
+ var x0 = cx + cos(startAngle) * rx;
+ var y0 = cy + sin(startAngle) * ry;
+
+ var x1 = cx + cos(endAngle) * rx;
+ var y1 = cy + sin(endAngle) * ry;
+
+ var type = clockwise ? ' wa ' : ' at ';
+ if (Math.abs(x0 - x1) < 1e-4) {
+ // IE won't render arches drawn counter clockwise if x0 == x1.
+ if (Math.abs(endAngle - startAngle) > 1e-2) {
+ // Offset x0 by 1/80 of a pixel. Use something
+ // that can be represented in binary
+ if (clockwise) {
+ x0 += 270 / Z;
+ }
+ }
+ else {
+ // Avoid case draw full circle
+ if (Math.abs(y0 - cy) < 1e-4) {
+ if ((clockwise && x0 < cx) || (!clockwise && x0 > cx)) {
+ y1 -= 270 / Z;
+ }
+ else {
+ y1 += 270 / Z;
+ }
+ }
+ else if ((clockwise && y0 < cy) || (!clockwise && y0 > cy)) {
+ x1 += 270 / Z;
+ }
+ else {
+ x1 -= 270 / Z;
+ }
+ }
+ }
+ str.push(
+ type,
+ round$3(((cx - rx) * sx + x) * Z - Z2), comma,
+ round$3(((cy - ry) * sy + y) * Z - Z2), comma,
+ round$3(((cx + rx) * sx + x) * Z - Z2), comma,
+ round$3(((cy + ry) * sy + y) * Z - Z2), comma,
+ round$3((x0 * sx + x) * Z - Z2), comma,
+ round$3((y0 * sy + y) * Z - Z2), comma,
+ round$3((x1 * sx + x) * Z - Z2), comma,
+ round$3((y1 * sy + y) * Z - Z2)
+ );
+
+ xi = x1;
+ yi = y1;
+ break;
+ case CMD$3.R:
+ var p0 = points$3[0];
+ var p1 = points$3[1];
+ // x0, y0
+ p0[0] = data[i++];
+ p0[1] = data[i++];
+ // x1, y1
+ p1[0] = p0[0] + data[i++];
+ p1[1] = p0[1] + data[i++];
+
+ if (m) {
+ applyTransform(p0, p0, m);
+ applyTransform(p1, p1, m);
+ }
+
+ p0[0] = round$3(p0[0] * Z - Z2);
+ p1[0] = round$3(p1[0] * Z - Z2);
+ p0[1] = round$3(p0[1] * Z - Z2);
+ p1[1] = round$3(p1[1] * Z - Z2);
+ str.push(
+ // x0, y0
+ ' m ', p0[0], comma, p0[1],
+ // x1, y0
+ ' l ', p1[0], comma, p0[1],
+ // x1, y1
+ ' l ', p1[0], comma, p1[1],
+ // x0, y1
+ ' l ', p0[0], comma, p1[1]
+ );
+ break;
+ case CMD$3.Z:
+ // FIXME Update xi, yi
+ str.push(' x ');
+ }
+
+ if (nPoint > 0) {
+ str.push(cmdStr);
+ for (var k = 0; k < nPoint; k++) {
+ var p = points$3[k];
+
+ m && applyTransform(p, p, m);
+ // 涓� round 浼氶潪甯告參
+ str.push(
+ round$3(p[0] * Z - Z2), comma, round$3(p[1] * Z - Z2),
+ k < nPoint - 1 ? comma : ''
+ );
+ }
+ }
+ }
+
+ return str.join('');
+ };
+
+ // Rewrite the original path method
+ Path.prototype.brushVML = function (vmlRoot) {
+ var style = this.style;
+
+ var vmlEl = this._vmlEl;
+ if (!vmlEl) {
+ vmlEl = createNode('shape');
+ initRootElStyle(vmlEl);
+
+ this._vmlEl = vmlEl;
+ }
+
+ updateFillAndStroke(vmlEl, 'fill', style, this);
+ updateFillAndStroke(vmlEl, 'stroke', style, this);
+
+ var m = this.transform;
+ var needTransform = m != null;
+ var strokeEl = vmlEl.getElementsByTagName('stroke')[0];
+ if (strokeEl) {
+ var lineWidth = style.lineWidth;
+ // Get the line scale.
+ // Determinant of this.m_ means how much the area is enlarged by the
+ // transformation. So its square root can be used as a scale factor
+ // for width.
+ if (needTransform && !style.strokeNoScale) {
+ var det = m[0] * m[3] - m[1] * m[2];
+ lineWidth *= sqrt(abs$1(det));
+ }
+ strokeEl.weight = lineWidth + 'px';
+ }
+
+ var path = this.path || (this.path = new PathProxy());
+ if (this.__dirtyPath) {
+ path.beginPath();
+ path.subPixelOptimize = false;
+ this.buildPath(path, this.shape);
+ path.toStatic();
+ this.__dirtyPath = false;
+ }
+
+ vmlEl.path = pathDataToString(path, this.transform);
+
+ vmlEl.style.zIndex = getZIndex(this.zlevel, this.z, this.z2);
+
+ // Append to root
+ append(vmlRoot, vmlEl);
+
+ // Text
+ if (style.text != null) {
+ this.drawRectText(vmlRoot, this.getBoundingRect());
+ }
+ else {
+ this.removeRectText(vmlRoot);
+ }
+ };
+
+ Path.prototype.onRemove = function (vmlRoot) {
+ remove(vmlRoot, this._vmlEl);
+ this.removeRectText(vmlRoot);
+ };
+
+ Path.prototype.onAdd = function (vmlRoot) {
+ append(vmlRoot, this._vmlEl);
+ this.appendRectText(vmlRoot);
+ };
+
+ /***************************************************
+ * IMAGE
+ **************************************************/
+ var isImage = function (img) {
+ // FIXME img instanceof Image 濡傛灉 img 鏄竴涓瓧绗︿覆鐨勬椂鍊欙紝IE8 涓嬩細鎶ラ敊
+ return (typeof img === 'object') && img.tagName && img.tagName.toUpperCase() === 'IMG';
+ // return img instanceof Image;
+ };
+
+ // Rewrite the original path method
+ ZImage.prototype.brushVML = function (vmlRoot) {
+ var style = this.style;
+ var image = style.image;
+
+ // Image original width, height
+ var ow;
+ var oh;
+
+ if (isImage(image)) {
+ var src = image.src;
+ if (src === this._imageSrc) {
+ ow = this._imageWidth;
+ oh = this._imageHeight;
+ }
+ else {
+ var imageRuntimeStyle = image.runtimeStyle;
+ var oldRuntimeWidth = imageRuntimeStyle.width;
+ var oldRuntimeHeight = imageRuntimeStyle.height;
+ imageRuntimeStyle.width = 'auto';
+ imageRuntimeStyle.height = 'auto';
+
+ // get the original size
+ ow = image.width;
+ oh = image.height;
+
+ // and remove overides
+ imageRuntimeStyle.width = oldRuntimeWidth;
+ imageRuntimeStyle.height = oldRuntimeHeight;
+
+ // Caching image original width, height and src
+ this._imageSrc = src;
+ this._imageWidth = ow;
+ this._imageHeight = oh;
+ }
+ image = src;
+ }
+ else {
+ if (image === this._imageSrc) {
+ ow = this._imageWidth;
+ oh = this._imageHeight;
+ }
+ }
+ if (!image) {
+ return;
+ }
+
+ var x = style.x || 0;
+ var y = style.y || 0;
+
+ var dw = style.width;
+ var dh = style.height;
+
+ var sw = style.sWidth;
+ var sh = style.sHeight;
+ var sx = style.sx || 0;
+ var sy = style.sy || 0;
+
+ var hasCrop = sw && sh;
+
+ var vmlEl = this._vmlEl;
+ if (!vmlEl) {
+ // FIXME 浣跨敤 group 鍦� left, top 閮戒笉鏄� 0 鐨勬椂鍊欏氨鏃犳硶鏄剧ず浜嗐��
+ // vmlEl = vmlCore.createNode('group');
+ vmlEl = doc.createElement('div');
+ initRootElStyle(vmlEl);
+
+ this._vmlEl = vmlEl;
+ }
+
+ var vmlElStyle = vmlEl.style;
+ var hasRotation = false;
+ var m;
+ var scaleX = 1;
+ var scaleY = 1;
+ if (this.transform) {
+ m = this.transform;
+ scaleX = sqrt(m[0] * m[0] + m[1] * m[1]);
+ scaleY = sqrt(m[2] * m[2] + m[3] * m[3]);
+
+ hasRotation = m[1] || m[2];
+ }
+ if (hasRotation) {
+ // If filters are necessary (rotation exists), create them
+ // filters are bog-slow, so only create them if abbsolutely necessary
+ // The following check doesn't account for skews (which don't exist
+ // in the canvas spec (yet) anyway.
+ // From excanvas
+ var p0 = [x, y];
+ var p1 = [x + dw, y];
+ var p2 = [x, y + dh];
+ var p3 = [x + dw, y + dh];
+ applyTransform(p0, p0, m);
+ applyTransform(p1, p1, m);
+ applyTransform(p2, p2, m);
+ applyTransform(p3, p3, m);
+
+ var maxX = mathMax$9(p0[0], p1[0], p2[0], p3[0]);
+ var maxY = mathMax$9(p0[1], p1[1], p2[1], p3[1]);
+
+ var transformFilter = [];
+ transformFilter.push('M11=', m[0] / scaleX, comma,
+ 'M12=', m[2] / scaleY, comma,
+ 'M21=', m[1] / scaleX, comma,
+ 'M22=', m[3] / scaleY, comma,
+ 'Dx=', round$3(x * scaleX + m[4]), comma,
+ 'Dy=', round$3(y * scaleY + m[5]));
+
+ vmlElStyle.padding = '0 ' + round$3(maxX) + 'px ' + round$3(maxY) + 'px 0';
+ // FIXME DXImageTransform 鍦� IE11 鐨勫吋瀹规ā寮忎笅涓嶈捣浣滅敤
+ vmlElStyle.filter = imageTransformPrefix + '.Matrix('
+ + transformFilter.join('') + ', SizingMethod=clip)';
+
+ }
+ else {
+ if (m) {
+ x = x * scaleX + m[4];
+ y = y * scaleY + m[5];
+ }
+ vmlElStyle.filter = '';
+ vmlElStyle.left = round$3(x) + 'px';
+ vmlElStyle.top = round$3(y) + 'px';
+ }
+
+ var imageEl = this._imageEl;
+ var cropEl = this._cropEl;
+
+ if (!imageEl) {
+ imageEl = doc.createElement('div');
+ this._imageEl = imageEl;
+ }
+ var imageELStyle = imageEl.style;
+ if (hasCrop) {
+ // Needs know image original width and height
+ if (!(ow && oh)) {
+ var tmpImage = new Image();
+ var self = this;
+ tmpImage.onload = function () {
+ tmpImage.onload = null;
+ ow = tmpImage.width;
+ oh = tmpImage.height;
+ // Adjust image width and height to fit the ratio destinationSize / sourceSize
+ imageELStyle.width = round$3(scaleX * ow * dw / sw) + 'px';
+ imageELStyle.height = round$3(scaleY * oh * dh / sh) + 'px';
+
+ // Caching image original width, height and src
+ self._imageWidth = ow;
+ self._imageHeight = oh;
+ self._imageSrc = image;
+ };
+ tmpImage.src = image;
+ }
+ else {
+ imageELStyle.width = round$3(scaleX * ow * dw / sw) + 'px';
+ imageELStyle.height = round$3(scaleY * oh * dh / sh) + 'px';
+ }
+
+ if (!cropEl) {
+ cropEl = doc.createElement('div');
+ cropEl.style.overflow = 'hidden';
+ this._cropEl = cropEl;
+ }
+ var cropElStyle = cropEl.style;
+ cropElStyle.width = round$3((dw + sx * dw / sw) * scaleX);
+ cropElStyle.height = round$3((dh + sy * dh / sh) * scaleY);
+ cropElStyle.filter = imageTransformPrefix + '.Matrix(Dx='
+ + (-sx * dw / sw * scaleX) + ',Dy=' + (-sy * dh / sh * scaleY) + ')';
+
+ if (!cropEl.parentNode) {
+ vmlEl.appendChild(cropEl);
+ }
+ if (imageEl.parentNode !== cropEl) {
+ cropEl.appendChild(imageEl);
+ }
+ }
+ else {
+ imageELStyle.width = round$3(scaleX * dw) + 'px';
+ imageELStyle.height = round$3(scaleY * dh) + 'px';
+
+ vmlEl.appendChild(imageEl);
+
+ if (cropEl && cropEl.parentNode) {
+ vmlEl.removeChild(cropEl);
+ this._cropEl = null;
+ }
+ }
+
+ var filterStr = '';
+ var alpha = style.opacity;
+ if (alpha < 1) {
+ filterStr += '.Alpha(opacity=' + round$3(alpha * 100) + ') ';
+ }
+ filterStr += imageTransformPrefix + '.AlphaImageLoader(src=' + image + ', SizingMethod=scale)';
+
+ imageELStyle.filter = filterStr;
+
+ vmlEl.style.zIndex = getZIndex(this.zlevel, this.z, this.z2);
+
+ // Append to root
+ append(vmlRoot, vmlEl);
+
+ // Text
+ if (style.text != null) {
+ this.drawRectText(vmlRoot, this.getBoundingRect());
+ }
+ };
+
+ ZImage.prototype.onRemove = function (vmlRoot) {
+ remove(vmlRoot, this._vmlEl);
+
+ this._vmlEl = null;
+ this._cropEl = null;
+ this._imageEl = null;
+
+ this.removeRectText(vmlRoot);
+ };
+
+ ZImage.prototype.onAdd = function (vmlRoot) {
+ append(vmlRoot, this._vmlEl);
+ this.appendRectText(vmlRoot);
+ };
+
+
+ /***************************************************
+ * TEXT
+ **************************************************/
+
+ var DEFAULT_STYLE_NORMAL = 'normal';
+
+ var fontStyleCache = {};
+ var fontStyleCacheCount = 0;
+ var MAX_FONT_CACHE_SIZE = 100;
+ var fontEl = document.createElement('div');
+
+ var getFontStyle = function (fontString) {
+ var fontStyle = fontStyleCache[fontString];
+ if (!fontStyle) {
+ // Clear cache
+ if (fontStyleCacheCount > MAX_FONT_CACHE_SIZE) {
+ fontStyleCacheCount = 0;
+ fontStyleCache = {};
+ }
+
+ var style = fontEl.style;
+ var fontFamily;
+ try {
+ style.font = fontString;
+ fontFamily = style.fontFamily.split(',')[0];
+ }
+ catch (e) {
+ }
+
+ fontStyle = {
+ style: style.fontStyle || DEFAULT_STYLE_NORMAL,
+ variant: style.fontVariant || DEFAULT_STYLE_NORMAL,
+ weight: style.fontWeight || DEFAULT_STYLE_NORMAL,
+ size: parseFloat(style.fontSize || 12) | 0,
+ family: fontFamily || 'Microsoft YaHei'
+ };
+
+ fontStyleCache[fontString] = fontStyle;
+ fontStyleCacheCount++;
+ }
+ return fontStyle;
+ };
+
+ var textMeasureEl;
+ // Overwrite measure text method
+ $override$1('measureText', function (text, textFont) {
+ var doc$$1 = doc;
+ if (!textMeasureEl) {
+ textMeasureEl = doc$$1.createElement('div');
+ textMeasureEl.style.cssText = 'position:absolute;top:-20000px;left:0;'
+ + 'padding:0;margin:0;border:none;white-space:pre;';
+ doc.body.appendChild(textMeasureEl);
+ }
+
+ try {
+ textMeasureEl.style.font = textFont;
+ }
+ catch (ex) {
+ // Ignore failures to set to invalid font.
+ }
+ textMeasureEl.innerHTML = '';
+ // Don't use innerHTML or innerText because they allow markup/whitespace.
+ textMeasureEl.appendChild(doc$$1.createTextNode(text));
+ return {
+ width: textMeasureEl.offsetWidth
+ };
+ });
+
+ var tmpRect$2 = new BoundingRect();
+
+ var drawRectText = function (vmlRoot, rect, textRect, fromTextEl) {
+
+ var style = this.style;
+
+ // Optimize, avoid normalize every time.
+ this.__dirty && normalizeTextStyle(style, true);
+
+ var text = style.text;
+ // Convert to string
+ text != null && (text += '');
+ if (!text) {
+ return;
+ }
+
+ // Convert rich text to plain text. Rich text is not supported in
+ // IE8-, but tags in rich text template will be removed.
+ if (style.rich) {
+ var contentBlock = parseRichText(text, style);
+ text = [];
+ for (var i = 0; i < contentBlock.lines.length; i++) {
+ var tokens = contentBlock.lines[i].tokens;
+ var textLine = [];
+ for (var j = 0; j < tokens.length; j++) {
+ textLine.push(tokens[j].text);
+ }
+ text.push(textLine.join(''));
+ }
+ text = text.join('\n');
+ }
+
+ var x;
+ var y;
+ var align = style.textAlign;
+ var verticalAlign = style.textVerticalAlign;
+
+ var fontStyle = getFontStyle(style.font);
+ // FIXME encodeHtmlAttribute ?
+ var font = fontStyle.style + ' ' + fontStyle.variant + ' ' + fontStyle.weight + ' '
+ + fontStyle.size + 'px "' + fontStyle.family + '"';
+
+ textRect = textRect || getBoundingRect(
+ text, font, align, verticalAlign, style.textPadding, style.textLineHeight
+ );
+
+ // Transform rect to view space
+ var m = this.transform;
+ // Ignore transform for text in other element
+ if (m && !fromTextEl) {
+ tmpRect$2.copy(rect);
+ tmpRect$2.applyTransform(m);
+ rect = tmpRect$2;
+ }
+
+ if (!fromTextEl) {
+ var textPosition = style.textPosition;
+ // Text position represented by coord
+ if (textPosition instanceof Array) {
+ x = rect.x + parsePercent$3(textPosition[0], rect.width);
+ y = rect.y + parsePercent$3(textPosition[1], rect.height);
+
+ align = align || 'left';
+ }
+ else {
+ var res = this.calculateTextPosition
+ ? this.calculateTextPosition({}, style, rect)
+ : calculateTextPosition({}, style, rect);
+ x = res.x;
+ y = res.y;
+
+ // Default align and baseline when has textPosition
+ align = align || res.textAlign;
+ verticalAlign = verticalAlign || res.textVerticalAlign;
+ }
+ }
+ else {
+ x = rect.x;
+ y = rect.y;
+ }
+
+ x = adjustTextX(x, textRect.width, align);
+ y = adjustTextY(y, textRect.height, verticalAlign);
+
+ // Force baseline 'middle'
+ y += textRect.height / 2;
+
+ // var fontSize = fontStyle.size;
+ // 1.75 is an arbitrary number, as there is no info about the text baseline
+ // switch (baseline) {
+ // case 'hanging':
+ // case 'top':
+ // y += fontSize / 1.75;
+ // break;
+ // case 'middle':
+ // break;
+ // default:
+ // // case null:
+ // // case 'alphabetic':
+ // // case 'ideographic':
+ // // case 'bottom':
+ // y -= fontSize / 2.25;
+ // break;
+ // }
+
+ // switch (align) {
+ // case 'left':
+ // break;
+ // case 'center':
+ // x -= textRect.width / 2;
+ // break;
+ // case 'right':
+ // x -= textRect.width;
+ // break;
+ // case 'end':
+ // align = elementStyle.direction == 'ltr' ? 'right' : 'left';
+ // break;
+ // case 'start':
+ // align = elementStyle.direction == 'rtl' ? 'right' : 'left';
+ // break;
+ // default:
+ // align = 'left';
+ // }
+
+ var createNode$$1 = createNode;
+
+ var textVmlEl = this._textVmlEl;
+ var pathEl;
+ var textPathEl;
+ var skewEl;
+ if (!textVmlEl) {
+ textVmlEl = createNode$$1('line');
+ pathEl = createNode$$1('path');
+ textPathEl = createNode$$1('textpath');
+ skewEl = createNode$$1('skew');
+
+ // FIXME Why here is not cammel case
+ // Align 'center' seems wrong
+ textPathEl.style['v-text-align'] = 'left';
+
+ initRootElStyle(textVmlEl);
+
+ pathEl.textpathok = true;
+ textPathEl.on = true;
+
+ textVmlEl.from = '0 0';
+ textVmlEl.to = '1000 0.05';
+
+ append(textVmlEl, skewEl);
+ append(textVmlEl, pathEl);
+ append(textVmlEl, textPathEl);
+
+ this._textVmlEl = textVmlEl;
+ }
+ else {
+ // 杩欓噷鏄湪鍓嶉潰 appendChild 淇濊瘉椤哄簭鐨勫墠鎻愪笅
+ skewEl = textVmlEl.firstChild;
+ pathEl = skewEl.nextSibling;
+ textPathEl = pathEl.nextSibling;
+ }
+
+ var coords = [x, y];
+ var textVmlElStyle = textVmlEl.style;
+ // Ignore transform for text in other element
+ if (m && fromTextEl) {
+ applyTransform(coords, coords, m);
+
+ skewEl.on = true;
+
+ skewEl.matrix = m[0].toFixed(3) + comma + m[2].toFixed(3) + comma
+ + m[1].toFixed(3) + comma + m[3].toFixed(3) + ',0,0';
+
+ // Text position
+ skewEl.offset = (round$3(coords[0]) || 0) + ',' + (round$3(coords[1]) || 0);
+ // Left top point as origin
+ skewEl.origin = '0 0';
+
+ textVmlElStyle.left = '0px';
+ textVmlElStyle.top = '0px';
+ }
+ else {
+ skewEl.on = false;
+ textVmlElStyle.left = round$3(x) + 'px';
+ textVmlElStyle.top = round$3(y) + 'px';
+ }
+
+ textPathEl.string = encodeHtmlAttribute(text);
+ // TODO
+ try {
+ textPathEl.style.font = font;
+ }
+ // Error font format
+ catch (e) {}
+
+ updateFillAndStroke(textVmlEl, 'fill', {
+ fill: style.textFill,
+ opacity: style.opacity
+ }, this);
+ updateFillAndStroke(textVmlEl, 'stroke', {
+ stroke: style.textStroke,
+ opacity: style.opacity,
+ lineDash: style.lineDash || null // style.lineDash can be `false`.
+ }, this);
+
+ textVmlEl.style.zIndex = getZIndex(this.zlevel, this.z, this.z2);
+
+ // Attached to root
+ append(vmlRoot, textVmlEl);
+ };
+
+ var removeRectText = function (vmlRoot) {
+ remove(vmlRoot, this._textVmlEl);
+ this._textVmlEl = null;
+ };
+
+ var appendRectText = function (vmlRoot) {
+ append(vmlRoot, this._textVmlEl);
+ };
+
+ var list = [RectText, Displayable, ZImage, Path, Text];
+
+ // In case Displayable has been mixed in RectText
+ for (var i$3 = 0; i$3 < list.length; i$3++) {
+ var proto$8 = list[i$3].prototype;
+ proto$8.drawRectText = drawRectText;
+ proto$8.removeRectText = removeRectText;
+ proto$8.appendRectText = appendRectText;
+ }
+
+ Text.prototype.brushVML = function (vmlRoot) {
+ var style = this.style;
+ if (style.text != null) {
+ this.drawRectText(vmlRoot, {
+ x: style.x || 0, y: style.y || 0,
+ width: 0, height: 0
+ }, this.getBoundingRect(), true);
+ }
+ else {
+ this.removeRectText(vmlRoot);
+ }
+ };
+
+ Text.prototype.onRemove = function (vmlRoot) {
+ this.removeRectText(vmlRoot);
+ };
+
+ Text.prototype.onAdd = function (vmlRoot) {
+ this.appendRectText(vmlRoot);
+ };
+}
+
+/**
+ * VML Painter.
+ *
+ * @module zrender/vml/Painter
+ */
+
+function parseInt10$1(val) {
+ return parseInt(val, 10);
+}
+
+/**
+ * @alias module:zrender/vml/Painter
+ */
+function VMLPainter(root, storage) {
+
+ initVML();
+
+ this.root = root;
+
+ this.storage = storage;
+
+ var vmlViewport = document.createElement('div');
+
+ var vmlRoot = document.createElement('div');
+
+ vmlViewport.style.cssText = 'display:inline-block;overflow:hidden;position:relative;width:300px;height:150px;';
+
+ vmlRoot.style.cssText = 'position:absolute;left:0;top:0;';
+
+ root.appendChild(vmlViewport);
+
+ this._vmlRoot = vmlRoot;
+ this._vmlViewport = vmlViewport;
+
+ this.resize();
+
+ // Modify storage
+ var oldDelFromStorage = storage.delFromStorage;
+ var oldAddToStorage = storage.addToStorage;
+ storage.delFromStorage = function (el) {
+ oldDelFromStorage.call(storage, el);
+
+ if (el) {
+ el.onRemove && el.onRemove(vmlRoot);
+ }
+ };
+
+ storage.addToStorage = function (el) {
+ // Displayable already has a vml node
+ el.onAdd && el.onAdd(vmlRoot);
+
+ oldAddToStorage.call(storage, el);
+ };
+
+ this._firstPaint = true;
+}
+
+VMLPainter.prototype = {
+
+ constructor: VMLPainter,
+
+ getType: function () {
+ return 'vml';
+ },
+
+ /**
+ * @return {HTMLDivElement}
+ */
+ getViewportRoot: function () {
+ return this._vmlViewport;
+ },
+
+ getViewportRootOffset: function () {
+ var viewportRoot = this.getViewportRoot();
+ if (viewportRoot) {
+ return {
+ offsetLeft: viewportRoot.offsetLeft || 0,
+ offsetTop: viewportRoot.offsetTop || 0
+ };
+ }
+ },
+
+ /**
+ * 鍒锋柊
+ */
+ refresh: function () {
+
+ var list = this.storage.getDisplayList(true, true);
+
+ this._paintList(list);
+ },
+
+ _paintList: function (list) {
+ var vmlRoot = this._vmlRoot;
+ for (var i = 0; i < list.length; i++) {
+ var el = list[i];
+ if (el.invisible || el.ignore) {
+ if (!el.__alreadyNotVisible) {
+ el.onRemove(vmlRoot);
+ }
+ // Set as already invisible
+ el.__alreadyNotVisible = true;
+ }
+ else {
+ if (el.__alreadyNotVisible) {
+ el.onAdd(vmlRoot);
+ }
+ el.__alreadyNotVisible = false;
+ if (el.__dirty) {
+ el.beforeBrush && el.beforeBrush();
+ (el.brushVML || el.brush).call(el, vmlRoot);
+ el.afterBrush && el.afterBrush();
+ }
+ }
+ el.__dirty = false;
+ }
+
+ if (this._firstPaint) {
+ // Detached from document at first time
+ // to avoid page refreshing too many times
+
+ // FIXME 濡傛灉姣忔閮藉厛 removeChild 鍙兘浼氬鑷翠竴浜涘～鍏呭拰鎻忚竟鐨勬晥鏋滄敼鍙�
+ this._vmlViewport.appendChild(vmlRoot);
+ this._firstPaint = false;
+ }
+ },
+
+ resize: function (width, height) {
+ var width = width == null ? this._getWidth() : width;
+ var height = height == null ? this._getHeight() : height;
+
+ if (this._width !== width || this._height !== height) {
+ this._width = width;
+ this._height = height;
+
+ var vmlViewportStyle = this._vmlViewport.style;
+ vmlViewportStyle.width = width + 'px';
+ vmlViewportStyle.height = height + 'px';
+ }
+ },
+
+ dispose: function () {
+ this.root.innerHTML = '';
+
+ this._vmlRoot =
+ this._vmlViewport =
+ this.storage = null;
+ },
+
+ getWidth: function () {
+ return this._width;
+ },
+
+ getHeight: function () {
+ return this._height;
+ },
+
+ clear: function () {
+ if (this._vmlViewport) {
+ this.root.removeChild(this._vmlViewport);
+ }
+ },
+
+ _getWidth: function () {
+ var root = this.root;
+ var stl = root.currentStyle;
+
+ return ((root.clientWidth || parseInt10$1(stl.width))
+ - parseInt10$1(stl.paddingLeft)
+ - parseInt10$1(stl.paddingRight)) | 0;
+ },
+
+ _getHeight: function () {
+ var root = this.root;
+ var stl = root.currentStyle;
+
+ return ((root.clientHeight || parseInt10$1(stl.height))
+ - parseInt10$1(stl.paddingTop)
+ - parseInt10$1(stl.paddingBottom)) | 0;
+ }
+};
+
+// Not supported methods
+function createMethodNotSupport(method) {
+ return function () {
+ logError$1('In IE8.0 VML mode painter not support method "' + method + '"');
+ };
+}
+
+// Unsupported methods
+each$1([
+ 'getLayer', 'insertLayer', 'eachLayer', 'eachBuiltinLayer', 'eachOtherLayer', 'getLayers',
+ 'modLayer', 'delLayer', 'clearLayer', 'toDataURL', 'pathToImage'
+], function (name) {
+ VMLPainter.prototype[name] = createMethodNotSupport(name);
+});
+
+registerPainter('vml', VMLPainter);
+
+var svgURI = 'http://www.w3.org/2000/svg';
+
+function createElement(name) {
+ return document.createElementNS(svgURI, name);
+}
+
+// TODO
+// 1. shadow
+// 2. Image: sx, sy, sw, sh
+
+var CMD$4 = PathProxy.CMD;
+var arrayJoin = Array.prototype.join;
+
+var NONE = 'none';
+var mathRound = Math.round;
+var mathSin$3 = Math.sin;
+var mathCos$3 = Math.cos;
+var PI$6 = Math.PI;
+var PI2$6 = Math.PI * 2;
+var degree = 180 / PI$6;
+
+var EPSILON$4 = 1e-4;
+
+function round4(val) {
+ return mathRound(val * 1e4) / 1e4;
+}
+
+function isAroundZero$1(val) {
+ return val < EPSILON$4 && val > -EPSILON$4;
+}
+
+function pathHasFill(style, isText) {
+ var fill = isText ? style.textFill : style.fill;
+ return fill != null && fill !== NONE;
+}
+
+function pathHasStroke(style, isText) {
+ var stroke = isText ? style.textStroke : style.stroke;
+ return stroke != null && stroke !== NONE;
+}
+
+function setTransform(svgEl, m) {
+ if (m) {
+ attr(svgEl, 'transform', 'matrix(' + arrayJoin.call(m, ',') + ')');
+ }
+}
+
+function attr(el, key, val) {
+ if (!val || val.type !== 'linear' && val.type !== 'radial') {
+ // Don't set attribute for gradient, since it need new dom nodes
+ el.setAttribute(key, val);
+ }
+}
+
+function attrXLink(el, key, val) {
+ el.setAttributeNS('http://www.w3.org/1999/xlink', key, val);
+}
+
+function bindStyle(svgEl, style, isText, el) {
+ if (pathHasFill(style, isText)) {
+ var fill = isText ? style.textFill : style.fill;
+ fill = fill === 'transparent' ? NONE : fill;
+ attr(svgEl, 'fill', fill);
+ attr(svgEl, 'fill-opacity', style.fillOpacity != null ? style.fillOpacity * style.opacity : style.opacity);
+ }
+ else {
+ attr(svgEl, 'fill', NONE);
+ }
+
+ if (pathHasStroke(style, isText)) {
+ var stroke = isText ? style.textStroke : style.stroke;
+ stroke = stroke === 'transparent' ? NONE : stroke;
+ attr(svgEl, 'stroke', stroke);
+ var strokeWidth = isText
+ ? style.textStrokeWidth
+ : style.lineWidth;
+ var strokeScale = !isText && style.strokeNoScale
+ ? el.getLineScale()
+ : 1;
+ attr(svgEl, 'stroke-width', strokeWidth / strokeScale);
+ // stroke then fill for text; fill then stroke for others
+ attr(svgEl, 'paint-order', isText ? 'stroke' : 'fill');
+ attr(svgEl, 'stroke-opacity', style.strokeOpacity != null ? style.strokeOpacity : style.opacity);
+ var lineDash = style.lineDash;
+ if (lineDash) {
+ attr(svgEl, 'stroke-dasharray', style.lineDash.join(','));
+ attr(svgEl, 'stroke-dashoffset', mathRound(style.lineDashOffset || 0));
+ }
+ else {
+ attr(svgEl, 'stroke-dasharray', '');
+ }
+
+ // PENDING
+ style.lineCap && attr(svgEl, 'stroke-linecap', style.lineCap);
+ style.lineJoin && attr(svgEl, 'stroke-linejoin', style.lineJoin);
+ style.miterLimit && attr(svgEl, 'stroke-miterlimit', style.miterLimit);
+ }
+ else {
+ attr(svgEl, 'stroke', NONE);
+ }
+}
+
+/***************************************************
+ * PATH
+ **************************************************/
+function pathDataToString$1(path) {
+ var str = [];
+ var data = path.data;
+ var dataLength = path.len();
+ for (var i = 0; i < dataLength;) {
+ var cmd = data[i++];
+ var cmdStr = '';
+ var nData = 0;
+ switch (cmd) {
+ case CMD$4.M:
+ cmdStr = 'M';
+ nData = 2;
+ break;
+ case CMD$4.L:
+ cmdStr = 'L';
+ nData = 2;
+ break;
+ case CMD$4.Q:
+ cmdStr = 'Q';
+ nData = 4;
+ break;
+ case CMD$4.C:
+ cmdStr = 'C';
+ nData = 6;
+ break;
+ case CMD$4.A:
+ var cx = data[i++];
+ var cy = data[i++];
+ var rx = data[i++];
+ var ry = data[i++];
+ var theta = data[i++];
+ var dTheta = data[i++];
+ var psi = data[i++];
+ var clockwise = data[i++];
+
+ var dThetaPositive = Math.abs(dTheta);
+ var isCircle = isAroundZero$1(dThetaPositive - PI2$6)
+ || (clockwise ? dTheta >= PI2$6 : -dTheta >= PI2$6);
+
+ // Mapping to 0~2PI
+ var unifiedTheta = dTheta > 0 ? dTheta % PI2$6 : (dTheta % PI2$6 + PI2$6);
+
+ var large = false;
+ if (isCircle) {
+ large = true;
+ }
+ else if (isAroundZero$1(dThetaPositive)) {
+ large = false;
+ }
+ else {
+ large = (unifiedTheta >= PI$6) === !!clockwise;
+ }
+
+ var x0 = round4(cx + rx * mathCos$3(theta));
+ var y0 = round4(cy + ry * mathSin$3(theta));
+
+ // It will not draw if start point and end point are exactly the same
+ // We need to shift the end point with a small value
+ // FIXME A better way to draw circle ?
+ if (isCircle) {
+ if (clockwise) {
+ dTheta = PI2$6 - 1e-4;
+ }
+ else {
+ dTheta = -PI2$6 + 1e-4;
+ }
+
+ large = true;
+
+ if (i === 9) {
+ // Move to (x0, y0) only when CMD.A comes at the
+ // first position of a shape.
+ // For instance, when drawing a ring, CMD.A comes
+ // after CMD.M, so it's unnecessary to move to
+ // (x0, y0).
+ str.push('M', x0, y0);
+ }
+ }
+
+ var x = round4(cx + rx * mathCos$3(theta + dTheta));
+ var y = round4(cy + ry * mathSin$3(theta + dTheta));
+
+ // FIXME Ellipse
+ str.push('A', round4(rx), round4(ry),
+ mathRound(psi * degree), +large, +clockwise, x, y);
+ break;
+ case CMD$4.Z:
+ cmdStr = 'Z';
+ break;
+ case CMD$4.R:
+ var x = round4(data[i++]);
+ var y = round4(data[i++]);
+ var w = round4(data[i++]);
+ var h = round4(data[i++]);
+ str.push(
+ 'M', x, y,
+ 'L', x + w, y,
+ 'L', x + w, y + h,
+ 'L', x, y + h,
+ 'L', x, y
+ );
+ break;
+ }
+ cmdStr && str.push(cmdStr);
+ for (var j = 0; j < nData; j++) {
+ // PENDING With scale
+ str.push(round4(data[i++]));
+ }
+ }
+ return str.join(' ');
+}
+
+var svgPath = {};
+svgPath.brush = function (el) {
+ var style = el.style;
+
+ var svgEl = el.__svgEl;
+ if (!svgEl) {
+ svgEl = createElement('path');
+ el.__svgEl = svgEl;
+ }
+
+ if (!el.path) {
+ el.createPathProxy();
+ }
+ var path = el.path;
+
+ if (el.__dirtyPath) {
+ path.beginPath();
+ path.subPixelOptimize = false;
+ el.buildPath(path, el.shape);
+ el.__dirtyPath = false;
+
+ var pathStr = pathDataToString$1(path);
+ if (pathStr.indexOf('NaN') < 0) {
+ // Ignore illegal path, which may happen such in out-of-range
+ // data in Calendar series.
+ attr(svgEl, 'd', pathStr);
+ }
+ }
+
+ bindStyle(svgEl, style, false, el);
+ setTransform(svgEl, el.transform);
+
+ if (style.text != null) {
+ svgTextDrawRectText(el, el.getBoundingRect());
+ }
+ else {
+ removeOldTextNode(el);
+ }
+};
+
+/***************************************************
+ * IMAGE
+ **************************************************/
+var svgImage = {};
+svgImage.brush = function (el) {
+ var style = el.style;
+ var image = style.image;
+
+ if (image instanceof HTMLImageElement) {
+ var src = image.src;
+ image = src;
+ }
+ if (!image) {
+ return;
+ }
+
+ var x = style.x || 0;
+ var y = style.y || 0;
+
+ var dw = style.width;
+ var dh = style.height;
+
+ var svgEl = el.__svgEl;
+ if (!svgEl) {
+ svgEl = createElement('image');
+ el.__svgEl = svgEl;
+ }
+
+ if (image !== el.__imageSrc) {
+ attrXLink(svgEl, 'href', image);
+ // Caching image src
+ el.__imageSrc = image;
+ }
+
+ attr(svgEl, 'width', dw);
+ attr(svgEl, 'height', dh);
+
+ attr(svgEl, 'x', x);
+ attr(svgEl, 'y', y);
+
+ setTransform(svgEl, el.transform);
+
+ if (style.text != null) {
+ svgTextDrawRectText(el, el.getBoundingRect());
+ }
+ else {
+ removeOldTextNode(el);
+ }
+};
+
+/***************************************************
+ * TEXT
+ **************************************************/
+var svgText = {};
+var _tmpTextHostRect = new BoundingRect();
+var _tmpTextBoxPos = {};
+var _tmpTextTransform = [];
+var TEXT_ALIGN_TO_ANCHRO = {
+ left: 'start',
+ right: 'end',
+ center: 'middle',
+ middle: 'middle'
+};
+
+/**
+ * @param {module:zrender/Element} el
+ * @param {Object|boolean} [hostRect] {x, y, width, height}
+ * If set false, rect text is not used.
+ */
+var svgTextDrawRectText = function (el, hostRect) {
+ var style = el.style;
+ var elTransform = el.transform;
+ var needTransformTextByHostEl = el instanceof Text || style.transformText;
+
+ el.__dirty && normalizeTextStyle(style, true);
+
+ var text = style.text;
+ // Convert to string
+ text != null && (text += '');
+ if (!needDrawText(text, style)) {
+ return;
+ }
+ // render empty text for svg if no text but need draw text.
+ text == null && (text = '');
+
+ // Follow the setting in the canvas renderer, if not transform the
+ // text, transform the hostRect, by which the text is located.
+ if (!needTransformTextByHostEl && elTransform) {
+ _tmpTextHostRect.copy(hostRect);
+ _tmpTextHostRect.applyTransform(elTransform);
+ hostRect = _tmpTextHostRect;
+ }
+
+ var textSvgEl = el.__textSvgEl;
+ if (!textSvgEl) {
+ textSvgEl = createElement('text');
+ el.__textSvgEl = textSvgEl;
+ }
+
+ // style.font has been normalized by `normalizeTextStyle`.
+ var textSvgElStyle = textSvgEl.style;
+ var font = style.font || DEFAULT_FONT$1;
+ var computedFont = textSvgEl.__computedFont;
+ if (font !== textSvgEl.__styleFont) {
+ textSvgElStyle.font = textSvgEl.__styleFont = font;
+ // The computedFont might not be the orginal font if it is illegal font.
+ computedFont = textSvgEl.__computedFont = textSvgElStyle.font;
+ }
+
+ var textPadding = style.textPadding;
+ var textLineHeight = style.textLineHeight;
+
+ var contentBlock = el.__textCotentBlock;
+ if (!contentBlock || el.__dirtyText) {
+ contentBlock = el.__textCotentBlock = parsePlainText(
+ text, computedFont, textPadding, textLineHeight, style.truncate
+ );
+ }
+
+ var outerHeight = contentBlock.outerHeight;
+ var lineHeight = contentBlock.lineHeight;
+
+ getBoxPosition(_tmpTextBoxPos, el, style, hostRect);
+ var baseX = _tmpTextBoxPos.baseX;
+ var baseY = _tmpTextBoxPos.baseY;
+ var textAlign = _tmpTextBoxPos.textAlign || 'left';
+ var textVerticalAlign = _tmpTextBoxPos.textVerticalAlign;
+
+ setTextTransform(
+ textSvgEl, needTransformTextByHostEl, elTransform, style, hostRect, baseX, baseY
+ );
+
+ var boxY = adjustTextY(baseY, outerHeight, textVerticalAlign);
+ var textX = baseX;
+ var textY = boxY;
+
+ // TODO needDrawBg
+ if (textPadding) {
+ textX = getTextXForPadding$1(baseX, textAlign, textPadding);
+ textY += textPadding[0];
+ }
+
+ // `textBaseline` is set as 'middle'.
+ textY += lineHeight / 2;
+
+ bindStyle(textSvgEl, style, true, el);
+
+ // FIXME
+ // Add a <style> to reset all of the text font as inherit?
+ // otherwise the outer <style> may set the unexpected style.
+
+ // Font may affect position of each tspan elements
+ var canCacheByTextString = contentBlock.canCacheByTextString;
+ var tspanList = el.__tspanList || (el.__tspanList = []);
+ var tspanOriginLen = tspanList.length;
+
+ // Optimize for most cases, just compare text string to determine change.
+ if (canCacheByTextString && el.__canCacheByTextString && el.__text === text) {
+ if (el.__dirtyText && tspanOriginLen) {
+ for (var idx = 0; idx < tspanOriginLen; ++idx) {
+ updateTextLocation(tspanList[idx], textAlign, textX, textY + idx * lineHeight);
+ }
+ }
+ }
+ else {
+ el.__text = text;
+ el.__canCacheByTextString = canCacheByTextString;
+ var textLines = contentBlock.lines;
+ var nTextLines = textLines.length;
+
+ var idx = 0;
+ for (; idx < nTextLines; idx++) {
+ // Using cached tspan elements
+ var tspan = tspanList[idx];
+ var singleLineText = textLines[idx];
+
+ if (!tspan) {
+ tspan = tspanList[idx] = createElement('tspan');
+ textSvgEl.appendChild(tspan);
+ tspan.appendChild(document.createTextNode(singleLineText));
+ }
+ else if (tspan.__zrText !== singleLineText) {
+ tspan.innerHTML = '';
+ tspan.appendChild(document.createTextNode(singleLineText));
+ }
+ updateTextLocation(tspan, textAlign, textX, textY + idx * lineHeight);
+ }
+ // Remove unused tspan elements
+ if (tspanOriginLen > nTextLines) {
+ for (; idx < tspanOriginLen; idx++) {
+ textSvgEl.removeChild(tspanList[idx]);
+ }
+ tspanList.length = nTextLines;
+ }
+ }
+};
+
+function setTextTransform(textSvgEl, needTransformTextByHostEl, elTransform, style, hostRect, baseX, baseY) {
+ identity(_tmpTextTransform);
+
+ if (needTransformTextByHostEl && elTransform) {
+ copy$1(_tmpTextTransform, elTransform);
+ }
+
+ // textRotation only apply in RectText.
+ var textRotation = style.textRotation;
+ if (hostRect && textRotation) {
+ var origin = style.textOrigin;
+ if (origin === 'center') {
+ baseX = hostRect.width / 2 + hostRect.x;
+ baseY = hostRect.height / 2 + hostRect.y;
+ }
+ else if (origin) {
+ baseX = origin[0] + hostRect.x;
+ baseY = origin[1] + hostRect.y;
+ }
+
+ _tmpTextTransform[4] -= baseX;
+ _tmpTextTransform[5] -= baseY;
+ // Positive: anticlockwise
+ rotate(_tmpTextTransform, _tmpTextTransform, textRotation);
+ _tmpTextTransform[4] += baseX;
+ _tmpTextTransform[5] += baseY;
+ }
+ // See the definition in `Style.js#textOrigin`, the default
+ // origin is from the result of `getBoxPosition`.
+
+ setTransform(textSvgEl, _tmpTextTransform);
+}
+
+// FIXME merge the same code with `helper/text.js#getTextXForPadding`;
+function getTextXForPadding$1(x, textAlign, textPadding) {
+ return textAlign === 'right'
+ ? (x - textPadding[1])
+ : textAlign === 'center'
+ ? (x + textPadding[3] / 2 - textPadding[1] / 2)
+ : (x + textPadding[3]);
+}
+
+function updateTextLocation(tspan, textAlign, x, y) {
+ // Consider different font display differently in vertial align, we always
+ // set vertialAlign as 'middle', and use 'y' to locate text vertically.
+ attr(tspan, 'dominant-baseline', 'middle');
+ attr(tspan, 'text-anchor', TEXT_ALIGN_TO_ANCHRO[textAlign]);
+ attr(tspan, 'x', x);
+ attr(tspan, 'y', y);
+}
+
+function removeOldTextNode(el) {
+ if (el && el.__textSvgEl) {
+ // textSvgEl may has no parentNode if el has been removed temporary.
+ if (el.__textSvgEl.parentNode) {
+ el.__textSvgEl.parentNode.removeChild(el.__textSvgEl);
+ }
+ el.__textSvgEl = null;
+ el.__tspanList = [];
+ el.__text = null;
+ }
+}
+
+svgText.drawRectText = svgTextDrawRectText;
+
+svgText.brush = function (el) {
+ var style = el.style;
+ if (style.text != null) {
+ svgTextDrawRectText(el, false);
+ }
+ else {
+ removeOldTextNode(el);
+ }
+};
+
+// Myers' Diff Algorithm
+// Modified from https://github.com/kpdecker/jsdiff/blob/master/src/diff/base.js
+
+function Diff() {}
+
+Diff.prototype = {
+ diff: function (oldArr, newArr, equals) {
+ if (!equals) {
+ equals = function (a, b) {
+ return a === b;
+ };
+ }
+ this.equals = equals;
+
+ var self = this;
+
+ oldArr = oldArr.slice();
+ newArr = newArr.slice();
+ // Allow subclasses to massage the input prior to running
+ var newLen = newArr.length;
+ var oldLen = oldArr.length;
+ var editLength = 1;
+ var maxEditLength = newLen + oldLen;
+ var bestPath = [{ newPos: -1, components: [] }];
+
+ // Seed editLength = 0, i.e. the content starts with the same values
+ var oldPos = this.extractCommon(bestPath[0], newArr, oldArr, 0);
+ if (bestPath[0].newPos + 1 >= newLen && oldPos + 1 >= oldLen) {
+ var indices = [];
+ for (var i = 0; i < newArr.length; i++) {
+ indices.push(i);
+ }
+ // Identity per the equality and tokenizer
+ return [{
+ indices: indices, count: newArr.length
+ }];
+ }
+
+ // Main worker method. checks all permutations of a given edit length for acceptance.
+ function execEditLength() {
+ for (var diagonalPath = -1 * editLength; diagonalPath <= editLength; diagonalPath += 2) {
+ var basePath;
+ var addPath = bestPath[diagonalPath - 1];
+ var removePath = bestPath[diagonalPath + 1];
+ var oldPos = (removePath ? removePath.newPos : 0) - diagonalPath;
+ if (addPath) {
+ // No one else is going to attempt to use this value, clear it
+ bestPath[diagonalPath - 1] = undefined;
+ }
+
+ var canAdd = addPath && addPath.newPos + 1 < newLen;
+ var canRemove = removePath && 0 <= oldPos && oldPos < oldLen;
+ if (!canAdd && !canRemove) {
+ // If this path is a terminal then prune
+ bestPath[diagonalPath] = undefined;
+ continue;
+ }
+
+ // Select the diagonal that we want to branch from. We select the prior
+ // path whose position in the new string is the farthest from the origin
+ // and does not pass the bounds of the diff graph
+ if (!canAdd || (canRemove && addPath.newPos < removePath.newPos)) {
+ basePath = clonePath(removePath);
+ self.pushComponent(basePath.components, undefined, true);
+ }
+ else {
+ basePath = addPath; // No need to clone, we've pulled it from the list
+ basePath.newPos++;
+ self.pushComponent(basePath.components, true, undefined);
+ }
+
+ oldPos = self.extractCommon(basePath, newArr, oldArr, diagonalPath);
+
+ // If we have hit the end of both strings, then we are done
+ if (basePath.newPos + 1 >= newLen && oldPos + 1 >= oldLen) {
+ return buildValues(self, basePath.components, newArr, oldArr);
+ }
+ else {
+ // Otherwise track this path as a potential candidate and continue.
+ bestPath[diagonalPath] = basePath;
+ }
+ }
+
+ editLength++;
+ }
+
+ while (editLength <= maxEditLength) {
+ var ret = execEditLength();
+ if (ret) {
+ return ret;
+ }
+ }
+ },
+
+ pushComponent: function (components, added, removed) {
+ var last = components[components.length - 1];
+ if (last && last.added === added && last.removed === removed) {
+ // We need to clone here as the component clone operation is just
+ // as shallow array clone
+ components[components.length - 1] = {count: last.count + 1, added: added, removed: removed };
+ }
+ else {
+ components.push({count: 1, added: added, removed: removed });
+ }
+ },
+ extractCommon: function (basePath, newArr, oldArr, diagonalPath) {
+ var newLen = newArr.length;
+ var oldLen = oldArr.length;
+ var newPos = basePath.newPos;
+ var oldPos = newPos - diagonalPath;
+ var commonCount = 0;
+
+ while (newPos + 1 < newLen && oldPos + 1 < oldLen && this.equals(newArr[newPos + 1], oldArr[oldPos + 1])) {
+ newPos++;
+ oldPos++;
+ commonCount++;
+ }
+
+ if (commonCount) {
+ basePath.components.push({count: commonCount});
+ }
+
+ basePath.newPos = newPos;
+ return oldPos;
+ },
+ tokenize: function (value) {
+ return value.slice();
+ },
+ join: function (value) {
+ return value.slice();
+ }
+};
+
+function buildValues(diff, components, newArr, oldArr) {
+ var componentPos = 0;
+ var componentLen = components.length;
+ var newPos = 0;
+ var oldPos = 0;
+
+ for (; componentPos < componentLen; componentPos++) {
+ var component = components[componentPos];
+ if (!component.removed) {
+ var indices = [];
+ for (var i = newPos; i < newPos + component.count; i++) {
+ indices.push(i);
+ }
+ component.indices = indices;
+ newPos += component.count;
+ // Common case
+ if (!component.added) {
+ oldPos += component.count;
+ }
+ }
+ else {
+ var indices = [];
+ for (var i = oldPos; i < oldPos + component.count; i++) {
+ indices.push(i);
+ }
+ component.indices = indices;
+ oldPos += component.count;
+ }
+ }
+
+ return components;
+}
+
+function clonePath(path) {
+ return { newPos: path.newPos, components: path.components.slice(0) };
+}
+
+var arrayDiff = new Diff();
+
+var arrayDiff$1 = function (oldArr, newArr, callback) {
+ return arrayDiff.diff(oldArr, newArr, callback);
+};
+
+/**
+ * @file Manages elements that can be defined in <defs> in SVG,
+ * e.g., gradients, clip path, etc.
+ * @author Zhang Wenli
+ */
+
+var MARK_UNUSED = '0';
+var MARK_USED = '1';
+
+/**
+ * Manages elements that can be defined in <defs> in SVG,
+ * e.g., gradients, clip path, etc.
+ *
+ * @class
+ * @param {number} zrId zrender instance id
+ * @param {SVGElement} svgRoot root of SVG document
+ * @param {string|string[]} tagNames possible tag names
+ * @param {string} markLabel label name to make if the element
+ * is used
+ */
+function Definable(
+ zrId,
+ svgRoot,
+ tagNames,
+ markLabel,
+ domName
+) {
+ this._zrId = zrId;
+ this._svgRoot = svgRoot;
+ this._tagNames = typeof tagNames === 'string' ? [tagNames] : tagNames;
+ this._markLabel = markLabel;
+ this._domName = domName || '_dom';
+
+ this.nextId = 0;
+}
+
+
+Definable.prototype.createElement = createElement;
+
+
+/**
+ * Get the <defs> tag for svgRoot; optionally creates one if not exists.
+ *
+ * @param {boolean} isForceCreating if need to create when not exists
+ * @return {SVGDefsElement} SVG <defs> element, null if it doesn't
+ * exist and isForceCreating is false
+ */
+Definable.prototype.getDefs = function (isForceCreating) {
+ var svgRoot = this._svgRoot;
+ var defs = this._svgRoot.getElementsByTagName('defs');
+ if (defs.length === 0) {
+ // Not exist
+ if (isForceCreating) {
+ defs = svgRoot.insertBefore(
+ this.createElement('defs'), // Create new tag
+ svgRoot.firstChild // Insert in the front of svg
+ );
+ if (!defs.contains) {
+ // IE doesn't support contains method
+ defs.contains = function (el) {
+ var children = defs.children;
+ if (!children) {
+ return false;
+ }
+ for (var i = children.length - 1; i >= 0; --i) {
+ if (children[i] === el) {
+ return true;
+ }
+ }
+ return false;
+ };
+ }
+ return defs;
+ }
+ else {
+ return null;
+ }
+ }
+ else {
+ return defs[0];
+ }
+};
+
+
+/**
+ * Update DOM element if necessary.
+ *
+ * @param {Object|string} element style element. e.g., for gradient,
+ * it may be '#ccc' or {type: 'linear', ...}
+ * @param {Function|undefined} onUpdate update callback
+ */
+Definable.prototype.update = function (element, onUpdate) {
+ if (!element) {
+ return;
+ }
+
+ var defs = this.getDefs(false);
+ if (element[this._domName] && defs.contains(element[this._domName])) {
+ // Update DOM
+ if (typeof onUpdate === 'function') {
+ onUpdate(element);
+ }
+ }
+ else {
+ // No previous dom, create new
+ var dom = this.add(element);
+ if (dom) {
+ element[this._domName] = dom;
+ }
+ }
+};
+
+
+/**
+ * Add gradient dom to defs
+ *
+ * @param {SVGElement} dom DOM to be added to <defs>
+ */
+Definable.prototype.addDom = function (dom) {
+ var defs = this.getDefs(true);
+ defs.appendChild(dom);
+};
+
+
+/**
+ * Remove DOM of a given element.
+ *
+ * @param {SVGElement} element element to remove dom
+ */
+Definable.prototype.removeDom = function (element) {
+ var defs = this.getDefs(false);
+ if (defs && element[this._domName]) {
+ defs.removeChild(element[this._domName]);
+ element[this._domName] = null;
+ }
+};
+
+
+/**
+ * Get DOMs of this element.
+ *
+ * @return {HTMLDomElement} doms of this defineable elements in <defs>
+ */
+Definable.prototype.getDoms = function () {
+ var defs = this.getDefs(false);
+ if (!defs) {
+ // No dom when defs is not defined
+ return [];
+ }
+
+ var doms = [];
+ each$1(this._tagNames, function (tagName) {
+ var tags = defs.getElementsByTagName(tagName);
+ // Note that tags is HTMLCollection, which is array-like
+ // rather than real array.
+ // So `doms.concat(tags)` add tags as one object.
+ doms = doms.concat([].slice.call(tags));
+ });
+
+ return doms;
+};
+
+
+/**
+ * Mark DOMs to be unused before painting, and clear unused ones at the end
+ * of the painting.
+ */
+Definable.prototype.markAllUnused = function () {
+ var doms = this.getDoms();
+ var that = this;
+ each$1(doms, function (dom) {
+ dom[that._markLabel] = MARK_UNUSED;
+ });
+};
+
+
+/**
+ * Mark a single DOM to be used.
+ *
+ * @param {SVGElement} dom DOM to mark
+ */
+Definable.prototype.markUsed = function (dom) {
+ if (dom) {
+ dom[this._markLabel] = MARK_USED;
+ }
+};
+
+
+/**
+ * Remove unused DOMs defined in <defs>
+ */
+Definable.prototype.removeUnused = function () {
+ var defs = this.getDefs(false);
+ if (!defs) {
+ // Nothing to remove
+ return;
+ }
+
+ var doms = this.getDoms();
+ var that = this;
+ each$1(doms, function (dom) {
+ if (dom[that._markLabel] !== MARK_USED) {
+ // Remove gradient
+ defs.removeChild(dom);
+ }
+ });
+};
+
+
+/**
+ * Get SVG proxy.
+ *
+ * @param {Displayable} displayable displayable element
+ * @return {Path|Image|Text} svg proxy of given element
+ */
+Definable.prototype.getSvgProxy = function (displayable) {
+ if (displayable instanceof Path) {
+ return svgPath;
+ }
+ else if (displayable instanceof ZImage) {
+ return svgImage;
+ }
+ else if (displayable instanceof Text) {
+ return svgText;
+ }
+ else {
+ return svgPath;
+ }
+};
+
+
+/**
+ * Get text SVG element.
+ *
+ * @param {Displayable} displayable displayable element
+ * @return {SVGElement} SVG element of text
+ */
+Definable.prototype.getTextSvgElement = function (displayable) {
+ return displayable.__textSvgEl;
+};
+
+
+/**
+ * Get SVG element.
+ *
+ * @param {Displayable} displayable displayable element
+ * @return {SVGElement} SVG element
+ */
+Definable.prototype.getSvgElement = function (displayable) {
+ return displayable.__svgEl;
+};
+
+/**
+ * @file Manages SVG gradient elements.
+ * @author Zhang Wenli
+ */
+
+/**
+ * Manages SVG gradient elements.
+ *
+ * @class
+ * @extends Definable
+ * @param {number} zrId zrender instance id
+ * @param {SVGElement} svgRoot root of SVG document
+ */
+function GradientManager(zrId, svgRoot) {
+ Definable.call(
+ this,
+ zrId,
+ svgRoot,
+ ['linearGradient', 'radialGradient'],
+ '__gradient_in_use__'
+ );
+}
+
+
+inherits(GradientManager, Definable);
+
+
+/**
+ * Create new gradient DOM for fill or stroke if not exist,
+ * but will not update gradient if exists.
+ *
+ * @param {SvgElement} svgElement SVG element to paint
+ * @param {Displayable} displayable zrender displayable element
+ */
+GradientManager.prototype.addWithoutUpdate = function (
+ svgElement,
+ displayable
+) {
+ if (displayable && displayable.style) {
+ var that = this;
+ each$1(['fill', 'stroke'], function (fillOrStroke) {
+ if (displayable.style[fillOrStroke]
+ && (displayable.style[fillOrStroke].type === 'linear'
+ || displayable.style[fillOrStroke].type === 'radial')
+ ) {
+ var gradient = displayable.style[fillOrStroke];
+ var defs = that.getDefs(true);
+
+ // Create dom in <defs> if not exists
+ var dom;
+ if (gradient._dom) {
+ // Gradient exists
+ dom = gradient._dom;
+ if (!defs.contains(gradient._dom)) {
+ // _dom is no longer in defs, recreate
+ that.addDom(dom);
+ }
+ }
+ else {
+ // New dom
+ dom = that.add(gradient);
+ }
+
+ that.markUsed(displayable);
+
+ var id = dom.getAttribute('id');
+ svgElement.setAttribute(fillOrStroke, 'url(#' + id + ')');
+ }
+ });
+ }
+};
+
+
+/**
+ * Add a new gradient tag in <defs>
+ *
+ * @param {Gradient} gradient zr gradient instance
+ * @return {SVGLinearGradientElement | SVGRadialGradientElement}
+ * created DOM
+ */
+GradientManager.prototype.add = function (gradient) {
+ var dom;
+ if (gradient.type === 'linear') {
+ dom = this.createElement('linearGradient');
+ }
+ else if (gradient.type === 'radial') {
+ dom = this.createElement('radialGradient');
+ }
+ else {
+ logError$1('Illegal gradient type.');
+ return null;
+ }
+
+ // Set dom id with gradient id, since each gradient instance
+ // will have no more than one dom element.
+ // id may exists before for those dirty elements, in which case
+ // id should remain the same, and other attributes should be
+ // updated.
+ gradient.id = gradient.id || this.nextId++;
+ dom.setAttribute('id', 'zr' + this._zrId
+ + '-gradient-' + gradient.id);
+
+ this.updateDom(gradient, dom);
+ this.addDom(dom);
+
+ return dom;
+};
+
+
+/**
+ * Update gradient.
+ *
+ * @param {Gradient} gradient zr gradient instance
+ */
+GradientManager.prototype.update = function (gradient) {
+ var that = this;
+ Definable.prototype.update.call(this, gradient, function () {
+ var type = gradient.type;
+ var tagName = gradient._dom.tagName;
+ if (type === 'linear' && tagName === 'linearGradient'
+ || type === 'radial' && tagName === 'radialGradient'
+ ) {
+ // Gradient type is not changed, update gradient
+ that.updateDom(gradient, gradient._dom);
+ }
+ else {
+ // Remove and re-create if type is changed
+ that.removeDom(gradient);
+ that.add(gradient);
+ }
+ });
+};
+
+
+/**
+ * Update gradient dom
+ *
+ * @param {Gradient} gradient zr gradient instance
+ * @param {SVGLinearGradientElement | SVGRadialGradientElement} dom
+ * DOM to update
+ */
+GradientManager.prototype.updateDom = function (gradient, dom) {
+ if (gradient.type === 'linear') {
+ dom.setAttribute('x1', gradient.x);
+ dom.setAttribute('y1', gradient.y);
+ dom.setAttribute('x2', gradient.x2);
+ dom.setAttribute('y2', gradient.y2);
+ }
+ else if (gradient.type === 'radial') {
+ dom.setAttribute('cx', gradient.x);
+ dom.setAttribute('cy', gradient.y);
+ dom.setAttribute('r', gradient.r);
+ }
+ else {
+ logError$1('Illegal gradient type.');
+ return;
+ }
+
+ if (gradient.global) {
+ // x1, x2, y1, y2 in range of 0 to canvas width or height
+ dom.setAttribute('gradientUnits', 'userSpaceOnUse');
+ }
+ else {
+ // x1, x2, y1, y2 in range of 0 to 1
+ dom.setAttribute('gradientUnits', 'objectBoundingBox');
+ }
+
+ // Remove color stops if exists
+ dom.innerHTML = '';
+
+ // Add color stops
+ var colors = gradient.colorStops;
+ for (var i = 0, len = colors.length; i < len; ++i) {
+ var stop = this.createElement('stop');
+ stop.setAttribute('offset', colors[i].offset * 100 + '%');
+
+ var color = colors[i].color;
+ if (color.indexOf('rgba' > -1)) {
+ // Fix Safari bug that stop-color not recognizing alpha #9014
+ var opacity = parse(color)[3];
+ var hex = toHex(color);
+
+ // stop-color cannot be color, since:
+ // The opacity value used for the gradient calculation is the
+ // *product* of the value of stop-opacity and the opacity of the
+ // value of stop-color.
+ // See https://www.w3.org/TR/SVG2/pservers.html#StopOpacityProperty
+ stop.setAttribute('stop-color', '#' + hex);
+ stop.setAttribute('stop-opacity', opacity);
+ }
+ else {
+ stop.setAttribute('stop-color', colors[i].color);
+ }
+
+ dom.appendChild(stop);
+ }
+
+ // Store dom element in gradient, to avoid creating multiple
+ // dom instances for the same gradient element
+ gradient._dom = dom;
+};
+
+/**
+ * Mark a single gradient to be used
+ *
+ * @param {Displayable} displayable displayable element
+ */
+GradientManager.prototype.markUsed = function (displayable) {
+ if (displayable.style) {
+ var gradient = displayable.style.fill;
+ if (gradient && gradient._dom) {
+ Definable.prototype.markUsed.call(this, gradient._dom);
+ }
+
+ gradient = displayable.style.stroke;
+ if (gradient && gradient._dom) {
+ Definable.prototype.markUsed.call(this, gradient._dom);
+ }
+ }
+};
+
+/**
+ * @file Manages SVG clipPath elements.
+ * @author Zhang Wenli
+ */
+
+/**
+ * Manages SVG clipPath elements.
+ *
+ * @class
+ * @extends Definable
+ * @param {number} zrId zrender instance id
+ * @param {SVGElement} svgRoot root of SVG document
+ */
+function ClippathManager(zrId, svgRoot) {
+ Definable.call(this, zrId, svgRoot, 'clipPath', '__clippath_in_use__');
+}
+
+
+inherits(ClippathManager, Definable);
+
+
+/**
+ * Update clipPath.
+ *
+ * @param {Displayable} displayable displayable element
+ */
+ClippathManager.prototype.update = function (displayable) {
+ var svgEl = this.getSvgElement(displayable);
+ if (svgEl) {
+ this.updateDom(svgEl, displayable.__clipPaths, false);
+ }
+
+ var textEl = this.getTextSvgElement(displayable);
+ if (textEl) {
+ // Make another clipPath for text, since it's transform
+ // matrix is not the same with svgElement
+ this.updateDom(textEl, displayable.__clipPaths, true);
+ }
+
+ this.markUsed(displayable);
+};
+
+
+/**
+ * Create an SVGElement of displayable and create a <clipPath> of its
+ * clipPath
+ *
+ * @param {Displayable} parentEl parent element
+ * @param {ClipPath[]} clipPaths clipPaths of parent element
+ * @param {boolean} isText if parent element is Text
+ */
+ClippathManager.prototype.updateDom = function (
+ parentEl,
+ clipPaths,
+ isText
+) {
+ if (clipPaths && clipPaths.length > 0) {
+ // Has clipPath, create <clipPath> with the first clipPath
+ var defs = this.getDefs(true);
+ var clipPath = clipPaths[0];
+ var clipPathEl;
+ var id;
+
+ var dom = isText ? '_textDom' : '_dom';
+
+ if (clipPath[dom]) {
+ // Use a dom that is already in <defs>
+ id = clipPath[dom].getAttribute('id');
+ clipPathEl = clipPath[dom];
+
+ // Use a dom that is already in <defs>
+ if (!defs.contains(clipPathEl)) {
+ // This happens when set old clipPath that has
+ // been previously removed
+ defs.appendChild(clipPathEl);
+ }
+ }
+ else {
+ // New <clipPath>
+ id = 'zr' + this._zrId + '-clip-' + this.nextId;
+ ++this.nextId;
+ clipPathEl = this.createElement('clipPath');
+ clipPathEl.setAttribute('id', id);
+ defs.appendChild(clipPathEl);
+
+ clipPath[dom] = clipPathEl;
+ }
+
+ // Build path and add to <clipPath>
+ var svgProxy = this.getSvgProxy(clipPath);
+ if (clipPath.transform
+ && clipPath.parent.invTransform
+ && !isText
+ ) {
+ /**
+ * If a clipPath has a parent with transform, the transform
+ * of parent should not be considered when setting transform
+ * of clipPath. So we need to transform back from parent's
+ * transform, which is done by multiplying parent's inverse
+ * transform.
+ */
+ // Store old transform
+ var transform = Array.prototype.slice.call(
+ clipPath.transform
+ );
+
+ // Transform back from parent, and brush path
+ mul$1(
+ clipPath.transform,
+ clipPath.parent.invTransform,
+ clipPath.transform
+ );
+ svgProxy.brush(clipPath);
+
+ // Set back transform of clipPath
+ clipPath.transform = transform;
+ }
+ else {
+ svgProxy.brush(clipPath);
+ }
+
+ var pathEl = this.getSvgElement(clipPath);
+
+ clipPathEl.innerHTML = '';
+ /**
+ * Use `cloneNode()` here to appendChild to multiple parents,
+ * which may happend when Text and other shapes are using the same
+ * clipPath. Since Text will create an extra clipPath DOM due to
+ * different transform rules.
+ */
+ clipPathEl.appendChild(pathEl.cloneNode());
+
+ parentEl.setAttribute('clip-path', 'url(#' + id + ')');
+
+ if (clipPaths.length > 1) {
+ // Make the other clipPaths recursively
+ this.updateDom(clipPathEl, clipPaths.slice(1), isText);
+ }
+ }
+ else {
+ // No clipPath
+ if (parentEl) {
+ parentEl.setAttribute('clip-path', 'none');
+ }
+ }
+};
+
+/**
+ * Mark a single clipPath to be used
+ *
+ * @param {Displayable} displayable displayable element
+ */
+ClippathManager.prototype.markUsed = function (displayable) {
+ var that = this;
+ // displayable.__clipPaths can only be `null`/`undefined` or an non-empty array.
+ if (displayable.__clipPaths) {
+ each$1(displayable.__clipPaths, function (clipPath) {
+ if (clipPath._dom) {
+ Definable.prototype.markUsed.call(that, clipPath._dom);
+ }
+ if (clipPath._textDom) {
+ Definable.prototype.markUsed.call(that, clipPath._textDom);
+ }
+ });
+ }
+};
+
+/**
+ * @file Manages SVG shadow elements.
+ * @author Zhang Wenli
+ */
+
+/**
+ * Manages SVG shadow elements.
+ *
+ * @class
+ * @extends Definable
+ * @param {number} zrId zrender instance id
+ * @param {SVGElement} svgRoot root of SVG document
+ */
+function ShadowManager(zrId, svgRoot) {
+ Definable.call(
+ this,
+ zrId,
+ svgRoot,
+ ['filter'],
+ '__filter_in_use__',
+ '_shadowDom'
+ );
+}
+
+
+inherits(ShadowManager, Definable);
+
+
+/**
+ * Create new shadow DOM for fill or stroke if not exist,
+ * but will not update shadow if exists.
+ *
+ * @param {SvgElement} svgElement SVG element to paint
+ * @param {Displayable} displayable zrender displayable element
+ */
+ShadowManager.prototype.addWithoutUpdate = function (
+ svgElement,
+ displayable
+) {
+ if (displayable && hasShadow(displayable.style)) {
+
+ // Create dom in <defs> if not exists
+ var dom;
+ if (displayable._shadowDom) {
+ // Gradient exists
+ dom = displayable._shadowDom;
+
+ var defs = this.getDefs(true);
+ if (!defs.contains(displayable._shadowDom)) {
+ // _shadowDom is no longer in defs, recreate
+ this.addDom(dom);
+ }
+ }
+ else {
+ // New dom
+ dom = this.add(displayable);
+ }
+
+ this.markUsed(displayable);
+
+ var id = dom.getAttribute('id');
+ svgElement.style.filter = 'url(#' + id + ')';
+ }
+};
+
+
+/**
+ * Add a new shadow tag in <defs>
+ *
+ * @param {Displayable} displayable zrender displayable element
+ * @return {SVGFilterElement} created DOM
+ */
+ShadowManager.prototype.add = function (displayable) {
+ var dom = this.createElement('filter');
+
+ // Set dom id with shadow id, since each shadow instance
+ // will have no more than one dom element.
+ // id may exists before for those dirty elements, in which case
+ // id should remain the same, and other attributes should be
+ // updated.
+ displayable._shadowDomId = displayable._shadowDomId || this.nextId++;
+ dom.setAttribute('id', 'zr' + this._zrId
+ + '-shadow-' + displayable._shadowDomId);
+
+ this.updateDom(displayable, dom);
+ this.addDom(dom);
+
+ return dom;
+};
+
+
+/**
+ * Update shadow.
+ *
+ * @param {Displayable} displayable zrender displayable element
+ */
+ShadowManager.prototype.update = function (svgElement, displayable) {
+ var style = displayable.style;
+ if (hasShadow(style)) {
+ var that = this;
+ Definable.prototype.update.call(this, displayable, function () {
+ that.updateDom(displayable, displayable._shadowDom);
+ });
+ }
+ else {
+ // Remove shadow
+ this.remove(svgElement, displayable);
+ }
+};
+
+
+/**
+ * Remove DOM and clear parent filter
+ */
+ShadowManager.prototype.remove = function (svgElement, displayable) {
+ if (displayable._shadowDomId != null) {
+ this.removeDom(svgElement);
+ svgElement.style.filter = '';
+ }
+};
+
+
+/**
+ * Update shadow dom
+ *
+ * @param {Displayable} displayable zrender displayable element
+ * @param {SVGFilterElement} dom DOM to update
+ */
+ShadowManager.prototype.updateDom = function (displayable, dom) {
+ var domChild = dom.getElementsByTagName('feDropShadow');
+ if (domChild.length === 0) {
+ domChild = this.createElement('feDropShadow');
+ }
+ else {
+ domChild = domChild[0];
+ }
+
+ var style = displayable.style;
+ var scaleX = displayable.scale ? (displayable.scale[0] || 1) : 1;
+ var scaleY = displayable.scale ? (displayable.scale[1] || 1) : 1;
+
+ // TODO: textBoxShadowBlur is not supported yet
+ var offsetX;
+ var offsetY;
+ var blur;
+ var color;
+ if (style.shadowBlur || style.shadowOffsetX || style.shadowOffsetY) {
+ offsetX = style.shadowOffsetX || 0;
+ offsetY = style.shadowOffsetY || 0;
+ blur = style.shadowBlur;
+ color = style.shadowColor;
+ }
+ else if (style.textShadowBlur) {
+ offsetX = style.textShadowOffsetX || 0;
+ offsetY = style.textShadowOffsetY || 0;
+ blur = style.textShadowBlur;
+ color = style.textShadowColor;
+ }
+ else {
+ // Remove shadow
+ this.removeDom(dom, style);
+ return;
+ }
+
+ domChild.setAttribute('dx', offsetX / scaleX);
+ domChild.setAttribute('dy', offsetY / scaleY);
+ domChild.setAttribute('flood-color', color);
+
+ // Divide by two here so that it looks the same as in canvas
+ // See: https://html.spec.whatwg.org/multipage/canvas.html#dom-context-2d-shadowblur
+ var stdDx = blur / 2 / scaleX;
+ var stdDy = blur / 2 / scaleY;
+ var stdDeviation = stdDx + ' ' + stdDy;
+ domChild.setAttribute('stdDeviation', stdDeviation);
+
+ // Fix filter clipping problem
+ dom.setAttribute('x', '-100%');
+ dom.setAttribute('y', '-100%');
+ dom.setAttribute('width', Math.ceil(blur / 2 * 200) + '%');
+ dom.setAttribute('height', Math.ceil(blur / 2 * 200) + '%');
+
+ dom.appendChild(domChild);
+
+ // Store dom element in shadow, to avoid creating multiple
+ // dom instances for the same shadow element
+ displayable._shadowDom = dom;
+};
+
+/**
+ * Mark a single shadow to be used
+ *
+ * @param {Displayable} displayable displayable element
+ */
+ShadowManager.prototype.markUsed = function (displayable) {
+ if (displayable._shadowDom) {
+ Definable.prototype.markUsed.call(this, displayable._shadowDom);
+ }
+};
+
+function hasShadow(style) {
+ // TODO: textBoxShadowBlur is not supported yet
+ return style
+ && (style.shadowBlur || style.shadowOffsetX || style.shadowOffsetY
+ || style.textShadowBlur || style.textShadowOffsetX
+ || style.textShadowOffsetY);
+}
+
+/**
+ * SVG Painter
+ * @module zrender/svg/Painter
+ */
+
+function parseInt10$2(val) {
+ return parseInt(val, 10);
+}
+
+function getSvgProxy(el) {
+ if (el instanceof Path) {
+ return svgPath;
+ }
+ else if (el instanceof ZImage) {
+ return svgImage;
+ }
+ else if (el instanceof Text) {
+ return svgText;
+ }
+ else {
+ return svgPath;
+ }
+}
+
+function checkParentAvailable(parent, child) {
+ return child && parent && child.parentNode !== parent;
+}
+
+function insertAfter(parent, child, prevSibling) {
+ if (checkParentAvailable(parent, child) && prevSibling) {
+ var nextSibling = prevSibling.nextSibling;
+ nextSibling ? parent.insertBefore(child, nextSibling)
+ : parent.appendChild(child);
+ }
+}
+
+function prepend(parent, child) {
+ if (checkParentAvailable(parent, child)) {
+ var firstChild = parent.firstChild;
+ firstChild ? parent.insertBefore(child, firstChild)
+ : parent.appendChild(child);
+ }
+}
+
+// function append(parent, child) {
+// if (checkParentAvailable(parent, child)) {
+// parent.appendChild(child);
+// }
+// }
+
+function remove$1(parent, child) {
+ if (child && parent && child.parentNode === parent) {
+ parent.removeChild(child);
+ }
+}
+
+function getTextSvgElement(displayable) {
+ return displayable.__textSvgEl;
+}
+
+function getSvgElement(displayable) {
+ return displayable.__svgEl;
+}
+
+/**
+ * @alias module:zrender/svg/Painter
+ * @constructor
+ * @param {HTMLElement} root 缁樺浘瀹瑰櫒
+ * @param {module:zrender/Storage} storage
+ * @param {Object} opts
+ */
+var SVGPainter = function (root, storage, opts, zrId) {
+
+ this.root = root;
+ this.storage = storage;
+ this._opts = opts = extend({}, opts || {});
+
+ var svgDom = createElement('svg');
+ svgDom.setAttribute('xmlns', 'http://www.w3.org/2000/svg');
+ svgDom.setAttribute('version', '1.1');
+ svgDom.setAttribute('baseProfile', 'full');
+ svgDom.style.cssText = 'user-select:none;position:absolute;left:0;top:0;';
+
+ var bgRoot = createElement('g');
+ svgDom.appendChild(bgRoot);
+ var svgRoot = createElement('g');
+ svgDom.appendChild(svgRoot);
+
+ this.gradientManager = new GradientManager(zrId, svgRoot);
+ this.clipPathManager = new ClippathManager(zrId, svgRoot);
+ this.shadowManager = new ShadowManager(zrId, svgRoot);
+
+ var viewport = document.createElement('div');
+ viewport.style.cssText = 'overflow:hidden;position:relative';
+
+ this._svgDom = svgDom;
+ this._svgRoot = svgRoot;
+ this._backgroundRoot = bgRoot;
+ this._viewport = viewport;
+
+ root.appendChild(viewport);
+ viewport.appendChild(svgDom);
+
+ this.resize(opts.width, opts.height);
+
+ this._visibleList = [];
+};
+
+SVGPainter.prototype = {
+
+ constructor: SVGPainter,
+
+ getType: function () {
+ return 'svg';
+ },
+
+ getViewportRoot: function () {
+ return this._viewport;
+ },
+
+ getSvgDom: function () {
+ return this._svgDom;
+ },
+
+ getSvgRoot: function () {
+ return this._svgRoot;
+ },
+
+ getViewportRootOffset: function () {
+ var viewportRoot = this.getViewportRoot();
+ if (viewportRoot) {
+ return {
+ offsetLeft: viewportRoot.offsetLeft || 0,
+ offsetTop: viewportRoot.offsetTop || 0
+ };
+ }
+ },
+
+ refresh: function () {
+
+ var list = this.storage.getDisplayList(true);
+
+ this._paintList(list);
+ },
+
+ setBackgroundColor: function (backgroundColor) {
+ // TODO gradient
+ // Insert a bg rect instead of setting background to viewport.
+ // Otherwise, the exported SVG don't have background.
+ if (this._backgroundRoot && this._backgroundNode) {
+ this._backgroundRoot.removeChild(this._backgroundNode);
+ }
+
+ var bgNode = createElement('rect');
+ bgNode.setAttribute('width', this.getWidth());
+ bgNode.setAttribute('height', this.getHeight());
+ bgNode.setAttribute('x', 0);
+ bgNode.setAttribute('y', 0);
+ bgNode.setAttribute('id', 0);
+ bgNode.style.fill = backgroundColor;
+ this._backgroundRoot.appendChild(bgNode);
+ this._backgroundNode = bgNode;
+ },
+
+ _paintList: function (list) {
+ this.gradientManager.markAllUnused();
+ this.clipPathManager.markAllUnused();
+ this.shadowManager.markAllUnused();
+
+ var svgRoot = this._svgRoot;
+ var visibleList = this._visibleList;
+ var listLen = list.length;
+
+ var newVisibleList = [];
+ var i;
+ for (i = 0; i < listLen; i++) {
+ var displayable = list[i];
+ var svgProxy = getSvgProxy(displayable);
+ var svgElement = getSvgElement(displayable)
+ || getTextSvgElement(displayable);
+ if (!displayable.invisible) {
+ if (displayable.__dirty) {
+ svgProxy && svgProxy.brush(displayable);
+
+ // Update clipPath
+ this.clipPathManager.update(displayable);
+
+ // Update gradient and shadow
+ if (displayable.style) {
+ this.gradientManager
+ .update(displayable.style.fill);
+ this.gradientManager
+ .update(displayable.style.stroke);
+
+ this.shadowManager
+ .update(svgElement, displayable);
+ }
+
+ displayable.__dirty = false;
+ }
+ newVisibleList.push(displayable);
+ }
+ }
+
+ var diff = arrayDiff$1(visibleList, newVisibleList);
+ var prevSvgElement;
+
+ // First do remove, in case element moved to the head and do remove
+ // after add
+ for (i = 0; i < diff.length; i++) {
+ var item = diff[i];
+ if (item.removed) {
+ for (var k = 0; k < item.count; k++) {
+ var displayable = visibleList[item.indices[k]];
+ var svgElement = getSvgElement(displayable);
+ var textSvgElement = getTextSvgElement(displayable);
+ remove$1(svgRoot, svgElement);
+ remove$1(svgRoot, textSvgElement);
+ }
+ }
+ }
+ for (i = 0; i < diff.length; i++) {
+ var item = diff[i];
+ if (item.added) {
+ for (var k = 0; k < item.count; k++) {
+ var displayable = newVisibleList[item.indices[k]];
+ var svgElement = getSvgElement(displayable);
+ var textSvgElement = getTextSvgElement(displayable);
+ prevSvgElement
+ ? insertAfter(svgRoot, svgElement, prevSvgElement)
+ : prepend(svgRoot, svgElement);
+ if (svgElement) {
+ insertAfter(svgRoot, textSvgElement, svgElement);
+ }
+ else if (prevSvgElement) {
+ insertAfter(
+ svgRoot, textSvgElement, prevSvgElement
+ );
+ }
+ else {
+ prepend(svgRoot, textSvgElement);
+ }
+ // Insert text
+ insertAfter(svgRoot, textSvgElement, svgElement);
+ prevSvgElement = textSvgElement || svgElement
+ || prevSvgElement;
+
+ // zrender.Text only create textSvgElement.
+ this.gradientManager
+ .addWithoutUpdate(svgElement || textSvgElement, displayable);
+ this.shadowManager
+ .addWithoutUpdate(svgElement || textSvgElement, displayable);
+ this.clipPathManager.markUsed(displayable);
+ }
+ }
+ else if (!item.removed) {
+ for (var k = 0; k < item.count; k++) {
+ var displayable = newVisibleList[item.indices[k]];
+ var svgElement = getSvgElement(displayable);
+ var textSvgElement = getTextSvgElement(displayable);
+
+ var svgElement = getSvgElement(displayable);
+ var textSvgElement = getTextSvgElement(displayable);
+
+ this.gradientManager.markUsed(displayable);
+ this.gradientManager
+ .addWithoutUpdate(svgElement || textSvgElement, displayable);
+
+ this.shadowManager.markUsed(displayable);
+ this.shadowManager
+ .addWithoutUpdate(svgElement || textSvgElement, displayable);
+
+ this.clipPathManager.markUsed(displayable);
+
+ if (textSvgElement) { // Insert text.
+ insertAfter(svgRoot, textSvgElement, svgElement);
+ }
+ prevSvgElement = svgElement
+ || textSvgElement || prevSvgElement;
+ }
+ }
+ }
+
+ this.gradientManager.removeUnused();
+ this.clipPathManager.removeUnused();
+ this.shadowManager.removeUnused();
+
+ this._visibleList = newVisibleList;
+ },
+
+ _getDefs: function (isForceCreating) {
+ var svgRoot = this._svgDom;
+ var defs = svgRoot.getElementsByTagName('defs');
+ if (defs.length === 0) {
+ // Not exist
+ if (isForceCreating) {
+ var defs = svgRoot.insertBefore(
+ createElement('defs'), // Create new tag
+ svgRoot.firstChild // Insert in the front of svg
+ );
+ if (!defs.contains) {
+ // IE doesn't support contains method
+ defs.contains = function (el) {
+ var children = defs.children;
+ if (!children) {
+ return false;
+ }
+ for (var i = children.length - 1; i >= 0; --i) {
+ if (children[i] === el) {
+ return true;
+ }
+ }
+ return false;
+ };
+ }
+ return defs;
+ }
+ else {
+ return null;
+ }
+ }
+ else {
+ return defs[0];
+ }
+ },
+
+ resize: function (width, height) {
+ var viewport = this._viewport;
+ // FIXME Why ?
+ viewport.style.display = 'none';
+
+ // Save input w/h
+ var opts = this._opts;
+ width != null && (opts.width = width);
+ height != null && (opts.height = height);
+
+ width = this._getSize(0);
+ height = this._getSize(1);
+
+ viewport.style.display = '';
+
+ if (this._width !== width || this._height !== height) {
+ this._width = width;
+ this._height = height;
+
+ var viewportStyle = viewport.style;
+ viewportStyle.width = width + 'px';
+ viewportStyle.height = height + 'px';
+
+ var svgRoot = this._svgDom;
+ // Set width by 'svgRoot.width = width' is invalid
+ svgRoot.setAttribute('width', width);
+ svgRoot.setAttribute('height', height);
+ }
+
+ if (this._backgroundNode) {
+ this._backgroundNode.setAttribute('width', width);
+ this._backgroundNode.setAttribute('height', height);
+ }
+ },
+
+ /**
+ * 鑾峰彇缁樺浘鍖哄煙瀹藉害
+ */
+ getWidth: function () {
+ return this._width;
+ },
+
+ /**
+ * 鑾峰彇缁樺浘鍖哄煙楂樺害
+ */
+ getHeight: function () {
+ return this._height;
+ },
+
+ _getSize: function (whIdx) {
+ var opts = this._opts;
+ var wh = ['width', 'height'][whIdx];
+ var cwh = ['clientWidth', 'clientHeight'][whIdx];
+ var plt = ['paddingLeft', 'paddingTop'][whIdx];
+ var prb = ['paddingRight', 'paddingBottom'][whIdx];
+
+ if (opts[wh] != null && opts[wh] !== 'auto') {
+ return parseFloat(opts[wh]);
+ }
+
+ var root = this.root;
+ // IE8 does not support getComputedStyle, but it use VML.
+ var stl = document.defaultView.getComputedStyle(root);
+
+ return (
+ (root[cwh] || parseInt10$2(stl[wh]) || parseInt10$2(root.style[wh]))
+ - (parseInt10$2(stl[plt]) || 0)
+ - (parseInt10$2(stl[prb]) || 0)
+ ) | 0;
+ },
+
+ dispose: function () {
+ this.root.innerHTML = '';
+
+ this._svgRoot
+ = this._backgroundRoot
+ = this._svgDom
+ = this._backgroundNode
+ = this._viewport
+ = this.storage
+ = null;
+ },
+
+ clear: function () {
+ if (this._viewport) {
+ this.root.removeChild(this._viewport);
+ }
+ },
+
+ toDataURL: function () {
+ this.refresh();
+ var html = encodeURIComponent(this._svgDom.outerHTML.replace(/></g, '>\n\r<'));
+ return 'data:image/svg+xml;charset=UTF-8,' + html;
+ }
+};
+
+// Not supported methods
+function createMethodNotSupport$1(method) {
+ return function () {
+ logError$1('In SVG mode painter not support method "' + method + '"');
+ };
+}
+
+// Unsuppoted methods
+each$1([
+ 'getLayer', 'insertLayer', 'eachLayer', 'eachBuiltinLayer',
+ 'eachOtherLayer', 'getLayers', 'modLayer', 'delLayer', 'clearLayer',
+ 'pathToImage'
+], function (name) {
+ SVGPainter.prototype[name] = createMethodNotSupport$1(name);
+});
+
+registerPainter('svg', SVGPainter);
+
+/*
+* 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.
+*/
+
+// ----------------------------------------------
+// All of the modules that are allowed to be
+// imported are listed below.
+//
+// Users MUST NOT import other modules that are
+// not included in this list.
+// ----------------------------------------------
+
+
+
+// ----------------
+// Charts (series)
+// ----------------
+
+
+
+// All of the series types, for example:
+// chart.setOption({
+// series: [{
+// type: 'line' // or 'bar', 'pie', ...
+// }]
+// });
+
+// -------------------
+// Coordinate systems
+// -------------------
+
+
+
+// All of the axis modules have been included in the
+// coordinate system module below, do not need to
+// make extra import.
+
+// `cartesian` coordinate system. For some historical
+// reasons, it is named as grid, for example:
+// chart.setOption({
+// grid: {...},
+// xAxis: {...},
+// yAxis: {...},
+// series: [{...}]
+// });
+// `polar` coordinate system, for example:
+// chart.setOption({
+// polar: {...},
+// radiusAxis: {...},
+// angleAxis: {...},
+// series: [{
+// coordinateSystem: 'polar'
+// }]
+// });
+// `geo` coordinate system, for example:
+// chart.setOption({
+// geo: {...},
+// series: [{
+// coordinateSystem: 'geo'
+// }]
+// });
+// `singleAxis` coordinate system (notice, it is a coordinate system
+// with only one axis, work for chart like theme river), for example:
+// chart.setOption({
+// singleAxis: {...}
+// series: [{type: 'themeRiver', ...}]
+// });
+// `parallel` coordinate system, only work for parallel series, for example:
+// chart.setOption({
+// parallel: {...},
+// parallelAxis: [{...}, ...],
+// series: [{
+// type: 'parallel'
+// }]
+// });
+// `calendar` coordinate system. for example,
+// chart.setOptionp({
+// calendar: {...},
+// series: [{
+// coordinateSystem: 'calendar'
+// }]
+// );
+// ------------------
+// Other components
+// ------------------
+
+
+
+// `graphic` component, for example:
+// chart.setOption({
+// graphic: {...}
+// });
+// `toolbox` component, for example:
+// chart.setOption({
+// toolbox: {...}
+// });
+// `tooltip` component, for example:
+// chart.setOption({
+// tooltip: {...}
+// });
+// `axisPointer` component, for example:
+// chart.setOption({
+// tooltip: {axisPointer: {...}, ...}
+// });
+// Or
+// chart.setOption({
+// axisPointer: {...}
+// });
+// `brush` component, for example:
+// chart.setOption({
+// brush: {...}
+// });
+// Or
+// chart.setOption({
+// tooltip: {feature: {brush: {...}}
+// })
+// `title` component, for example:
+// chart.setOption({
+// title: {...}
+// });
+// `timeline` component, for example:
+// chart.setOption({
+// timeline: {...}
+// });
+// `markPoint` component, for example:
+// chart.setOption({
+// series: [{markPoint: {...}}]
+// });
+// `markLine` component, for example:
+// chart.setOption({
+// series: [{markLine: {...}}]
+// });
+// `markArea` component, for example:
+// chart.setOption({
+// series: [{markArea: {...}}]
+// });
+// `legend` component scrollable, for example:
+// chart.setOption({
+// legend: {type: 'scroll'}
+// });
+// `legend` component not scrollable. for example:
+// chart.setOption({
+// legend: {...}
+// });
+// `dataZoom` component including both `dataZoomInside` and `dataZoomSlider`.
+// `dataZoom` component providing drag, pinch, wheel behaviors
+// inside coodinate system, for example:
+// chart.setOption({
+// dataZoom: {type: 'inside'}
+// });
+// `dataZoom` component providing a slider bar, for example:
+// chart.setOption({
+// dataZoom: {type: 'slider'}
+// });
+// `dataZoom` component including both `visualMapContinuous` and `visualMapPiecewise`.
+// `visualMap` component providing continuous bar, for example:
+// chart.setOption({
+// visualMap: {type: 'continuous'}
+// });
+// `visualMap` component providing pieces bar, for example:
+// chart.setOption({
+// visualMap: {type: 'piecewise'}
+// });
+// -----------------
+// Render engines
+// -----------------
+
+
+
+// Provide IE 6,7,8 compatibility.
+// Render via SVG rather than canvas.
+
+exports.version = version;
+exports.dependencies = dependencies;
+exports.PRIORITY = PRIORITY;
+exports.init = init;
+exports.connect = connect;
+exports.disConnect = disConnect;
+exports.disconnect = disconnect;
+exports.dispose = dispose;
+exports.getInstanceByDom = getInstanceByDom;
+exports.getInstanceById = getInstanceById;
+exports.registerTheme = registerTheme;
+exports.registerPreprocessor = registerPreprocessor;
+exports.registerProcessor = registerProcessor;
+exports.registerPostUpdate = registerPostUpdate;
+exports.registerAction = registerAction;
+exports.registerCoordinateSystem = registerCoordinateSystem;
+exports.getCoordinateSystemDimensions = getCoordinateSystemDimensions;
+exports.registerLayout = registerLayout;
+exports.registerVisual = registerVisual;
+exports.registerLoading = registerLoading;
+exports.extendComponentModel = extendComponentModel;
+exports.extendComponentView = extendComponentView;
+exports.extendSeriesModel = extendSeriesModel;
+exports.extendChartView = extendChartView;
+exports.setCanvasCreator = setCanvasCreator;
+exports.registerMap = registerMap;
+exports.getMap = getMap;
+exports.dataTool = dataTool;
+exports.zrender = zrender;
+exports.number = number;
+exports.format = format;
+exports.throttle = throttle;
+exports.helper = helper;
+exports.matrix = matrix;
+exports.vector = vector;
+exports.color = color;
+exports.parseGeoJSON = parseGeoJson$1;
+exports.parseGeoJson = parseGeoJson;
+exports.util = ecUtil;
+exports.graphic = graphic$1;
+exports.List = List;
+exports.Model = Model;
+exports.Axis = Axis;
+exports.env = env$1;
+
+})));
+//# sourceMappingURL=echarts.js.map
diff --git a/src/main/resources/static/JS/jquery.min.js b/src/main/resources/static/JS/jquery.min.js
new file mode 100644
index 0000000..4024b66
--- /dev/null
+++ b/src/main/resources/static/JS/jquery.min.js
@@ -0,0 +1,4 @@
+/*! jQuery v2.2.4 | (c) jQuery Foundation | jquery.org/license */
+!function(a,b){"object"==typeof module&&"object"==typeof module.exports?module.exports=a.document?b(a,!0):function(a){if(!a.document)throw new Error("jQuery requires a window with a document");return b(a)}:b(a)}("undefined"!=typeof window?window:this,function(a,b){var c=[],d=a.document,e=c.slice,f=c.concat,g=c.push,h=c.indexOf,i={},j=i.toString,k=i.hasOwnProperty,l={},m="2.2.4",n=function(a,b){return new n.fn.init(a,b)},o=/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g,p=/^-ms-/,q=/-([\da-z])/gi,r=function(a,b){return b.toUpperCase()};n.fn=n.prototype={jquery:m,constructor:n,selector:"",length:0,toArray:function(){return e.call(this)},get:function(a){return null!=a?0>a?this[a+this.length]:this[a]:e.call(this)},pushStack:function(a){var b=n.merge(this.constructor(),a);return b.prevObject=this,b.context=this.context,b},each:function(a){return n.each(this,a)},map:function(a){return this.pushStack(n.map(this,function(b,c){return a.call(b,c,b)}))},slice:function(){return this.pushStack(e.apply(this,arguments))},first:function(){return this.eq(0)},last:function(){return this.eq(-1)},eq:function(a){var b=this.length,c=+a+(0>a?b:0);return this.pushStack(c>=0&&b>c?[this[c]]:[])},end:function(){return this.prevObject||this.constructor()},push:g,sort:c.sort,splice:c.splice},n.extend=n.fn.extend=function(){var a,b,c,d,e,f,g=arguments[0]||{},h=1,i=arguments.length,j=!1;for("boolean"==typeof g&&(j=g,g=arguments[h]||{},h++),"object"==typeof g||n.isFunction(g)||(g={}),h===i&&(g=this,h--);i>h;h++)if(null!=(a=arguments[h]))for(b in a)c=g[b],d=a[b],g!==d&&(j&&d&&(n.isPlainObject(d)||(e=n.isArray(d)))?(e?(e=!1,f=c&&n.isArray(c)?c:[]):f=c&&n.isPlainObject(c)?c:{},g[b]=n.extend(j,f,d)):void 0!==d&&(g[b]=d));return g},n.extend({expando:"jQuery"+(m+Math.random()).replace(/\D/g,""),isReady:!0,error:function(a){throw new Error(a)},noop:function(){},isFunction:function(a){return"function"===n.type(a)},isArray:Array.isArray,isWindow:function(a){return null!=a&&a===a.window},isNumeric:function(a){var b=a&&a.toString();return!n.isArray(a)&&b-parseFloat(b)+1>=0},isPlainObject:function(a){var b;if("object"!==n.type(a)||a.nodeType||n.isWindow(a))return!1;if(a.constructor&&!k.call(a,"constructor")&&!k.call(a.constructor.prototype||{},"isPrototypeOf"))return!1;for(b in a);return void 0===b||k.call(a,b)},isEmptyObject:function(a){var b;for(b in a)return!1;return!0},type:function(a){return null==a?a+"":"object"==typeof a||"function"==typeof a?i[j.call(a)]||"object":typeof a},globalEval:function(a){var b,c=eval;a=n.trim(a),a&&(1===a.indexOf("use strict")?(b=d.createElement("script"),b.text=a,d.head.appendChild(b).parentNode.removeChild(b)):c(a))},camelCase:function(a){return a.replace(p,"ms-").replace(q,r)},nodeName:function(a,b){return a.nodeName&&a.nodeName.toLowerCase()===b.toLowerCase()},each:function(a,b){var c,d=0;if(s(a)){for(c=a.length;c>d;d++)if(b.call(a[d],d,a[d])===!1)break}else for(d in a)if(b.call(a[d],d,a[d])===!1)break;return a},trim:function(a){return null==a?"":(a+"").replace(o,"")},makeArray:function(a,b){var c=b||[];return null!=a&&(s(Object(a))?n.merge(c,"string"==typeof a?[a]:a):g.call(c,a)),c},inArray:function(a,b,c){return null==b?-1:h.call(b,a,c)},merge:function(a,b){for(var c=+b.length,d=0,e=a.length;c>d;d++)a[e++]=b[d];return a.length=e,a},grep:function(a,b,c){for(var d,e=[],f=0,g=a.length,h=!c;g>f;f++)d=!b(a[f],f),d!==h&&e.push(a[f]);return e},map:function(a,b,c){var d,e,g=0,h=[];if(s(a))for(d=a.length;d>g;g++)e=b(a[g],g,c),null!=e&&h.push(e);else for(g in a)e=b(a[g],g,c),null!=e&&h.push(e);return f.apply([],h)},guid:1,proxy:function(a,b){var c,d,f;return"string"==typeof b&&(c=a[b],b=a,a=c),n.isFunction(a)?(d=e.call(arguments,2),f=function(){return a.apply(b||this,d.concat(e.call(arguments)))},f.guid=a.guid=a.guid||n.guid++,f):void 0},now:Date.now,support:l}),"function"==typeof Symbol&&(n.fn[Symbol.iterator]=c[Symbol.iterator]),n.each("Boolean Number String Function Array Date RegExp Object Error Symbol".split(" "),function(a,b){i["[object "+b+"]"]=b.toLowerCase()});function s(a){var b=!!a&&"length"in a&&a.length,c=n.type(a);return"function"===c||n.isWindow(a)?!1:"array"===c||0===b||"number"==typeof b&&b>0&&b-1 in a}var t=function(a){var b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r,s,t,u="sizzle"+1*new Date,v=a.document,w=0,x=0,y=ga(),z=ga(),A=ga(),B=function(a,b){return a===b&&(l=!0),0},C=1<<31,D={}.hasOwnProperty,E=[],F=E.pop,G=E.push,H=E.push,I=E.slice,J=function(a,b){for(var c=0,d=a.length;d>c;c++)if(a[c]===b)return c;return-1},K="checked|selected|async|autofocus|autoplay|controls|defer|disabled|hidden|ismap|loop|multiple|open|readonly|required|scoped",L="[\\x20\\t\\r\\n\\f]",M="(?:\\\\.|[\\w-]|[^\\x00-\\xa0])+",N="\\["+L+"*("+M+")(?:"+L+"*([*^$|!~]?=)"+L+"*(?:'((?:\\\\.|[^\\\\'])*)'|\"((?:\\\\.|[^\\\\\"])*)\"|("+M+"))|)"+L+"*\\]",O=":("+M+")(?:\\((('((?:\\\\.|[^\\\\'])*)'|\"((?:\\\\.|[^\\\\\"])*)\")|((?:\\\\.|[^\\\\()[\\]]|"+N+")*)|.*)\\)|)",P=new RegExp(L+"+","g"),Q=new RegExp("^"+L+"+|((?:^|[^\\\\])(?:\\\\.)*)"+L+"+$","g"),R=new RegExp("^"+L+"*,"+L+"*"),S=new RegExp("^"+L+"*([>+~]|"+L+")"+L+"*"),T=new RegExp("="+L+"*([^\\]'\"]*?)"+L+"*\\]","g"),U=new RegExp(O),V=new RegExp("^"+M+"$"),W={ID:new RegExp("^#("+M+")"),CLASS:new RegExp("^\\.("+M+")"),TAG:new RegExp("^("+M+"|[*])"),ATTR:new RegExp("^"+N),PSEUDO:new RegExp("^"+O),CHILD:new RegExp("^:(only|first|last|nth|nth-last)-(child|of-type)(?:\\("+L+"*(even|odd|(([+-]|)(\\d*)n|)"+L+"*(?:([+-]|)"+L+"*(\\d+)|))"+L+"*\\)|)","i"),bool:new RegExp("^(?:"+K+")$","i"),needsContext:new RegExp("^"+L+"*[>+~]|:(even|odd|eq|gt|lt|nth|first|last)(?:\\("+L+"*((?:-\\d)?\\d*)"+L+"*\\)|)(?=[^-]|$)","i")},X=/^(?:input|select|textarea|button)$/i,Y=/^h\d$/i,Z=/^[^{]+\{\s*\[native \w/,$=/^(?:#([\w-]+)|(\w+)|\.([\w-]+))$/,_=/[+~]/,aa=/'|\\/g,ba=new RegExp("\\\\([\\da-f]{1,6}"+L+"?|("+L+")|.)","ig"),ca=function(a,b,c){var d="0x"+b-65536;return d!==d||c?b:0>d?String.fromCharCode(d+65536):String.fromCharCode(d>>10|55296,1023&d|56320)},da=function(){m()};try{H.apply(E=I.call(v.childNodes),v.childNodes),E[v.childNodes.length].nodeType}catch(ea){H={apply:E.length?function(a,b){G.apply(a,I.call(b))}:function(a,b){var c=a.length,d=0;while(a[c++]=b[d++]);a.length=c-1}}}function fa(a,b,d,e){var f,h,j,k,l,o,r,s,w=b&&b.ownerDocument,x=b?b.nodeType:9;if(d=d||[],"string"!=typeof a||!a||1!==x&&9!==x&&11!==x)return d;if(!e&&((b?b.ownerDocument||b:v)!==n&&m(b),b=b||n,p)){if(11!==x&&(o=$.exec(a)))if(f=o[1]){if(9===x){if(!(j=b.getElementById(f)))return d;if(j.id===f)return d.push(j),d}else if(w&&(j=w.getElementById(f))&&t(b,j)&&j.id===f)return d.push(j),d}else{if(o[2])return H.apply(d,b.getElementsByTagName(a)),d;if((f=o[3])&&c.getElementsByClassName&&b.getElementsByClassName)return H.apply(d,b.getElementsByClassName(f)),d}if(c.qsa&&!A[a+" "]&&(!q||!q.test(a))){if(1!==x)w=b,s=a;else if("object"!==b.nodeName.toLowerCase()){(k=b.getAttribute("id"))?k=k.replace(aa,"\\$&"):b.setAttribute("id",k=u),r=g(a),h=r.length,l=V.test(k)?"#"+k:"[id='"+k+"']";while(h--)r[h]=l+" "+qa(r[h]);s=r.join(","),w=_.test(a)&&oa(b.parentNode)||b}if(s)try{return H.apply(d,w.querySelectorAll(s)),d}catch(y){}finally{k===u&&b.removeAttribute("id")}}}return i(a.replace(Q,"$1"),b,d,e)}function ga(){var a=[];function b(c,e){return a.push(c+" ")>d.cacheLength&&delete b[a.shift()],b[c+" "]=e}return b}function ha(a){return a[u]=!0,a}function ia(a){var b=n.createElement("div");try{return!!a(b)}catch(c){return!1}finally{b.parentNode&&b.parentNode.removeChild(b),b=null}}function ja(a,b){var c=a.split("|"),e=c.length;while(e--)d.attrHandle[c[e]]=b}function ka(a,b){var c=b&&a,d=c&&1===a.nodeType&&1===b.nodeType&&(~b.sourceIndex||C)-(~a.sourceIndex||C);if(d)return d;if(c)while(c=c.nextSibling)if(c===b)return-1;return a?1:-1}function la(a){return function(b){var c=b.nodeName.toLowerCase();return"input"===c&&b.type===a}}function ma(a){return function(b){var c=b.nodeName.toLowerCase();return("input"===c||"button"===c)&&b.type===a}}function na(a){return ha(function(b){return b=+b,ha(function(c,d){var e,f=a([],c.length,b),g=f.length;while(g--)c[e=f[g]]&&(c[e]=!(d[e]=c[e]))})})}function oa(a){return a&&"undefined"!=typeof a.getElementsByTagName&&a}c=fa.support={},f=fa.isXML=function(a){var b=a&&(a.ownerDocument||a).documentElement;return b?"HTML"!==b.nodeName:!1},m=fa.setDocument=function(a){var b,e,g=a?a.ownerDocument||a:v;return g!==n&&9===g.nodeType&&g.documentElement?(n=g,o=n.documentElement,p=!f(n),(e=n.defaultView)&&e.top!==e&&(e.addEventListener?e.addEventListener("unload",da,!1):e.attachEvent&&e.attachEvent("onunload",da)),c.attributes=ia(function(a){return a.className="i",!a.getAttribute("className")}),c.getElementsByTagName=ia(function(a){return a.appendChild(n.createComment("")),!a.getElementsByTagName("*").length}),c.getElementsByClassName=Z.test(n.getElementsByClassName),c.getById=ia(function(a){return o.appendChild(a).id=u,!n.getElementsByName||!n.getElementsByName(u).length}),c.getById?(d.find.ID=function(a,b){if("undefined"!=typeof b.getElementById&&p){var c=b.getElementById(a);return c?[c]:[]}},d.filter.ID=function(a){var b=a.replace(ba,ca);return function(a){return a.getAttribute("id")===b}}):(delete d.find.ID,d.filter.ID=function(a){var b=a.replace(ba,ca);return function(a){var c="undefined"!=typeof a.getAttributeNode&&a.getAttributeNode("id");return c&&c.value===b}}),d.find.TAG=c.getElementsByTagName?function(a,b){return"undefined"!=typeof b.getElementsByTagName?b.getElementsByTagName(a):c.qsa?b.querySelectorAll(a):void 0}:function(a,b){var c,d=[],e=0,f=b.getElementsByTagName(a);if("*"===a){while(c=f[e++])1===c.nodeType&&d.push(c);return d}return f},d.find.CLASS=c.getElementsByClassName&&function(a,b){return"undefined"!=typeof b.getElementsByClassName&&p?b.getElementsByClassName(a):void 0},r=[],q=[],(c.qsa=Z.test(n.querySelectorAll))&&(ia(function(a){o.appendChild(a).innerHTML="<a id='"+u+"'></a><select id='"+u+"-\r\\' msallowcapture=''><option selected=''></option></select>",a.querySelectorAll("[msallowcapture^='']").length&&q.push("[*^$]="+L+"*(?:''|\"\")"),a.querySelectorAll("[selected]").length||q.push("\\["+L+"*(?:value|"+K+")"),a.querySelectorAll("[id~="+u+"-]").length||q.push("~="),a.querySelectorAll(":checked").length||q.push(":checked"),a.querySelectorAll("a#"+u+"+*").length||q.push(".#.+[+~]")}),ia(function(a){var b=n.createElement("input");b.setAttribute("type","hidden"),a.appendChild(b).setAttribute("name","D"),a.querySelectorAll("[name=d]").length&&q.push("name"+L+"*[*^$|!~]?="),a.querySelectorAll(":enabled").length||q.push(":enabled",":disabled"),a.querySelectorAll("*,:x"),q.push(",.*:")})),(c.matchesSelector=Z.test(s=o.matches||o.webkitMatchesSelector||o.mozMatchesSelector||o.oMatchesSelector||o.msMatchesSelector))&&ia(function(a){c.disconnectedMatch=s.call(a,"div"),s.call(a,"[s!='']:x"),r.push("!=",O)}),q=q.length&&new RegExp(q.join("|")),r=r.length&&new RegExp(r.join("|")),b=Z.test(o.compareDocumentPosition),t=b||Z.test(o.contains)?function(a,b){var c=9===a.nodeType?a.documentElement:a,d=b&&b.parentNode;return a===d||!(!d||1!==d.nodeType||!(c.contains?c.contains(d):a.compareDocumentPosition&&16&a.compareDocumentPosition(d)))}:function(a,b){if(b)while(b=b.parentNode)if(b===a)return!0;return!1},B=b?function(a,b){if(a===b)return l=!0,0;var d=!a.compareDocumentPosition-!b.compareDocumentPosition;return d?d:(d=(a.ownerDocument||a)===(b.ownerDocument||b)?a.compareDocumentPosition(b):1,1&d||!c.sortDetached&&b.compareDocumentPosition(a)===d?a===n||a.ownerDocument===v&&t(v,a)?-1:b===n||b.ownerDocument===v&&t(v,b)?1:k?J(k,a)-J(k,b):0:4&d?-1:1)}:function(a,b){if(a===b)return l=!0,0;var c,d=0,e=a.parentNode,f=b.parentNode,g=[a],h=[b];if(!e||!f)return a===n?-1:b===n?1:e?-1:f?1:k?J(k,a)-J(k,b):0;if(e===f)return ka(a,b);c=a;while(c=c.parentNode)g.unshift(c);c=b;while(c=c.parentNode)h.unshift(c);while(g[d]===h[d])d++;return d?ka(g[d],h[d]):g[d]===v?-1:h[d]===v?1:0},n):n},fa.matches=function(a,b){return fa(a,null,null,b)},fa.matchesSelector=function(a,b){if((a.ownerDocument||a)!==n&&m(a),b=b.replace(T,"='$1']"),c.matchesSelector&&p&&!A[b+" "]&&(!r||!r.test(b))&&(!q||!q.test(b)))try{var d=s.call(a,b);if(d||c.disconnectedMatch||a.document&&11!==a.document.nodeType)return d}catch(e){}return fa(b,n,null,[a]).length>0},fa.contains=function(a,b){return(a.ownerDocument||a)!==n&&m(a),t(a,b)},fa.attr=function(a,b){(a.ownerDocument||a)!==n&&m(a);var e=d.attrHandle[b.toLowerCase()],f=e&&D.call(d.attrHandle,b.toLowerCase())?e(a,b,!p):void 0;return void 0!==f?f:c.attributes||!p?a.getAttribute(b):(f=a.getAttributeNode(b))&&f.specified?f.value:null},fa.error=function(a){throw new Error("Syntax error, unrecognized expression: "+a)},fa.uniqueSort=function(a){var b,d=[],e=0,f=0;if(l=!c.detectDuplicates,k=!c.sortStable&&a.slice(0),a.sort(B),l){while(b=a[f++])b===a[f]&&(e=d.push(f));while(e--)a.splice(d[e],1)}return k=null,a},e=fa.getText=function(a){var b,c="",d=0,f=a.nodeType;if(f){if(1===f||9===f||11===f){if("string"==typeof a.textContent)return a.textContent;for(a=a.firstChild;a;a=a.nextSibling)c+=e(a)}else if(3===f||4===f)return a.nodeValue}else while(b=a[d++])c+=e(b);return c},d=fa.selectors={cacheLength:50,createPseudo:ha,match:W,attrHandle:{},find:{},relative:{">":{dir:"parentNode",first:!0}," ":{dir:"parentNode"},"+":{dir:"previousSibling",first:!0},"~":{dir:"previousSibling"}},preFilter:{ATTR:function(a){return a[1]=a[1].replace(ba,ca),a[3]=(a[3]||a[4]||a[5]||"").replace(ba,ca),"~="===a[2]&&(a[3]=" "+a[3]+" "),a.slice(0,4)},CHILD:function(a){return a[1]=a[1].toLowerCase(),"nth"===a[1].slice(0,3)?(a[3]||fa.error(a[0]),a[4]=+(a[4]?a[5]+(a[6]||1):2*("even"===a[3]||"odd"===a[3])),a[5]=+(a[7]+a[8]||"odd"===a[3])):a[3]&&fa.error(a[0]),a},PSEUDO:function(a){var b,c=!a[6]&&a[2];return W.CHILD.test(a[0])?null:(a[3]?a[2]=a[4]||a[5]||"":c&&U.test(c)&&(b=g(c,!0))&&(b=c.indexOf(")",c.length-b)-c.length)&&(a[0]=a[0].slice(0,b),a[2]=c.slice(0,b)),a.slice(0,3))}},filter:{TAG:function(a){var b=a.replace(ba,ca).toLowerCase();return"*"===a?function(){return!0}:function(a){return a.nodeName&&a.nodeName.toLowerCase()===b}},CLASS:function(a){var b=y[a+" "];return b||(b=new RegExp("(^|"+L+")"+a+"("+L+"|$)"))&&y(a,function(a){return b.test("string"==typeof a.className&&a.className||"undefined"!=typeof a.getAttribute&&a.getAttribute("class")||"")})},ATTR:function(a,b,c){return function(d){var e=fa.attr(d,a);return null==e?"!="===b:b?(e+="","="===b?e===c:"!="===b?e!==c:"^="===b?c&&0===e.indexOf(c):"*="===b?c&&e.indexOf(c)>-1:"$="===b?c&&e.slice(-c.length)===c:"~="===b?(" "+e.replace(P," ")+" ").indexOf(c)>-1:"|="===b?e===c||e.slice(0,c.length+1)===c+"-":!1):!0}},CHILD:function(a,b,c,d,e){var f="nth"!==a.slice(0,3),g="last"!==a.slice(-4),h="of-type"===b;return 1===d&&0===e?function(a){return!!a.parentNode}:function(b,c,i){var j,k,l,m,n,o,p=f!==g?"nextSibling":"previousSibling",q=b.parentNode,r=h&&b.nodeName.toLowerCase(),s=!i&&!h,t=!1;if(q){if(f){while(p){m=b;while(m=m[p])if(h?m.nodeName.toLowerCase()===r:1===m.nodeType)return!1;o=p="only"===a&&!o&&"nextSibling"}return!0}if(o=[g?q.firstChild:q.lastChild],g&&s){m=q,l=m[u]||(m[u]={}),k=l[m.uniqueID]||(l[m.uniqueID]={}),j=k[a]||[],n=j[0]===w&&j[1],t=n&&j[2],m=n&&q.childNodes[n];while(m=++n&&m&&m[p]||(t=n=0)||o.pop())if(1===m.nodeType&&++t&&m===b){k[a]=[w,n,t];break}}else if(s&&(m=b,l=m[u]||(m[u]={}),k=l[m.uniqueID]||(l[m.uniqueID]={}),j=k[a]||[],n=j[0]===w&&j[1],t=n),t===!1)while(m=++n&&m&&m[p]||(t=n=0)||o.pop())if((h?m.nodeName.toLowerCase()===r:1===m.nodeType)&&++t&&(s&&(l=m[u]||(m[u]={}),k=l[m.uniqueID]||(l[m.uniqueID]={}),k[a]=[w,t]),m===b))break;return t-=e,t===d||t%d===0&&t/d>=0}}},PSEUDO:function(a,b){var c,e=d.pseudos[a]||d.setFilters[a.toLowerCase()]||fa.error("unsupported pseudo: "+a);return e[u]?e(b):e.length>1?(c=[a,a,"",b],d.setFilters.hasOwnProperty(a.toLowerCase())?ha(function(a,c){var d,f=e(a,b),g=f.length;while(g--)d=J(a,f[g]),a[d]=!(c[d]=f[g])}):function(a){return e(a,0,c)}):e}},pseudos:{not:ha(function(a){var b=[],c=[],d=h(a.replace(Q,"$1"));return d[u]?ha(function(a,b,c,e){var f,g=d(a,null,e,[]),h=a.length;while(h--)(f=g[h])&&(a[h]=!(b[h]=f))}):function(a,e,f){return b[0]=a,d(b,null,f,c),b[0]=null,!c.pop()}}),has:ha(function(a){return function(b){return fa(a,b).length>0}}),contains:ha(function(a){return a=a.replace(ba,ca),function(b){return(b.textContent||b.innerText||e(b)).indexOf(a)>-1}}),lang:ha(function(a){return V.test(a||"")||fa.error("unsupported lang: "+a),a=a.replace(ba,ca).toLowerCase(),function(b){var c;do if(c=p?b.lang:b.getAttribute("xml:lang")||b.getAttribute("lang"))return c=c.toLowerCase(),c===a||0===c.indexOf(a+"-");while((b=b.parentNode)&&1===b.nodeType);return!1}}),target:function(b){var c=a.location&&a.location.hash;return c&&c.slice(1)===b.id},root:function(a){return a===o},focus:function(a){return a===n.activeElement&&(!n.hasFocus||n.hasFocus())&&!!(a.type||a.href||~a.tabIndex)},enabled:function(a){return a.disabled===!1},disabled:function(a){return a.disabled===!0},checked:function(a){var b=a.nodeName.toLowerCase();return"input"===b&&!!a.checked||"option"===b&&!!a.selected},selected:function(a){return a.parentNode&&a.parentNode.selectedIndex,a.selected===!0},empty:function(a){for(a=a.firstChild;a;a=a.nextSibling)if(a.nodeType<6)return!1;return!0},parent:function(a){return!d.pseudos.empty(a)},header:function(a){return Y.test(a.nodeName)},input:function(a){return X.test(a.nodeName)},button:function(a){var b=a.nodeName.toLowerCase();return"input"===b&&"button"===a.type||"button"===b},text:function(a){var b;return"input"===a.nodeName.toLowerCase()&&"text"===a.type&&(null==(b=a.getAttribute("type"))||"text"===b.toLowerCase())},first:na(function(){return[0]}),last:na(function(a,b){return[b-1]}),eq:na(function(a,b,c){return[0>c?c+b:c]}),even:na(function(a,b){for(var c=0;b>c;c+=2)a.push(c);return a}),odd:na(function(a,b){for(var c=1;b>c;c+=2)a.push(c);return a}),lt:na(function(a,b,c){for(var d=0>c?c+b:c;--d>=0;)a.push(d);return a}),gt:na(function(a,b,c){for(var d=0>c?c+b:c;++d<b;)a.push(d);return a})}},d.pseudos.nth=d.pseudos.eq;for(b in{radio:!0,checkbox:!0,file:!0,password:!0,image:!0})d.pseudos[b]=la(b);for(b in{submit:!0,reset:!0})d.pseudos[b]=ma(b);function pa(){}pa.prototype=d.filters=d.pseudos,d.setFilters=new pa,g=fa.tokenize=function(a,b){var c,e,f,g,h,i,j,k=z[a+" "];if(k)return b?0:k.slice(0);h=a,i=[],j=d.preFilter;while(h){c&&!(e=R.exec(h))||(e&&(h=h.slice(e[0].length)||h),i.push(f=[])),c=!1,(e=S.exec(h))&&(c=e.shift(),f.push({value:c,type:e[0].replace(Q," ")}),h=h.slice(c.length));for(g in d.filter)!(e=W[g].exec(h))||j[g]&&!(e=j[g](e))||(c=e.shift(),f.push({value:c,type:g,matches:e}),h=h.slice(c.length));if(!c)break}return b?h.length:h?fa.error(a):z(a,i).slice(0)};function qa(a){for(var b=0,c=a.length,d="";c>b;b++)d+=a[b].value;return d}function ra(a,b,c){var d=b.dir,e=c&&"parentNode"===d,f=x++;return b.first?function(b,c,f){while(b=b[d])if(1===b.nodeType||e)return a(b,c,f)}:function(b,c,g){var h,i,j,k=[w,f];if(g){while(b=b[d])if((1===b.nodeType||e)&&a(b,c,g))return!0}else while(b=b[d])if(1===b.nodeType||e){if(j=b[u]||(b[u]={}),i=j[b.uniqueID]||(j[b.uniqueID]={}),(h=i[d])&&h[0]===w&&h[1]===f)return k[2]=h[2];if(i[d]=k,k[2]=a(b,c,g))return!0}}}function sa(a){return a.length>1?function(b,c,d){var e=a.length;while(e--)if(!a[e](b,c,d))return!1;return!0}:a[0]}function ta(a,b,c){for(var d=0,e=b.length;e>d;d++)fa(a,b[d],c);return c}function ua(a,b,c,d,e){for(var f,g=[],h=0,i=a.length,j=null!=b;i>h;h++)(f=a[h])&&(c&&!c(f,d,e)||(g.push(f),j&&b.push(h)));return g}function va(a,b,c,d,e,f){return d&&!d[u]&&(d=va(d)),e&&!e[u]&&(e=va(e,f)),ha(function(f,g,h,i){var j,k,l,m=[],n=[],o=g.length,p=f||ta(b||"*",h.nodeType?[h]:h,[]),q=!a||!f&&b?p:ua(p,m,a,h,i),r=c?e||(f?a:o||d)?[]:g:q;if(c&&c(q,r,h,i),d){j=ua(r,n),d(j,[],h,i),k=j.length;while(k--)(l=j[k])&&(r[n[k]]=!(q[n[k]]=l))}if(f){if(e||a){if(e){j=[],k=r.length;while(k--)(l=r[k])&&j.push(q[k]=l);e(null,r=[],j,i)}k=r.length;while(k--)(l=r[k])&&(j=e?J(f,l):m[k])>-1&&(f[j]=!(g[j]=l))}}else r=ua(r===g?r.splice(o,r.length):r),e?e(null,g,r,i):H.apply(g,r)})}function wa(a){for(var b,c,e,f=a.length,g=d.relative[a[0].type],h=g||d.relative[" "],i=g?1:0,k=ra(function(a){return a===b},h,!0),l=ra(function(a){return J(b,a)>-1},h,!0),m=[function(a,c,d){var e=!g&&(d||c!==j)||((b=c).nodeType?k(a,c,d):l(a,c,d));return b=null,e}];f>i;i++)if(c=d.relative[a[i].type])m=[ra(sa(m),c)];else{if(c=d.filter[a[i].type].apply(null,a[i].matches),c[u]){for(e=++i;f>e;e++)if(d.relative[a[e].type])break;return va(i>1&&sa(m),i>1&&qa(a.slice(0,i-1).concat({value:" "===a[i-2].type?"*":""})).replace(Q,"$1"),c,e>i&&wa(a.slice(i,e)),f>e&&wa(a=a.slice(e)),f>e&&qa(a))}m.push(c)}return sa(m)}function xa(a,b){var c=b.length>0,e=a.length>0,f=function(f,g,h,i,k){var l,o,q,r=0,s="0",t=f&&[],u=[],v=j,x=f||e&&d.find.TAG("*",k),y=w+=null==v?1:Math.random()||.1,z=x.length;for(k&&(j=g===n||g||k);s!==z&&null!=(l=x[s]);s++){if(e&&l){o=0,g||l.ownerDocument===n||(m(l),h=!p);while(q=a[o++])if(q(l,g||n,h)){i.push(l);break}k&&(w=y)}c&&((l=!q&&l)&&r--,f&&t.push(l))}if(r+=s,c&&s!==r){o=0;while(q=b[o++])q(t,u,g,h);if(f){if(r>0)while(s--)t[s]||u[s]||(u[s]=F.call(i));u=ua(u)}H.apply(i,u),k&&!f&&u.length>0&&r+b.length>1&&fa.uniqueSort(i)}return k&&(w=y,j=v),t};return c?ha(f):f}return h=fa.compile=function(a,b){var c,d=[],e=[],f=A[a+" "];if(!f){b||(b=g(a)),c=b.length;while(c--)f=wa(b[c]),f[u]?d.push(f):e.push(f);f=A(a,xa(e,d)),f.selector=a}return f},i=fa.select=function(a,b,e,f){var i,j,k,l,m,n="function"==typeof a&&a,o=!f&&g(a=n.selector||a);if(e=e||[],1===o.length){if(j=o[0]=o[0].slice(0),j.length>2&&"ID"===(k=j[0]).type&&c.getById&&9===b.nodeType&&p&&d.relative[j[1].type]){if(b=(d.find.ID(k.matches[0].replace(ba,ca),b)||[])[0],!b)return e;n&&(b=b.parentNode),a=a.slice(j.shift().value.length)}i=W.needsContext.test(a)?0:j.length;while(i--){if(k=j[i],d.relative[l=k.type])break;if((m=d.find[l])&&(f=m(k.matches[0].replace(ba,ca),_.test(j[0].type)&&oa(b.parentNode)||b))){if(j.splice(i,1),a=f.length&&qa(j),!a)return H.apply(e,f),e;break}}}return(n||h(a,o))(f,b,!p,e,!b||_.test(a)&&oa(b.parentNode)||b),e},c.sortStable=u.split("").sort(B).join("")===u,c.detectDuplicates=!!l,m(),c.sortDetached=ia(function(a){return 1&a.compareDocumentPosition(n.createElement("div"))}),ia(function(a){return a.innerHTML="<a href='#'></a>","#"===a.firstChild.getAttribute("href")})||ja("type|href|height|width",function(a,b,c){return c?void 0:a.getAttribute(b,"type"===b.toLowerCase()?1:2)}),c.attributes&&ia(function(a){return a.innerHTML="<input/>",a.firstChild.setAttribute("value",""),""===a.firstChild.getAttribute("value")})||ja("value",function(a,b,c){return c||"input"!==a.nodeName.toLowerCase()?void 0:a.defaultValue}),ia(function(a){return null==a.getAttribute("disabled")})||ja(K,function(a,b,c){var d;return c?void 0:a[b]===!0?b.toLowerCase():(d=a.getAttributeNode(b))&&d.specified?d.value:null}),fa}(a);n.find=t,n.expr=t.selectors,n.expr[":"]=n.expr.pseudos,n.uniqueSort=n.unique=t.uniqueSort,n.text=t.getText,n.isXMLDoc=t.isXML,n.contains=t.contains;var u=function(a,b,c){var d=[],e=void 0!==c;while((a=a[b])&&9!==a.nodeType)if(1===a.nodeType){if(e&&n(a).is(c))break;d.push(a)}return d},v=function(a,b){for(var c=[];a;a=a.nextSibling)1===a.nodeType&&a!==b&&c.push(a);return c},w=n.expr.match.needsContext,x=/^<([\w-]+)\s*\/?>(?:<\/\1>|)$/,y=/^.[^:#\[\.,]*$/;function z(a,b,c){if(n.isFunction(b))return n.grep(a,function(a,d){return!!b.call(a,d,a)!==c});if(b.nodeType)return n.grep(a,function(a){return a===b!==c});if("string"==typeof b){if(y.test(b))return n.filter(b,a,c);b=n.filter(b,a)}return n.grep(a,function(a){return h.call(b,a)>-1!==c})}n.filter=function(a,b,c){var d=b[0];return c&&(a=":not("+a+")"),1===b.length&&1===d.nodeType?n.find.matchesSelector(d,a)?[d]:[]:n.find.matches(a,n.grep(b,function(a){return 1===a.nodeType}))},n.fn.extend({find:function(a){var b,c=this.length,d=[],e=this;if("string"!=typeof a)return this.pushStack(n(a).filter(function(){for(b=0;c>b;b++)if(n.contains(e[b],this))return!0}));for(b=0;c>b;b++)n.find(a,e[b],d);return d=this.pushStack(c>1?n.unique(d):d),d.selector=this.selector?this.selector+" "+a:a,d},filter:function(a){return this.pushStack(z(this,a||[],!1))},not:function(a){return this.pushStack(z(this,a||[],!0))},is:function(a){return!!z(this,"string"==typeof a&&w.test(a)?n(a):a||[],!1).length}});var A,B=/^(?:\s*(<[\w\W]+>)[^>]*|#([\w-]*))$/,C=n.fn.init=function(a,b,c){var e,f;if(!a)return this;if(c=c||A,"string"==typeof a){if(e="<"===a[0]&&">"===a[a.length-1]&&a.length>=3?[null,a,null]:B.exec(a),!e||!e[1]&&b)return!b||b.jquery?(b||c).find(a):this.constructor(b).find(a);if(e[1]){if(b=b instanceof n?b[0]:b,n.merge(this,n.parseHTML(e[1],b&&b.nodeType?b.ownerDocument||b:d,!0)),x.test(e[1])&&n.isPlainObject(b))for(e in b)n.isFunction(this[e])?this[e](b[e]):this.attr(e,b[e]);return this}return f=d.getElementById(e[2]),f&&f.parentNode&&(this.length=1,this[0]=f),this.context=d,this.selector=a,this}return a.nodeType?(this.context=this[0]=a,this.length=1,this):n.isFunction(a)?void 0!==c.ready?c.ready(a):a(n):(void 0!==a.selector&&(this.selector=a.selector,this.context=a.context),n.makeArray(a,this))};C.prototype=n.fn,A=n(d);var D=/^(?:parents|prev(?:Until|All))/,E={children:!0,contents:!0,next:!0,prev:!0};n.fn.extend({has:function(a){var b=n(a,this),c=b.length;return this.filter(function(){for(var a=0;c>a;a++)if(n.contains(this,b[a]))return!0})},closest:function(a,b){for(var c,d=0,e=this.length,f=[],g=w.test(a)||"string"!=typeof a?n(a,b||this.context):0;e>d;d++)for(c=this[d];c&&c!==b;c=c.parentNode)if(c.nodeType<11&&(g?g.index(c)>-1:1===c.nodeType&&n.find.matchesSelector(c,a))){f.push(c);break}return this.pushStack(f.length>1?n.uniqueSort(f):f)},index:function(a){return a?"string"==typeof a?h.call(n(a),this[0]):h.call(this,a.jquery?a[0]:a):this[0]&&this[0].parentNode?this.first().prevAll().length:-1},add:function(a,b){return this.pushStack(n.uniqueSort(n.merge(this.get(),n(a,b))))},addBack:function(a){return this.add(null==a?this.prevObject:this.prevObject.filter(a))}});function F(a,b){while((a=a[b])&&1!==a.nodeType);return a}n.each({parent:function(a){var b=a.parentNode;return b&&11!==b.nodeType?b:null},parents:function(a){return u(a,"parentNode")},parentsUntil:function(a,b,c){return u(a,"parentNode",c)},next:function(a){return F(a,"nextSibling")},prev:function(a){return F(a,"previousSibling")},nextAll:function(a){return u(a,"nextSibling")},prevAll:function(a){return u(a,"previousSibling")},nextUntil:function(a,b,c){return u(a,"nextSibling",c)},prevUntil:function(a,b,c){return u(a,"previousSibling",c)},siblings:function(a){return v((a.parentNode||{}).firstChild,a)},children:function(a){return v(a.firstChild)},contents:function(a){return a.contentDocument||n.merge([],a.childNodes)}},function(a,b){n.fn[a]=function(c,d){var e=n.map(this,b,c);return"Until"!==a.slice(-5)&&(d=c),d&&"string"==typeof d&&(e=n.filter(d,e)),this.length>1&&(E[a]||n.uniqueSort(e),D.test(a)&&e.reverse()),this.pushStack(e)}});var G=/\S+/g;function H(a){var b={};return n.each(a.match(G)||[],function(a,c){b[c]=!0}),b}n.Callbacks=function(a){a="string"==typeof a?H(a):n.extend({},a);var b,c,d,e,f=[],g=[],h=-1,i=function(){for(e=a.once,d=b=!0;g.length;h=-1){c=g.shift();while(++h<f.length)f[h].apply(c[0],c[1])===!1&&a.stopOnFalse&&(h=f.length,c=!1)}a.memory||(c=!1),b=!1,e&&(f=c?[]:"")},j={add:function(){return f&&(c&&!b&&(h=f.length-1,g.push(c)),function d(b){n.each(b,function(b,c){n.isFunction(c)?a.unique&&j.has(c)||f.push(c):c&&c.length&&"string"!==n.type(c)&&d(c)})}(arguments),c&&!b&&i()),this},remove:function(){return n.each(arguments,function(a,b){var c;while((c=n.inArray(b,f,c))>-1)f.splice(c,1),h>=c&&h--}),this},has:function(a){return a?n.inArray(a,f)>-1:f.length>0},empty:function(){return f&&(f=[]),this},disable:function(){return e=g=[],f=c="",this},disabled:function(){return!f},lock:function(){return e=g=[],c||(f=c=""),this},locked:function(){return!!e},fireWith:function(a,c){return e||(c=c||[],c=[a,c.slice?c.slice():c],g.push(c),b||i()),this},fire:function(){return j.fireWith(this,arguments),this},fired:function(){return!!d}};return j},n.extend({Deferred:function(a){var b=[["resolve","done",n.Callbacks("once memory"),"resolved"],["reject","fail",n.Callbacks("once memory"),"rejected"],["notify","progress",n.Callbacks("memory")]],c="pending",d={state:function(){return c},always:function(){return e.done(arguments).fail(arguments),this},then:function(){var a=arguments;return n.Deferred(function(c){n.each(b,function(b,f){var g=n.isFunction(a[b])&&a[b];e[f[1]](function(){var a=g&&g.apply(this,arguments);a&&n.isFunction(a.promise)?a.promise().progress(c.notify).done(c.resolve).fail(c.reject):c[f[0]+"With"](this===d?c.promise():this,g?[a]:arguments)})}),a=null}).promise()},promise:function(a){return null!=a?n.extend(a,d):d}},e={};return d.pipe=d.then,n.each(b,function(a,f){var g=f[2],h=f[3];d[f[1]]=g.add,h&&g.add(function(){c=h},b[1^a][2].disable,b[2][2].lock),e[f[0]]=function(){return e[f[0]+"With"](this===e?d:this,arguments),this},e[f[0]+"With"]=g.fireWith}),d.promise(e),a&&a.call(e,e),e},when:function(a){var b=0,c=e.call(arguments),d=c.length,f=1!==d||a&&n.isFunction(a.promise)?d:0,g=1===f?a:n.Deferred(),h=function(a,b,c){return function(d){b[a]=this,c[a]=arguments.length>1?e.call(arguments):d,c===i?g.notifyWith(b,c):--f||g.resolveWith(b,c)}},i,j,k;if(d>1)for(i=new Array(d),j=new Array(d),k=new Array(d);d>b;b++)c[b]&&n.isFunction(c[b].promise)?c[b].promise().progress(h(b,j,i)).done(h(b,k,c)).fail(g.reject):--f;return f||g.resolveWith(k,c),g.promise()}});var I;n.fn.ready=function(a){return n.ready.promise().done(a),this},n.extend({isReady:!1,readyWait:1,holdReady:function(a){a?n.readyWait++:n.ready(!0)},ready:function(a){(a===!0?--n.readyWait:n.isReady)||(n.isReady=!0,a!==!0&&--n.readyWait>0||(I.resolveWith(d,[n]),n.fn.triggerHandler&&(n(d).triggerHandler("ready"),n(d).off("ready"))))}});function J(){d.removeEventListener("DOMContentLoaded",J),a.removeEventListener("load",J),n.ready()}n.ready.promise=function(b){return I||(I=n.Deferred(),"complete"===d.readyState||"loading"!==d.readyState&&!d.documentElement.doScroll?a.setTimeout(n.ready):(d.addEventListener("DOMContentLoaded",J),a.addEventListener("load",J))),I.promise(b)},n.ready.promise();var K=function(a,b,c,d,e,f,g){var h=0,i=a.length,j=null==c;if("object"===n.type(c)){e=!0;for(h in c)K(a,b,h,c[h],!0,f,g)}else if(void 0!==d&&(e=!0,n.isFunction(d)||(g=!0),j&&(g?(b.call(a,d),b=null):(j=b,b=function(a,b,c){return j.call(n(a),c)})),b))for(;i>h;h++)b(a[h],c,g?d:d.call(a[h],h,b(a[h],c)));return e?a:j?b.call(a):i?b(a[0],c):f},L=function(a){return 1===a.nodeType||9===a.nodeType||!+a.nodeType};function M(){this.expando=n.expando+M.uid++}M.uid=1,M.prototype={register:function(a,b){var c=b||{};return a.nodeType?a[this.expando]=c:Object.defineProperty(a,this.expando,{value:c,writable:!0,configurable:!0}),a[this.expando]},cache:function(a){if(!L(a))return{};var b=a[this.expando];return b||(b={},L(a)&&(a.nodeType?a[this.expando]=b:Object.defineProperty(a,this.expando,{value:b,configurable:!0}))),b},set:function(a,b,c){var d,e=this.cache(a);if("string"==typeof b)e[b]=c;else for(d in b)e[d]=b[d];return e},get:function(a,b){return void 0===b?this.cache(a):a[this.expando]&&a[this.expando][b]},access:function(a,b,c){var d;return void 0===b||b&&"string"==typeof b&&void 0===c?(d=this.get(a,b),void 0!==d?d:this.get(a,n.camelCase(b))):(this.set(a,b,c),void 0!==c?c:b)},remove:function(a,b){var c,d,e,f=a[this.expando];if(void 0!==f){if(void 0===b)this.register(a);else{n.isArray(b)?d=b.concat(b.map(n.camelCase)):(e=n.camelCase(b),b in f?d=[b,e]:(d=e,d=d in f?[d]:d.match(G)||[])),c=d.length;while(c--)delete f[d[c]]}(void 0===b||n.isEmptyObject(f))&&(a.nodeType?a[this.expando]=void 0:delete a[this.expando])}},hasData:function(a){var b=a[this.expando];return void 0!==b&&!n.isEmptyObject(b)}};var N=new M,O=new M,P=/^(?:\{[\w\W]*\}|\[[\w\W]*\])$/,Q=/[A-Z]/g;function R(a,b,c){var d;if(void 0===c&&1===a.nodeType)if(d="data-"+b.replace(Q,"-$&").toLowerCase(),c=a.getAttribute(d),"string"==typeof c){try{c="true"===c?!0:"false"===c?!1:"null"===c?null:+c+""===c?+c:P.test(c)?n.parseJSON(c):c;
+}catch(e){}O.set(a,b,c)}else c=void 0;return c}n.extend({hasData:function(a){return O.hasData(a)||N.hasData(a)},data:function(a,b,c){return O.access(a,b,c)},removeData:function(a,b){O.remove(a,b)},_data:function(a,b,c){return N.access(a,b,c)},_removeData:function(a,b){N.remove(a,b)}}),n.fn.extend({data:function(a,b){var c,d,e,f=this[0],g=f&&f.attributes;if(void 0===a){if(this.length&&(e=O.get(f),1===f.nodeType&&!N.get(f,"hasDataAttrs"))){c=g.length;while(c--)g[c]&&(d=g[c].name,0===d.indexOf("data-")&&(d=n.camelCase(d.slice(5)),R(f,d,e[d])));N.set(f,"hasDataAttrs",!0)}return e}return"object"==typeof a?this.each(function(){O.set(this,a)}):K(this,function(b){var c,d;if(f&&void 0===b){if(c=O.get(f,a)||O.get(f,a.replace(Q,"-$&").toLowerCase()),void 0!==c)return c;if(d=n.camelCase(a),c=O.get(f,d),void 0!==c)return c;if(c=R(f,d,void 0),void 0!==c)return c}else d=n.camelCase(a),this.each(function(){var c=O.get(this,d);O.set(this,d,b),a.indexOf("-")>-1&&void 0!==c&&O.set(this,a,b)})},null,b,arguments.length>1,null,!0)},removeData:function(a){return this.each(function(){O.remove(this,a)})}}),n.extend({queue:function(a,b,c){var d;return a?(b=(b||"fx")+"queue",d=N.get(a,b),c&&(!d||n.isArray(c)?d=N.access(a,b,n.makeArray(c)):d.push(c)),d||[]):void 0},dequeue:function(a,b){b=b||"fx";var c=n.queue(a,b),d=c.length,e=c.shift(),f=n._queueHooks(a,b),g=function(){n.dequeue(a,b)};"inprogress"===e&&(e=c.shift(),d--),e&&("fx"===b&&c.unshift("inprogress"),delete f.stop,e.call(a,g,f)),!d&&f&&f.empty.fire()},_queueHooks:function(a,b){var c=b+"queueHooks";return N.get(a,c)||N.access(a,c,{empty:n.Callbacks("once memory").add(function(){N.remove(a,[b+"queue",c])})})}}),n.fn.extend({queue:function(a,b){var c=2;return"string"!=typeof a&&(b=a,a="fx",c--),arguments.length<c?n.queue(this[0],a):void 0===b?this:this.each(function(){var c=n.queue(this,a,b);n._queueHooks(this,a),"fx"===a&&"inprogress"!==c[0]&&n.dequeue(this,a)})},dequeue:function(a){return this.each(function(){n.dequeue(this,a)})},clearQueue:function(a){return this.queue(a||"fx",[])},promise:function(a,b){var c,d=1,e=n.Deferred(),f=this,g=this.length,h=function(){--d||e.resolveWith(f,[f])};"string"!=typeof a&&(b=a,a=void 0),a=a||"fx";while(g--)c=N.get(f[g],a+"queueHooks"),c&&c.empty&&(d++,c.empty.add(h));return h(),e.promise(b)}});var S=/[+-]?(?:\d*\.|)\d+(?:[eE][+-]?\d+|)/.source,T=new RegExp("^(?:([+-])=|)("+S+")([a-z%]*)$","i"),U=["Top","Right","Bottom","Left"],V=function(a,b){return a=b||a,"none"===n.css(a,"display")||!n.contains(a.ownerDocument,a)};function W(a,b,c,d){var e,f=1,g=20,h=d?function(){return d.cur()}:function(){return n.css(a,b,"")},i=h(),j=c&&c[3]||(n.cssNumber[b]?"":"px"),k=(n.cssNumber[b]||"px"!==j&&+i)&&T.exec(n.css(a,b));if(k&&k[3]!==j){j=j||k[3],c=c||[],k=+i||1;do f=f||".5",k/=f,n.style(a,b,k+j);while(f!==(f=h()/i)&&1!==f&&--g)}return c&&(k=+k||+i||0,e=c[1]?k+(c[1]+1)*c[2]:+c[2],d&&(d.unit=j,d.start=k,d.end=e)),e}var X=/^(?:checkbox|radio)$/i,Y=/<([\w:-]+)/,Z=/^$|\/(?:java|ecma)script/i,$={option:[1,"<select multiple='multiple'>","</select>"],thead:[1,"<table>","</table>"],col:[2,"<table><colgroup>","</colgroup></table>"],tr:[2,"<table><tbody>","</tbody></table>"],td:[3,"<table><tbody><tr>","</tr></tbody></table>"],_default:[0,"",""]};$.optgroup=$.option,$.tbody=$.tfoot=$.colgroup=$.caption=$.thead,$.th=$.td;function _(a,b){var c="undefined"!=typeof a.getElementsByTagName?a.getElementsByTagName(b||"*"):"undefined"!=typeof a.querySelectorAll?a.querySelectorAll(b||"*"):[];return void 0===b||b&&n.nodeName(a,b)?n.merge([a],c):c}function aa(a,b){for(var c=0,d=a.length;d>c;c++)N.set(a[c],"globalEval",!b||N.get(b[c],"globalEval"))}var ba=/<|&#?\w+;/;function ca(a,b,c,d,e){for(var f,g,h,i,j,k,l=b.createDocumentFragment(),m=[],o=0,p=a.length;p>o;o++)if(f=a[o],f||0===f)if("object"===n.type(f))n.merge(m,f.nodeType?[f]:f);else if(ba.test(f)){g=g||l.appendChild(b.createElement("div")),h=(Y.exec(f)||["",""])[1].toLowerCase(),i=$[h]||$._default,g.innerHTML=i[1]+n.htmlPrefilter(f)+i[2],k=i[0];while(k--)g=g.lastChild;n.merge(m,g.childNodes),g=l.firstChild,g.textContent=""}else m.push(b.createTextNode(f));l.textContent="",o=0;while(f=m[o++])if(d&&n.inArray(f,d)>-1)e&&e.push(f);else if(j=n.contains(f.ownerDocument,f),g=_(l.appendChild(f),"script"),j&&aa(g),c){k=0;while(f=g[k++])Z.test(f.type||"")&&c.push(f)}return l}!function(){var a=d.createDocumentFragment(),b=a.appendChild(d.createElement("div")),c=d.createElement("input");c.setAttribute("type","radio"),c.setAttribute("checked","checked"),c.setAttribute("name","t"),b.appendChild(c),l.checkClone=b.cloneNode(!0).cloneNode(!0).lastChild.checked,b.innerHTML="<textarea>x</textarea>",l.noCloneChecked=!!b.cloneNode(!0).lastChild.defaultValue}();var da=/^key/,ea=/^(?:mouse|pointer|contextmenu|drag|drop)|click/,fa=/^([^.]*)(?:\.(.+)|)/;function ga(){return!0}function ha(){return!1}function ia(){try{return d.activeElement}catch(a){}}function ja(a,b,c,d,e,f){var g,h;if("object"==typeof b){"string"!=typeof c&&(d=d||c,c=void 0);for(h in b)ja(a,h,c,d,b[h],f);return a}if(null==d&&null==e?(e=c,d=c=void 0):null==e&&("string"==typeof c?(e=d,d=void 0):(e=d,d=c,c=void 0)),e===!1)e=ha;else if(!e)return a;return 1===f&&(g=e,e=function(a){return n().off(a),g.apply(this,arguments)},e.guid=g.guid||(g.guid=n.guid++)),a.each(function(){n.event.add(this,b,e,d,c)})}n.event={global:{},add:function(a,b,c,d,e){var f,g,h,i,j,k,l,m,o,p,q,r=N.get(a);if(r){c.handler&&(f=c,c=f.handler,e=f.selector),c.guid||(c.guid=n.guid++),(i=r.events)||(i=r.events={}),(g=r.handle)||(g=r.handle=function(b){return"undefined"!=typeof n&&n.event.triggered!==b.type?n.event.dispatch.apply(a,arguments):void 0}),b=(b||"").match(G)||[""],j=b.length;while(j--)h=fa.exec(b[j])||[],o=q=h[1],p=(h[2]||"").split(".").sort(),o&&(l=n.event.special[o]||{},o=(e?l.delegateType:l.bindType)||o,l=n.event.special[o]||{},k=n.extend({type:o,origType:q,data:d,handler:c,guid:c.guid,selector:e,needsContext:e&&n.expr.match.needsContext.test(e),namespace:p.join(".")},f),(m=i[o])||(m=i[o]=[],m.delegateCount=0,l.setup&&l.setup.call(a,d,p,g)!==!1||a.addEventListener&&a.addEventListener(o,g)),l.add&&(l.add.call(a,k),k.handler.guid||(k.handler.guid=c.guid)),e?m.splice(m.delegateCount++,0,k):m.push(k),n.event.global[o]=!0)}},remove:function(a,b,c,d,e){var f,g,h,i,j,k,l,m,o,p,q,r=N.hasData(a)&&N.get(a);if(r&&(i=r.events)){b=(b||"").match(G)||[""],j=b.length;while(j--)if(h=fa.exec(b[j])||[],o=q=h[1],p=(h[2]||"").split(".").sort(),o){l=n.event.special[o]||{},o=(d?l.delegateType:l.bindType)||o,m=i[o]||[],h=h[2]&&new RegExp("(^|\\.)"+p.join("\\.(?:.*\\.|)")+"(\\.|$)"),g=f=m.length;while(f--)k=m[f],!e&&q!==k.origType||c&&c.guid!==k.guid||h&&!h.test(k.namespace)||d&&d!==k.selector&&("**"!==d||!k.selector)||(m.splice(f,1),k.selector&&m.delegateCount--,l.remove&&l.remove.call(a,k));g&&!m.length&&(l.teardown&&l.teardown.call(a,p,r.handle)!==!1||n.removeEvent(a,o,r.handle),delete i[o])}else for(o in i)n.event.remove(a,o+b[j],c,d,!0);n.isEmptyObject(i)&&N.remove(a,"handle events")}},dispatch:function(a){a=n.event.fix(a);var b,c,d,f,g,h=[],i=e.call(arguments),j=(N.get(this,"events")||{})[a.type]||[],k=n.event.special[a.type]||{};if(i[0]=a,a.delegateTarget=this,!k.preDispatch||k.preDispatch.call(this,a)!==!1){h=n.event.handlers.call(this,a,j),b=0;while((f=h[b++])&&!a.isPropagationStopped()){a.currentTarget=f.elem,c=0;while((g=f.handlers[c++])&&!a.isImmediatePropagationStopped())a.rnamespace&&!a.rnamespace.test(g.namespace)||(a.handleObj=g,a.data=g.data,d=((n.event.special[g.origType]||{}).handle||g.handler).apply(f.elem,i),void 0!==d&&(a.result=d)===!1&&(a.preventDefault(),a.stopPropagation()))}return k.postDispatch&&k.postDispatch.call(this,a),a.result}},handlers:function(a,b){var c,d,e,f,g=[],h=b.delegateCount,i=a.target;if(h&&i.nodeType&&("click"!==a.type||isNaN(a.button)||a.button<1))for(;i!==this;i=i.parentNode||this)if(1===i.nodeType&&(i.disabled!==!0||"click"!==a.type)){for(d=[],c=0;h>c;c++)f=b[c],e=f.selector+" ",void 0===d[e]&&(d[e]=f.needsContext?n(e,this).index(i)>-1:n.find(e,this,null,[i]).length),d[e]&&d.push(f);d.length&&g.push({elem:i,handlers:d})}return h<b.length&&g.push({elem:this,handlers:b.slice(h)}),g},props:"altKey bubbles cancelable ctrlKey currentTarget detail eventPhase metaKey relatedTarget shiftKey target timeStamp view which".split(" "),fixHooks:{},keyHooks:{props:"char charCode key keyCode".split(" "),filter:function(a,b){return null==a.which&&(a.which=null!=b.charCode?b.charCode:b.keyCode),a}},mouseHooks:{props:"button buttons clientX clientY offsetX offsetY pageX pageY screenX screenY toElement".split(" "),filter:function(a,b){var c,e,f,g=b.button;return null==a.pageX&&null!=b.clientX&&(c=a.target.ownerDocument||d,e=c.documentElement,f=c.body,a.pageX=b.clientX+(e&&e.scrollLeft||f&&f.scrollLeft||0)-(e&&e.clientLeft||f&&f.clientLeft||0),a.pageY=b.clientY+(e&&e.scrollTop||f&&f.scrollTop||0)-(e&&e.clientTop||f&&f.clientTop||0)),a.which||void 0===g||(a.which=1&g?1:2&g?3:4&g?2:0),a}},fix:function(a){if(a[n.expando])return a;var b,c,e,f=a.type,g=a,h=this.fixHooks[f];h||(this.fixHooks[f]=h=ea.test(f)?this.mouseHooks:da.test(f)?this.keyHooks:{}),e=h.props?this.props.concat(h.props):this.props,a=new n.Event(g),b=e.length;while(b--)c=e[b],a[c]=g[c];return a.target||(a.target=d),3===a.target.nodeType&&(a.target=a.target.parentNode),h.filter?h.filter(a,g):a},special:{load:{noBubble:!0},focus:{trigger:function(){return this!==ia()&&this.focus?(this.focus(),!1):void 0},delegateType:"focusin"},blur:{trigger:function(){return this===ia()&&this.blur?(this.blur(),!1):void 0},delegateType:"focusout"},click:{trigger:function(){return"checkbox"===this.type&&this.click&&n.nodeName(this,"input")?(this.click(),!1):void 0},_default:function(a){return n.nodeName(a.target,"a")}},beforeunload:{postDispatch:function(a){void 0!==a.result&&a.originalEvent&&(a.originalEvent.returnValue=a.result)}}}},n.removeEvent=function(a,b,c){a.removeEventListener&&a.removeEventListener(b,c)},n.Event=function(a,b){return this instanceof n.Event?(a&&a.type?(this.originalEvent=a,this.type=a.type,this.isDefaultPrevented=a.defaultPrevented||void 0===a.defaultPrevented&&a.returnValue===!1?ga:ha):this.type=a,b&&n.extend(this,b),this.timeStamp=a&&a.timeStamp||n.now(),void(this[n.expando]=!0)):new n.Event(a,b)},n.Event.prototype={constructor:n.Event,isDefaultPrevented:ha,isPropagationStopped:ha,isImmediatePropagationStopped:ha,isSimulated:!1,preventDefault:function(){var a=this.originalEvent;this.isDefaultPrevented=ga,a&&!this.isSimulated&&a.preventDefault()},stopPropagation:function(){var a=this.originalEvent;this.isPropagationStopped=ga,a&&!this.isSimulated&&a.stopPropagation()},stopImmediatePropagation:function(){var a=this.originalEvent;this.isImmediatePropagationStopped=ga,a&&!this.isSimulated&&a.stopImmediatePropagation(),this.stopPropagation()}},n.each({mouseenter:"mouseover",mouseleave:"mouseout",pointerenter:"pointerover",pointerleave:"pointerout"},function(a,b){n.event.special[a]={delegateType:b,bindType:b,handle:function(a){var c,d=this,e=a.relatedTarget,f=a.handleObj;return e&&(e===d||n.contains(d,e))||(a.type=f.origType,c=f.handler.apply(this,arguments),a.type=b),c}}}),n.fn.extend({on:function(a,b,c,d){return ja(this,a,b,c,d)},one:function(a,b,c,d){return ja(this,a,b,c,d,1)},off:function(a,b,c){var d,e;if(a&&a.preventDefault&&a.handleObj)return d=a.handleObj,n(a.delegateTarget).off(d.namespace?d.origType+"."+d.namespace:d.origType,d.selector,d.handler),this;if("object"==typeof a){for(e in a)this.off(e,b,a[e]);return this}return b!==!1&&"function"!=typeof b||(c=b,b=void 0),c===!1&&(c=ha),this.each(function(){n.event.remove(this,a,c,b)})}});var ka=/<(?!area|br|col|embed|hr|img|input|link|meta|param)(([\w:-]+)[^>]*)\/>/gi,la=/<script|<style|<link/i,ma=/checked\s*(?:[^=]|=\s*.checked.)/i,na=/^true\/(.*)/,oa=/^\s*<!(?:\[CDATA\[|--)|(?:\]\]|--)>\s*$/g;function pa(a,b){return n.nodeName(a,"table")&&n.nodeName(11!==b.nodeType?b:b.firstChild,"tr")?a.getElementsByTagName("tbody")[0]||a.appendChild(a.ownerDocument.createElement("tbody")):a}function qa(a){return a.type=(null!==a.getAttribute("type"))+"/"+a.type,a}function ra(a){var b=na.exec(a.type);return b?a.type=b[1]:a.removeAttribute("type"),a}function sa(a,b){var c,d,e,f,g,h,i,j;if(1===b.nodeType){if(N.hasData(a)&&(f=N.access(a),g=N.set(b,f),j=f.events)){delete g.handle,g.events={};for(e in j)for(c=0,d=j[e].length;d>c;c++)n.event.add(b,e,j[e][c])}O.hasData(a)&&(h=O.access(a),i=n.extend({},h),O.set(b,i))}}function ta(a,b){var c=b.nodeName.toLowerCase();"input"===c&&X.test(a.type)?b.checked=a.checked:"input"!==c&&"textarea"!==c||(b.defaultValue=a.defaultValue)}function ua(a,b,c,d){b=f.apply([],b);var e,g,h,i,j,k,m=0,o=a.length,p=o-1,q=b[0],r=n.isFunction(q);if(r||o>1&&"string"==typeof q&&!l.checkClone&&ma.test(q))return a.each(function(e){var f=a.eq(e);r&&(b[0]=q.call(this,e,f.html())),ua(f,b,c,d)});if(o&&(e=ca(b,a[0].ownerDocument,!1,a,d),g=e.firstChild,1===e.childNodes.length&&(e=g),g||d)){for(h=n.map(_(e,"script"),qa),i=h.length;o>m;m++)j=e,m!==p&&(j=n.clone(j,!0,!0),i&&n.merge(h,_(j,"script"))),c.call(a[m],j,m);if(i)for(k=h[h.length-1].ownerDocument,n.map(h,ra),m=0;i>m;m++)j=h[m],Z.test(j.type||"")&&!N.access(j,"globalEval")&&n.contains(k,j)&&(j.src?n._evalUrl&&n._evalUrl(j.src):n.globalEval(j.textContent.replace(oa,"")))}return a}function va(a,b,c){for(var d,e=b?n.filter(b,a):a,f=0;null!=(d=e[f]);f++)c||1!==d.nodeType||n.cleanData(_(d)),d.parentNode&&(c&&n.contains(d.ownerDocument,d)&&aa(_(d,"script")),d.parentNode.removeChild(d));return a}n.extend({htmlPrefilter:function(a){return a.replace(ka,"<$1></$2>")},clone:function(a,b,c){var d,e,f,g,h=a.cloneNode(!0),i=n.contains(a.ownerDocument,a);if(!(l.noCloneChecked||1!==a.nodeType&&11!==a.nodeType||n.isXMLDoc(a)))for(g=_(h),f=_(a),d=0,e=f.length;e>d;d++)ta(f[d],g[d]);if(b)if(c)for(f=f||_(a),g=g||_(h),d=0,e=f.length;e>d;d++)sa(f[d],g[d]);else sa(a,h);return g=_(h,"script"),g.length>0&&aa(g,!i&&_(a,"script")),h},cleanData:function(a){for(var b,c,d,e=n.event.special,f=0;void 0!==(c=a[f]);f++)if(L(c)){if(b=c[N.expando]){if(b.events)for(d in b.events)e[d]?n.event.remove(c,d):n.removeEvent(c,d,b.handle);c[N.expando]=void 0}c[O.expando]&&(c[O.expando]=void 0)}}}),n.fn.extend({domManip:ua,detach:function(a){return va(this,a,!0)},remove:function(a){return va(this,a)},text:function(a){return K(this,function(a){return void 0===a?n.text(this):this.empty().each(function(){1!==this.nodeType&&11!==this.nodeType&&9!==this.nodeType||(this.textContent=a)})},null,a,arguments.length)},append:function(){return ua(this,arguments,function(a){if(1===this.nodeType||11===this.nodeType||9===this.nodeType){var b=pa(this,a);b.appendChild(a)}})},prepend:function(){return ua(this,arguments,function(a){if(1===this.nodeType||11===this.nodeType||9===this.nodeType){var b=pa(this,a);b.insertBefore(a,b.firstChild)}})},before:function(){return ua(this,arguments,function(a){this.parentNode&&this.parentNode.insertBefore(a,this)})},after:function(){return ua(this,arguments,function(a){this.parentNode&&this.parentNode.insertBefore(a,this.nextSibling)})},empty:function(){for(var a,b=0;null!=(a=this[b]);b++)1===a.nodeType&&(n.cleanData(_(a,!1)),a.textContent="");return this},clone:function(a,b){return a=null==a?!1:a,b=null==b?a:b,this.map(function(){return n.clone(this,a,b)})},html:function(a){return K(this,function(a){var b=this[0]||{},c=0,d=this.length;if(void 0===a&&1===b.nodeType)return b.innerHTML;if("string"==typeof a&&!la.test(a)&&!$[(Y.exec(a)||["",""])[1].toLowerCase()]){a=n.htmlPrefilter(a);try{for(;d>c;c++)b=this[c]||{},1===b.nodeType&&(n.cleanData(_(b,!1)),b.innerHTML=a);b=0}catch(e){}}b&&this.empty().append(a)},null,a,arguments.length)},replaceWith:function(){var a=[];return ua(this,arguments,function(b){var c=this.parentNode;n.inArray(this,a)<0&&(n.cleanData(_(this)),c&&c.replaceChild(b,this))},a)}}),n.each({appendTo:"append",prependTo:"prepend",insertBefore:"before",insertAfter:"after",replaceAll:"replaceWith"},function(a,b){n.fn[a]=function(a){for(var c,d=[],e=n(a),f=e.length-1,h=0;f>=h;h++)c=h===f?this:this.clone(!0),n(e[h])[b](c),g.apply(d,c.get());return this.pushStack(d)}});var wa,xa={HTML:"block",BODY:"block"};function ya(a,b){var c=n(b.createElement(a)).appendTo(b.body),d=n.css(c[0],"display");return c.detach(),d}function za(a){var b=d,c=xa[a];return c||(c=ya(a,b),"none"!==c&&c||(wa=(wa||n("<iframe frameborder='0' width='0' height='0'/>")).appendTo(b.documentElement),b=wa[0].contentDocument,b.write(),b.close(),c=ya(a,b),wa.detach()),xa[a]=c),c}var Aa=/^margin/,Ba=new RegExp("^("+S+")(?!px)[a-z%]+$","i"),Ca=function(b){var c=b.ownerDocument.defaultView;return c&&c.opener||(c=a),c.getComputedStyle(b)},Da=function(a,b,c,d){var e,f,g={};for(f in b)g[f]=a.style[f],a.style[f]=b[f];e=c.apply(a,d||[]);for(f in b)a.style[f]=g[f];return e},Ea=d.documentElement;!function(){var b,c,e,f,g=d.createElement("div"),h=d.createElement("div");if(h.style){h.style.backgroundClip="content-box",h.cloneNode(!0).style.backgroundClip="",l.clearCloneStyle="content-box"===h.style.backgroundClip,g.style.cssText="border:0;width:8px;height:0;top:0;left:-9999px;padding:0;margin-top:1px;position:absolute",g.appendChild(h);function i(){h.style.cssText="-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;margin:auto;border:1px;padding:1px;top:1%;width:50%",h.innerHTML="",Ea.appendChild(g);var d=a.getComputedStyle(h);b="1%"!==d.top,f="2px"===d.marginLeft,c="4px"===d.width,h.style.marginRight="50%",e="4px"===d.marginRight,Ea.removeChild(g)}n.extend(l,{pixelPosition:function(){return i(),b},boxSizingReliable:function(){return null==c&&i(),c},pixelMarginRight:function(){return null==c&&i(),e},reliableMarginLeft:function(){return null==c&&i(),f},reliableMarginRight:function(){var b,c=h.appendChild(d.createElement("div"));return c.style.cssText=h.style.cssText="-webkit-box-sizing:content-box;box-sizing:content-box;display:block;margin:0;border:0;padding:0",c.style.marginRight=c.style.width="0",h.style.width="1px",Ea.appendChild(g),b=!parseFloat(a.getComputedStyle(c).marginRight),Ea.removeChild(g),h.removeChild(c),b}})}}();function Fa(a,b,c){var d,e,f,g,h=a.style;return c=c||Ca(a),g=c?c.getPropertyValue(b)||c[b]:void 0,""!==g&&void 0!==g||n.contains(a.ownerDocument,a)||(g=n.style(a,b)),c&&!l.pixelMarginRight()&&Ba.test(g)&&Aa.test(b)&&(d=h.width,e=h.minWidth,f=h.maxWidth,h.minWidth=h.maxWidth=h.width=g,g=c.width,h.width=d,h.minWidth=e,h.maxWidth=f),void 0!==g?g+"":g}function Ga(a,b){return{get:function(){return a()?void delete this.get:(this.get=b).apply(this,arguments)}}}var Ha=/^(none|table(?!-c[ea]).+)/,Ia={position:"absolute",visibility:"hidden",display:"block"},Ja={letterSpacing:"0",fontWeight:"400"},Ka=["Webkit","O","Moz","ms"],La=d.createElement("div").style;function Ma(a){if(a in La)return a;var b=a[0].toUpperCase()+a.slice(1),c=Ka.length;while(c--)if(a=Ka[c]+b,a in La)return a}function Na(a,b,c){var d=T.exec(b);return d?Math.max(0,d[2]-(c||0))+(d[3]||"px"):b}function Oa(a,b,c,d,e){for(var f=c===(d?"border":"content")?4:"width"===b?1:0,g=0;4>f;f+=2)"margin"===c&&(g+=n.css(a,c+U[f],!0,e)),d?("content"===c&&(g-=n.css(a,"padding"+U[f],!0,e)),"margin"!==c&&(g-=n.css(a,"border"+U[f]+"Width",!0,e))):(g+=n.css(a,"padding"+U[f],!0,e),"padding"!==c&&(g+=n.css(a,"border"+U[f]+"Width",!0,e)));return g}function Pa(a,b,c){var d=!0,e="width"===b?a.offsetWidth:a.offsetHeight,f=Ca(a),g="border-box"===n.css(a,"boxSizing",!1,f);if(0>=e||null==e){if(e=Fa(a,b,f),(0>e||null==e)&&(e=a.style[b]),Ba.test(e))return e;d=g&&(l.boxSizingReliable()||e===a.style[b]),e=parseFloat(e)||0}return e+Oa(a,b,c||(g?"border":"content"),d,f)+"px"}function Qa(a,b){for(var c,d,e,f=[],g=0,h=a.length;h>g;g++)d=a[g],d.style&&(f[g]=N.get(d,"olddisplay"),c=d.style.display,b?(f[g]||"none"!==c||(d.style.display=""),""===d.style.display&&V(d)&&(f[g]=N.access(d,"olddisplay",za(d.nodeName)))):(e=V(d),"none"===c&&e||N.set(d,"olddisplay",e?c:n.css(d,"display"))));for(g=0;h>g;g++)d=a[g],d.style&&(b&&"none"!==d.style.display&&""!==d.style.display||(d.style.display=b?f[g]||"":"none"));return a}n.extend({cssHooks:{opacity:{get:function(a,b){if(b){var c=Fa(a,"opacity");return""===c?"1":c}}}},cssNumber:{animationIterationCount:!0,columnCount:!0,fillOpacity:!0,flexGrow:!0,flexShrink:!0,fontWeight:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,widows:!0,zIndex:!0,zoom:!0},cssProps:{"float":"cssFloat"},style:function(a,b,c,d){if(a&&3!==a.nodeType&&8!==a.nodeType&&a.style){var e,f,g,h=n.camelCase(b),i=a.style;return b=n.cssProps[h]||(n.cssProps[h]=Ma(h)||h),g=n.cssHooks[b]||n.cssHooks[h],void 0===c?g&&"get"in g&&void 0!==(e=g.get(a,!1,d))?e:i[b]:(f=typeof c,"string"===f&&(e=T.exec(c))&&e[1]&&(c=W(a,b,e),f="number"),null!=c&&c===c&&("number"===f&&(c+=e&&e[3]||(n.cssNumber[h]?"":"px")),l.clearCloneStyle||""!==c||0!==b.indexOf("background")||(i[b]="inherit"),g&&"set"in g&&void 0===(c=g.set(a,c,d))||(i[b]=c)),void 0)}},css:function(a,b,c,d){var e,f,g,h=n.camelCase(b);return b=n.cssProps[h]||(n.cssProps[h]=Ma(h)||h),g=n.cssHooks[b]||n.cssHooks[h],g&&"get"in g&&(e=g.get(a,!0,c)),void 0===e&&(e=Fa(a,b,d)),"normal"===e&&b in Ja&&(e=Ja[b]),""===c||c?(f=parseFloat(e),c===!0||isFinite(f)?f||0:e):e}}),n.each(["height","width"],function(a,b){n.cssHooks[b]={get:function(a,c,d){return c?Ha.test(n.css(a,"display"))&&0===a.offsetWidth?Da(a,Ia,function(){return Pa(a,b,d)}):Pa(a,b,d):void 0},set:function(a,c,d){var e,f=d&&Ca(a),g=d&&Oa(a,b,d,"border-box"===n.css(a,"boxSizing",!1,f),f);return g&&(e=T.exec(c))&&"px"!==(e[3]||"px")&&(a.style[b]=c,c=n.css(a,b)),Na(a,c,g)}}}),n.cssHooks.marginLeft=Ga(l.reliableMarginLeft,function(a,b){return b?(parseFloat(Fa(a,"marginLeft"))||a.getBoundingClientRect().left-Da(a,{marginLeft:0},function(){return a.getBoundingClientRect().left}))+"px":void 0}),n.cssHooks.marginRight=Ga(l.reliableMarginRight,function(a,b){return b?Da(a,{display:"inline-block"},Fa,[a,"marginRight"]):void 0}),n.each({margin:"",padding:"",border:"Width"},function(a,b){n.cssHooks[a+b]={expand:function(c){for(var d=0,e={},f="string"==typeof c?c.split(" "):[c];4>d;d++)e[a+U[d]+b]=f[d]||f[d-2]||f[0];return e}},Aa.test(a)||(n.cssHooks[a+b].set=Na)}),n.fn.extend({css:function(a,b){return K(this,function(a,b,c){var d,e,f={},g=0;if(n.isArray(b)){for(d=Ca(a),e=b.length;e>g;g++)f[b[g]]=n.css(a,b[g],!1,d);return f}return void 0!==c?n.style(a,b,c):n.css(a,b)},a,b,arguments.length>1)},show:function(){return Qa(this,!0)},hide:function(){return Qa(this)},toggle:function(a){return"boolean"==typeof a?a?this.show():this.hide():this.each(function(){V(this)?n(this).show():n(this).hide()})}});function Ra(a,b,c,d,e){return new Ra.prototype.init(a,b,c,d,e)}n.Tween=Ra,Ra.prototype={constructor:Ra,init:function(a,b,c,d,e,f){this.elem=a,this.prop=c,this.easing=e||n.easing._default,this.options=b,this.start=this.now=this.cur(),this.end=d,this.unit=f||(n.cssNumber[c]?"":"px")},cur:function(){var a=Ra.propHooks[this.prop];return a&&a.get?a.get(this):Ra.propHooks._default.get(this)},run:function(a){var b,c=Ra.propHooks[this.prop];return this.options.duration?this.pos=b=n.easing[this.easing](a,this.options.duration*a,0,1,this.options.duration):this.pos=b=a,this.now=(this.end-this.start)*b+this.start,this.options.step&&this.options.step.call(this.elem,this.now,this),c&&c.set?c.set(this):Ra.propHooks._default.set(this),this}},Ra.prototype.init.prototype=Ra.prototype,Ra.propHooks={_default:{get:function(a){var b;return 1!==a.elem.nodeType||null!=a.elem[a.prop]&&null==a.elem.style[a.prop]?a.elem[a.prop]:(b=n.css(a.elem,a.prop,""),b&&"auto"!==b?b:0)},set:function(a){n.fx.step[a.prop]?n.fx.step[a.prop](a):1!==a.elem.nodeType||null==a.elem.style[n.cssProps[a.prop]]&&!n.cssHooks[a.prop]?a.elem[a.prop]=a.now:n.style(a.elem,a.prop,a.now+a.unit)}}},Ra.propHooks.scrollTop=Ra.propHooks.scrollLeft={set:function(a){a.elem.nodeType&&a.elem.parentNode&&(a.elem[a.prop]=a.now)}},n.easing={linear:function(a){return a},swing:function(a){return.5-Math.cos(a*Math.PI)/2},_default:"swing"},n.fx=Ra.prototype.init,n.fx.step={};var Sa,Ta,Ua=/^(?:toggle|show|hide)$/,Va=/queueHooks$/;function Wa(){return a.setTimeout(function(){Sa=void 0}),Sa=n.now()}function Xa(a,b){var c,d=0,e={height:a};for(b=b?1:0;4>d;d+=2-b)c=U[d],e["margin"+c]=e["padding"+c]=a;return b&&(e.opacity=e.width=a),e}function Ya(a,b,c){for(var d,e=(_a.tweeners[b]||[]).concat(_a.tweeners["*"]),f=0,g=e.length;g>f;f++)if(d=e[f].call(c,b,a))return d}function Za(a,b,c){var d,e,f,g,h,i,j,k,l=this,m={},o=a.style,p=a.nodeType&&V(a),q=N.get(a,"fxshow");c.queue||(h=n._queueHooks(a,"fx"),null==h.unqueued&&(h.unqueued=0,i=h.empty.fire,h.empty.fire=function(){h.unqueued||i()}),h.unqueued++,l.always(function(){l.always(function(){h.unqueued--,n.queue(a,"fx").length||h.empty.fire()})})),1===a.nodeType&&("height"in b||"width"in b)&&(c.overflow=[o.overflow,o.overflowX,o.overflowY],j=n.css(a,"display"),k="none"===j?N.get(a,"olddisplay")||za(a.nodeName):j,"inline"===k&&"none"===n.css(a,"float")&&(o.display="inline-block")),c.overflow&&(o.overflow="hidden",l.always(function(){o.overflow=c.overflow[0],o.overflowX=c.overflow[1],o.overflowY=c.overflow[2]}));for(d in b)if(e=b[d],Ua.exec(e)){if(delete b[d],f=f||"toggle"===e,e===(p?"hide":"show")){if("show"!==e||!q||void 0===q[d])continue;p=!0}m[d]=q&&q[d]||n.style(a,d)}else j=void 0;if(n.isEmptyObject(m))"inline"===("none"===j?za(a.nodeName):j)&&(o.display=j);else{q?"hidden"in q&&(p=q.hidden):q=N.access(a,"fxshow",{}),f&&(q.hidden=!p),p?n(a).show():l.done(function(){n(a).hide()}),l.done(function(){var b;N.remove(a,"fxshow");for(b in m)n.style(a,b,m[b])});for(d in m)g=Ya(p?q[d]:0,d,l),d in q||(q[d]=g.start,p&&(g.end=g.start,g.start="width"===d||"height"===d?1:0))}}function $a(a,b){var c,d,e,f,g;for(c in a)if(d=n.camelCase(c),e=b[d],f=a[c],n.isArray(f)&&(e=f[1],f=a[c]=f[0]),c!==d&&(a[d]=f,delete a[c]),g=n.cssHooks[d],g&&"expand"in g){f=g.expand(f),delete a[d];for(c in f)c in a||(a[c]=f[c],b[c]=e)}else b[d]=e}function _a(a,b,c){var d,e,f=0,g=_a.prefilters.length,h=n.Deferred().always(function(){delete i.elem}),i=function(){if(e)return!1;for(var b=Sa||Wa(),c=Math.max(0,j.startTime+j.duration-b),d=c/j.duration||0,f=1-d,g=0,i=j.tweens.length;i>g;g++)j.tweens[g].run(f);return h.notifyWith(a,[j,f,c]),1>f&&i?c:(h.resolveWith(a,[j]),!1)},j=h.promise({elem:a,props:n.extend({},b),opts:n.extend(!0,{specialEasing:{},easing:n.easing._default},c),originalProperties:b,originalOptions:c,startTime:Sa||Wa(),duration:c.duration,tweens:[],createTween:function(b,c){var d=n.Tween(a,j.opts,b,c,j.opts.specialEasing[b]||j.opts.easing);return j.tweens.push(d),d},stop:function(b){var c=0,d=b?j.tweens.length:0;if(e)return this;for(e=!0;d>c;c++)j.tweens[c].run(1);return b?(h.notifyWith(a,[j,1,0]),h.resolveWith(a,[j,b])):h.rejectWith(a,[j,b]),this}}),k=j.props;for($a(k,j.opts.specialEasing);g>f;f++)if(d=_a.prefilters[f].call(j,a,k,j.opts))return n.isFunction(d.stop)&&(n._queueHooks(j.elem,j.opts.queue).stop=n.proxy(d.stop,d)),d;return n.map(k,Ya,j),n.isFunction(j.opts.start)&&j.opts.start.call(a,j),n.fx.timer(n.extend(i,{elem:a,anim:j,queue:j.opts.queue})),j.progress(j.opts.progress).done(j.opts.done,j.opts.complete).fail(j.opts.fail).always(j.opts.always)}n.Animation=n.extend(_a,{tweeners:{"*":[function(a,b){var c=this.createTween(a,b);return W(c.elem,a,T.exec(b),c),c}]},tweener:function(a,b){n.isFunction(a)?(b=a,a=["*"]):a=a.match(G);for(var c,d=0,e=a.length;e>d;d++)c=a[d],_a.tweeners[c]=_a.tweeners[c]||[],_a.tweeners[c].unshift(b)},prefilters:[Za],prefilter:function(a,b){b?_a.prefilters.unshift(a):_a.prefilters.push(a)}}),n.speed=function(a,b,c){var d=a&&"object"==typeof a?n.extend({},a):{complete:c||!c&&b||n.isFunction(a)&&a,duration:a,easing:c&&b||b&&!n.isFunction(b)&&b};return d.duration=n.fx.off?0:"number"==typeof d.duration?d.duration:d.duration in n.fx.speeds?n.fx.speeds[d.duration]:n.fx.speeds._default,null!=d.queue&&d.queue!==!0||(d.queue="fx"),d.old=d.complete,d.complete=function(){n.isFunction(d.old)&&d.old.call(this),d.queue&&n.dequeue(this,d.queue)},d},n.fn.extend({fadeTo:function(a,b,c,d){return this.filter(V).css("opacity",0).show().end().animate({opacity:b},a,c,d)},animate:function(a,b,c,d){var e=n.isEmptyObject(a),f=n.speed(b,c,d),g=function(){var b=_a(this,n.extend({},a),f);(e||N.get(this,"finish"))&&b.stop(!0)};return g.finish=g,e||f.queue===!1?this.each(g):this.queue(f.queue,g)},stop:function(a,b,c){var d=function(a){var b=a.stop;delete a.stop,b(c)};return"string"!=typeof a&&(c=b,b=a,a=void 0),b&&a!==!1&&this.queue(a||"fx",[]),this.each(function(){var b=!0,e=null!=a&&a+"queueHooks",f=n.timers,g=N.get(this);if(e)g[e]&&g[e].stop&&d(g[e]);else for(e in g)g[e]&&g[e].stop&&Va.test(e)&&d(g[e]);for(e=f.length;e--;)f[e].elem!==this||null!=a&&f[e].queue!==a||(f[e].anim.stop(c),b=!1,f.splice(e,1));!b&&c||n.dequeue(this,a)})},finish:function(a){return a!==!1&&(a=a||"fx"),this.each(function(){var b,c=N.get(this),d=c[a+"queue"],e=c[a+"queueHooks"],f=n.timers,g=d?d.length:0;for(c.finish=!0,n.queue(this,a,[]),e&&e.stop&&e.stop.call(this,!0),b=f.length;b--;)f[b].elem===this&&f[b].queue===a&&(f[b].anim.stop(!0),f.splice(b,1));for(b=0;g>b;b++)d[b]&&d[b].finish&&d[b].finish.call(this);delete c.finish})}}),n.each(["toggle","show","hide"],function(a,b){var c=n.fn[b];n.fn[b]=function(a,d,e){return null==a||"boolean"==typeof a?c.apply(this,arguments):this.animate(Xa(b,!0),a,d,e)}}),n.each({slideDown:Xa("show"),slideUp:Xa("hide"),slideToggle:Xa("toggle"),fadeIn:{opacity:"show"},fadeOut:{opacity:"hide"},fadeToggle:{opacity:"toggle"}},function(a,b){n.fn[a]=function(a,c,d){return this.animate(b,a,c,d)}}),n.timers=[],n.fx.tick=function(){var a,b=0,c=n.timers;for(Sa=n.now();b<c.length;b++)a=c[b],a()||c[b]!==a||c.splice(b--,1);c.length||n.fx.stop(),Sa=void 0},n.fx.timer=function(a){n.timers.push(a),a()?n.fx.start():n.timers.pop()},n.fx.interval=13,n.fx.start=function(){Ta||(Ta=a.setInterval(n.fx.tick,n.fx.interval))},n.fx.stop=function(){a.clearInterval(Ta),Ta=null},n.fx.speeds={slow:600,fast:200,_default:400},n.fn.delay=function(b,c){return b=n.fx?n.fx.speeds[b]||b:b,c=c||"fx",this.queue(c,function(c,d){var e=a.setTimeout(c,b);d.stop=function(){a.clearTimeout(e)}})},function(){var a=d.createElement("input"),b=d.createElement("select"),c=b.appendChild(d.createElement("option"));a.type="checkbox",l.checkOn=""!==a.value,l.optSelected=c.selected,b.disabled=!0,l.optDisabled=!c.disabled,a=d.createElement("input"),a.value="t",a.type="radio",l.radioValue="t"===a.value}();var ab,bb=n.expr.attrHandle;n.fn.extend({attr:function(a,b){return K(this,n.attr,a,b,arguments.length>1)},removeAttr:function(a){return this.each(function(){n.removeAttr(this,a)})}}),n.extend({attr:function(a,b,c){var d,e,f=a.nodeType;if(3!==f&&8!==f&&2!==f)return"undefined"==typeof a.getAttribute?n.prop(a,b,c):(1===f&&n.isXMLDoc(a)||(b=b.toLowerCase(),e=n.attrHooks[b]||(n.expr.match.bool.test(b)?ab:void 0)),void 0!==c?null===c?void n.removeAttr(a,b):e&&"set"in e&&void 0!==(d=e.set(a,c,b))?d:(a.setAttribute(b,c+""),c):e&&"get"in e&&null!==(d=e.get(a,b))?d:(d=n.find.attr(a,b),null==d?void 0:d))},attrHooks:{type:{set:function(a,b){if(!l.radioValue&&"radio"===b&&n.nodeName(a,"input")){var c=a.value;return a.setAttribute("type",b),c&&(a.value=c),b}}}},removeAttr:function(a,b){var c,d,e=0,f=b&&b.match(G);if(f&&1===a.nodeType)while(c=f[e++])d=n.propFix[c]||c,n.expr.match.bool.test(c)&&(a[d]=!1),a.removeAttribute(c)}}),ab={set:function(a,b,c){return b===!1?n.removeAttr(a,c):a.setAttribute(c,c),c}},n.each(n.expr.match.bool.source.match(/\w+/g),function(a,b){var c=bb[b]||n.find.attr;bb[b]=function(a,b,d){var e,f;return d||(f=bb[b],bb[b]=e,e=null!=c(a,b,d)?b.toLowerCase():null,bb[b]=f),e}});var cb=/^(?:input|select|textarea|button)$/i,db=/^(?:a|area)$/i;n.fn.extend({prop:function(a,b){return K(this,n.prop,a,b,arguments.length>1)},removeProp:function(a){return this.each(function(){delete this[n.propFix[a]||a]})}}),n.extend({prop:function(a,b,c){var d,e,f=a.nodeType;if(3!==f&&8!==f&&2!==f)return 1===f&&n.isXMLDoc(a)||(b=n.propFix[b]||b,e=n.propHooks[b]),
+void 0!==c?e&&"set"in e&&void 0!==(d=e.set(a,c,b))?d:a[b]=c:e&&"get"in e&&null!==(d=e.get(a,b))?d:a[b]},propHooks:{tabIndex:{get:function(a){var b=n.find.attr(a,"tabindex");return b?parseInt(b,10):cb.test(a.nodeName)||db.test(a.nodeName)&&a.href?0:-1}}},propFix:{"for":"htmlFor","class":"className"}}),l.optSelected||(n.propHooks.selected={get:function(a){var b=a.parentNode;return b&&b.parentNode&&b.parentNode.selectedIndex,null},set:function(a){var b=a.parentNode;b&&(b.selectedIndex,b.parentNode&&b.parentNode.selectedIndex)}}),n.each(["tabIndex","readOnly","maxLength","cellSpacing","cellPadding","rowSpan","colSpan","useMap","frameBorder","contentEditable"],function(){n.propFix[this.toLowerCase()]=this});var eb=/[\t\r\n\f]/g;function fb(a){return a.getAttribute&&a.getAttribute("class")||""}n.fn.extend({addClass:function(a){var b,c,d,e,f,g,h,i=0;if(n.isFunction(a))return this.each(function(b){n(this).addClass(a.call(this,b,fb(this)))});if("string"==typeof a&&a){b=a.match(G)||[];while(c=this[i++])if(e=fb(c),d=1===c.nodeType&&(" "+e+" ").replace(eb," ")){g=0;while(f=b[g++])d.indexOf(" "+f+" ")<0&&(d+=f+" ");h=n.trim(d),e!==h&&c.setAttribute("class",h)}}return this},removeClass:function(a){var b,c,d,e,f,g,h,i=0;if(n.isFunction(a))return this.each(function(b){n(this).removeClass(a.call(this,b,fb(this)))});if(!arguments.length)return this.attr("class","");if("string"==typeof a&&a){b=a.match(G)||[];while(c=this[i++])if(e=fb(c),d=1===c.nodeType&&(" "+e+" ").replace(eb," ")){g=0;while(f=b[g++])while(d.indexOf(" "+f+" ")>-1)d=d.replace(" "+f+" "," ");h=n.trim(d),e!==h&&c.setAttribute("class",h)}}return this},toggleClass:function(a,b){var c=typeof a;return"boolean"==typeof b&&"string"===c?b?this.addClass(a):this.removeClass(a):n.isFunction(a)?this.each(function(c){n(this).toggleClass(a.call(this,c,fb(this),b),b)}):this.each(function(){var b,d,e,f;if("string"===c){d=0,e=n(this),f=a.match(G)||[];while(b=f[d++])e.hasClass(b)?e.removeClass(b):e.addClass(b)}else void 0!==a&&"boolean"!==c||(b=fb(this),b&&N.set(this,"__className__",b),this.setAttribute&&this.setAttribute("class",b||a===!1?"":N.get(this,"__className__")||""))})},hasClass:function(a){var b,c,d=0;b=" "+a+" ";while(c=this[d++])if(1===c.nodeType&&(" "+fb(c)+" ").replace(eb," ").indexOf(b)>-1)return!0;return!1}});var gb=/\r/g,hb=/[\x20\t\r\n\f]+/g;n.fn.extend({val:function(a){var b,c,d,e=this[0];{if(arguments.length)return d=n.isFunction(a),this.each(function(c){var e;1===this.nodeType&&(e=d?a.call(this,c,n(this).val()):a,null==e?e="":"number"==typeof e?e+="":n.isArray(e)&&(e=n.map(e,function(a){return null==a?"":a+""})),b=n.valHooks[this.type]||n.valHooks[this.nodeName.toLowerCase()],b&&"set"in b&&void 0!==b.set(this,e,"value")||(this.value=e))});if(e)return b=n.valHooks[e.type]||n.valHooks[e.nodeName.toLowerCase()],b&&"get"in b&&void 0!==(c=b.get(e,"value"))?c:(c=e.value,"string"==typeof c?c.replace(gb,""):null==c?"":c)}}}),n.extend({valHooks:{option:{get:function(a){var b=n.find.attr(a,"value");return null!=b?b:n.trim(n.text(a)).replace(hb," ")}},select:{get:function(a){for(var b,c,d=a.options,e=a.selectedIndex,f="select-one"===a.type||0>e,g=f?null:[],h=f?e+1:d.length,i=0>e?h:f?e:0;h>i;i++)if(c=d[i],(c.selected||i===e)&&(l.optDisabled?!c.disabled:null===c.getAttribute("disabled"))&&(!c.parentNode.disabled||!n.nodeName(c.parentNode,"optgroup"))){if(b=n(c).val(),f)return b;g.push(b)}return g},set:function(a,b){var c,d,e=a.options,f=n.makeArray(b),g=e.length;while(g--)d=e[g],(d.selected=n.inArray(n.valHooks.option.get(d),f)>-1)&&(c=!0);return c||(a.selectedIndex=-1),f}}}}),n.each(["radio","checkbox"],function(){n.valHooks[this]={set:function(a,b){return n.isArray(b)?a.checked=n.inArray(n(a).val(),b)>-1:void 0}},l.checkOn||(n.valHooks[this].get=function(a){return null===a.getAttribute("value")?"on":a.value})});var ib=/^(?:focusinfocus|focusoutblur)$/;n.extend(n.event,{trigger:function(b,c,e,f){var g,h,i,j,l,m,o,p=[e||d],q=k.call(b,"type")?b.type:b,r=k.call(b,"namespace")?b.namespace.split("."):[];if(h=i=e=e||d,3!==e.nodeType&&8!==e.nodeType&&!ib.test(q+n.event.triggered)&&(q.indexOf(".")>-1&&(r=q.split("."),q=r.shift(),r.sort()),l=q.indexOf(":")<0&&"on"+q,b=b[n.expando]?b:new n.Event(q,"object"==typeof b&&b),b.isTrigger=f?2:3,b.namespace=r.join("."),b.rnamespace=b.namespace?new RegExp("(^|\\.)"+r.join("\\.(?:.*\\.|)")+"(\\.|$)"):null,b.result=void 0,b.target||(b.target=e),c=null==c?[b]:n.makeArray(c,[b]),o=n.event.special[q]||{},f||!o.trigger||o.trigger.apply(e,c)!==!1)){if(!f&&!o.noBubble&&!n.isWindow(e)){for(j=o.delegateType||q,ib.test(j+q)||(h=h.parentNode);h;h=h.parentNode)p.push(h),i=h;i===(e.ownerDocument||d)&&p.push(i.defaultView||i.parentWindow||a)}g=0;while((h=p[g++])&&!b.isPropagationStopped())b.type=g>1?j:o.bindType||q,m=(N.get(h,"events")||{})[b.type]&&N.get(h,"handle"),m&&m.apply(h,c),m=l&&h[l],m&&m.apply&&L(h)&&(b.result=m.apply(h,c),b.result===!1&&b.preventDefault());return b.type=q,f||b.isDefaultPrevented()||o._default&&o._default.apply(p.pop(),c)!==!1||!L(e)||l&&n.isFunction(e[q])&&!n.isWindow(e)&&(i=e[l],i&&(e[l]=null),n.event.triggered=q,e[q](),n.event.triggered=void 0,i&&(e[l]=i)),b.result}},simulate:function(a,b,c){var d=n.extend(new n.Event,c,{type:a,isSimulated:!0});n.event.trigger(d,null,b)}}),n.fn.extend({trigger:function(a,b){return this.each(function(){n.event.trigger(a,b,this)})},triggerHandler:function(a,b){var c=this[0];return c?n.event.trigger(a,b,c,!0):void 0}}),n.each("blur focus focusin focusout load resize scroll unload click dblclick mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave change select submit keydown keypress keyup error contextmenu".split(" "),function(a,b){n.fn[b]=function(a,c){return arguments.length>0?this.on(b,null,a,c):this.trigger(b)}}),n.fn.extend({hover:function(a,b){return this.mouseenter(a).mouseleave(b||a)}}),l.focusin="onfocusin"in a,l.focusin||n.each({focus:"focusin",blur:"focusout"},function(a,b){var c=function(a){n.event.simulate(b,a.target,n.event.fix(a))};n.event.special[b]={setup:function(){var d=this.ownerDocument||this,e=N.access(d,b);e||d.addEventListener(a,c,!0),N.access(d,b,(e||0)+1)},teardown:function(){var d=this.ownerDocument||this,e=N.access(d,b)-1;e?N.access(d,b,e):(d.removeEventListener(a,c,!0),N.remove(d,b))}}});var jb=a.location,kb=n.now(),lb=/\?/;n.parseJSON=function(a){return JSON.parse(a+"")},n.parseXML=function(b){var c;if(!b||"string"!=typeof b)return null;try{c=(new a.DOMParser).parseFromString(b,"text/xml")}catch(d){c=void 0}return c&&!c.getElementsByTagName("parsererror").length||n.error("Invalid XML: "+b),c};var mb=/#.*$/,nb=/([?&])_=[^&]*/,ob=/^(.*?):[ \t]*([^\r\n]*)$/gm,pb=/^(?:about|app|app-storage|.+-extension|file|res|widget):$/,qb=/^(?:GET|HEAD)$/,rb=/^\/\//,sb={},tb={},ub="*/".concat("*"),vb=d.createElement("a");vb.href=jb.href;function wb(a){return function(b,c){"string"!=typeof b&&(c=b,b="*");var d,e=0,f=b.toLowerCase().match(G)||[];if(n.isFunction(c))while(d=f[e++])"+"===d[0]?(d=d.slice(1)||"*",(a[d]=a[d]||[]).unshift(c)):(a[d]=a[d]||[]).push(c)}}function xb(a,b,c,d){var e={},f=a===tb;function g(h){var i;return e[h]=!0,n.each(a[h]||[],function(a,h){var j=h(b,c,d);return"string"!=typeof j||f||e[j]?f?!(i=j):void 0:(b.dataTypes.unshift(j),g(j),!1)}),i}return g(b.dataTypes[0])||!e["*"]&&g("*")}function yb(a,b){var c,d,e=n.ajaxSettings.flatOptions||{};for(c in b)void 0!==b[c]&&((e[c]?a:d||(d={}))[c]=b[c]);return d&&n.extend(!0,a,d),a}function zb(a,b,c){var d,e,f,g,h=a.contents,i=a.dataTypes;while("*"===i[0])i.shift(),void 0===d&&(d=a.mimeType||b.getResponseHeader("Content-Type"));if(d)for(e in h)if(h[e]&&h[e].test(d)){i.unshift(e);break}if(i[0]in c)f=i[0];else{for(e in c){if(!i[0]||a.converters[e+" "+i[0]]){f=e;break}g||(g=e)}f=f||g}return f?(f!==i[0]&&i.unshift(f),c[f]):void 0}function Ab(a,b,c,d){var e,f,g,h,i,j={},k=a.dataTypes.slice();if(k[1])for(g in a.converters)j[g.toLowerCase()]=a.converters[g];f=k.shift();while(f)if(a.responseFields[f]&&(c[a.responseFields[f]]=b),!i&&d&&a.dataFilter&&(b=a.dataFilter(b,a.dataType)),i=f,f=k.shift())if("*"===f)f=i;else if("*"!==i&&i!==f){if(g=j[i+" "+f]||j["* "+f],!g)for(e in j)if(h=e.split(" "),h[1]===f&&(g=j[i+" "+h[0]]||j["* "+h[0]])){g===!0?g=j[e]:j[e]!==!0&&(f=h[0],k.unshift(h[1]));break}if(g!==!0)if(g&&a["throws"])b=g(b);else try{b=g(b)}catch(l){return{state:"parsererror",error:g?l:"No conversion from "+i+" to "+f}}}return{state:"success",data:b}}n.extend({active:0,lastModified:{},etag:{},ajaxSettings:{url:jb.href,type:"GET",isLocal:pb.test(jb.protocol),global:!0,processData:!0,async:!0,contentType:"application/x-www-form-urlencoded; charset=UTF-8",accepts:{"*":ub,text:"text/plain",html:"text/html",xml:"application/xml, text/xml",json:"application/json, text/javascript"},contents:{xml:/\bxml\b/,html:/\bhtml/,json:/\bjson\b/},responseFields:{xml:"responseXML",text:"responseText",json:"responseJSON"},converters:{"* text":String,"text html":!0,"text json":n.parseJSON,"text xml":n.parseXML},flatOptions:{url:!0,context:!0}},ajaxSetup:function(a,b){return b?yb(yb(a,n.ajaxSettings),b):yb(n.ajaxSettings,a)},ajaxPrefilter:wb(sb),ajaxTransport:wb(tb),ajax:function(b,c){"object"==typeof b&&(c=b,b=void 0),c=c||{};var e,f,g,h,i,j,k,l,m=n.ajaxSetup({},c),o=m.context||m,p=m.context&&(o.nodeType||o.jquery)?n(o):n.event,q=n.Deferred(),r=n.Callbacks("once memory"),s=m.statusCode||{},t={},u={},v=0,w="canceled",x={readyState:0,getResponseHeader:function(a){var b;if(2===v){if(!h){h={};while(b=ob.exec(g))h[b[1].toLowerCase()]=b[2]}b=h[a.toLowerCase()]}return null==b?null:b},getAllResponseHeaders:function(){return 2===v?g:null},setRequestHeader:function(a,b){var c=a.toLowerCase();return v||(a=u[c]=u[c]||a,t[a]=b),this},overrideMimeType:function(a){return v||(m.mimeType=a),this},statusCode:function(a){var b;if(a)if(2>v)for(b in a)s[b]=[s[b],a[b]];else x.always(a[x.status]);return this},abort:function(a){var b=a||w;return e&&e.abort(b),z(0,b),this}};if(q.promise(x).complete=r.add,x.success=x.done,x.error=x.fail,m.url=((b||m.url||jb.href)+"").replace(mb,"").replace(rb,jb.protocol+"//"),m.type=c.method||c.type||m.method||m.type,m.dataTypes=n.trim(m.dataType||"*").toLowerCase().match(G)||[""],null==m.crossDomain){j=d.createElement("a");try{j.href=m.url,j.href=j.href,m.crossDomain=vb.protocol+"//"+vb.host!=j.protocol+"//"+j.host}catch(y){m.crossDomain=!0}}if(m.data&&m.processData&&"string"!=typeof m.data&&(m.data=n.param(m.data,m.traditional)),xb(sb,m,c,x),2===v)return x;k=n.event&&m.global,k&&0===n.active++&&n.event.trigger("ajaxStart"),m.type=m.type.toUpperCase(),m.hasContent=!qb.test(m.type),f=m.url,m.hasContent||(m.data&&(f=m.url+=(lb.test(f)?"&":"?")+m.data,delete m.data),m.cache===!1&&(m.url=nb.test(f)?f.replace(nb,"$1_="+kb++):f+(lb.test(f)?"&":"?")+"_="+kb++)),m.ifModified&&(n.lastModified[f]&&x.setRequestHeader("If-Modified-Since",n.lastModified[f]),n.etag[f]&&x.setRequestHeader("If-None-Match",n.etag[f])),(m.data&&m.hasContent&&m.contentType!==!1||c.contentType)&&x.setRequestHeader("Content-Type",m.contentType),x.setRequestHeader("Accept",m.dataTypes[0]&&m.accepts[m.dataTypes[0]]?m.accepts[m.dataTypes[0]]+("*"!==m.dataTypes[0]?", "+ub+"; q=0.01":""):m.accepts["*"]);for(l in m.headers)x.setRequestHeader(l,m.headers[l]);if(m.beforeSend&&(m.beforeSend.call(o,x,m)===!1||2===v))return x.abort();w="abort";for(l in{success:1,error:1,complete:1})x[l](m[l]);if(e=xb(tb,m,c,x)){if(x.readyState=1,k&&p.trigger("ajaxSend",[x,m]),2===v)return x;m.async&&m.timeout>0&&(i=a.setTimeout(function(){x.abort("timeout")},m.timeout));try{v=1,e.send(t,z)}catch(y){if(!(2>v))throw y;z(-1,y)}}else z(-1,"No Transport");function z(b,c,d,h){var j,l,t,u,w,y=c;2!==v&&(v=2,i&&a.clearTimeout(i),e=void 0,g=h||"",x.readyState=b>0?4:0,j=b>=200&&300>b||304===b,d&&(u=zb(m,x,d)),u=Ab(m,u,x,j),j?(m.ifModified&&(w=x.getResponseHeader("Last-Modified"),w&&(n.lastModified[f]=w),w=x.getResponseHeader("etag"),w&&(n.etag[f]=w)),204===b||"HEAD"===m.type?y="nocontent":304===b?y="notmodified":(y=u.state,l=u.data,t=u.error,j=!t)):(t=y,!b&&y||(y="error",0>b&&(b=0))),x.status=b,x.statusText=(c||y)+"",j?q.resolveWith(o,[l,y,x]):q.rejectWith(o,[x,y,t]),x.statusCode(s),s=void 0,k&&p.trigger(j?"ajaxSuccess":"ajaxError",[x,m,j?l:t]),r.fireWith(o,[x,y]),k&&(p.trigger("ajaxComplete",[x,m]),--n.active||n.event.trigger("ajaxStop")))}return x},getJSON:function(a,b,c){return n.get(a,b,c,"json")},getScript:function(a,b){return n.get(a,void 0,b,"script")}}),n.each(["get","post"],function(a,b){n[b]=function(a,c,d,e){return n.isFunction(c)&&(e=e||d,d=c,c=void 0),n.ajax(n.extend({url:a,type:b,dataType:e,data:c,success:d},n.isPlainObject(a)&&a))}}),n._evalUrl=function(a){return n.ajax({url:a,type:"GET",dataType:"script",async:!1,global:!1,"throws":!0})},n.fn.extend({wrapAll:function(a){var b;return n.isFunction(a)?this.each(function(b){n(this).wrapAll(a.call(this,b))}):(this[0]&&(b=n(a,this[0].ownerDocument).eq(0).clone(!0),this[0].parentNode&&b.insertBefore(this[0]),b.map(function(){var a=this;while(a.firstElementChild)a=a.firstElementChild;return a}).append(this)),this)},wrapInner:function(a){return n.isFunction(a)?this.each(function(b){n(this).wrapInner(a.call(this,b))}):this.each(function(){var b=n(this),c=b.contents();c.length?c.wrapAll(a):b.append(a)})},wrap:function(a){var b=n.isFunction(a);return this.each(function(c){n(this).wrapAll(b?a.call(this,c):a)})},unwrap:function(){return this.parent().each(function(){n.nodeName(this,"body")||n(this).replaceWith(this.childNodes)}).end()}}),n.expr.filters.hidden=function(a){return!n.expr.filters.visible(a)},n.expr.filters.visible=function(a){return a.offsetWidth>0||a.offsetHeight>0||a.getClientRects().length>0};var Bb=/%20/g,Cb=/\[\]$/,Db=/\r?\n/g,Eb=/^(?:submit|button|image|reset|file)$/i,Fb=/^(?:input|select|textarea|keygen)/i;function Gb(a,b,c,d){var e;if(n.isArray(b))n.each(b,function(b,e){c||Cb.test(a)?d(a,e):Gb(a+"["+("object"==typeof e&&null!=e?b:"")+"]",e,c,d)});else if(c||"object"!==n.type(b))d(a,b);else for(e in b)Gb(a+"["+e+"]",b[e],c,d)}n.param=function(a,b){var c,d=[],e=function(a,b){b=n.isFunction(b)?b():null==b?"":b,d[d.length]=encodeURIComponent(a)+"="+encodeURIComponent(b)};if(void 0===b&&(b=n.ajaxSettings&&n.ajaxSettings.traditional),n.isArray(a)||a.jquery&&!n.isPlainObject(a))n.each(a,function(){e(this.name,this.value)});else for(c in a)Gb(c,a[c],b,e);return d.join("&").replace(Bb,"+")},n.fn.extend({serialize:function(){return n.param(this.serializeArray())},serializeArray:function(){return this.map(function(){var a=n.prop(this,"elements");return a?n.makeArray(a):this}).filter(function(){var a=this.type;return this.name&&!n(this).is(":disabled")&&Fb.test(this.nodeName)&&!Eb.test(a)&&(this.checked||!X.test(a))}).map(function(a,b){var c=n(this).val();return null==c?null:n.isArray(c)?n.map(c,function(a){return{name:b.name,value:a.replace(Db,"\r\n")}}):{name:b.name,value:c.replace(Db,"\r\n")}}).get()}}),n.ajaxSettings.xhr=function(){try{return new a.XMLHttpRequest}catch(b){}};var Hb={0:200,1223:204},Ib=n.ajaxSettings.xhr();l.cors=!!Ib&&"withCredentials"in Ib,l.ajax=Ib=!!Ib,n.ajaxTransport(function(b){var c,d;return l.cors||Ib&&!b.crossDomain?{send:function(e,f){var g,h=b.xhr();if(h.open(b.type,b.url,b.async,b.username,b.password),b.xhrFields)for(g in b.xhrFields)h[g]=b.xhrFields[g];b.mimeType&&h.overrideMimeType&&h.overrideMimeType(b.mimeType),b.crossDomain||e["X-Requested-With"]||(e["X-Requested-With"]="XMLHttpRequest");for(g in e)h.setRequestHeader(g,e[g]);c=function(a){return function(){c&&(c=d=h.onload=h.onerror=h.onabort=h.onreadystatechange=null,"abort"===a?h.abort():"error"===a?"number"!=typeof h.status?f(0,"error"):f(h.status,h.statusText):f(Hb[h.status]||h.status,h.statusText,"text"!==(h.responseType||"text")||"string"!=typeof h.responseText?{binary:h.response}:{text:h.responseText},h.getAllResponseHeaders()))}},h.onload=c(),d=h.onerror=c("error"),void 0!==h.onabort?h.onabort=d:h.onreadystatechange=function(){4===h.readyState&&a.setTimeout(function(){c&&d()})},c=c("abort");try{h.send(b.hasContent&&b.data||null)}catch(i){if(c)throw i}},abort:function(){c&&c()}}:void 0}),n.ajaxSetup({accepts:{script:"text/javascript, application/javascript, application/ecmascript, application/x-ecmascript"},contents:{script:/\b(?:java|ecma)script\b/},converters:{"text script":function(a){return n.globalEval(a),a}}}),n.ajaxPrefilter("script",function(a){void 0===a.cache&&(a.cache=!1),a.crossDomain&&(a.type="GET")}),n.ajaxTransport("script",function(a){if(a.crossDomain){var b,c;return{send:function(e,f){b=n("<script>").prop({charset:a.scriptCharset,src:a.url}).on("load error",c=function(a){b.remove(),c=null,a&&f("error"===a.type?404:200,a.type)}),d.head.appendChild(b[0])},abort:function(){c&&c()}}}});var Jb=[],Kb=/(=)\?(?=&|$)|\?\?/;n.ajaxSetup({jsonp:"callback",jsonpCallback:function(){var a=Jb.pop()||n.expando+"_"+kb++;return this[a]=!0,a}}),n.ajaxPrefilter("json jsonp",function(b,c,d){var e,f,g,h=b.jsonp!==!1&&(Kb.test(b.url)?"url":"string"==typeof b.data&&0===(b.contentType||"").indexOf("application/x-www-form-urlencoded")&&Kb.test(b.data)&&"data");return h||"jsonp"===b.dataTypes[0]?(e=b.jsonpCallback=n.isFunction(b.jsonpCallback)?b.jsonpCallback():b.jsonpCallback,h?b[h]=b[h].replace(Kb,"$1"+e):b.jsonp!==!1&&(b.url+=(lb.test(b.url)?"&":"?")+b.jsonp+"="+e),b.converters["script json"]=function(){return g||n.error(e+" was not called"),g[0]},b.dataTypes[0]="json",f=a[e],a[e]=function(){g=arguments},d.always(function(){void 0===f?n(a).removeProp(e):a[e]=f,b[e]&&(b.jsonpCallback=c.jsonpCallback,Jb.push(e)),g&&n.isFunction(f)&&f(g[0]),g=f=void 0}),"script"):void 0}),n.parseHTML=function(a,b,c){if(!a||"string"!=typeof a)return null;"boolean"==typeof b&&(c=b,b=!1),b=b||d;var e=x.exec(a),f=!c&&[];return e?[b.createElement(e[1])]:(e=ca([a],b,f),f&&f.length&&n(f).remove(),n.merge([],e.childNodes))};var Lb=n.fn.load;n.fn.load=function(a,b,c){if("string"!=typeof a&&Lb)return Lb.apply(this,arguments);var d,e,f,g=this,h=a.indexOf(" ");return h>-1&&(d=n.trim(a.slice(h)),a=a.slice(0,h)),n.isFunction(b)?(c=b,b=void 0):b&&"object"==typeof b&&(e="POST"),g.length>0&&n.ajax({url:a,type:e||"GET",dataType:"html",data:b}).done(function(a){f=arguments,g.html(d?n("<div>").append(n.parseHTML(a)).find(d):a)}).always(c&&function(a,b){g.each(function(){c.apply(this,f||[a.responseText,b,a])})}),this},n.each(["ajaxStart","ajaxStop","ajaxComplete","ajaxError","ajaxSuccess","ajaxSend"],function(a,b){n.fn[b]=function(a){return this.on(b,a)}}),n.expr.filters.animated=function(a){return n.grep(n.timers,function(b){return a===b.elem}).length};function Mb(a){return n.isWindow(a)?a:9===a.nodeType&&a.defaultView}n.offset={setOffset:function(a,b,c){var d,e,f,g,h,i,j,k=n.css(a,"position"),l=n(a),m={};"static"===k&&(a.style.position="relative"),h=l.offset(),f=n.css(a,"top"),i=n.css(a,"left"),j=("absolute"===k||"fixed"===k)&&(f+i).indexOf("auto")>-1,j?(d=l.position(),g=d.top,e=d.left):(g=parseFloat(f)||0,e=parseFloat(i)||0),n.isFunction(b)&&(b=b.call(a,c,n.extend({},h))),null!=b.top&&(m.top=b.top-h.top+g),null!=b.left&&(m.left=b.left-h.left+e),"using"in b?b.using.call(a,m):l.css(m)}},n.fn.extend({offset:function(a){if(arguments.length)return void 0===a?this:this.each(function(b){n.offset.setOffset(this,a,b)});var b,c,d=this[0],e={top:0,left:0},f=d&&d.ownerDocument;if(f)return b=f.documentElement,n.contains(b,d)?(e=d.getBoundingClientRect(),c=Mb(f),{top:e.top+c.pageYOffset-b.clientTop,left:e.left+c.pageXOffset-b.clientLeft}):e},position:function(){if(this[0]){var a,b,c=this[0],d={top:0,left:0};return"fixed"===n.css(c,"position")?b=c.getBoundingClientRect():(a=this.offsetParent(),b=this.offset(),n.nodeName(a[0],"html")||(d=a.offset()),d.top+=n.css(a[0],"borderTopWidth",!0),d.left+=n.css(a[0],"borderLeftWidth",!0)),{top:b.top-d.top-n.css(c,"marginTop",!0),left:b.left-d.left-n.css(c,"marginLeft",!0)}}},offsetParent:function(){return this.map(function(){var a=this.offsetParent;while(a&&"static"===n.css(a,"position"))a=a.offsetParent;return a||Ea})}}),n.each({scrollLeft:"pageXOffset",scrollTop:"pageYOffset"},function(a,b){var c="pageYOffset"===b;n.fn[a]=function(d){return K(this,function(a,d,e){var f=Mb(a);return void 0===e?f?f[b]:a[d]:void(f?f.scrollTo(c?f.pageXOffset:e,c?e:f.pageYOffset):a[d]=e)},a,d,arguments.length)}}),n.each(["top","left"],function(a,b){n.cssHooks[b]=Ga(l.pixelPosition,function(a,c){return c?(c=Fa(a,b),Ba.test(c)?n(a).position()[b]+"px":c):void 0})}),n.each({Height:"height",Width:"width"},function(a,b){n.each({padding:"inner"+a,content:b,"":"outer"+a},function(c,d){n.fn[d]=function(d,e){var f=arguments.length&&(c||"boolean"!=typeof d),g=c||(d===!0||e===!0?"margin":"border");return K(this,function(b,c,d){var e;return n.isWindow(b)?b.document.documentElement["client"+a]:9===b.nodeType?(e=b.documentElement,Math.max(b.body["scroll"+a],e["scroll"+a],b.body["offset"+a],e["offset"+a],e["client"+a])):void 0===d?n.css(b,c,g):n.style(b,c,d,g)},b,f?d:void 0,f,null)}})}),n.fn.extend({bind:function(a,b,c){return this.on(a,null,b,c)},unbind:function(a,b){return this.off(a,null,b)},delegate:function(a,b,c,d){return this.on(b,a,c,d)},undelegate:function(a,b,c){return 1===arguments.length?this.off(a,"**"):this.off(b,a||"**",c)},size:function(){return this.length}}),n.fn.andSelf=n.fn.addBack,"function"==typeof define&&define.amd&&define("jquery",[],function(){return n});var Nb=a.jQuery,Ob=a.$;return n.noConflict=function(b){return a.$===n&&(a.$=Ob),b&&a.jQuery===n&&(a.jQuery=Nb),n},b||(a.jQuery=a.$=n),n});
diff --git a/src/main/resources/static/JS/layui/css/layui.css b/src/main/resources/static/JS/layui/css/layui.css
new file mode 100644
index 0000000..5a10469
--- /dev/null
+++ b/src/main/resources/static/JS/layui/css/layui.css
@@ -0,0 +1,2 @@
+/** layui-v2.5.6 MIT License By https://www.layui.com */
+ .layui-inline,img{display:inline-block;vertical-align:middle}h1,h2,h3,h4,h5,h6{font-weight:400}.layui-edge,.layui-header,.layui-inline,.layui-main{position:relative}.layui-body,.layui-edge,.layui-elip{overflow:hidden}.layui-btn,.layui-edge,.layui-inline,img{vertical-align:middle}.layui-btn,.layui-disabled,.layui-icon,.layui-unselect{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}.layui-elip,.layui-form-checkbox span,.layui-form-pane .layui-form-label{text-overflow:ellipsis;white-space:nowrap}.layui-breadcrumb,.layui-tree-btnGroup{visibility:hidden}blockquote,body,button,dd,div,dl,dt,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0;-webkit-tap-highlight-color:rgba(0,0,0,0)}a:active,a:hover{outline:0}img{border:none}li{list-style:none}table{border-collapse:collapse;border-spacing:0}h4,h5,h6{font-size:100%}button,input,optgroup,option,select,textarea{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;outline:0}pre{white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word}body{line-height:24px;font:14px Helvetica Neue,Helvetica,PingFang SC,Tahoma,Arial,sans-serif}hr{height:1px;margin:10px 0;border:0;clear:both}a{color:#333;text-decoration:none}a:hover{color:#777}a cite{font-style:normal;*cursor:pointer}.layui-border-box,.layui-border-box *{box-sizing:border-box}.layui-box,.layui-box *{box-sizing:content-box}.layui-clear{clear:both;*zoom:1}.layui-clear:after{content:'\20';clear:both;*zoom:1;display:block;height:0}.layui-inline{*display:inline;*zoom:1}.layui-edge{display:inline-block;width:0;height:0;border-width:6px;border-style:dashed;border-color:transparent}.layui-edge-top{top:-4px;border-bottom-color:#999;border-bottom-style:solid}.layui-edge-right{border-left-color:#999;border-left-style:solid}.layui-edge-bottom{top:2px;border-top-color:#999;border-top-style:solid}.layui-edge-left{border-right-color:#999;border-right-style:solid}.layui-disabled,.layui-disabled:hover{color:#d2d2d2!important;cursor:not-allowed!important}.layui-circle{border-radius:100%}.layui-show{display:block!important}.layui-hide{display:none!important}@font-face{font-family:layui-icon;src:url(../font/iconfont.eot?v=256);src:url(../font/iconfont.eot?v=256#iefix) format('embedded-opentype'),url(../font/iconfont.woff2?v=256) format('woff2'),url(../font/iconfont.woff?v=256) format('woff'),url(../font/iconfont.ttf?v=256) format('truetype'),url(../font/iconfont.svg?v=256#layui-icon) format('svg')}.layui-icon{font-family:layui-icon!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.layui-icon-reply-fill:before{content:"\e611"}.layui-icon-set-fill:before{content:"\e614"}.layui-icon-menu-fill:before{content:"\e60f"}.layui-icon-search:before{content:"\e615"}.layui-icon-share:before{content:"\e641"}.layui-icon-set-sm:before{content:"\e620"}.layui-icon-engine:before{content:"\e628"}.layui-icon-close:before{content:"\1006"}.layui-icon-close-fill:before{content:"\1007"}.layui-icon-chart-screen:before{content:"\e629"}.layui-icon-star:before{content:"\e600"}.layui-icon-circle-dot:before{content:"\e617"}.layui-icon-chat:before{content:"\e606"}.layui-icon-release:before{content:"\e609"}.layui-icon-list:before{content:"\e60a"}.layui-icon-chart:before{content:"\e62c"}.layui-icon-ok-circle:before{content:"\1005"}.layui-icon-layim-theme:before{content:"\e61b"}.layui-icon-table:before{content:"\e62d"}.layui-icon-right:before{content:"\e602"}.layui-icon-left:before{content:"\e603"}.layui-icon-cart-simple:before{content:"\e698"}.layui-icon-face-cry:before{content:"\e69c"}.layui-icon-face-smile:before{content:"\e6af"}.layui-icon-survey:before{content:"\e6b2"}.layui-icon-tree:before{content:"\e62e"}.layui-icon-ie:before{content:"\e7bb"}.layui-icon-upload-circle:before{content:"\e62f"}.layui-icon-add-circle:before{content:"\e61f"}.layui-icon-download-circle:before{content:"\e601"}.layui-icon-templeate-1:before{content:"\e630"}.layui-icon-util:before{content:"\e631"}.layui-icon-face-surprised:before{content:"\e664"}.layui-icon-edit:before{content:"\e642"}.layui-icon-speaker:before{content:"\e645"}.layui-icon-down:before{content:"\e61a"}.layui-icon-file:before{content:"\e621"}.layui-icon-layouts:before{content:"\e632"}.layui-icon-rate-half:before{content:"\e6c9"}.layui-icon-add-circle-fine:before{content:"\e608"}.layui-icon-prev-circle:before{content:"\e633"}.layui-icon-read:before{content:"\e705"}.layui-icon-404:before{content:"\e61c"}.layui-icon-carousel:before{content:"\e634"}.layui-icon-help:before{content:"\e607"}.layui-icon-code-circle:before{content:"\e635"}.layui-icon-windows:before{content:"\e67f"}.layui-icon-water:before{content:"\e636"}.layui-icon-username:before{content:"\e66f"}.layui-icon-find-fill:before{content:"\e670"}.layui-icon-about:before{content:"\e60b"}.layui-icon-location:before{content:"\e715"}.layui-icon-up:before{content:"\e619"}.layui-icon-pause:before{content:"\e651"}.layui-icon-date:before{content:"\e637"}.layui-icon-layim-uploadfile:before{content:"\e61d"}.layui-icon-delete:before{content:"\e640"}.layui-icon-play:before{content:"\e652"}.layui-icon-top:before{content:"\e604"}.layui-icon-firefox:before{content:"\e686"}.layui-icon-friends:before{content:"\e612"}.layui-icon-refresh-3:before{content:"\e9aa"}.layui-icon-ok:before{content:"\e605"}.layui-icon-layer:before{content:"\e638"}.layui-icon-face-smile-fine:before{content:"\e60c"}.layui-icon-dollar:before{content:"\e659"}.layui-icon-group:before{content:"\e613"}.layui-icon-layim-download:before{content:"\e61e"}.layui-icon-picture-fine:before{content:"\e60d"}.layui-icon-link:before{content:"\e64c"}.layui-icon-diamond:before{content:"\e735"}.layui-icon-log:before{content:"\e60e"}.layui-icon-key:before{content:"\e683"}.layui-icon-rate-solid:before{content:"\e67a"}.layui-icon-fonts-del:before{content:"\e64f"}.layui-icon-unlink:before{content:"\e64d"}.layui-icon-fonts-clear:before{content:"\e639"}.layui-icon-triangle-r:before{content:"\e623"}.layui-icon-circle:before{content:"\e63f"}.layui-icon-radio:before{content:"\e643"}.layui-icon-align-center:before{content:"\e647"}.layui-icon-align-right:before{content:"\e648"}.layui-icon-align-left:before{content:"\e649"}.layui-icon-loading-1:before{content:"\e63e"}.layui-icon-return:before{content:"\e65c"}.layui-icon-fonts-strong:before{content:"\e62b"}.layui-icon-upload:before{content:"\e67c"}.layui-icon-dialogue:before{content:"\e63a"}.layui-icon-video:before{content:"\e6ed"}.layui-icon-headset:before{content:"\e6fc"}.layui-icon-cellphone-fine:before{content:"\e63b"}.layui-icon-add-1:before{content:"\e654"}.layui-icon-face-smile-b:before{content:"\e650"}.layui-icon-fonts-html:before{content:"\e64b"}.layui-icon-screen-full:before{content:"\e622"}.layui-icon-form:before{content:"\e63c"}.layui-icon-cart:before{content:"\e657"}.layui-icon-camera-fill:before{content:"\e65d"}.layui-icon-tabs:before{content:"\e62a"}.layui-icon-heart-fill:before{content:"\e68f"}.layui-icon-fonts-code:before{content:"\e64e"}.layui-icon-ios:before{content:"\e680"}.layui-icon-at:before{content:"\e687"}.layui-icon-fire:before{content:"\e756"}.layui-icon-set:before{content:"\e716"}.layui-icon-fonts-u:before{content:"\e646"}.layui-icon-triangle-d:before{content:"\e625"}.layui-icon-tips:before{content:"\e702"}.layui-icon-picture:before{content:"\e64a"}.layui-icon-more-vertical:before{content:"\e671"}.layui-icon-bluetooth:before{content:"\e689"}.layui-icon-flag:before{content:"\e66c"}.layui-icon-loading:before{content:"\e63d"}.layui-icon-fonts-i:before{content:"\e644"}.layui-icon-refresh-1:before{content:"\e666"}.layui-icon-rmb:before{content:"\e65e"}.layui-icon-addition:before{content:"\e624"}.layui-icon-home:before{content:"\e68e"}.layui-icon-time:before{content:"\e68d"}.layui-icon-user:before{content:"\e770"}.layui-icon-notice:before{content:"\e667"}.layui-icon-chrome:before{content:"\e68a"}.layui-icon-edge:before{content:"\e68b"}.layui-icon-login-weibo:before{content:"\e675"}.layui-icon-voice:before{content:"\e688"}.layui-icon-upload-drag:before{content:"\e681"}.layui-icon-login-qq:before{content:"\e676"}.layui-icon-snowflake:before{content:"\e6b1"}.layui-icon-heart:before{content:"\e68c"}.layui-icon-logout:before{content:"\e682"}.layui-icon-file-b:before{content:"\e655"}.layui-icon-template:before{content:"\e663"}.layui-icon-transfer:before{content:"\e691"}.layui-icon-auz:before{content:"\e672"}.layui-icon-console:before{content:"\e665"}.layui-icon-app:before{content:"\e653"}.layui-icon-prev:before{content:"\e65a"}.layui-icon-website:before{content:"\e7ae"}.layui-icon-next:before{content:"\e65b"}.layui-icon-component:before{content:"\e857"}.layui-icon-android:before{content:"\e684"}.layui-icon-more:before{content:"\e65f"}.layui-icon-login-wechat:before{content:"\e677"}.layui-icon-shrink-right:before{content:"\e668"}.layui-icon-spread-left:before{content:"\e66b"}.layui-icon-camera:before{content:"\e660"}.layui-icon-note:before{content:"\e66e"}.layui-icon-refresh:before{content:"\e669"}.layui-icon-female:before{content:"\e661"}.layui-icon-male:before{content:"\e662"}.layui-icon-screen-restore:before{content:"\e758"}.layui-icon-password:before{content:"\e673"}.layui-icon-senior:before{content:"\e674"}.layui-icon-theme:before{content:"\e66a"}.layui-icon-tread:before{content:"\e6c5"}.layui-icon-praise:before{content:"\e6c6"}.layui-icon-star-fill:before{content:"\e658"}.layui-icon-rate:before{content:"\e67b"}.layui-icon-template-1:before{content:"\e656"}.layui-icon-vercode:before{content:"\e679"}.layui-icon-service:before{content:"\e626"}.layui-icon-cellphone:before{content:"\e678"}.layui-icon-print:before{content:"\e66d"}.layui-icon-cols:before{content:"\e610"}.layui-icon-wifi:before{content:"\e7e0"}.layui-icon-export:before{content:"\e67d"}.layui-icon-rss:before{content:"\e808"}.layui-icon-slider:before{content:"\e714"}.layui-icon-email:before{content:"\e618"}.layui-icon-subtraction:before{content:"\e67e"}.layui-icon-mike:before{content:"\e6dc"}.layui-icon-light:before{content:"\e748"}.layui-icon-gift:before{content:"\e627"}.layui-icon-mute:before{content:"\e685"}.layui-icon-reduce-circle:before{content:"\e616"}.layui-icon-music:before{content:"\e690"}.layui-main{width:1140px;margin:0 auto}.layui-header{z-index:1000;height:60px}.layui-header a:hover{transition:all .5s;-webkit-transition:all .5s}.layui-side{position:fixed;left:0;top:0;bottom:0;z-index:999;width:200px;overflow-x:hidden}.layui-side-scroll{position:relative;width:220px;height:100%;overflow-x:hidden}.layui-body{position:absolute;left:200px;right:0;top:0;bottom:0;z-index:998;width:auto;overflow-y:auto;box-sizing:border-box}.layui-layout-body{overflow:hidden}.layui-layout-admin .layui-header{background-color:#23262E}.layui-layout-admin .layui-side{top:60px;width:200px;overflow-x:hidden}.layui-layout-admin .layui-body{position:fixed;top:60px;bottom:44px}.layui-layout-admin .layui-main{width:auto;margin:0 15px}.layui-layout-admin .layui-footer{position:fixed;left:200px;right:0;bottom:0;height:44px;line-height:44px;padding:0 15px;background-color:#eee}.layui-layout-admin .layui-logo{position:absolute;left:0;top:0;width:200px;height:100%;line-height:60px;text-align:center;color:#009688;font-size:16px}.layui-layout-admin .layui-header .layui-nav{background:0 0}.layui-layout-left{position:absolute!important;left:200px;top:0}.layui-layout-right{position:absolute!important;right:0;top:0}.layui-container{position:relative;margin:0 auto;padding:0 15px;box-sizing:border-box}.layui-fluid{position:relative;margin:0 auto;padding:0 15px}.layui-row:after,.layui-row:before{content:'';display:block;clear:both}.layui-col-lg1,.layui-col-lg10,.layui-col-lg11,.layui-col-lg12,.layui-col-lg2,.layui-col-lg3,.layui-col-lg4,.layui-col-lg5,.layui-col-lg6,.layui-col-lg7,.layui-col-lg8,.layui-col-lg9,.layui-col-md1,.layui-col-md10,.layui-col-md11,.layui-col-md12,.layui-col-md2,.layui-col-md3,.layui-col-md4,.layui-col-md5,.layui-col-md6,.layui-col-md7,.layui-col-md8,.layui-col-md9,.layui-col-sm1,.layui-col-sm10,.layui-col-sm11,.layui-col-sm12,.layui-col-sm2,.layui-col-sm3,.layui-col-sm4,.layui-col-sm5,.layui-col-sm6,.layui-col-sm7,.layui-col-sm8,.layui-col-sm9,.layui-col-xs1,.layui-col-xs10,.layui-col-xs11,.layui-col-xs12,.layui-col-xs2,.layui-col-xs3,.layui-col-xs4,.layui-col-xs5,.layui-col-xs6,.layui-col-xs7,.layui-col-xs8,.layui-col-xs9{position:relative;display:block;box-sizing:border-box}.layui-col-xs1,.layui-col-xs10,.layui-col-xs11,.layui-col-xs12,.layui-col-xs2,.layui-col-xs3,.layui-col-xs4,.layui-col-xs5,.layui-col-xs6,.layui-col-xs7,.layui-col-xs8,.layui-col-xs9{float:left}.layui-col-xs1{width:8.33333333%}.layui-col-xs2{width:16.66666667%}.layui-col-xs3{width:25%}.layui-col-xs4{width:33.33333333%}.layui-col-xs5{width:41.66666667%}.layui-col-xs6{width:50%}.layui-col-xs7{width:58.33333333%}.layui-col-xs8{width:66.66666667%}.layui-col-xs9{width:75%}.layui-col-xs10{width:83.33333333%}.layui-col-xs11{width:91.66666667%}.layui-col-xs12{width:100%}.layui-col-xs-offset1{margin-left:8.33333333%}.layui-col-xs-offset2{margin-left:16.66666667%}.layui-col-xs-offset3{margin-left:25%}.layui-col-xs-offset4{margin-left:33.33333333%}.layui-col-xs-offset5{margin-left:41.66666667%}.layui-col-xs-offset6{margin-left:50%}.layui-col-xs-offset7{margin-left:58.33333333%}.layui-col-xs-offset8{margin-left:66.66666667%}.layui-col-xs-offset9{margin-left:75%}.layui-col-xs-offset10{margin-left:83.33333333%}.layui-col-xs-offset11{margin-left:91.66666667%}.layui-col-xs-offset12{margin-left:100%}@media screen and (max-width:768px){.layui-hide-xs{display:none!important}.layui-show-xs-block{display:block!important}.layui-show-xs-inline{display:inline!important}.layui-show-xs-inline-block{display:inline-block!important}}@media screen and (min-width:768px){.layui-container{width:750px}.layui-hide-sm{display:none!important}.layui-show-sm-block{display:block!important}.layui-show-sm-inline{display:inline!important}.layui-show-sm-inline-block{display:inline-block!important}.layui-col-sm1,.layui-col-sm10,.layui-col-sm11,.layui-col-sm12,.layui-col-sm2,.layui-col-sm3,.layui-col-sm4,.layui-col-sm5,.layui-col-sm6,.layui-col-sm7,.layui-col-sm8,.layui-col-sm9{float:left}.layui-col-sm1{width:8.33333333%}.layui-col-sm2{width:16.66666667%}.layui-col-sm3{width:25%}.layui-col-sm4{width:33.33333333%}.layui-col-sm5{width:41.66666667%}.layui-col-sm6{width:50%}.layui-col-sm7{width:58.33333333%}.layui-col-sm8{width:66.66666667%}.layui-col-sm9{width:75%}.layui-col-sm10{width:83.33333333%}.layui-col-sm11{width:91.66666667%}.layui-col-sm12{width:100%}.layui-col-sm-offset1{margin-left:8.33333333%}.layui-col-sm-offset2{margin-left:16.66666667%}.layui-col-sm-offset3{margin-left:25%}.layui-col-sm-offset4{margin-left:33.33333333%}.layui-col-sm-offset5{margin-left:41.66666667%}.layui-col-sm-offset6{margin-left:50%}.layui-col-sm-offset7{margin-left:58.33333333%}.layui-col-sm-offset8{margin-left:66.66666667%}.layui-col-sm-offset9{margin-left:75%}.layui-col-sm-offset10{margin-left:83.33333333%}.layui-col-sm-offset11{margin-left:91.66666667%}.layui-col-sm-offset12{margin-left:100%}}@media screen and (min-width:992px){.layui-container{width:970px}.layui-hide-md{display:none!important}.layui-show-md-block{display:block!important}.layui-show-md-inline{display:inline!important}.layui-show-md-inline-block{display:inline-block!important}.layui-col-md1,.layui-col-md10,.layui-col-md11,.layui-col-md12,.layui-col-md2,.layui-col-md3,.layui-col-md4,.layui-col-md5,.layui-col-md6,.layui-col-md7,.layui-col-md8,.layui-col-md9{float:left}.layui-col-md1{width:8.33333333%}.layui-col-md2{width:16.66666667%}.layui-col-md3{width:25%}.layui-col-md4{width:33.33333333%}.layui-col-md5{width:41.66666667%}.layui-col-md6{width:50%}.layui-col-md7{width:58.33333333%}.layui-col-md8{width:66.66666667%}.layui-col-md9{width:75%}.layui-col-md10{width:83.33333333%}.layui-col-md11{width:91.66666667%}.layui-col-md12{width:100%}.layui-col-md-offset1{margin-left:8.33333333%}.layui-col-md-offset2{margin-left:16.66666667%}.layui-col-md-offset3{margin-left:25%}.layui-col-md-offset4{margin-left:33.33333333%}.layui-col-md-offset5{margin-left:41.66666667%}.layui-col-md-offset6{margin-left:50%}.layui-col-md-offset7{margin-left:58.33333333%}.layui-col-md-offset8{margin-left:66.66666667%}.layui-col-md-offset9{margin-left:75%}.layui-col-md-offset10{margin-left:83.33333333%}.layui-col-md-offset11{margin-left:91.66666667%}.layui-col-md-offset12{margin-left:100%}}@media screen and (min-width:1200px){.layui-container{width:1170px}.layui-hide-lg{display:none!important}.layui-show-lg-block{display:block!important}.layui-show-lg-inline{display:inline!important}.layui-show-lg-inline-block{display:inline-block!important}.layui-col-lg1,.layui-col-lg10,.layui-col-lg11,.layui-col-lg12,.layui-col-lg2,.layui-col-lg3,.layui-col-lg4,.layui-col-lg5,.layui-col-lg6,.layui-col-lg7,.layui-col-lg8,.layui-col-lg9{float:left}.layui-col-lg1{width:8.33333333%}.layui-col-lg2{width:16.66666667%}.layui-col-lg3{width:25%}.layui-col-lg4{width:33.33333333%}.layui-col-lg5{width:41.66666667%}.layui-col-lg6{width:50%}.layui-col-lg7{width:58.33333333%}.layui-col-lg8{width:66.66666667%}.layui-col-lg9{width:75%}.layui-col-lg10{width:83.33333333%}.layui-col-lg11{width:91.66666667%}.layui-col-lg12{width:100%}.layui-col-lg-offset1{margin-left:8.33333333%}.layui-col-lg-offset2{margin-left:16.66666667%}.layui-col-lg-offset3{margin-left:25%}.layui-col-lg-offset4{margin-left:33.33333333%}.layui-col-lg-offset5{margin-left:41.66666667%}.layui-col-lg-offset6{margin-left:50%}.layui-col-lg-offset7{margin-left:58.33333333%}.layui-col-lg-offset8{margin-left:66.66666667%}.layui-col-lg-offset9{margin-left:75%}.layui-col-lg-offset10{margin-left:83.33333333%}.layui-col-lg-offset11{margin-left:91.66666667%}.layui-col-lg-offset12{margin-left:100%}}.layui-col-space1{margin:-.5px}.layui-col-space1>*{padding:.5px}.layui-col-space2{margin:-1px}.layui-col-space2>*{padding:1px}.layui-col-space4{margin:-2px}.layui-col-space4>*{padding:2px}.layui-col-space5{margin:-2.5px}.layui-col-space5>*{padding:2.5px}.layui-col-space6{margin:-3px}.layui-col-space6>*{padding:3px}.layui-col-space8{margin:-4px}.layui-col-space8>*{padding:4px}.layui-col-space10{margin:-5px}.layui-col-space10>*{padding:5px}.layui-col-space12{margin:-6px}.layui-col-space12>*{padding:6px}.layui-col-space14{margin:-7px}.layui-col-space14>*{padding:7px}.layui-col-space15{margin:-7.5px}.layui-col-space15>*{padding:7.5px}.layui-col-space16{margin:-8px}.layui-col-space16>*{padding:8px}.layui-col-space18{margin:-9px}.layui-col-space18>*{padding:9px}.layui-col-space20{margin:-10px}.layui-col-space20>*{padding:10px}.layui-col-space22{margin:-11px}.layui-col-space22>*{padding:11px}.layui-col-space24{margin:-12px}.layui-col-space24>*{padding:12px}.layui-col-space25{margin:-12.5px}.layui-col-space25>*{padding:12.5px}.layui-col-space26{margin:-13px}.layui-col-space26>*{padding:13px}.layui-col-space28{margin:-14px}.layui-col-space28>*{padding:14px}.layui-col-space30{margin:-15px}.layui-col-space30>*{padding:15px}.layui-btn,.layui-input,.layui-select,.layui-textarea,.layui-upload-button{outline:0;-webkit-appearance:none;transition:all .3s;-webkit-transition:all .3s;box-sizing:border-box}.layui-elem-quote{margin-bottom:10px;padding:15px;line-height:22px;border-left:5px solid #009688;border-radius:0 2px 2px 0;background-color:#f2f2f2}.layui-quote-nm{border-style:solid;border-width:1px 1px 1px 5px;background:0 0}.layui-elem-field{margin-bottom:10px;padding:0;border-width:1px;border-style:solid}.layui-elem-field legend{margin-left:20px;padding:0 10px;font-size:20px;font-weight:300}.layui-field-title{margin:10px 0 20px;border-width:1px 0 0}.layui-field-box{padding:10px 15px}.layui-field-title .layui-field-box{padding:10px 0}.layui-progress{position:relative;height:6px;border-radius:20px;background-color:#e2e2e2}.layui-progress-bar{position:absolute;left:0;top:0;width:0;max-width:100%;height:6px;border-radius:20px;text-align:right;background-color:#5FB878;transition:all .3s;-webkit-transition:all .3s}.layui-progress-big,.layui-progress-big .layui-progress-bar{height:18px;line-height:18px}.layui-progress-text{position:relative;top:-20px;line-height:18px;font-size:12px;color:#666}.layui-progress-big .layui-progress-text{position:static;padding:0 10px;color:#fff}.layui-collapse{border-width:1px;border-style:solid;border-radius:2px}.layui-colla-content,.layui-colla-item{border-top-width:1px;border-top-style:solid}.layui-colla-item:first-child{border-top:none}.layui-colla-title{position:relative;height:42px;line-height:42px;padding:0 15px 0 35px;color:#333;background-color:#f2f2f2;cursor:pointer;font-size:14px;overflow:hidden}.layui-colla-content{display:none;padding:10px 15px;line-height:22px;color:#666}.layui-colla-icon{position:absolute;left:15px;top:0;font-size:14px}.layui-card{margin-bottom:15px;border-radius:2px;background-color:#fff;box-shadow:0 1px 2px 0 rgba(0,0,0,.05)}.layui-card:last-child{margin-bottom:0}.layui-card-header{position:relative;height:42px;line-height:42px;padding:0 15px;border-bottom:1px solid #f6f6f6;color:#333;border-radius:2px 2px 0 0;font-size:14px}.layui-bg-black,.layui-bg-blue,.layui-bg-cyan,.layui-bg-green,.layui-bg-orange,.layui-bg-red{color:#fff!important}.layui-card-body{position:relative;padding:10px 15px;line-height:24px}.layui-card-body[pad15]{padding:15px}.layui-card-body[pad20]{padding:20px}.layui-card-body .layui-table{margin:5px 0}.layui-card .layui-tab{margin:0}.layui-panel-window{position:relative;padding:15px;border-radius:0;border-top:5px solid #E6E6E6;background-color:#fff}.layui-auxiliar-moving{position:fixed;left:0;right:0;top:0;bottom:0;width:100%;height:100%;background:0 0;z-index:9999999999}.layui-form-label,.layui-form-mid,.layui-form-select,.layui-input-block,.layui-input-inline,.layui-textarea{position:relative}.layui-bg-red{background-color:#FF5722!important}.layui-bg-orange{background-color:#FFB800!important}.layui-bg-green{background-color:#009688!important}.layui-bg-cyan{background-color:#2F4056!important}.layui-bg-blue{background-color:#1E9FFF!important}.layui-bg-black{background-color:#393D49!important}.layui-bg-gray{background-color:#eee!important;color:#666!important}.layui-badge-rim,.layui-colla-content,.layui-colla-item,.layui-collapse,.layui-elem-field,.layui-form-pane .layui-form-item[pane],.layui-form-pane .layui-form-label,.layui-input,.layui-layedit,.layui-layedit-tool,.layui-quote-nm,.layui-select,.layui-tab-bar,.layui-tab-card,.layui-tab-title,.layui-tab-title .layui-this:after,.layui-textarea{border-color:#e6e6e6}.layui-timeline-item:before,hr{background-color:#e6e6e6}.layui-text{line-height:22px;font-size:14px;color:#666}.layui-text h1,.layui-text h2,.layui-text h3{font-weight:500;color:#333}.layui-text h1{font-size:30px}.layui-text h2{font-size:24px}.layui-text h3{font-size:18px}.layui-text a:not(.layui-btn){color:#01AAED}.layui-text a:not(.layui-btn):hover{text-decoration:underline}.layui-text ul{padding:5px 0 5px 15px}.layui-text ul li{margin-top:5px;list-style-type:disc}.layui-text em,.layui-word-aux{color:#999!important;padding:0 5px!important}.layui-btn{display:inline-block;height:38px;line-height:38px;padding:0 18px;background-color:#009688;color:#fff;white-space:nowrap;text-align:center;font-size:14px;border:none;border-radius:2px;cursor:pointer}.layui-btn:hover{opacity:.8;filter:alpha(opacity=80);color:#fff}.layui-btn:active{opacity:1;filter:alpha(opacity=100)}.layui-btn+.layui-btn{margin-left:10px}.layui-btn-container{font-size:0}.layui-btn-container .layui-btn{margin-right:10px;margin-bottom:10px}.layui-btn-container .layui-btn+.layui-btn{margin-left:0}.layui-table .layui-btn-container .layui-btn{margin-bottom:9px}.layui-btn-radius{border-radius:100px}.layui-btn .layui-icon{margin-right:3px;font-size:18px;vertical-align:bottom;vertical-align:middle\9}.layui-btn-primary{border:1px solid #C9C9C9;background-color:#fff;color:#555}.layui-btn-primary:hover{border-color:#009688;color:#333}.layui-btn-normal{background-color:#1E9FFF}.layui-btn-warm{background-color:#FFB800}.layui-btn-danger{background-color:#FF5722}.layui-btn-checked{background-color:#5FB878}.layui-btn-disabled,.layui-btn-disabled:active,.layui-btn-disabled:hover{border:1px solid #e6e6e6;background-color:#FBFBFB;color:#C9C9C9;cursor:not-allowed;opacity:1}.layui-btn-lg{height:44px;line-height:44px;padding:0 25px;font-size:16px}.layui-btn-sm{height:30px;line-height:30px;padding:0 10px;font-size:12px}.layui-btn-sm i{font-size:16px!important}.layui-btn-xs{height:22px;line-height:22px;padding:0 5px;font-size:12px}.layui-btn-xs i{font-size:14px!important}.layui-btn-group{display:inline-block;vertical-align:middle;font-size:0}.layui-btn-group .layui-btn{margin-left:0!important;margin-right:0!important;border-left:1px solid rgba(255,255,255,.5);border-radius:0}.layui-btn-group .layui-btn-primary{border-left:none}.layui-btn-group .layui-btn-primary:hover{border-color:#C9C9C9;color:#009688}.layui-btn-group .layui-btn:first-child{border-left:none;border-radius:2px 0 0 2px}.layui-btn-group .layui-btn-primary:first-child{border-left:1px solid #c9c9c9}.layui-btn-group .layui-btn:last-child{border-radius:0 2px 2px 0}.layui-btn-group .layui-btn+.layui-btn{margin-left:0}.layui-btn-group+.layui-btn-group{margin-left:10px}.layui-btn-fluid{width:100%}.layui-input,.layui-select,.layui-textarea{height:38px;line-height:1.3;line-height:38px\9;border-width:1px;border-style:solid;background-color:#fff;border-radius:2px}.layui-input::-webkit-input-placeholder,.layui-select::-webkit-input-placeholder,.layui-textarea::-webkit-input-placeholder{line-height:1.3}.layui-input,.layui-textarea{display:block;width:100%;padding-left:10px}.layui-input:hover,.layui-textarea:hover{border-color:#D2D2D2!important}.layui-input:focus,.layui-textarea:focus{border-color:#C9C9C9!important}.layui-textarea{min-height:100px;height:auto;line-height:20px;padding:6px 10px;resize:vertical}.layui-select{padding:0 10px}.layui-form input[type=checkbox],.layui-form input[type=radio],.layui-form select{display:none}.layui-form [lay-ignore]{display:initial}.layui-form-item{margin-bottom:15px;clear:both;*zoom:1}.layui-form-item:after{content:'\20';clear:both;*zoom:1;display:block;height:0}.layui-form-label{float:left;display:block;padding:9px 15px;width:80px;font-weight:400;line-height:20px;text-align:right}.layui-form-label-col{display:block;float:none;padding:9px 0;line-height:20px;text-align:left}.layui-form-item .layui-inline{margin-bottom:5px;margin-right:10px}.layui-input-block{margin-left:110px;min-height:36px}.layui-input-inline{display:inline-block;vertical-align:middle}.layui-form-item .layui-input-inline{float:left;width:190px;margin-right:10px}.layui-form-text .layui-input-inline{width:auto}.layui-form-mid{float:left;display:block;padding:9px 0!important;line-height:20px;margin-right:10px}.layui-form-danger+.layui-form-select .layui-input,.layui-form-danger:focus{border-color:#FF5722!important}.layui-form-select .layui-input{padding-right:30px;cursor:pointer}.layui-form-select .layui-edge{position:absolute;right:10px;top:50%;margin-top:-3px;cursor:pointer;border-width:6px;border-top-color:#c2c2c2;border-top-style:solid;transition:all .3s;-webkit-transition:all .3s}.layui-form-select dl{display:none;position:absolute;left:0;top:42px;padding:5px 0;z-index:899;min-width:100%;border:1px solid #d2d2d2;max-height:300px;overflow-y:auto;background-color:#fff;border-radius:2px;box-shadow:0 2px 4px rgba(0,0,0,.12);box-sizing:border-box}.layui-form-select dl dd,.layui-form-select dl dt{padding:0 10px;line-height:36px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.layui-form-select dl dt{font-size:12px;color:#999}.layui-form-select dl dd{cursor:pointer}.layui-form-select dl dd:hover{background-color:#f2f2f2;-webkit-transition:.5s all;transition:.5s all}.layui-form-select .layui-select-group dd{padding-left:20px}.layui-form-select dl dd.layui-select-tips{padding-left:10px!important;color:#999}.layui-form-select dl dd.layui-this{background-color:#5FB878;color:#fff}.layui-form-checkbox,.layui-form-select dl dd.layui-disabled{background-color:#fff}.layui-form-selected dl{display:block}.layui-form-checkbox,.layui-form-checkbox *,.layui-form-switch{display:inline-block;vertical-align:middle}.layui-form-selected .layui-edge{margin-top:-9px;-webkit-transform:rotate(180deg);transform:rotate(180deg);margin-top:-3px\9}:root .layui-form-selected .layui-edge{margin-top:-9px\0/IE9}.layui-form-selectup dl{top:auto;bottom:42px}.layui-select-none{margin:5px 0;text-align:center;color:#999}.layui-select-disabled .layui-disabled{border-color:#eee!important}.layui-select-disabled .layui-edge{border-top-color:#d2d2d2}.layui-form-checkbox{position:relative;height:30px;line-height:30px;margin-right:10px;padding-right:30px;cursor:pointer;font-size:0;-webkit-transition:.1s linear;transition:.1s linear;box-sizing:border-box}.layui-form-checkbox span{padding:0 10px;height:100%;font-size:14px;border-radius:2px 0 0 2px;background-color:#d2d2d2;color:#fff;overflow:hidden}.layui-form-checkbox:hover span{background-color:#c2c2c2}.layui-form-checkbox i{position:absolute;right:0;top:0;width:30px;height:28px;border:1px solid #d2d2d2;border-left:none;border-radius:0 2px 2px 0;color:#fff;font-size:20px;text-align:center}.layui-form-checkbox:hover i{border-color:#c2c2c2;color:#c2c2c2}.layui-form-checked,.layui-form-checked:hover{border-color:#5FB878}.layui-form-checked span,.layui-form-checked:hover span{background-color:#5FB878}.layui-form-checked i,.layui-form-checked:hover i{color:#5FB878}.layui-form-item .layui-form-checkbox{margin-top:4px}.layui-form-checkbox[lay-skin=primary]{height:auto!important;line-height:normal!important;min-width:18px;min-height:18px;border:none!important;margin-right:0;padding-left:28px;padding-right:0;background:0 0}.layui-form-checkbox[lay-skin=primary] span{padding-left:0;padding-right:15px;line-height:18px;background:0 0;color:#666}.layui-form-checkbox[lay-skin=primary] i{right:auto;left:0;width:16px;height:16px;line-height:16px;border:1px solid #d2d2d2;font-size:12px;border-radius:2px;background-color:#fff;-webkit-transition:.1s linear;transition:.1s linear}.layui-form-checkbox[lay-skin=primary]:hover i{border-color:#5FB878;color:#fff}.layui-form-checked[lay-skin=primary] i{border-color:#5FB878!important;background-color:#5FB878;color:#fff}.layui-checkbox-disbaled[lay-skin=primary] span{background:0 0!important;color:#c2c2c2}.layui-checkbox-disbaled[lay-skin=primary]:hover i{border-color:#d2d2d2}.layui-form-item .layui-form-checkbox[lay-skin=primary]{margin-top:10px}.layui-form-switch{position:relative;height:22px;line-height:22px;min-width:35px;padding:0 5px;margin-top:8px;border:1px solid #d2d2d2;border-radius:20px;cursor:pointer;background-color:#fff;-webkit-transition:.1s linear;transition:.1s linear}.layui-form-switch i{position:absolute;left:5px;top:3px;width:16px;height:16px;border-radius:20px;background-color:#d2d2d2;-webkit-transition:.1s linear;transition:.1s linear}.layui-form-switch em{position:relative;top:0;width:25px;margin-left:21px;padding:0!important;text-align:center!important;color:#999!important;font-style:normal!important;font-size:12px}.layui-form-onswitch{border-color:#5FB878;background-color:#5FB878}.layui-checkbox-disbaled,.layui-checkbox-disbaled i{border-color:#e2e2e2!important}.layui-form-onswitch i{left:100%;margin-left:-21px;background-color:#fff}.layui-form-onswitch em{margin-left:5px;margin-right:21px;color:#fff!important}.layui-checkbox-disbaled span{background-color:#e2e2e2!important}.layui-checkbox-disbaled:hover i{color:#fff!important}[lay-radio]{display:none}.layui-form-radio,.layui-form-radio *{display:inline-block;vertical-align:middle}.layui-form-radio{line-height:28px;margin:6px 10px 0 0;padding-right:10px;cursor:pointer;font-size:0}.layui-form-radio *{font-size:14px}.layui-form-radio>i{margin-right:8px;font-size:22px;color:#c2c2c2}.layui-form-radio>i:hover,.layui-form-radioed>i{color:#5FB878}.layui-radio-disbaled>i{color:#e2e2e2!important}.layui-form-pane .layui-form-label{width:110px;padding:8px 15px;height:38px;line-height:20px;border-width:1px;border-style:solid;border-radius:2px 0 0 2px;text-align:center;background-color:#FBFBFB;overflow:hidden;box-sizing:border-box}.layui-form-pane .layui-input-inline{margin-left:-1px}.layui-form-pane .layui-input-block{margin-left:110px;left:-1px}.layui-form-pane .layui-input{border-radius:0 2px 2px 0}.layui-form-pane .layui-form-text .layui-form-label{float:none;width:100%;border-radius:2px;box-sizing:border-box;text-align:left}.layui-form-pane .layui-form-text .layui-input-inline{display:block;margin:0;top:-1px;clear:both}.layui-form-pane .layui-form-text .layui-input-block{margin:0;left:0;top:-1px}.layui-form-pane .layui-form-text .layui-textarea{min-height:100px;border-radius:0 0 2px 2px}.layui-form-pane .layui-form-checkbox{margin:4px 0 4px 10px}.layui-form-pane .layui-form-radio,.layui-form-pane .layui-form-switch{margin-top:6px;margin-left:10px}.layui-form-pane .layui-form-item[pane]{position:relative;border-width:1px;border-style:solid}.layui-form-pane .layui-form-item[pane] .layui-form-label{position:absolute;left:0;top:0;height:100%;border-width:0 1px 0 0}.layui-form-pane .layui-form-item[pane] .layui-input-inline{margin-left:110px}@media screen and (max-width:450px){.layui-form-item .layui-form-label{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.layui-form-item .layui-inline{display:block;margin-right:0;margin-bottom:20px;clear:both}.layui-form-item .layui-inline:after{content:'\20';clear:both;display:block;height:0}.layui-form-item .layui-input-inline{display:block;float:none;left:-3px;width:auto;margin:0 0 10px 112px}.layui-form-item .layui-input-inline+.layui-form-mid{margin-left:110px;top:-5px;padding:0}.layui-form-item .layui-form-checkbox{margin-right:5px;margin-bottom:5px}}.layui-layedit{border-width:1px;border-style:solid;border-radius:2px}.layui-layedit-tool{padding:3px 5px;border-bottom-width:1px;border-bottom-style:solid;font-size:0}.layedit-tool-fixed{position:fixed;top:0;border-top:1px solid #e2e2e2}.layui-layedit-tool .layedit-tool-mid,.layui-layedit-tool .layui-icon{display:inline-block;vertical-align:middle;text-align:center;font-size:14px}.layui-layedit-tool .layui-icon{position:relative;width:32px;height:30px;line-height:30px;margin:3px 5px;color:#777;cursor:pointer;border-radius:2px}.layui-layedit-tool .layui-icon:hover{color:#393D49}.layui-layedit-tool .layui-icon:active{color:#000}.layui-layedit-tool .layedit-tool-active{background-color:#e2e2e2;color:#000}.layui-layedit-tool .layui-disabled,.layui-layedit-tool .layui-disabled:hover{color:#d2d2d2;cursor:not-allowed}.layui-layedit-tool .layedit-tool-mid{width:1px;height:18px;margin:0 10px;background-color:#d2d2d2}.layedit-tool-html{width:50px!important;font-size:30px!important}.layedit-tool-b,.layedit-tool-code,.layedit-tool-help{font-size:16px!important}.layedit-tool-d,.layedit-tool-face,.layedit-tool-image,.layedit-tool-unlink{font-size:18px!important}.layedit-tool-image input{position:absolute;font-size:0;left:0;top:0;width:100%;height:100%;opacity:.01;filter:Alpha(opacity=1);cursor:pointer}.layui-layedit-iframe iframe{display:block;width:100%}#LAY_layedit_code{overflow:hidden}.layui-laypage{display:inline-block;*display:inline;*zoom:1;vertical-align:middle;margin:10px 0;font-size:0}.layui-laypage>a:first-child,.layui-laypage>a:first-child em{border-radius:2px 0 0 2px}.layui-laypage>a:last-child,.layui-laypage>a:last-child em{border-radius:0 2px 2px 0}.layui-laypage>:first-child{margin-left:0!important}.layui-laypage>:last-child{margin-right:0!important}.layui-laypage a,.layui-laypage button,.layui-laypage input,.layui-laypage select,.layui-laypage span{border:1px solid #e2e2e2}.layui-laypage a,.layui-laypage span{display:inline-block;*display:inline;*zoom:1;vertical-align:middle;padding:0 15px;height:28px;line-height:28px;margin:0 -1px 5px 0;background-color:#fff;color:#333;font-size:12px}.layui-flow-more a *,.layui-laypage input,.layui-table-view select[lay-ignore]{display:inline-block}.layui-laypage a:hover{color:#009688}.layui-laypage em{font-style:normal}.layui-laypage .layui-laypage-spr{color:#999;font-weight:700}.layui-laypage a{text-decoration:none}.layui-laypage .layui-laypage-curr{position:relative}.layui-laypage .layui-laypage-curr em{position:relative;color:#fff}.layui-laypage .layui-laypage-curr .layui-laypage-em{position:absolute;left:-1px;top:-1px;padding:1px;width:100%;height:100%;background-color:#009688}.layui-laypage-em{border-radius:2px}.layui-laypage-next em,.layui-laypage-prev em{font-family:Sim sun;font-size:16px}.layui-laypage .layui-laypage-count,.layui-laypage .layui-laypage-limits,.layui-laypage .layui-laypage-refresh,.layui-laypage .layui-laypage-skip{margin-left:10px;margin-right:10px;padding:0;border:none}.layui-laypage .layui-laypage-limits,.layui-laypage .layui-laypage-refresh{vertical-align:top}.layui-laypage .layui-laypage-refresh i{font-size:18px;cursor:pointer}.layui-laypage select{height:22px;padding:3px;border-radius:2px;cursor:pointer}.layui-laypage .layui-laypage-skip{height:30px;line-height:30px;color:#999}.layui-laypage button,.layui-laypage input{height:30px;line-height:30px;border-radius:2px;vertical-align:top;background-color:#fff;box-sizing:border-box}.layui-laypage input{width:40px;margin:0 10px;padding:0 3px;text-align:center}.layui-laypage input:focus,.layui-laypage select:focus{border-color:#009688!important}.layui-laypage button{margin-left:10px;padding:0 10px;cursor:pointer}.layui-table,.layui-table-view{margin:10px 0}.layui-flow-more{margin:10px 0;text-align:center;color:#999;font-size:14px}.layui-flow-more a{height:32px;line-height:32px}.layui-flow-more a *{vertical-align:top}.layui-flow-more a cite{padding:0 20px;border-radius:3px;background-color:#eee;color:#333;font-style:normal}.layui-flow-more a cite:hover{opacity:.8}.layui-flow-more a i{font-size:30px;color:#737383}.layui-table{width:100%;background-color:#fff;color:#666}.layui-table tr{transition:all .3s;-webkit-transition:all .3s}.layui-table th{text-align:left;font-weight:400}.layui-table tbody tr:hover,.layui-table thead tr,.layui-table-click,.layui-table-header,.layui-table-hover,.layui-table-mend,.layui-table-patch,.layui-table-tool,.layui-table-total,.layui-table-total tr,.layui-table[lay-even] tr:nth-child(even){background-color:#f2f2f2}.layui-table td,.layui-table th,.layui-table-col-set,.layui-table-fixed-r,.layui-table-grid-down,.layui-table-header,.layui-table-page,.layui-table-tips-main,.layui-table-tool,.layui-table-total,.layui-table-view,.layui-table[lay-skin=line],.layui-table[lay-skin=row]{border-width:1px;border-style:solid;border-color:#e6e6e6}.layui-table td,.layui-table th{position:relative;padding:9px 15px;min-height:20px;line-height:20px;font-size:14px}.layui-table[lay-skin=line] td,.layui-table[lay-skin=line] th{border-width:0 0 1px}.layui-table[lay-skin=row] td,.layui-table[lay-skin=row] th{border-width:0 1px 0 0}.layui-table[lay-skin=nob] td,.layui-table[lay-skin=nob] th{border:none}.layui-table img{max-width:100px}.layui-table[lay-size=lg] td,.layui-table[lay-size=lg] th{padding:15px 30px}.layui-table-view .layui-table[lay-size=lg] .layui-table-cell{height:40px;line-height:40px}.layui-table[lay-size=sm] td,.layui-table[lay-size=sm] th{font-size:12px;padding:5px 10px}.layui-table-view .layui-table[lay-size=sm] .layui-table-cell{height:20px;line-height:20px}.layui-table[lay-data]{display:none}.layui-table-box{position:relative;overflow:hidden}.layui-table-view .layui-table{position:relative;width:auto;margin:0}.layui-table-view .layui-table[lay-skin=line]{border-width:0 1px 0 0}.layui-table-view .layui-table[lay-skin=row]{border-width:0 0 1px}.layui-table-view .layui-table td,.layui-table-view .layui-table th{padding:5px 0;border-top:none;border-left:none}.layui-table-view .layui-table th.layui-unselect .layui-table-cell span{cursor:pointer}.layui-table-view .layui-table td{cursor:default}.layui-table-view .layui-table td[data-edit=text]{cursor:text}.layui-table-view .layui-form-checkbox[lay-skin=primary] i{width:18px;height:18px}.layui-table-view .layui-form-radio{line-height:0;padding:0}.layui-table-view .layui-form-radio>i{margin:0;font-size:20px}.layui-table-init{position:absolute;left:0;top:0;width:100%;height:100%;text-align:center;z-index:110}.layui-table-init .layui-icon{position:absolute;left:50%;top:50%;margin:-15px 0 0 -15px;font-size:30px;color:#c2c2c2}.layui-table-header{border-width:0 0 1px;overflow:hidden}.layui-table-header .layui-table{margin-bottom:-1px}.layui-table-tool .layui-inline[lay-event]{position:relative;width:26px;height:26px;padding:5px;line-height:16px;margin-right:10px;text-align:center;color:#333;border:1px solid #ccc;cursor:pointer;-webkit-transition:.5s all;transition:.5s all}.layui-table-tool .layui-inline[lay-event]:hover{border:1px solid #999}.layui-table-tool-temp{padding-right:120px}.layui-table-tool-self{position:absolute;right:17px;top:10px}.layui-table-tool .layui-table-tool-self .layui-inline[lay-event]{margin:0 0 0 10px}.layui-table-tool-panel{position:absolute;top:29px;left:-1px;padding:5px 0;min-width:150px;min-height:40px;border:1px solid #d2d2d2;text-align:left;overflow-y:auto;background-color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.12)}.layui-table-cell,.layui-table-tool-panel li{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layui-table-tool-panel li{padding:0 10px;line-height:30px;-webkit-transition:.5s all;transition:.5s all}.layui-table-tool-panel li .layui-form-checkbox[lay-skin=primary]{width:100%;padding-left:28px}.layui-table-tool-panel li:hover{background-color:#f2f2f2}.layui-table-tool-panel li .layui-form-checkbox[lay-skin=primary] i{position:absolute;left:0;top:0}.layui-table-tool-panel li .layui-form-checkbox[lay-skin=primary] span{padding:0}.layui-table-tool .layui-table-tool-self .layui-table-tool-panel{left:auto;right:-1px}.layui-table-col-set{position:absolute;right:0;top:0;width:20px;height:100%;border-width:0 0 0 1px;background-color:#fff}.layui-table-sort{width:10px;height:20px;margin-left:5px;cursor:pointer!important}.layui-table-sort .layui-edge{position:absolute;left:5px;border-width:5px}.layui-table-sort .layui-table-sort-asc{top:3px;border-top:none;border-bottom-style:solid;border-bottom-color:#b2b2b2}.layui-table-sort .layui-table-sort-asc:hover{border-bottom-color:#666}.layui-table-sort .layui-table-sort-desc{bottom:5px;border-bottom:none;border-top-style:solid;border-top-color:#b2b2b2}.layui-table-sort .layui-table-sort-desc:hover{border-top-color:#666}.layui-table-sort[lay-sort=asc] .layui-table-sort-asc{border-bottom-color:#000}.layui-table-sort[lay-sort=desc] .layui-table-sort-desc{border-top-color:#000}.layui-table-cell{height:28px;line-height:28px;padding:0 15px;position:relative;box-sizing:border-box}.layui-table-cell .layui-form-checkbox[lay-skin=primary]{top:-1px;padding:0}.layui-table-cell .layui-table-link{color:#01AAED}.laytable-cell-checkbox,.laytable-cell-numbers,.laytable-cell-radio,.laytable-cell-space{padding:0;text-align:center}.layui-table-body{position:relative;overflow:auto;margin-right:-1px;margin-bottom:-1px}.layui-table-body .layui-none{line-height:26px;padding:15px;text-align:center;color:#999}.layui-table-fixed{position:absolute;left:0;top:0;z-index:101}.layui-table-fixed .layui-table-body{overflow:hidden}.layui-table-fixed-l{box-shadow:0 -1px 8px rgba(0,0,0,.08)}.layui-table-fixed-r{left:auto;right:-1px;border-width:0 0 0 1px;box-shadow:-1px 0 8px rgba(0,0,0,.08)}.layui-table-fixed-r .layui-table-header{position:relative;overflow:visible}.layui-table-mend{position:absolute;right:-49px;top:0;height:100%;width:50px}.layui-table-tool{position:relative;z-index:890;width:100%;min-height:50px;line-height:30px;padding:10px 15px;border-width:0 0 1px}.layui-table-tool .layui-btn-container{margin-bottom:-10px}.layui-table-page,.layui-table-total{border-width:1px 0 0;margin-bottom:-1px;overflow:hidden}.layui-table-page{position:relative;width:100%;padding:7px 7px 0;height:41px;font-size:12px;white-space:nowrap}.layui-table-page>div{height:26px}.layui-table-page .layui-laypage{margin:0}.layui-table-page .layui-laypage a,.layui-table-page .layui-laypage span{height:26px;line-height:26px;margin-bottom:10px;border:none;background:0 0}.layui-table-page .layui-laypage a,.layui-table-page .layui-laypage span.layui-laypage-curr{padding:0 12px}.layui-table-page .layui-laypage span{margin-left:0;padding:0}.layui-table-page .layui-laypage .layui-laypage-prev{margin-left:-7px!important}.layui-table-page .layui-laypage .layui-laypage-curr .layui-laypage-em{left:0;top:0;padding:0}.layui-table-page .layui-laypage button,.layui-table-page .layui-laypage input{height:26px;line-height:26px}.layui-table-page .layui-laypage input{width:40px}.layui-table-page .layui-laypage button{padding:0 10px}.layui-table-page select{height:18px}.layui-table-patch .layui-table-cell{padding:0;width:30px}.layui-table-edit{position:absolute;left:0;top:0;width:100%;height:100%;padding:0 14px 1px;border-radius:0;box-shadow:1px 1px 20px rgba(0,0,0,.15)}.layui-table-edit:focus{border-color:#5FB878!important}select.layui-table-edit{padding:0 0 0 10px;border-color:#C9C9C9}.layui-table-view .layui-form-checkbox,.layui-table-view .layui-form-radio,.layui-table-view .layui-form-switch{top:0;margin:0;box-sizing:content-box}.layui-table-view .layui-form-checkbox{top:-1px;height:26px;line-height:26px}.layui-table-view .layui-form-checkbox i{height:26px}.layui-table-grid .layui-table-cell{overflow:visible}.layui-table-grid-down{position:absolute;top:0;right:0;width:26px;height:100%;padding:5px 0;border-width:0 0 0 1px;text-align:center;background-color:#fff;color:#999;cursor:pointer}.layui-table-grid-down .layui-icon{position:absolute;top:50%;left:50%;margin:-8px 0 0 -8px}.layui-table-grid-down:hover{background-color:#fbfbfb}body .layui-table-tips .layui-layer-content{background:0 0;padding:0;box-shadow:0 1px 6px rgba(0,0,0,.12)}.layui-table-tips-main{margin:-44px 0 0 -1px;max-height:150px;padding:8px 15px;font-size:14px;overflow-y:scroll;background-color:#fff;color:#666}.layui-table-tips-c{position:absolute;right:-3px;top:-13px;width:20px;height:20px;padding:3px;cursor:pointer;background-color:#666;border-radius:50%;color:#fff}.layui-table-tips-c:hover{background-color:#777}.layui-table-tips-c:before{position:relative;right:-2px}.layui-upload-file{display:none!important;opacity:.01;filter:Alpha(opacity=1)}.layui-upload-drag,.layui-upload-form,.layui-upload-wrap{display:inline-block}.layui-upload-list{margin:10px 0}.layui-upload-choose{padding:0 10px;color:#999}.layui-upload-drag{position:relative;padding:30px;border:1px dashed #e2e2e2;background-color:#fff;text-align:center;cursor:pointer;color:#999}.layui-upload-drag .layui-icon{font-size:50px;color:#009688}.layui-upload-drag[lay-over]{border-color:#009688}.layui-upload-iframe{position:absolute;width:0;height:0;border:0;visibility:hidden}.layui-upload-wrap{position:relative;vertical-align:middle}.layui-upload-wrap .layui-upload-file{display:block!important;position:absolute;left:0;top:0;z-index:10;font-size:100px;width:100%;height:100%;opacity:.01;filter:Alpha(opacity=1);cursor:pointer}.layui-transfer-active,.layui-transfer-box{display:inline-block;vertical-align:middle}.layui-transfer-box,.layui-transfer-header,.layui-transfer-search{border-width:0;border-style:solid;border-color:#e6e6e6}.layui-transfer-box{position:relative;border-width:1px;width:200px;height:360px;border-radius:2px;background-color:#fff}.layui-transfer-box .layui-form-checkbox{width:100%;margin:0!important}.layui-transfer-header{height:38px;line-height:38px;padding:0 10px;border-bottom-width:1px}.layui-transfer-search{position:relative;padding:10px;border-bottom-width:1px}.layui-transfer-search .layui-input{height:32px;padding-left:30px;font-size:12px}.layui-transfer-search .layui-icon-search{position:absolute;left:20px;top:50%;margin-top:-8px;color:#666}.layui-transfer-active{margin:0 15px}.layui-transfer-active .layui-btn{display:block;margin:0;padding:0 15px;background-color:#5FB878;border-color:#5FB878;color:#fff}.layui-transfer-active .layui-btn-disabled{background-color:#FBFBFB;border-color:#e6e6e6;color:#C9C9C9}.layui-transfer-active .layui-btn:first-child{margin-bottom:15px}.layui-transfer-active .layui-btn .layui-icon{margin:0;font-size:14px!important}.layui-transfer-data{padding:5px 0;overflow:auto}.layui-transfer-data li{height:32px;line-height:32px;padding:0 10px}.layui-transfer-data li:hover{background-color:#f2f2f2;transition:.5s all}.layui-transfer-data .layui-none{padding:15px 10px;text-align:center;color:#999}.layui-nav{position:relative;padding:0 20px;background-color:#393D49;color:#fff;border-radius:2px;font-size:0;box-sizing:border-box}.layui-nav *{font-size:14px}.layui-nav .layui-nav-item{position:relative;display:inline-block;*display:inline;*zoom:1;vertical-align:middle;line-height:60px}.layui-nav .layui-nav-item a{display:block;padding:0 20px;color:#fff;color:rgba(255,255,255,.7);transition:all .3s;-webkit-transition:all .3s}.layui-nav .layui-this:after,.layui-nav-bar,.layui-nav-tree .layui-nav-itemed:after{position:absolute;left:0;top:0;width:0;height:5px;background-color:#5FB878;transition:all .2s;-webkit-transition:all .2s}.layui-nav-bar{z-index:1000}.layui-nav .layui-nav-item a:hover,.layui-nav .layui-this a{color:#fff}.layui-nav .layui-this:after{content:'';top:auto;bottom:0;width:100%}.layui-nav-img{width:30px;height:30px;margin-right:10px;border-radius:50%}.layui-nav .layui-nav-more{content:'';width:0;height:0;border-style:solid dashed dashed;border-color:#fff transparent transparent;overflow:hidden;cursor:pointer;transition:all .2s;-webkit-transition:all .2s;position:absolute;top:50%;right:3px;margin-top:-3px;border-width:6px;border-top-color:rgba(255,255,255,.7)}.layui-nav .layui-nav-mored,.layui-nav-itemed>a .layui-nav-more{margin-top:-9px;border-style:dashed dashed solid;border-color:transparent transparent #fff}.layui-nav-child{display:none;position:absolute;left:0;top:65px;min-width:100%;line-height:36px;padding:5px 0;box-shadow:0 2px 4px rgba(0,0,0,.12);border:1px solid #d2d2d2;background-color:#fff;z-index:100;border-radius:2px;white-space:nowrap}.layui-nav .layui-nav-child a{color:#333}.layui-nav .layui-nav-child a:hover{background-color:#f2f2f2;color:#000}.layui-nav-child dd{position:relative}.layui-nav .layui-nav-child dd.layui-this a,.layui-nav-child dd.layui-this{background-color:#5FB878;color:#fff}.layui-nav-child dd.layui-this:after{display:none}.layui-nav-tree{width:200px;padding:0}.layui-nav-tree .layui-nav-item{display:block;width:100%;line-height:45px}.layui-nav-tree .layui-nav-item a{position:relative;height:45px;line-height:45px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.layui-nav-tree .layui-nav-item a:hover{background-color:#4E5465}.layui-nav-tree .layui-nav-bar{width:5px;height:0;background-color:#009688}.layui-nav-tree .layui-nav-child dd.layui-this,.layui-nav-tree .layui-nav-child dd.layui-this a,.layui-nav-tree .layui-this,.layui-nav-tree .layui-this>a,.layui-nav-tree .layui-this>a:hover{background-color:#009688;color:#fff}.layui-nav-tree .layui-this:after{display:none}.layui-nav-itemed>a,.layui-nav-tree .layui-nav-title a,.layui-nav-tree .layui-nav-title a:hover{color:#fff!important}.layui-nav-tree .layui-nav-child{position:relative;z-index:0;top:0;border:none;box-shadow:none}.layui-nav-tree .layui-nav-child a{height:40px;line-height:40px;color:#fff;color:rgba(255,255,255,.7)}.layui-nav-tree .layui-nav-child,.layui-nav-tree .layui-nav-child a:hover{background:0 0;color:#fff}.layui-nav-tree .layui-nav-more{right:10px}.layui-nav-itemed>.layui-nav-child{display:block;padding:0;background-color:rgba(0,0,0,.3)!important}.layui-nav-itemed>.layui-nav-child>.layui-this>.layui-nav-child{display:block}.layui-nav-side{position:fixed;top:0;bottom:0;left:0;overflow-x:hidden;z-index:999}.layui-bg-blue .layui-nav-bar,.layui-bg-blue .layui-nav-itemed:after,.layui-bg-blue .layui-this:after{background-color:#93D1FF}.layui-bg-blue .layui-nav-child dd.layui-this{background-color:#1E9FFF}.layui-bg-blue .layui-nav-itemed>a,.layui-nav-tree.layui-bg-blue .layui-nav-title a,.layui-nav-tree.layui-bg-blue .layui-nav-title a:hover{background-color:#007DDB!important}.layui-breadcrumb{font-size:0}.layui-breadcrumb>*{font-size:14px}.layui-breadcrumb a{color:#999!important}.layui-breadcrumb a:hover{color:#5FB878!important}.layui-breadcrumb a cite{color:#666;font-style:normal}.layui-breadcrumb span[lay-separator]{margin:0 10px;color:#999}.layui-tab{margin:10px 0;text-align:left!important}.layui-tab[overflow]>.layui-tab-title{overflow:hidden}.layui-tab-title{position:relative;left:0;height:40px;white-space:nowrap;font-size:0;border-bottom-width:1px;border-bottom-style:solid;transition:all .2s;-webkit-transition:all .2s}.layui-tab-title li{display:inline-block;*display:inline;*zoom:1;vertical-align:middle;font-size:14px;transition:all .2s;-webkit-transition:all .2s;position:relative;line-height:40px;min-width:65px;padding:0 15px;text-align:center;cursor:pointer}.layui-tab-title li a{display:block}.layui-tab-title .layui-this{color:#000}.layui-tab-title .layui-this:after{position:absolute;left:0;top:0;content:'';width:100%;height:41px;border-width:1px;border-style:solid;border-bottom-color:#fff;border-radius:2px 2px 0 0;box-sizing:border-box;pointer-events:none}.layui-tab-bar{position:absolute;right:0;top:0;z-index:10;width:30px;height:39px;line-height:39px;border-width:1px;border-style:solid;border-radius:2px;text-align:center;background-color:#fff;cursor:pointer}.layui-tab-bar .layui-icon{position:relative;display:inline-block;top:3px;transition:all .3s;-webkit-transition:all .3s}.layui-tab-item{display:none}.layui-tab-more{padding-right:30px;height:auto!important;white-space:normal!important}.layui-tab-more li.layui-this:after{border-bottom-color:#e2e2e2;border-radius:2px}.layui-tab-more .layui-tab-bar .layui-icon{top:-2px;top:3px\9;-webkit-transform:rotate(180deg);transform:rotate(180deg)}:root .layui-tab-more .layui-tab-bar .layui-icon{top:-2px\0/IE9}.layui-tab-content{padding:10px}.layui-tab-title li .layui-tab-close{position:relative;display:inline-block;width:18px;height:18px;line-height:20px;margin-left:8px;top:1px;text-align:center;font-size:14px;color:#c2c2c2;transition:all .2s;-webkit-transition:all .2s}.layui-tab-title li .layui-tab-close:hover{border-radius:2px;background-color:#FF5722;color:#fff}.layui-tab-brief>.layui-tab-title .layui-this{color:#009688}.layui-tab-brief>.layui-tab-more li.layui-this:after,.layui-tab-brief>.layui-tab-title .layui-this:after{border:none;border-radius:0;border-bottom:2px solid #5FB878}.layui-tab-brief[overflow]>.layui-tab-title .layui-this:after{top:-1px}.layui-tab-card{border-width:1px;border-style:solid;border-radius:2px;box-shadow:0 2px 5px 0 rgba(0,0,0,.1)}.layui-tab-card>.layui-tab-title{background-color:#f2f2f2}.layui-tab-card>.layui-tab-title li{margin-right:-1px;margin-left:-1px}.layui-tab-card>.layui-tab-title .layui-this{background-color:#fff}.layui-tab-card>.layui-tab-title .layui-this:after{border-top:none;border-width:1px;border-bottom-color:#fff}.layui-tab-card>.layui-tab-title .layui-tab-bar{height:40px;line-height:40px;border-radius:0;border-top:none;border-right:none}.layui-tab-card>.layui-tab-more .layui-this{background:0 0;color:#5FB878}.layui-tab-card>.layui-tab-more .layui-this:after{border:none}.layui-timeline{padding-left:5px}.layui-timeline-item{position:relative;padding-bottom:20px}.layui-timeline-axis{position:absolute;left:-5px;top:0;z-index:10;width:20px;height:20px;line-height:20px;background-color:#fff;color:#5FB878;border-radius:50%;text-align:center;cursor:pointer}.layui-timeline-axis:hover{color:#FF5722}.layui-timeline-item:before{content:'';position:absolute;left:5px;top:0;z-index:0;width:1px;height:100%}.layui-timeline-item:last-child:before{display:none}.layui-timeline-item:first-child:before{display:block}.layui-timeline-content{padding-left:25px}.layui-timeline-title{position:relative;margin-bottom:10px}.layui-badge,.layui-badge-dot,.layui-badge-rim{position:relative;display:inline-block;padding:0 6px;font-size:12px;text-align:center;background-color:#FF5722;color:#fff;border-radius:2px}.layui-badge{height:18px;line-height:18px}.layui-badge-dot{width:8px;height:8px;padding:0;border-radius:50%}.layui-badge-rim{height:18px;line-height:18px;border-width:1px;border-style:solid;background-color:#fff;color:#666}.layui-btn .layui-badge,.layui-btn .layui-badge-dot{margin-left:5px}.layui-nav .layui-badge,.layui-nav .layui-badge-dot{position:absolute;top:50%;margin:-8px 6px 0}.layui-tab-title .layui-badge,.layui-tab-title .layui-badge-dot{left:5px;top:-2px}.layui-carousel{position:relative;left:0;top:0;background-color:#f8f8f8}.layui-carousel>[carousel-item]{position:relative;width:100%;height:100%;overflow:hidden}.layui-carousel>[carousel-item]:before{position:absolute;content:'\e63d';left:50%;top:50%;width:100px;line-height:20px;margin:-10px 0 0 -50px;text-align:center;color:#c2c2c2;font-family:layui-icon!important;font-size:30px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.layui-carousel>[carousel-item]>*{display:none;position:absolute;left:0;top:0;width:100%;height:100%;background-color:#f8f8f8;transition-duration:.3s;-webkit-transition-duration:.3s}.layui-carousel-updown>*{-webkit-transition:.3s ease-in-out up;transition:.3s ease-in-out up}.layui-carousel-arrow{display:none\9;opacity:0;position:absolute;left:10px;top:50%;margin-top:-18px;width:36px;height:36px;line-height:36px;text-align:center;font-size:20px;border:0;border-radius:50%;background-color:rgba(0,0,0,.2);color:#fff;-webkit-transition-duration:.3s;transition-duration:.3s;cursor:pointer}.layui-carousel-arrow[lay-type=add]{left:auto!important;right:10px}.layui-carousel:hover .layui-carousel-arrow[lay-type=add],.layui-carousel[lay-arrow=always] .layui-carousel-arrow[lay-type=add]{right:20px}.layui-carousel[lay-arrow=always] .layui-carousel-arrow{opacity:1;left:20px}.layui-carousel[lay-arrow=none] .layui-carousel-arrow{display:none}.layui-carousel-arrow:hover,.layui-carousel-ind ul:hover{background-color:rgba(0,0,0,.35)}.layui-carousel:hover .layui-carousel-arrow{display:block\9;opacity:1;left:20px}.layui-carousel-ind{position:relative;top:-35px;width:100%;line-height:0!important;text-align:center;font-size:0}.layui-carousel[lay-indicator=outside]{margin-bottom:30px}.layui-carousel[lay-indicator=outside] .layui-carousel-ind{top:10px}.layui-carousel[lay-indicator=outside] .layui-carousel-ind ul{background-color:rgba(0,0,0,.5)}.layui-carousel[lay-indicator=none] .layui-carousel-ind{display:none}.layui-carousel-ind ul{display:inline-block;padding:5px;background-color:rgba(0,0,0,.2);border-radius:10px;-webkit-transition-duration:.3s;transition-duration:.3s}.layui-carousel-ind li{display:inline-block;width:10px;height:10px;margin:0 3px;font-size:14px;background-color:#e2e2e2;background-color:rgba(255,255,255,.5);border-radius:50%;cursor:pointer;-webkit-transition-duration:.3s;transition-duration:.3s}.layui-carousel-ind li:hover{background-color:rgba(255,255,255,.7)}.layui-carousel-ind li.layui-this{background-color:#fff}.layui-carousel>[carousel-item]>.layui-carousel-next,.layui-carousel>[carousel-item]>.layui-carousel-prev,.layui-carousel>[carousel-item]>.layui-this{display:block}.layui-carousel>[carousel-item]>.layui-this{left:0}.layui-carousel>[carousel-item]>.layui-carousel-prev{left:-100%}.layui-carousel>[carousel-item]>.layui-carousel-next{left:100%}.layui-carousel>[carousel-item]>.layui-carousel-next.layui-carousel-left,.layui-carousel>[carousel-item]>.layui-carousel-prev.layui-carousel-right{left:0}.layui-carousel>[carousel-item]>.layui-this.layui-carousel-left{left:-100%}.layui-carousel>[carousel-item]>.layui-this.layui-carousel-right{left:100%}.layui-carousel[lay-anim=updown] .layui-carousel-arrow{left:50%!important;top:20px;margin:0 0 0 -18px}.layui-carousel[lay-anim=updown]>[carousel-item]>*,.layui-carousel[lay-anim=fade]>[carousel-item]>*{left:0!important}.layui-carousel[lay-anim=updown] .layui-carousel-arrow[lay-type=add]{top:auto!important;bottom:20px}.layui-carousel[lay-anim=updown] .layui-carousel-ind{position:absolute;top:50%;right:20px;width:auto;height:auto}.layui-carousel[lay-anim=updown] .layui-carousel-ind ul{padding:3px 5px}.layui-carousel[lay-anim=updown] .layui-carousel-ind li{display:block;margin:6px 0}.layui-carousel[lay-anim=updown]>[carousel-item]>.layui-this{top:0}.layui-carousel[lay-anim=updown]>[carousel-item]>.layui-carousel-prev{top:-100%}.layui-carousel[lay-anim=updown]>[carousel-item]>.layui-carousel-next{top:100%}.layui-carousel[lay-anim=updown]>[carousel-item]>.layui-carousel-next.layui-carousel-left,.layui-carousel[lay-anim=updown]>[carousel-item]>.layui-carousel-prev.layui-carousel-right{top:0}.layui-carousel[lay-anim=updown]>[carousel-item]>.layui-this.layui-carousel-left{top:-100%}.layui-carousel[lay-anim=updown]>[carousel-item]>.layui-this.layui-carousel-right{top:100%}.layui-carousel[lay-anim=fade]>[carousel-item]>.layui-carousel-next,.layui-carousel[lay-anim=fade]>[carousel-item]>.layui-carousel-prev{opacity:0}.layui-carousel[lay-anim=fade]>[carousel-item]>.layui-carousel-next.layui-carousel-left,.layui-carousel[lay-anim=fade]>[carousel-item]>.layui-carousel-prev.layui-carousel-right{opacity:1}.layui-carousel[lay-anim=fade]>[carousel-item]>.layui-this.layui-carousel-left,.layui-carousel[lay-anim=fade]>[carousel-item]>.layui-this.layui-carousel-right{opacity:0}.layui-fixbar{position:fixed;right:15px;bottom:15px;z-index:999999}.layui-fixbar li{width:50px;height:50px;line-height:50px;margin-bottom:1px;text-align:center;cursor:pointer;font-size:30px;background-color:#9F9F9F;color:#fff;border-radius:2px;opacity:.95}.layui-fixbar li:hover{opacity:.85}.layui-fixbar li:active{opacity:1}.layui-fixbar .layui-fixbar-top{display:none;font-size:40px}body .layui-util-face{border:none;background:0 0}body .layui-util-face .layui-layer-content{padding:0;background-color:#fff;color:#666;box-shadow:none}.layui-util-face .layui-layer-TipsG{display:none}.layui-util-face ul{position:relative;width:372px;padding:10px;border:1px solid #D9D9D9;background-color:#fff;box-shadow:0 0 20px rgba(0,0,0,.2)}.layui-util-face ul li{cursor:pointer;float:left;border:1px solid #e8e8e8;height:22px;width:26px;overflow:hidden;margin:-1px 0 0 -1px;padding:4px 2px;text-align:center}.layui-util-face ul li:hover{position:relative;z-index:2;border:1px solid #eb7350;background:#fff9ec}.layui-code{position:relative;margin:10px 0;padding:15px;line-height:20px;border:1px solid #ddd;border-left-width:6px;background-color:#F2F2F2;color:#333;font-family:Courier New;font-size:12px}.layui-rate,.layui-rate *{display:inline-block;vertical-align:middle}.layui-rate{padding:10px 5px 10px 0;font-size:0}.layui-rate li i.layui-icon{font-size:20px;color:#FFB800;margin-right:5px;transition:all .3s;-webkit-transition:all .3s}.layui-rate li i:hover{cursor:pointer;transform:scale(1.12);-webkit-transform:scale(1.12)}.layui-rate[readonly] li i:hover{cursor:default;transform:scale(1)}.layui-colorpicker{width:26px;height:26px;border:1px solid #e6e6e6;padding:5px;border-radius:2px;line-height:24px;display:inline-block;cursor:pointer;transition:all .3s;-webkit-transition:all .3s}.layui-colorpicker:hover{border-color:#d2d2d2}.layui-colorpicker.layui-colorpicker-lg{width:34px;height:34px;line-height:32px}.layui-colorpicker.layui-colorpicker-sm{width:24px;height:24px;line-height:22px}.layui-colorpicker.layui-colorpicker-xs{width:22px;height:22px;line-height:20px}.layui-colorpicker-trigger-bgcolor{display:block;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);border-radius:2px}.layui-colorpicker-trigger-span{display:block;height:100%;box-sizing:border-box;border:1px solid rgba(0,0,0,.15);border-radius:2px;text-align:center}.layui-colorpicker-trigger-i{display:inline-block;color:#FFF;font-size:12px}.layui-colorpicker-trigger-i.layui-icon-close{color:#999}.layui-colorpicker-main{position:absolute;z-index:66666666;width:280px;padding:7px;background:#FFF;border:1px solid #d2d2d2;border-radius:2px;box-shadow:0 2px 4px rgba(0,0,0,.12)}.layui-colorpicker-main-wrapper{height:180px;position:relative}.layui-colorpicker-basis{width:260px;height:100%;position:relative}.layui-colorpicker-basis-white{width:100%;height:100%;position:absolute;top:0;left:0;background:linear-gradient(90deg,#FFF,hsla(0,0%,100%,0))}.layui-colorpicker-basis-black{width:100%;height:100%;position:absolute;top:0;left:0;background:linear-gradient(0deg,#000,transparent)}.layui-colorpicker-basis-cursor{width:10px;height:10px;border:1px solid #FFF;border-radius:50%;position:absolute;top:-3px;right:-3px;cursor:pointer}.layui-colorpicker-side{position:absolute;top:0;right:0;width:12px;height:100%;background:linear-gradient(red,#FF0,#0F0,#0FF,#00F,#F0F,red)}.layui-colorpicker-side-slider{width:100%;height:5px;box-shadow:0 0 1px #888;box-sizing:border-box;background:#FFF;border-radius:1px;border:1px solid #f0f0f0;cursor:pointer;position:absolute;left:0}.layui-colorpicker-main-alpha{display:none;height:12px;margin-top:7px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)}.layui-colorpicker-alpha-bgcolor{height:100%;position:relative}.layui-colorpicker-alpha-slider{width:5px;height:100%;box-shadow:0 0 1px #888;box-sizing:border-box;background:#FFF;border-radius:1px;border:1px solid #f0f0f0;cursor:pointer;position:absolute;top:0}.layui-colorpicker-main-pre{padding-top:7px;font-size:0}.layui-colorpicker-pre{width:20px;height:20px;border-radius:2px;display:inline-block;margin-left:6px;margin-bottom:7px;cursor:pointer}.layui-colorpicker-pre:nth-child(11n+1){margin-left:0}.layui-colorpicker-pre-isalpha{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)}.layui-colorpicker-pre.layui-this{box-shadow:0 0 3px 2px rgba(0,0,0,.15)}.layui-colorpicker-pre>div{height:100%;border-radius:2px}.layui-colorpicker-main-input{text-align:right;padding-top:7px}.layui-colorpicker-main-input .layui-btn-container .layui-btn{margin:0 0 0 10px}.layui-colorpicker-main-input div.layui-inline{float:left;margin-right:10px;font-size:14px}.layui-colorpicker-main-input input.layui-input{width:150px;height:30px;color:#666}.layui-slider{height:4px;background:#e2e2e2;border-radius:3px;position:relative;cursor:pointer}.layui-slider-bar{border-radius:3px;position:absolute;height:100%}.layui-slider-step{position:absolute;top:0;width:4px;height:4px;border-radius:50%;background:#FFF;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.layui-slider-wrap{width:36px;height:36px;position:absolute;top:-16px;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:10;text-align:center}.layui-slider-wrap-btn{width:12px;height:12px;border-radius:50%;background:#FFF;display:inline-block;vertical-align:middle;cursor:pointer;transition:.3s}.layui-slider-wrap:after{content:"";height:100%;display:inline-block;vertical-align:middle}.layui-slider-wrap-btn.layui-slider-hover,.layui-slider-wrap-btn:hover{transform:scale(1.2)}.layui-slider-wrap-btn.layui-disabled:hover{transform:scale(1)!important}.layui-slider-tips{position:absolute;top:-42px;z-index:66666666;white-space:nowrap;display:none;-webkit-transform:translateX(-50%);transform:translateX(-50%);color:#FFF;background:#000;border-radius:3px;height:25px;line-height:25px;padding:0 10px}.layui-slider-tips:after{content:'';position:absolute;bottom:-12px;left:50%;margin-left:-6px;width:0;height:0;border-width:6px;border-style:solid;border-color:#000 transparent transparent}.layui-slider-input{width:70px;height:32px;border:1px solid #e6e6e6;border-radius:3px;font-size:16px;line-height:32px;position:absolute;right:0;top:-15px}.layui-slider-input-btn{display:none;position:absolute;top:0;right:0;width:20px;height:100%;border-left:1px solid #d2d2d2}.layui-slider-input-btn i{cursor:pointer;position:absolute;right:0;bottom:0;width:20px;height:50%;font-size:12px;line-height:16px;text-align:center;color:#999}.layui-slider-input-btn i:first-child{top:0;border-bottom:1px solid #d2d2d2}.layui-slider-input-txt{height:100%;font-size:14px}.layui-slider-input-txt input{height:100%;border:none}.layui-slider-input-btn i:hover{color:#009688}.layui-slider-vertical{width:4px;margin-left:34px}.layui-slider-vertical .layui-slider-bar{width:4px}.layui-slider-vertical .layui-slider-step{top:auto;left:0;-webkit-transform:translateY(50%);transform:translateY(50%)}.layui-slider-vertical .layui-slider-wrap{top:auto;left:-16px;-webkit-transform:translateY(50%);transform:translateY(50%)}.layui-slider-vertical .layui-slider-tips{top:auto;left:2px}@media \0screen{.layui-slider-wrap-btn{margin-left:-20px}.layui-slider-vertical .layui-slider-wrap-btn{margin-left:0;margin-bottom:-20px}.layui-slider-vertical .layui-slider-tips{margin-left:-8px}.layui-slider>span{margin-left:8px}}.layui-tree{line-height:22px}.layui-tree .layui-form-checkbox{margin:0!important}.layui-tree-set{width:100%;position:relative}.layui-tree-pack{display:none;padding-left:20px;position:relative}.layui-tree-iconClick,.layui-tree-main{display:inline-block;vertical-align:middle}.layui-tree-line .layui-tree-pack{padding-left:27px}.layui-tree-line .layui-tree-set .layui-tree-set:after{content:'';position:absolute;top:14px;left:-9px;width:17px;height:0;border-top:1px dotted #c0c4cc}.layui-tree-entry{position:relative;padding:3px 0;height:20px;white-space:nowrap}.layui-tree-entry:hover{background-color:#eee}.layui-tree-line .layui-tree-entry:hover{background-color:rgba(0,0,0,0)}.layui-tree-line .layui-tree-entry:hover .layui-tree-txt{color:#999;text-decoration:underline;transition:.3s}.layui-tree-main{cursor:pointer;padding-right:10px}.layui-tree-line .layui-tree-set:before{content:'';position:absolute;top:0;left:-9px;width:0;height:100%;border-left:1px dotted #c0c4cc}.layui-tree-line .layui-tree-set.layui-tree-setLineShort:before{height:13px}.layui-tree-line .layui-tree-set.layui-tree-setHide:before{height:0}.layui-tree-iconClick{position:relative;height:20px;line-height:20px;margin:0 10px;color:#c0c4cc}.layui-tree-icon{height:12px;line-height:12px;width:12px;text-align:center;border:1px solid #c0c4cc}.layui-tree-iconClick .layui-icon{font-size:18px}.layui-tree-icon .layui-icon{font-size:12px;color:#666}.layui-tree-iconArrow{padding:0 5px}.layui-tree-iconArrow:after{content:'';position:absolute;left:4px;top:3px;z-index:100;width:0;height:0;border-width:5px;border-style:solid;border-color:transparent transparent transparent #c0c4cc;transition:.5s}.layui-tree-btnGroup,.layui-tree-editInput{position:relative;vertical-align:middle;display:inline-block}.layui-tree-spread>.layui-tree-entry>.layui-tree-iconClick>.layui-tree-iconArrow:after{transform:rotate(90deg) translate(3px,4px)}.layui-tree-txt{display:inline-block;vertical-align:middle;color:#555}.layui-tree-search{margin-bottom:15px;color:#666}.layui-tree-btnGroup .layui-icon{display:inline-block;vertical-align:middle;padding:0 2px;cursor:pointer}.layui-tree-btnGroup .layui-icon:hover{color:#999;transition:.3s}.layui-tree-entry:hover .layui-tree-btnGroup{visibility:visible}.layui-tree-editInput{height:20px;line-height:20px;padding:0 3px;border:none;background-color:rgba(0,0,0,.05)}.layui-tree-emptyText{text-align:center;color:#999}.layui-anim{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.layui-anim.layui-icon{display:inline-block}.layui-anim-loop{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.layui-trans,.layui-trans a{transition:all .3s;-webkit-transition:all .3s}@-webkit-keyframes layui-rotate{from{-webkit-transform:rotate(0)}to{-webkit-transform:rotate(360deg)}}@keyframes layui-rotate{from{transform:rotate(0)}to{transform:rotate(360deg)}}.layui-anim-rotate{-webkit-animation-name:layui-rotate;animation-name:layui-rotate;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:linear;animation-timing-function:linear}@-webkit-keyframes layui-up{from{-webkit-transform:translate3d(0,100%,0);opacity:.3}to{-webkit-transform:translate3d(0,0,0);opacity:1}}@keyframes layui-up{from{transform:translate3d(0,100%,0);opacity:.3}to{transform:translate3d(0,0,0);opacity:1}}.layui-anim-up{-webkit-animation-name:layui-up;animation-name:layui-up}@-webkit-keyframes layui-upbit{from{-webkit-transform:translate3d(0,30px,0);opacity:.3}to{-webkit-transform:translate3d(0,0,0);opacity:1}}@keyframes layui-upbit{from{transform:translate3d(0,30px,0);opacity:.3}to{transform:translate3d(0,0,0);opacity:1}}.layui-anim-upbit{-webkit-animation-name:layui-upbit;animation-name:layui-upbit}@-webkit-keyframes layui-scale{0%{opacity:.3;-webkit-transform:scale(.5)}100%{opacity:1;-webkit-transform:scale(1)}}@keyframes layui-scale{0%{opacity:.3;-ms-transform:scale(.5);transform:scale(.5)}100%{opacity:1;-ms-transform:scale(1);transform:scale(1)}}.layui-anim-scale{-webkit-animation-name:layui-scale;animation-name:layui-scale}@-webkit-keyframes layui-scale-spring{0%{opacity:.5;-webkit-transform:scale(.5)}80%{opacity:.8;-webkit-transform:scale(1.1)}100%{opacity:1;-webkit-transform:scale(1)}}@keyframes layui-scale-spring{0%{opacity:.5;transform:scale(.5)}80%{opacity:.8;transform:scale(1.1)}100%{opacity:1;transform:scale(1)}}.layui-anim-scaleSpring{-webkit-animation-name:layui-scale-spring;animation-name:layui-scale-spring}@-webkit-keyframes layui-fadein{0%{opacity:0}100%{opacity:1}}@keyframes layui-fadein{0%{opacity:0}100%{opacity:1}}.layui-anim-fadein{-webkit-animation-name:layui-fadein;animation-name:layui-fadein}@-webkit-keyframes layui-fadeout{0%{opacity:1}100%{opacity:0}}@keyframes layui-fadeout{0%{opacity:1}100%{opacity:0}}.layui-anim-fadeout{-webkit-animation-name:layui-fadeout;animation-name:layui-fadeout}
\ No newline at end of file
diff --git a/src/main/resources/static/JS/layui/css/layui.mobile.css b/src/main/resources/static/JS/layui/css/layui.mobile.css
new file mode 100644
index 0000000..7835392
--- /dev/null
+++ b/src/main/resources/static/JS/layui/css/layui.mobile.css
@@ -0,0 +1,2 @@
+/** layui-v2.5.6 MIT License By https://www.layui.com */
+ blockquote,body,button,dd,div,dl,dt,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,td,textarea,th,ul{margin:0;padding:0;-webkit-tap-highlight-color:rgba(0,0,0,0)}html{font:12px 'Helvetica Neue','PingFang SC',STHeitiSC-Light,Helvetica,Arial,sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}a,button,input{-webkit-tap-highlight-color:rgba(255,0,0,0)}a{text-decoration:none;background:0 0}a:active,a:hover{outline:0}table{border-collapse:collapse;border-spacing:0}li{list-style:none}b,strong{font-weight:700}h1,h2,h3,h4,h5,h6{font-weight:500}address,cite,dfn,em,var{font-style:normal}dfn{font-style:italic}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}img{border:0;vertical-align:bottom}.layui-inline,input,label{vertical-align:middle}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0;outline:0}button,select{text-transform:none}select{-webkit-appearance:none;border:none}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}@font-face{font-family:layui-icon;src:url(../font/iconfont.eot?v=1.0.7);src:url(../font/iconfont.eot?v=1.0.7#iefix) format('embedded-opentype'),url(../font/iconfont.woff?v=1.0.7) format('woff'),url(../font/iconfont.ttf?v=1.0.7) format('truetype'),url(../font/iconfont.svg?v=1.0.7#iconfont) format('svg')}.layui-icon{font-family:layui-icon!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.layui-box,.layui-box *{-webkit-box-sizing:content-box!important;-moz-box-sizing:content-box!important;box-sizing:content-box!important}.layui-border-box,.layui-border-box *{-webkit-box-sizing:border-box!important;-moz-box-sizing:border-box!important;box-sizing:border-box!important}.layui-inline{position:relative;display:inline-block;*display:inline;*zoom:1}.layui-edge,.layui-upload-iframe{position:absolute;width:0;height:0}.layui-edge{border-style:dashed;border-color:transparent;overflow:hidden}.layui-elip{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.layui-unselect{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}.layui-disabled,.layui-disabled:active{background-color:#d2d2d2!important;color:#fff!important;cursor:not-allowed!important}.layui-circle{border-radius:100%}.layui-show{display:block!important}.layui-hide{display:none!important}.layui-upload-iframe{border:0;visibility:hidden}.layui-upload-enter{border:1px solid #009E94;background-color:#009E94;color:#fff;-webkit-transform:scale(1.1);transform:scale(1.1)}@-webkit-keyframes layui-m-anim-scale{0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes layui-m-anim-scale{0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.layui-m-anim-scale{animation-name:layui-m-anim-scale;-webkit-animation-name:layui-m-anim-scale}@-webkit-keyframes layui-m-anim-up{0%{opacity:0;-webkit-transform:translateY(800px);transform:translateY(800px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes layui-m-anim-up{0%{opacity:0;-webkit-transform:translateY(800px);transform:translateY(800px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.layui-m-anim-up{-webkit-animation-name:layui-m-anim-up;animation-name:layui-m-anim-up}@-webkit-keyframes layui-m-anim-left{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes layui-m-anim-left{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}.layui-m-anim-left{-webkit-animation-name:layui-m-anim-left;animation-name:layui-m-anim-left}@-webkit-keyframes layui-m-anim-right{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes layui-m-anim-right{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}.layui-m-anim-right{-webkit-animation-name:layui-m-anim-right;animation-name:layui-m-anim-right}@-webkit-keyframes layui-m-anim-lout{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes layui-m-anim-lout{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}.layui-m-anim-lout{-webkit-animation-name:layui-m-anim-lout;animation-name:layui-m-anim-lout}@-webkit-keyframes layui-m-anim-rout{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes layui-m-anim-rout{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{-webkit-transform:translateX(100%);transform:translateX(100%)}}.layui-m-anim-rout{-webkit-animation-name:layui-m-anim-rout;animation-name:layui-m-anim-rout}.layui-m-layer{position:relative;z-index:19891014}.layui-m-layer *{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.layui-m-layermain,.layui-m-layershade{position:fixed;left:0;top:0;width:100%;height:100%}.layui-m-layershade{background-color:rgba(0,0,0,.7);pointer-events:auto}.layui-m-layermain{display:table;font-family:Helvetica,arial,sans-serif;pointer-events:none}.layui-m-layermain .layui-m-layersection{display:table-cell;vertical-align:middle;text-align:center}.layui-m-layerchild{position:relative;display:inline-block;text-align:left;background-color:#fff;font-size:14px;border-radius:5px;box-shadow:0 0 8px rgba(0,0,0,.1);pointer-events:auto;-webkit-overflow-scrolling:touch;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:.2s;animation-duration:.2s}.layui-m-layer0 .layui-m-layerchild{width:90%;max-width:640px}.layui-m-layer1 .layui-m-layerchild{border:none;border-radius:0}.layui-m-layer2 .layui-m-layerchild{width:auto;max-width:260px;min-width:40px;border:none;background:0 0;box-shadow:none;color:#fff}.layui-m-layerchild h3{padding:0 10px;height:60px;line-height:60px;font-size:16px;font-weight:400;border-radius:5px 5px 0 0;text-align:center}.layui-m-layerbtn span,.layui-m-layerchild h3{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.layui-m-layercont{padding:50px 30px;line-height:22px;text-align:center}.layui-m-layer1 .layui-m-layercont{padding:0;text-align:left}.layui-m-layer2 .layui-m-layercont{text-align:center;padding:0;line-height:0}.layui-m-layer2 .layui-m-layercont i{width:25px;height:25px;margin-left:8px;display:inline-block;background-color:#fff;border-radius:100%;-webkit-animation:layui-m-anim-loading 1.4s infinite ease-in-out;animation:layui-m-anim-loading 1.4s infinite ease-in-out;-webkit-animation-fill-mode:both;animation-fill-mode:both}.layui-m-layerbtn,.layui-m-layerbtn span{position:relative;text-align:center;border-radius:0 0 5px 5px}.layui-m-layer2 .layui-m-layercont p{margin-top:20px}@-webkit-keyframes layui-m-anim-loading{0%,100%,80%{transform:scale(0);-webkit-transform:scale(0)}40%{transform:scale(1);-webkit-transform:scale(1)}}@keyframes layui-m-anim-loading{0%,100%,80%{transform:scale(0);-webkit-transform:scale(0)}40%{transform:scale(1);-webkit-transform:scale(1)}}.layui-m-layer2 .layui-m-layercont i:first-child{margin-left:0;-webkit-animation-delay:-.32s;animation-delay:-.32s}.layui-m-layer2 .layui-m-layercont i.layui-m-layerload{-webkit-animation-delay:-.16s;animation-delay:-.16s}.layui-m-layer2 .layui-m-layercont>div{line-height:22px;padding-top:7px;margin-bottom:20px;font-size:14px}.layui-m-layerbtn{display:box;display:-moz-box;display:-webkit-box;width:100%;height:50px;line-height:50px;font-size:0;border-top:1px solid #D0D0D0;background-color:#F2F2F2}.layui-m-layerbtn span{display:block;-moz-box-flex:1;box-flex:1;-webkit-box-flex:1;font-size:14px;cursor:pointer}.layui-m-layerbtn span[yes]{color:#40AFFE}.layui-m-layerbtn span[no]{border-right:1px solid #D0D0D0;border-radius:0 0 0 5px}.layui-m-layerbtn span:active{background-color:#F6F6F6}.layui-m-layerend{position:absolute;right:7px;top:10px;width:30px;height:30px;border:0;font-weight:400;background:0 0;cursor:pointer;-webkit-appearance:none;font-size:30px}.layui-m-layerend::after,.layui-m-layerend::before{position:absolute;left:5px;top:15px;content:'';width:18px;height:1px;background-color:#999;transform:rotate(45deg);-webkit-transform:rotate(45deg);border-radius:3px}.layui-m-layerend::after{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}body .layui-m-layer .layui-m-layer-footer{position:fixed;width:95%;max-width:100%;margin:0 auto;left:0;right:0;bottom:10px;background:0 0}.layui-m-layer-footer .layui-m-layercont{padding:20px;border-radius:5px 5px 0 0;background-color:rgba(255,255,255,.8)}.layui-m-layer-footer .layui-m-layerbtn{display:block;height:auto;background:0 0;border-top:none}.layui-m-layer-footer .layui-m-layerbtn span{background-color:rgba(255,255,255,.8)}.layui-m-layer-footer .layui-m-layerbtn span[no]{color:#FD482C;border-top:1px solid #c2c2c2;border-radius:0 0 5px 5px}.layui-m-layer-footer .layui-m-layerbtn span[yes]{margin-top:10px;border-radius:5px}body .layui-m-layer .layui-m-layer-msg{width:auto;max-width:90%;margin:0 auto;bottom:-150px;background-color:rgba(0,0,0,.7);color:#fff}.layui-m-layer-msg .layui-m-layercont{padding:10px 20px}
\ No newline at end of file
diff --git a/src/main/resources/static/JS/layui/css/modules/code.css b/src/main/resources/static/JS/layui/css/modules/code.css
new file mode 100644
index 0000000..9143a25
--- /dev/null
+++ b/src/main/resources/static/JS/layui/css/modules/code.css
@@ -0,0 +1,2 @@
+/** layui-v2.5.6 MIT License By https://www.layui.com */
+ html #layuicss-skincodecss{display:none;position:absolute;width:1989px}.layui-code-h3,.layui-code-view{position:relative;font-size:12px}.layui-code-view{display:block;margin:10px 0;padding:0;border:1px solid #e2e2e2;border-left-width:6px;background-color:#F2F2F2;color:#333;font-family:Courier New}.layui-code-h3{padding:0 10px;height:32px;line-height:32px;border-bottom:1px solid #e2e2e2}.layui-code-h3 a{position:absolute;right:10px;top:0;color:#999}.layui-code-view .layui-code-ol{position:relative;overflow:auto}.layui-code-view .layui-code-ol li{position:relative;margin-left:45px;line-height:20px;padding:0 5px;border-left:1px solid #e2e2e2;list-style-type:decimal-leading-zero;*list-style-type:decimal;background-color:#fff}.layui-code-view pre{margin:0}.layui-code-notepad{border:1px solid #0C0C0C;border-left-color:#3F3F3F;background-color:#0C0C0C;color:#C2BE9E}.layui-code-notepad .layui-code-h3{border-bottom:none}.layui-code-notepad .layui-code-ol li{background-color:#3F3F3F;border-left:none}
\ No newline at end of file
diff --git a/src/main/resources/static/JS/layui/css/modules/laydate/default/laydate.css b/src/main/resources/static/JS/layui/css/modules/laydate/default/laydate.css
new file mode 100644
index 0000000..b900971
--- /dev/null
+++ b/src/main/resources/static/JS/layui/css/modules/laydate/default/laydate.css
@@ -0,0 +1,2 @@
+/** layui-v2.5.6 MIT License By https://www.layui.com */
+ .laydate-set-ym,.layui-laydate,.layui-laydate *,.layui-laydate-list{box-sizing:border-box}html #layuicss-laydate{display:none;position:absolute;width:1989px}.layui-laydate *{margin:0;padding:0}.layui-laydate{position:absolute;z-index:66666666;margin:5px 0;border-radius:2px;font-size:14px;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:laydate-upbit;animation-name:laydate-upbit}.layui-laydate-main{width:272px}.layui-laydate-content td,.layui-laydate-header *,.layui-laydate-list li{transition-duration:.3s;-webkit-transition-duration:.3s}@-webkit-keyframes laydate-upbit{from{-webkit-transform:translate3d(0,20px,0);opacity:.3}to{-webkit-transform:translate3d(0,0,0);opacity:1}}@keyframes laydate-upbit{from{transform:translate3d(0,20px,0);opacity:.3}to{transform:translate3d(0,0,0);opacity:1}}.layui-laydate-static{position:relative;z-index:0;display:inline-block;margin:0;-webkit-animation:none;animation:none}.laydate-ym-show .laydate-next-m,.laydate-ym-show .laydate-prev-m{display:none!important}.laydate-ym-show .laydate-next-y,.laydate-ym-show .laydate-prev-y{display:inline-block!important}.laydate-time-show .laydate-set-ym span[lay-type=month],.laydate-time-show .laydate-set-ym span[lay-type=year],.laydate-time-show .layui-laydate-header .layui-icon,.laydate-ym-show .laydate-set-ym span[lay-type=month]{display:none!important}.layui-laydate-header{position:relative;line-height:30px;padding:10px 70px 5px}.laydate-set-ym span,.layui-laydate-header i{padding:0 5px;cursor:pointer}.layui-laydate-header *{display:inline-block;vertical-align:bottom}.layui-laydate-header i{position:absolute;top:10px;color:#999;font-size:18px}.layui-laydate-header i.laydate-prev-y{left:15px}.layui-laydate-header i.laydate-prev-m{left:45px}.layui-laydate-header i.laydate-next-y{right:15px}.layui-laydate-header i.laydate-next-m{right:45px}.laydate-set-ym{width:100%;text-align:center;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.laydate-time-text{cursor:default!important}.layui-laydate-content{position:relative;padding:10px;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}.layui-laydate-content table{border-collapse:collapse;border-spacing:0}.layui-laydate-content td,.layui-laydate-content th{width:36px;height:30px;padding:5px;text-align:center}.layui-laydate-content td{position:relative;cursor:pointer}.laydate-day-mark{position:absolute;left:0;top:0;width:100%;height:100%;line-height:30px;font-size:12px;overflow:hidden}.laydate-day-mark::after{position:absolute;content:'';right:2px;top:2px;width:5px;height:5px;border-radius:50%}.layui-laydate-footer{position:relative;height:46px;line-height:26px;padding:10px 20px}.layui-laydate-footer span{margin-right:15px;display:inline-block;cursor:pointer;font-size:12px}.layui-laydate-footer span:hover{color:#5FB878}.laydate-footer-btns{position:absolute;right:10px;top:10px}.laydate-footer-btns span{height:26px;line-height:26px;margin:0 0 0 -1px;padding:0 10px;border:1px solid #C9C9C9;background-color:#fff;white-space:nowrap;vertical-align:top;border-radius:2px}.layui-laydate-list>li,.layui-laydate-range .layui-laydate-main{display:inline-block;vertical-align:middle}.layui-laydate-list{position:absolute;left:0;top:0;width:100%;height:100%;padding:10px;background-color:#fff}.layui-laydate-list>li{position:relative;width:33.3%;height:36px;line-height:36px;margin:3px 0;text-align:center;cursor:pointer}.laydate-month-list>li{width:25%;margin:17px 0}.laydate-time-list>li{height:100%;margin:0;line-height:normal;cursor:default}.laydate-time-list p{position:relative;top:-4px;line-height:29px}.laydate-time-list ol{height:181px;overflow:hidden}.laydate-time-list>li:hover ol{overflow-y:auto}.laydate-time-list ol li{width:130%;padding-left:33px;line-height:30px;text-align:left;cursor:pointer}.layui-laydate-hint{position:absolute;top:115px;left:50%;width:250px;margin-left:-125px;line-height:20px;padding:15px;text-align:center;font-size:12px}.layui-laydate-range{width:546px}.layui-laydate-range .laydate-main-list-0 .laydate-next-m,.layui-laydate-range .laydate-main-list-0 .laydate-next-y,.layui-laydate-range .laydate-main-list-1 .laydate-prev-m,.layui-laydate-range .laydate-main-list-1 .laydate-prev-y{display:none}.layui-laydate-range .laydate-main-list-1 .layui-laydate-content{border-left:1px solid #e2e2e2}.layui-laydate,.layui-laydate-hint{border:1px solid #d2d2d2;box-shadow:0 2px 4px rgba(0,0,0,.12);background-color:#fff;color:#666}.layui-laydate-header{border-bottom:1px solid #e2e2e2}.layui-laydate-header i:hover,.layui-laydate-header span:hover{color:#5FB878}.layui-laydate-content{border-top:none 0;border-bottom:none 0}.layui-laydate-content th{font-weight:400;color:#333}.layui-laydate-content td{color:#666}.layui-laydate-content td.laydate-selected{background-color:#00F7DE}.laydate-selected:hover{background-color:#00F7DE!important}.layui-laydate-content td:hover,.layui-laydate-list li:hover{background-color:#eaeaea;color:#333}.laydate-time-list li ol{margin:0;padding:0;border:1px solid #e2e2e2;border-left-width:0}.laydate-time-list li:first-child ol{border-left-width:1px}.laydate-time-list>li:hover{background:0 0}.layui-laydate-content .laydate-day-next,.layui-laydate-content .laydate-day-prev{color:#d2d2d2}.laydate-selected.laydate-day-next,.laydate-selected.laydate-day-prev{background-color:#f8f8f8!important}.layui-laydate-footer{border-top:1px solid #e2e2e2}.layui-laydate-hint{color:#FF5722}.laydate-day-mark::after{background-color:#5FB878}.layui-laydate-content td.layui-this .laydate-day-mark::after{display:none}.layui-laydate-footer span[lay-type=date]{color:#5FB878}.layui-laydate .layui-this{background-color:#009688!important;color:#fff!important}.layui-laydate .laydate-disabled,.layui-laydate .laydate-disabled:hover{background:0 0!important;color:#d2d2d2!important;cursor:not-allowed!important;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}.laydate-theme-molv{border:none}.laydate-theme-molv.layui-laydate-range{width:548px}.laydate-theme-molv .layui-laydate-main{width:274px}.laydate-theme-molv .layui-laydate-header{border:none;background-color:#009688}.laydate-theme-molv .layui-laydate-header i,.laydate-theme-molv .layui-laydate-header span{color:#f6f6f6}.laydate-theme-molv .layui-laydate-header i:hover,.laydate-theme-molv .layui-laydate-header span:hover{color:#fff}.laydate-theme-molv .layui-laydate-content{border:1px solid #e2e2e2;border-top:none;border-bottom:none}.laydate-theme-molv .laydate-main-list-1 .layui-laydate-content{border-left:none}.laydate-theme-grid .laydate-month-list>li,.laydate-theme-grid .laydate-year-list>li,.laydate-theme-grid .layui-laydate-content td,.laydate-theme-grid .layui-laydate-content thead,.laydate-theme-molv .layui-laydate-footer{border:1px solid #e2e2e2}.laydate-theme-grid .laydate-selected,.laydate-theme-grid .laydate-selected:hover{background-color:#f2f2f2!important;color:#009688!important}.laydate-theme-grid .laydate-selected.laydate-day-next,.laydate-theme-grid .laydate-selected.laydate-day-prev{color:#d2d2d2!important}.laydate-theme-grid .laydate-month-list,.laydate-theme-grid .laydate-year-list{margin:1px 0 0 1px}.laydate-theme-grid .laydate-month-list>li,.laydate-theme-grid .laydate-year-list>li{margin:0 -1px -1px 0}.laydate-theme-grid .laydate-year-list>li{height:43px;line-height:43px}.laydate-theme-grid .laydate-month-list>li{height:71px;line-height:71px}
\ No newline at end of file
diff --git a/src/main/resources/static/JS/layui/css/modules/layer/default/icon-ext.png b/src/main/resources/static/JS/layui/css/modules/layer/default/icon-ext.png
new file mode 100644
index 0000000..bbbb669
--- /dev/null
+++ b/src/main/resources/static/JS/layui/css/modules/layer/default/icon-ext.png
Binary files differ
diff --git a/src/main/resources/static/JS/layui/css/modules/layer/default/icon.png b/src/main/resources/static/JS/layui/css/modules/layer/default/icon.png
new file mode 100644
index 0000000..3e17da8
--- /dev/null
+++ b/src/main/resources/static/JS/layui/css/modules/layer/default/icon.png
Binary files differ
diff --git a/src/main/resources/static/JS/layui/css/modules/layer/default/layer.css b/src/main/resources/static/JS/layui/css/modules/layer/default/layer.css
new file mode 100644
index 0000000..032ae12
--- /dev/null
+++ b/src/main/resources/static/JS/layui/css/modules/layer/default/layer.css
@@ -0,0 +1,2 @@
+/** layui-v2.5.6 MIT License By https://www.layui.com */
+ .layui-layer-imgbar,.layui-layer-imgtit a,.layui-layer-tab .layui-layer-title span,.layui-layer-title{text-overflow:ellipsis;white-space:nowrap}html #layuicss-layer{display:none;position:absolute;width:1989px}.layui-layer,.layui-layer-shade{position:fixed;_position:absolute;pointer-events:auto}.layui-layer-shade{top:0;left:0;width:100%;height:100%;_height:expression(document.body.offsetHeight+"px")}.layui-layer{-webkit-overflow-scrolling:touch;top:150px;left:0;margin:0;padding:0;background-color:#fff;-webkit-background-clip:content;border-radius:2px;box-shadow:1px 1px 50px rgba(0,0,0,.3)}.layui-layer-close{position:absolute}.layui-layer-content{position:relative}.layui-layer-border{border:1px solid #B2B2B2;border:1px solid rgba(0,0,0,.1);box-shadow:1px 1px 5px rgba(0,0,0,.2)}.layui-layer-load{background:url(loading-1.gif) center center no-repeat #eee}.layui-layer-ico{background:url(icon.png) no-repeat}.layui-layer-btn a,.layui-layer-dialog .layui-layer-ico,.layui-layer-setwin a{display:inline-block;*display:inline;*zoom:1;vertical-align:top}.layui-layer-move{display:none;position:fixed;*position:absolute;left:0;top:0;width:100%;height:100%;cursor:move;opacity:0;filter:alpha(opacity=0);background-color:#fff;z-index:2147483647}.layui-layer-resize{position:absolute;width:15px;height:15px;right:0;bottom:0;cursor:se-resize}.layer-anim{-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:.3s;animation-duration:.3s}@-webkit-keyframes layer-bounceIn{0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes layer-bounceIn{0%{opacity:0;-webkit-transform:scale(.5);-ms-transform:scale(.5);transform:scale(.5)}100%{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}.layer-anim-00{-webkit-animation-name:layer-bounceIn;animation-name:layer-bounceIn}@-webkit-keyframes layer-zoomInDown{0%{opacity:0;-webkit-transform:scale(.1) translateY(-2000px);transform:scale(.1) translateY(-2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateY(60px);transform:scale(.475) translateY(60px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes layer-zoomInDown{0%{opacity:0;-webkit-transform:scale(.1) translateY(-2000px);-ms-transform:scale(.1) translateY(-2000px);transform:scale(.1) translateY(-2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateY(60px);-ms-transform:scale(.475) translateY(60px);transform:scale(.475) translateY(60px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}.layer-anim-01{-webkit-animation-name:layer-zoomInDown;animation-name:layer-zoomInDown}@-webkit-keyframes layer-fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes layer-fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.layer-anim-02{-webkit-animation-name:layer-fadeInUpBig;animation-name:layer-fadeInUpBig}@-webkit-keyframes layer-zoomInLeft{0%{opacity:0;-webkit-transform:scale(.1) translateX(-2000px);transform:scale(.1) translateX(-2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateX(48px);transform:scale(.475) translateX(48px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes layer-zoomInLeft{0%{opacity:0;-webkit-transform:scale(.1) translateX(-2000px);-ms-transform:scale(.1) translateX(-2000px);transform:scale(.1) translateX(-2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateX(48px);-ms-transform:scale(.475) translateX(48px);transform:scale(.475) translateX(48px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}.layer-anim-03{-webkit-animation-name:layer-zoomInLeft;animation-name:layer-zoomInLeft}@-webkit-keyframes layer-rollIn{0%{opacity:0;-webkit-transform:translateX(-100%) rotate(-120deg);transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;-webkit-transform:translateX(0) rotate(0);transform:translateX(0) rotate(0)}}@keyframes layer-rollIn{0%{opacity:0;-webkit-transform:translateX(-100%) rotate(-120deg);-ms-transform:translateX(-100%) rotate(-120deg);transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;-webkit-transform:translateX(0) rotate(0);-ms-transform:translateX(0) rotate(0);transform:translateX(0) rotate(0)}}.layer-anim-04{-webkit-animation-name:layer-rollIn;animation-name:layer-rollIn}@keyframes layer-fadeIn{0%{opacity:0}100%{opacity:1}}.layer-anim-05{-webkit-animation-name:layer-fadeIn;animation-name:layer-fadeIn}@-webkit-keyframes layer-shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}20%,40%,60%,80%{-webkit-transform:translateX(10px);transform:translateX(10px)}}@keyframes layer-shake{0%,100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px)}20%,40%,60%,80%{-webkit-transform:translateX(10px);-ms-transform:translateX(10px);transform:translateX(10px)}}.layer-anim-06{-webkit-animation-name:layer-shake;animation-name:layer-shake}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.layui-layer-title{padding:0 80px 0 20px;height:42px;line-height:42px;border-bottom:1px solid #eee;font-size:14px;color:#333;overflow:hidden;background-color:#F8F8F8;border-radius:2px 2px 0 0}.layui-layer-setwin{position:absolute;right:15px;*right:0;top:15px;font-size:0;line-height:initial}.layui-layer-setwin a{position:relative;width:16px;height:16px;margin-left:10px;font-size:12px;_overflow:hidden}.layui-layer-setwin .layui-layer-min cite{position:absolute;width:14px;height:2px;left:0;top:50%;margin-top:-1px;background-color:#2E2D3C;cursor:pointer;_overflow:hidden}.layui-layer-setwin .layui-layer-min:hover cite{background-color:#2D93CA}.layui-layer-setwin .layui-layer-max{background-position:-32px -40px}.layui-layer-setwin .layui-layer-max:hover{background-position:-16px -40px}.layui-layer-setwin .layui-layer-maxmin{background-position:-65px -40px}.layui-layer-setwin .layui-layer-maxmin:hover{background-position:-49px -40px}.layui-layer-setwin .layui-layer-close1{background-position:1px -40px;cursor:pointer}.layui-layer-setwin .layui-layer-close1:hover{opacity:.7}.layui-layer-setwin .layui-layer-close2{position:absolute;right:-28px;top:-28px;width:30px;height:30px;margin-left:0;background-position:-149px -31px;*right:-18px;_display:none}.layui-layer-setwin .layui-layer-close2:hover{background-position:-180px -31px}.layui-layer-btn{text-align:right;padding:0 15px 12px;pointer-events:auto;user-select:none;-webkit-user-select:none}.layui-layer-btn a{height:28px;line-height:28px;margin:5px 5px 0;padding:0 15px;border:1px solid #dedede;background-color:#fff;color:#333;border-radius:2px;font-weight:400;cursor:pointer;text-decoration:none}.layui-layer-btn a:hover{opacity:.9;text-decoration:none}.layui-layer-btn a:active{opacity:.8}.layui-layer-btn .layui-layer-btn0{border-color:#1E9FFF;background-color:#1E9FFF;color:#fff}.layui-layer-btn-l{text-align:left}.layui-layer-btn-c{text-align:center}.layui-layer-dialog{min-width:260px}.layui-layer-dialog .layui-layer-content{position:relative;padding:20px;line-height:24px;word-break:break-all;overflow:hidden;font-size:14px;overflow-x:hidden;overflow-y:auto}.layui-layer-dialog .layui-layer-content .layui-layer-ico{position:absolute;top:16px;left:15px;_left:-40px;width:30px;height:30px}.layui-layer-ico1{background-position:-30px 0}.layui-layer-ico2{background-position:-60px 0}.layui-layer-ico3{background-position:-90px 0}.layui-layer-ico4{background-position:-120px 0}.layui-layer-ico5{background-position:-150px 0}.layui-layer-ico6{background-position:-180px 0}.layui-layer-rim{border:6px solid #8D8D8D;border:6px solid rgba(0,0,0,.3);border-radius:5px;box-shadow:none}.layui-layer-msg{min-width:180px;border:1px solid #D3D4D3;box-shadow:none}.layui-layer-hui{min-width:100px;background-color:#000;filter:alpha(opacity=60);background-color:rgba(0,0,0,.6);color:#fff;border:none}.layui-layer-hui .layui-layer-content{padding:12px 25px;text-align:center}.layui-layer-dialog .layui-layer-padding{padding:20px 20px 20px 55px;text-align:left}.layui-layer-page .layui-layer-content{position:relative;overflow:auto}.layui-layer-iframe .layui-layer-btn,.layui-layer-page .layui-layer-btn{padding-top:10px}.layui-layer-nobg{background:0 0}.layui-layer-iframe iframe{display:block;width:100%}.layui-layer-loading{border-radius:100%;background:0 0;box-shadow:none;border:none}.layui-layer-loading .layui-layer-content{width:60px;height:24px;background:url(loading-0.gif) no-repeat}.layui-layer-loading .layui-layer-loading1{width:37px;height:37px;background:url(loading-1.gif) no-repeat}.layui-layer-ico16,.layui-layer-loading .layui-layer-loading2{width:32px;height:32px;background:url(loading-2.gif) no-repeat}.layui-layer-tips{background:0 0;box-shadow:none;border:none}.layui-layer-tips .layui-layer-content{position:relative;line-height:22px;min-width:12px;padding:8px 15px;font-size:12px;_float:left;border-radius:2px;box-shadow:1px 1px 3px rgba(0,0,0,.2);background-color:#000;color:#fff}.layui-layer-tips .layui-layer-close{right:-2px;top:-1px}.layui-layer-tips i.layui-layer-TipsG{position:absolute;width:0;height:0;border-width:8px;border-color:transparent;border-style:dashed;*overflow:hidden}.layui-layer-tips i.layui-layer-TipsB,.layui-layer-tips i.layui-layer-TipsT{left:5px;border-right-style:solid;border-right-color:#000}.layui-layer-tips i.layui-layer-TipsT{bottom:-8px}.layui-layer-tips i.layui-layer-TipsB{top:-8px}.layui-layer-tips i.layui-layer-TipsL,.layui-layer-tips i.layui-layer-TipsR{top:5px;border-bottom-style:solid;border-bottom-color:#000}.layui-layer-tips i.layui-layer-TipsR{left:-8px}.layui-layer-tips i.layui-layer-TipsL{right:-8px}.layui-layer-lan[type=dialog]{min-width:280px}.layui-layer-lan .layui-layer-title{background:#4476A7;color:#fff;border:none}.layui-layer-lan .layui-layer-btn{padding:5px 10px 10px;text-align:right;border-top:1px solid #E9E7E7}.layui-layer-lan .layui-layer-btn a{background:#fff;border-color:#E9E7E7;color:#333}.layui-layer-lan .layui-layer-btn .layui-layer-btn1{background:#C9C5C5}.layui-layer-molv .layui-layer-title{background:#009f95;color:#fff;border:none}.layui-layer-molv .layui-layer-btn a{background:#009f95;border-color:#009f95}.layui-layer-molv .layui-layer-btn .layui-layer-btn1{background:#92B8B1}.layui-layer-iconext{background:url(icon-ext.png) no-repeat}.layui-layer-prompt .layui-layer-input{display:block;width:230px;height:36px;margin:0 auto;line-height:30px;padding-left:10px;border:1px solid #e6e6e6;color:#333}.layui-layer-prompt textarea.layui-layer-input{width:300px;height:100px;line-height:20px;padding:6px 10px}.layui-layer-prompt .layui-layer-content{padding:20px}.layui-layer-prompt .layui-layer-btn{padding-top:0}.layui-layer-tab{box-shadow:1px 1px 50px rgba(0,0,0,.4)}.layui-layer-tab .layui-layer-title{padding-left:0;overflow:visible}.layui-layer-tab .layui-layer-title span{position:relative;float:left;min-width:80px;max-width:260px;padding:0 20px;text-align:center;overflow:hidden;cursor:pointer}.layui-layer-tab .layui-layer-title span.layui-this{height:43px;border-left:1px solid #eee;border-right:1px solid #eee;background-color:#fff;z-index:10}.layui-layer-tab .layui-layer-title span:first-child{border-left:none}.layui-layer-tabmain{line-height:24px;clear:both}.layui-layer-tabmain .layui-layer-tabli{display:none}.layui-layer-tabmain .layui-layer-tabli.layui-this{display:block}.layui-layer-photos{-webkit-animation-duration:.8s;animation-duration:.8s}.layui-layer-photos .layui-layer-content{overflow:hidden;text-align:center}.layui-layer-photos .layui-layer-phimg img{position:relative;width:100%;display:inline-block;*display:inline;*zoom:1;vertical-align:top}.layui-layer-imgbar,.layui-layer-imguide{display:none}.layui-layer-imgnext,.layui-layer-imgprev{position:absolute;top:50%;width:27px;_width:44px;height:44px;margin-top:-22px;outline:0;blr:expression(this.onFocus=this.blur())}.layui-layer-imgprev{left:10px;background-position:-5px -5px;_background-position:-70px -5px}.layui-layer-imgprev:hover{background-position:-33px -5px;_background-position:-120px -5px}.layui-layer-imgnext{right:10px;_right:8px;background-position:-5px -50px;_background-position:-70px -50px}.layui-layer-imgnext:hover{background-position:-33px -50px;_background-position:-120px -50px}.layui-layer-imgbar{position:absolute;left:0;bottom:0;width:100%;height:32px;line-height:32px;background-color:rgba(0,0,0,.8);background-color:#000\9;filter:Alpha(opacity=80);color:#fff;overflow:hidden;font-size:0}.layui-layer-imgtit *{display:inline-block;*display:inline;*zoom:1;vertical-align:top;font-size:12px}.layui-layer-imgtit a{max-width:65%;overflow:hidden;color:#fff}.layui-layer-imgtit a:hover{color:#fff;text-decoration:underline}.layui-layer-imgtit em{padding-left:10px;font-style:normal}@-webkit-keyframes layer-bounceOut{100%{opacity:0;-webkit-transform:scale(.7);transform:scale(.7)}30%{-webkit-transform:scale(1.05);transform:scale(1.05)}0%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes layer-bounceOut{100%{opacity:0;-webkit-transform:scale(.7);-ms-transform:scale(.7);transform:scale(.7)}30%{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}.layer-anim-close{-webkit-animation-name:layer-bounceOut;animation-name:layer-bounceOut;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:.2s;animation-duration:.2s}@media screen and (max-width:1100px){.layui-layer-iframe{overflow-y:auto;-webkit-overflow-scrolling:touch}}
\ No newline at end of file
diff --git a/src/main/resources/static/JS/layui/css/modules/layer/default/loading-0.gif b/src/main/resources/static/JS/layui/css/modules/layer/default/loading-0.gif
new file mode 100644
index 0000000..6f3c953
--- /dev/null
+++ b/src/main/resources/static/JS/layui/css/modules/layer/default/loading-0.gif
Binary files differ
diff --git a/src/main/resources/static/JS/layui/css/modules/layer/default/loading-1.gif b/src/main/resources/static/JS/layui/css/modules/layer/default/loading-1.gif
new file mode 100644
index 0000000..db3a483
--- /dev/null
+++ b/src/main/resources/static/JS/layui/css/modules/layer/default/loading-1.gif
Binary files differ
diff --git a/src/main/resources/static/JS/layui/css/modules/layer/default/loading-2.gif b/src/main/resources/static/JS/layui/css/modules/layer/default/loading-2.gif
new file mode 100644
index 0000000..5bb90fd
--- /dev/null
+++ b/src/main/resources/static/JS/layui/css/modules/layer/default/loading-2.gif
Binary files differ
diff --git a/src/main/resources/static/JS/layui/font/iconfont.eot b/src/main/resources/static/JS/layui/font/iconfont.eot
new file mode 100644
index 0000000..622d7ec
--- /dev/null
+++ b/src/main/resources/static/JS/layui/font/iconfont.eot
Binary files differ
diff --git a/src/main/resources/static/JS/layui/font/iconfont.svg b/src/main/resources/static/JS/layui/font/iconfont.svg
new file mode 100644
index 0000000..999ca1f
--- /dev/null
+++ b/src/main/resources/static/JS/layui/font/iconfont.svg
@@ -0,0 +1,554 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
+<!--
+2013-9-30: Created.
+-->
+<svg>
+<metadata>
+Created by iconfont
+</metadata>
+<defs>
+
+<font id="layui-icon" horiz-adv-x="1024" >
+ <font-face
+ font-family="layui-icon"
+ font-weight="500"
+ font-stretch="normal"
+ units-per-em="1024"
+ ascent="896"
+ descent="-128"
+ />
+ <missing-glyph />
+
+ <glyph glyph-name="reply-fill" unicode="" d="M507.904 835.5840000000001q93.184 1.024 175.104-33.792t143.872-94.72 97.792-141.312 36.864-174.592q1.024-88.064-30.208-165.888t-87.04-137.728-131.072-98.816-162.304-48.128q-22.528-3.072-48.128-5.12t-56.832-3.072-69.632 0-86.528 6.144q-106.496 10.24-158.208 26.624t-41.472 18.432q54.272 9.216 93.184 29.696 20.48 11.264 16.896 32.256t-19.968 39.424q-52.224 57.344-84.48 133.632t-34.304 164.352q-1.024 93.184 33.792 175.104t95.232 143.36 142.336 97.28 175.104 36.864zM707.584 385.024q0-26.624 18.432-45.568t45.056-18.944 45.568 18.944 18.944 45.568-18.944 45.056-45.568 18.432-45.056-18.432-18.432-45.056zM450.56 385.024q0-26.624 19.456-46.08t46.08-19.456q27.648 0 46.592 19.456t18.944 46.08q0 27.648-18.944 46.592t-46.592 18.944q-26.624 0-46.08-18.944t-19.456-46.592zM196.608 386.048q0-26.624 18.944-46.08t45.568-19.456q27.648 0 46.592 19.456t18.944 46.08-18.944 45.568-46.592 18.944q-26.624 0-45.568-18.944t-18.944-45.568z" horiz-adv-x="1024" />
+
+
+ <glyph glyph-name="set-fill" unicode="" d="M916.9398 445.2101l-69.9664 10.7833c-18.6619 2.863-38.1388 17.826-43.3424 33.2487-5.1618 15.3809-15.0883 65.4524-3.9288 80.6661l41.9004 57.135c11.1595 15.2346 9.3832 38.5985-3.9706 51.9314l-30.6364 30.6573c-13.3538 13.3538-36.7177 15.151-51.9314 3.9497l-57.135-41.8795c-15.2346-11.1804-39.4344-14.3987-53.7704-7.168-14.3569 7.2307-57.3022 35.7773-60.1652 54.4183l-10.7833 69.9664C570.3471 807.6016 552.542 822.8571 533.6712 822.8571h-43.34236734693877c-18.8709 0-36.6759-15.2555-39.5389-33.9174l-10.7833-69.9664c-2.863-18.6619-17.826-38.1388-33.2487-43.3424-15.4018-5.1827-65.4524-15.1092-80.687-3.9288L268.9567 713.5817c-15.2346 11.1804-38.6194 9.3832-51.9523-3.9497l-30.6364-30.6573c-13.3747-13.3538-15.151-36.7177-3.9706-51.9314l41.9004-57.135c11.1595-15.2346 14.3778-39.4136 7.168-53.7704-7.2307-14.3569-35.7773-57.2813-54.4183-60.1443l-69.9664-10.7833C88.3984 442.3471 73.1429 424.542 73.1429 405.6712v-43.34236734693877c0-18.8709 15.2555-36.6759 33.9174-39.5389l69.9664-10.7833c18.6619-2.863 38.1388-17.8469 43.3424-33.2487 5.1618-15.4018 15.0883-65.4733 3.9288-80.687l-41.9004-57.135c-11.1595-15.2346-9.3832-38.6194 3.9706-51.9314l30.6364-30.6573c13.3538-13.3538 36.7177-15.151 51.9523-3.9706l57.135 41.9213c15.2346 11.1386 39.4136 14.3778 53.7704 7.168 14.3569-7.2307 57.2813-35.7773 60.1443-54.4183l10.7833-69.9664c2.863-18.6619 20.6472-33.9174 39.5389-33.9174h43.34236734693877c18.8709 0 36.6759 15.2555 39.5389 33.9174l10.7833 69.9664c2.863 18.6619 17.826 38.1388 33.2487 43.3215 15.4018 5.1827 65.4524 15.0883 80.6661 3.9288l57.1559-41.9213c15.2346-11.1595 38.5985-9.3623 51.9314 3.9706l30.6364 30.6573c13.3747 13.3329 15.151 36.7177 3.9706 51.9314l-41.9004 57.135c-11.1595 15.2346-14.3778 39.4136-7.168 53.7496 7.2307 14.3778 35.7773 57.3231 54.4183 60.1861l69.9664 10.7833c18.6619 2.863 33.9174 20.6472 33.9174 39.5389v43.34236734693877C950.8571 424.542 935.6016 442.3471 916.9398 445.2101zM512 210.4633c-95.838 0-173.5367 77.6986-173.5367 173.5367s77.6986 173.5367 173.5367 173.5367 173.5367-77.6986 173.5367-173.5367S607.838 210.4633 512 210.4633zM512 384m-104.7824 0a5.014 5.014 0 1 1 209.5647 0 5.014 5.014 0 1 1-209.5647 0Z" horiz-adv-x="1024" />
+
+
+ <glyph glyph-name="menu-fill" unicode="" d="M511.999488 834.254727c-248.678712 0-450.273176-201.585181-450.273176-450.254727s201.594464-450.254727 450.273176-450.254727 450.273176 201.585181 450.273176 450.254727S760.6782 834.254727 511.999488 834.254727zM266.371377 589.705012l491.256222 0 0-33.772174L266.371377 555.932838 266.371377 589.705012zM757.627599 178.29396499999996L266.371377 178.29396499999996l0 33.773198 491.256222 0L757.627599 178.29396499999996zM140.487278 367.11340099999995l0 33.771151 743.024421 0 0-33.771151L140.487278 367.11340099999995z" horiz-adv-x="1024" />
+
+
+ <glyph glyph-name="search" unicode="" d="M439.323351 120.52219c-49.280352 0-97.09834 9.656941-142.126681 28.699646-43.480015 18.388812-82.522793 44.706201-116.043584 78.225619s-59.841305 72.560596-78.230871 116.03883C83.878729 388.513804 74.222416 436.330856 74.222416 485.609189c0 49.284473 9.656313 97.104595 28.699798 142.133138 18.388542 43.479257 44.71008 82.520435 78.231894 116.03883 33.518745 33.515325 72.562546 59.832713 116.043584 78.219479 45.027318 19.039635 92.846329 28.694529 142.125658 28.694529 49.280352 0 97.099364-9.653871 142.126681-28.694529 43.481039-18.385742 82.525863-44.704155 116.044608-78.220502 33.520791-33.518395 59.842328-72.559573 78.230871-116.03883 19.042462-45.028543 28.699798-92.848665 28.699798-142.133138 0-49.278333-9.657336-97.095385-28.701845-142.122905-18.388542-43.47721-44.708033-82.520435-78.228824-116.03883s-72.563569-59.838853-116.043584-78.226642C536.422715 130.177084 488.603703 120.52219 439.323351 120.52219zM439.323351 797.483242c-171.975699 0-311.887855-139.906423-311.887855-311.875077S267.347652 173.734112 439.323351 173.734112s311.887855 139.907447 311.887855 311.874053S611.299051 797.483242 439.323351 797.483242zM890.678206-48.734702c-22.121716 0-42.90387 8.562003-58.541653 24.115234L674.672953 128.025071l37.039062 38.20616 157.888289-153.058978c5.606924-5.606695 13.091693-8.692986 21.077901-8.692986 7.983139 0 15.464837 3.087315 21.070738 8.69094 5.616135 5.622044 8.715856 13.126972 8.715856 21.123087 0 7.980765-3.091535 15.46318-8.702552 21.067828l-0.301888 0.306992L758.714395 213.230662l38.207726 37.035498 152.611906-157.427472c15.571265-15.638165 24.144876-36.422538 24.144876-58.549487 0-22.195511-8.625801-43.054585-24.287121-58.735729C933.723298-40.112324 912.876674-48.734702 890.678206-48.734702zM281.015489 327.245392c-42.340005 42.320874-65.652899 98.584296-65.643689 158.421102 0.008187 59.818387 23.319034 116.074645 65.637549 158.4078l37.634651-37.619806c-66.60666-66.629513-66.60973-175.00071-0.007163-241.577011L281.015489 327.245392z" horiz-adv-x="1024" />
+
+
+ <glyph glyph-name="share" unicode="" d="M769.714 306.453c-51.754 0-97.702-24.851-126.571-63.269L394.479 367.94100000000003c3.93 13.798 6.034 28.364 6.034 43.424 0 16.496-2.527 32.399-7.211 47.35l247.724 124.288c28.71-40.052 75.647-66.151 128.687-66.151 87.388 0 158.229 70.84 158.229 158.229 0 87.388-70.841 158.229-158.229 158.229-87.389 0-158.229-70.841-158.229-158.229 0-6.046 0.352-12.009 1.011-17.88L351.22 526.116c-28.371 26.943-66.723 43.479-108.938 43.479-87.388 0-158.229-70.84-158.229-158.229s70.84-158.229 158.229-158.229c43.752 0 83.354 17.758 111.997 46.459l258.676-129.779c-0.964-7.062-1.474-14.266-1.474-21.592 0-87.389 70.84-158.229 158.229-158.229s158.229 70.84 158.229 158.229C927.938 235.61199999999997 857.103 306.453 769.714 306.453L769.714 306.453z" horiz-adv-x="1024" />
+
+
+ <glyph glyph-name="set-sm" unicode="" d="M946.367 405.895c0.02 21.85-13.04 38.49-31.74 41.57-18.69 3.07-79.05 13.01-85.99 14.14-6.95 1.15-14.09 8.07-15.4 11.45-1.32 3.37-8.94 22.2-11.87 29.46-2.95 7.27-1.92 16.58 4.39 25.52 6.3 8.93 39.9 55.87 48.38 67.72 8.49 11.87 8.65 34.61-4.84 48.39-13.48 13.78-47.75 47.09-56.73 55.86-8.99 8.76-31.08 8.64-42.67 0.43-11.58-8.2-71.69-51.01-71.69-51.01s-9.97-6.89-20.67-2.64c-10.7 4.24-33.43 14.07-33.43 14.07s-7.19 5.43-9.68 19.79c-2.5 14.37-11.11 65.28-14.07 82.7-2.97 17.42-20.67 29.62-37.83 29.46-17.16-0.14-57.91 0-74.33 0s-32.26-15.68-34.75-29.46c-2.49-13.79-11.56-69.16-14.07-84.45-2.52-15.3-11.44-18.48-11.44-18.48s-19.56-8.06-29.91-12.31c-10.34-4.26-15.39-2.64-30.35 7.48-14.95 10.11-44.74 31.03-63.04 43.83-18.3 12.81-38.12 7.92-49.26-3.52s-36.06-35.77-51.02-50.43c-14.95-14.66-12.61-37.54 0.58-55.71 13.2-18.18 32.34-45.43 41.35-58.21 9.01-12.78 10.84-19.5 8.36-26.82-2.49-7.34-6.64-16.58-11.43-27.72-4.81-11.13-9.69-13.64-27.86-17.01-17.36-3.21-58.42-9.92-77.4-13.31-18.99-3.37-30.66-21.43-30.66-41.81l0-64.66c0-24.34 13.2-37.24 38.42-41.93 25.22-4.69 62.66-10.66 74.77-12.61 12.1-1.95 17.67-6.6 21.41-15.54 3.73-8.94 5.13-10.12 9.37-22.57 4.26-12.47 6.46-15.55-4.98-31.67-11.44-16.13-34.31-48.11-46.03-64.51-11.74-16.4-6.45-37.83 4.98-49.85 11.44-12.03 35.47-35.64 48.97-48.97 13.49-13.33 35.19-16.28 53.36-3.52 18.19 12.75 54.98 38.99 65.69 46.62 10.7 7.63 21.91 5.28 27.85 2.94 5.94-2.35 11.25-4.6 22-9.1 10.73-4.48 13.85-11.2 16.41-23.45 2.57-12.24 10.19-56.85 13.93-78.59 3.75-21.72 18.91-33.43 40.62-33.72 21.7-0.29 33.27-0.12 61.57 0 28.29 0.13 41.86 12.61 45.45 31.38 3.59 18.76 12.45 72.94 14.22 83.72 1.78 10.76 5.94 14.73 13.63 18.47 7.7 3.74 14.32 6.47 26.84 11.88 12.51 5.4 18.91 0.66 27.7-5.72 8.8-6.39 47.51-33.78 63.78-45.31 16.28-11.53 36.73-10.33 51.9 4.4 15.18 14.73 31.62 30.99 49.27 48.38 17.64 17.4 12.16 39.59 4.4 51.46-7.77 11.88-44.49 62.95-49.71 70.23-5.21 7.28-4.4 18.62-1.75 24.63 2.64 6.01 8.44 18.24 11.72 25.22 3.29 6.97 9.6 11.22 18.18 12.9 8.58 1.69 62.72 11 83.75 14.61 21.03 3.64 31.11 19.92 31.26 39.92C946.427 359.93499999999995 946.347 388.525 946.367 405.895zM908.587 338.615c0.21-5.76-4.66-10.65-8.82-11.38-4.17-0.73-63.26-11.38-81.48-14.29-18.21-2.92-33.23-15.07-38.72-28.06-3.98-9.44-5.47-13.51-10.59-26.96-5.12-13.44-4.64-32.19 2.56-42.26 7.2-10.08 46.82-64.9 50.38-70.45s4.27-11.95-1.28-17.5-40.99-41.2-47.39-47.39c-6.41-6.19-11.83-4.8-18.79 0-6.95 4.8-39.61 26.39-64.44 44.36-16.96 12.28-32.82 12.43-48.7 6.02-15.87-6.42 1.28 0.28-22.2-8.97-23.48-9.25-30.23-27.62-33.73-48.24-3.5-20.63-10.67-62.98-11.95-70.45-1.28-7.47-5.55-11.1-13.66-11.1l-64.9 0c-8.11 0-11.74 2.99-14.52 11.95-2.77 8.97-10.03 54.87-12.8 74.29-2.78 19.43-13.82 36.12-24.77 40.56-10.94 4.45-4.98 2.14-27.32 11.1-22.34 8.97-39.63 4.5-51.23-3.84-11.61-8.34-58.64-42.69-65.33-46.96-6.68-4.28-14.65-3.28-18.35 0.42-3.7 3.7-40.56 40.56-46.54 46.54-5.98 5.98-5.36 12.92 0 20.49 5.36 7.58 28.39 40.76 40.99 57.95 12.59 17.2 17.93 34.74 9.82 53.49-8.12 18.74-4.42 10.24-12.39 28.6-7.96 18.36-24.28 24.46-38.42 26.9-14.14 2.43-68.88 11.53-76.85 13.23-7.97 1.71-11.95 7.26-11.95 14.09l0 66.18c0 9.53 7.67 12.44 12.38 13.23 4.7 0.8 54.22 9.18 73 12.39 18.79 3.2 36.36 11.32 43.55 29.03 7.19 17.7 4.27 11.1 11.1 27.32 6.83 16.23 3.8 33.94-7.68 49.96-11.49 16.01-38.85 54-44.4 61.9-5.55 7.9-5.77 12.6 0.85 19.21 6.62 6.62 42.05 42.48 46.96 46.97 4.91 4.48 12.07 5.4 18.36 0.85 6.3-4.55 49.31-35.65 64.04-46.11 14.73-10.46 32.35-12.56 49.1-5.55 16.75 7.02 10.25 4.48 26.9 11.1s24.84 19.09 28.18 39.71c3.33 20.61 11.95 74.14 12.81 77.7 0.85 3.55 5.55 10.46 11.74 10.46s65.82-0.07 69.8 0c3.99 0.07 10.3-3.29 11.32-9.18 1.02-5.9 13.02-74.29 14.94-86.25 1.92-11.95 15.58-28.57 25.54-32.73 9.96-4.16 21.35-8.75 31.31-13.09 9.97-4.34 30.13-1.91 36.15 2.28 6.03 4.18 70.52 48.81 75.43 52.37 4.91 3.56 11.52 3.27 17.64-2.85s43.34-43.19 47.54-47.53c4.19-4.34 4.66-8.66 1.14-13.66-3.53-5.01-36.72-51.8-47.54-67.46-10.81-15.65-11.73-33.73-5.41-48.96 6.33-15.22 3.99-9.39 9.11-21.91 5.13-12.53 16.28-29.03 33.59-31.88 17.31-2.85 76.92-12.74 84.82-13.95 7.9-1.21 11.1-7.18 11.1-13.37S908.377 344.385 908.587 338.615zM526.833 573.1949999999999c-110.45 0-200-89.54-200-200s89.55-200 200-200c110.46 0 200 89.54 200 200S637.293 573.1949999999999 526.833 573.1949999999999zM526.833 208.19500000000005c-91.12 0-165 73.87-165 165s73.88 165 165 165c91.13 0 165-73.87 165-165S617.963 208.19500000000005 526.833 208.19500000000005z" horiz-adv-x="1024" />
+
+
+ <glyph glyph-name="engine" unicode="" d="M422.214332 360.70413299999996L186.183684 360.70413299999996l0 46.568461 236.030648 0c10.379577 40.075407 46.47537 69.794509 89.785668 69.794509 51.432433 0 93.067103-41.657943 93.067103-93.067103C605.067103 332.56756700000005 563.40916 290.909624 512 290.909624 468.689703 290.909624 432.593909 320.65199900000005 422.214332 360.70413299999996L422.214332 360.70413299999996zM512 779.634098c-218.529658 0-395.634098-177.10444-395.634098-395.634098 0-218.529658 177.10444-395.634098 395.634098-395.634098 154.76275 0 288.417257 89.064217 353.440885 218.55293l101.398692-59.112389-23.063141-39.959044-62.161099 35.909613c-33.745261-51.595341-77.42792-96.115813-129.093079-129.744711l35.653614-61.765464-40.308133-23.295867-35.653614 61.765464c-53.620057-27.345298-113.360805-44.404109-176.894987-47.73209L535.319139-127.99706800000001l-46.568461 0 0 70.981412c-63.534182 3.327981-123.27493 20.386792-176.894987 47.73209l-35.653614-61.765464-40.308133 23.295867 35.653614 61.765464c-51.665159 33.628898-95.347818 78.149371-129.093079 129.744711l-62.161099-35.909613-23.295867 40.308133 62.114553 35.863067c-27.415116 53.550239-44.799743 113.104807-48.127724 176.685534L0.002932 360.70413299999996l0 46.568461 70.958139 0c3.327981 63.580727 20.712609 123.135295 48.127724 176.685534l-62.114553 35.863067 23.295867 40.308133 62.161099-35.909613c33.745261 51.595341 77.42792 96.115813 129.093079 129.744711l-35.653614 61.765464 40.308133 23.295867 35.653614-61.765464c53.620057 27.345298 113.360805 44.404109 176.894987 47.73209L488.727406 895.997068l46.568461 0 0-70.981412c63.534182-3.327981 123.27493-20.386792 176.894987-47.73209l35.653614 61.765464 40.308133-23.295867-35.653614-61.765464c51.665159-33.628898 95.347818-78.149371 129.093079-129.744711l62.161099 35.909613 23.063141-39.959044-101.398692-59.112389C800.417257 690.569881 666.76275 779.634098 512 779.634098L512 779.634098z" horiz-adv-x="1024" />
+
+
+ <glyph glyph-name="close" unicode="ဆ" d="M783.483 701.249L512 429.775 240.517 701.249c-10.082 10.083-26.429 10.083-36.51 0-10.083-10.082-10.083-26.429 0-36.509l271.481-271.475L204.008 121.78800000000001c-10.083-10.081-10.083-26.428 0-36.508 10.082-10.082 26.429-10.082 36.51 0L512 356.755l271.483-271.475c10.082-10.082 26.429-10.082 36.513 0 10.081 10.083 10.081 26.428 0 36.508L548.51 393.265l271.485 271.474c10.081 10.083 10.081 26.429 0 36.509C809.912 711.33 793.564 711.33 783.483 701.249z" horiz-adv-x="1024" />
+
+
+ <glyph glyph-name="close-fill" unicode="ဇ" d="M512 822.022125c-217.47508 0-394.423141-176.949085-394.423141-394.423141 0-217.474057 176.948061-394.422118 394.423141-394.422118 217.473033 0 394.422118 176.948061 394.422118 394.422118C906.422118 645.07304 729.473033 822.022125 512 822.022125zM702.228529 270.92978200000005c8.030907-8.030907 8.030907-21.052478 0-29.083385s-21.052478-8.030907-29.083385 0L512 402.992563 350.853833 241.84741899999995c-8.030907-8.030907-21.052478-8.030907-29.083385 0s-8.030907 21.052478 0 29.083385l161.146167 161.146167L321.771471 593.222115c-8.030907 8.030907-8.030907 21.052478 0 29.083385s21.052478 8.030907 29.083385 0l161.146167-161.146167L673.145144 622.305501c8.030907 8.030907 21.052478 8.030907 29.083385 0s8.030907-21.052478 0-29.083385L541.082362 432.075949 702.228529 270.92978200000005z" horiz-adv-x="1024" />
+
+
+ <glyph glyph-name="chart-screen" unicode="" d="M963.930903 179.21903299999997l0 34.824133-37.354769-2.675946L926.576133 694.8538169999999 691.413206 694.8538169999999l0 70.462818L330.260819 765.316635l0-70.462818L95.690386 694.8538169999999l0-480.809627-35.621289 0 0-34.824133 432.583253 0 0-141.228535-90.313935 0 0-35.307134 216.753649 0 0 35.307134-90.313935 0L528.778128 179.21903299999997 963.930903 179.21903299999997zM366.212636 730.008478L655.216819 730.008478l0-35.307134L366.212636 694.7013440000001 366.212636 730.008478zM364.817869 332.73133600000006L222.224244 406.252817l14.295588 27.736715 123.238812-63.523779 173.928285 159.755494 127.5807-92.634794 93.13826 122.414027 12.420891-9.449209 12.420891-9.449209L667.639756 394.365068l-131.636063 95.621824L364.817869 332.73133600000006z" horiz-adv-x="1024" />
+
+
+ <glyph glyph-name="star" unicode="" d="M749.624889-84.152889c-15.672889 0-31.246222 3.882667-45.084444 11.306667l-192.526222 103.637333L319.544889-72.817778c-31.203556-16.64-70.314667-14.392889-99.043556 5.304889-29.511111 20.337778-44.743111 55.921778-38.840889 90.695111l37.703111 225.251556L56.661333 410.908444c-25.002667 24.888889-33.464889 60.984889-22.058667 94.193778 11.349333 32.910222 40.064 56.576 74.965333 61.752889l221.326222 32.896 96.128 199.580444c15.488 32.085333 48.853333 52.807111 84.992 52.807111 36.167111 0 69.518222-20.736 84.963556-52.807111l96.156444-199.580444 221.297778-32.910222c34.872889-5.162667 63.616-28.8 74.979556-61.696 11.392-33.28 2.944-69.361778-22.030222-94.250667L804.622222 248.433778l37.745778-225.28c5.845333-34.773333-9.386667-70.357333-38.812444-90.638222C787.569778-78.392889 768.938667-84.152889 749.624889-84.152889zM512.014222 91.548444c4.636444 0 9.272889-1.137778 13.482667-3.384889l205.937778-110.862222c12.373333-6.641778 28.316444-5.802667 39.936 2.133333 11.392 7.836444 17.123556 21.006222 14.890667 34.304L746.097778 253.496889c-1.507556 9.088 1.450667 18.332444 7.964444 24.832l173.141333 172.842667c9.457778 9.429333 12.686222 23.025778 8.405333 35.484444-4.380444 12.672-15.701333 21.873778-29.525333 23.921778L669.866667 545.706667c-9.315556 1.379556-17.365333 7.296-21.447111 15.786667L545.720889 774.641778c-6.030222 12.529778-19.256889 20.608-33.706667 20.608s-27.690667-8.092444-33.763556-20.622222L375.608889 561.493333c-4.081778-8.490667-12.131556-14.407111-21.447111-15.786667L117.930667 510.577778c-13.624889-2.033778-25.201778-11.434667-29.539556-23.992889-4.266667-12.416-1.024-25.984 8.433778-35.399111L269.937778 278.328889c6.513778-6.499556 9.472-15.744 7.964444-24.832l-40.135111-239.744c-2.247111-13.312 3.484444-26.439111 14.976-34.360889 11.434667-7.836444 27.349333-8.775111 39.950222-2.062222l205.852444 110.833778C502.741333 90.410667 507.377778 91.548444 512.014222 91.548444zM200.32 439.210667c-6.840889 0-12.885333 4.963556-14.023111 11.946667-1.251556 7.751111 4.010667 15.061333 11.761778 16.312889l9.443556 1.536c7.793778 1.336889 15.061333-4.010667 16.312889-11.761778 1.251556-7.751111-4.010667-15.061333-11.761778-16.312889l-9.443556-1.536C201.856 439.267556 201.073778 439.210667 200.32 439.210667zM252.544 447.687111c-6.684444 0-12.643556 4.721778-13.937778 11.534222-1.493333 7.708444 3.555556 15.175111 11.264 16.654222l153.927111 29.696 58.055111 133.148444c3.157333 7.182222 11.548444 10.496 18.716444 7.352889 7.210667-3.143111 10.510222-11.52 7.367111-18.716444l-61.056-140.017778c-1.877333-4.295111-5.745778-7.395556-10.353778-8.277333l-161.28-31.118222C254.336 447.758222 253.44 447.687111 252.544 447.687111z" horiz-adv-x="1024" />
+
+
+ <glyph glyph-name="circle-dot" unicode="" d="M513.133312 830.6731560000001c-247.538793 0-448.208115-200.669322-448.208115-448.207092 0-247.538793 200.670346-448.208115 448.208115-448.208115 247.538793 0 448.208115 200.670346 448.208115 448.208115C961.341427 630.004857 760.673128 830.6731560000001 513.133312 830.6731560000001zM513.132288-6.649187999999981c-214.901465 0-389.113205 174.212764-389.113205 389.114229 0 214.902488 174.21174 389.115252 389.113205 389.115252 214.903511 0 389.115252-174.212764 389.115252-389.115252C902.24754 167.563576 728.0358-6.649187999999981 513.132288-6.649187999999981zM513.133312 382.46504100000004m-344.602456 0a336.754 336.754 0 1 1 689.204911 0 336.754 336.754 0 1 1-689.204911 0Z" horiz-adv-x="1024" />
+
+
+ <glyph glyph-name="chat" unicode="" d="M132.682393 414.567179c0 208.287837 166.471452 377.143593 379.317095 377.143593s385.380184-168.855756 385.380184-377.143593c0-177.196725-122.197086-325.812507-290.49821-366.259708l-116.291586-51.04763 0 41.126676C290.570353 52.175568999999996 132.682393 215.31206599999996 132.682393 414.567179zM83.799056 414.567179c0-211.946157 160.764474-387.135154 369.469819-415.152255-3.2623-20.458961-10.036587-65.024969-7.286963-65.024969 2.384303 0 114.89068 47.294143 189.700503 78.865185 176.193885 51.91437 304.518528 211.946157 304.518528 401.312038 0 231.432976-191.70823 419.042865-428.200432 419.042865S83.799056 646.0001560000001 83.799056 414.567179zM340.71952 276.63573699999995c22.935362-41.481763 89.831958-75.102489 170.391738-75.102489 79.650061 0 148.489916 32.909527 172.168198 73.681116-12.701277 5.979178-19.068288 8.02886-28.131711 12.21009-19.894096-31.257911-75.425853-59.661821-142.729725-59.661821-66.969251 0-122.836653 28.40391-143.598512 61.083194L340.71952 276.63573699999995z" horiz-adv-x="1024" />
+
+
+ <glyph glyph-name="release" unicode="" d="M990.78144 828.5388800000001c-3.35872 1.59744-7.04512 2.37568-11.01824 2.37568-14.45888 0-27.60704-10.81344-27.40224-10.81344-8.8064-4.42368-880.59904-443.22816-911.44192-459.44832-17.408-9.13408-27.36128-24.73984-25.92768-40.71424 1.10592-13.14816 9.78944-23.51104 23.10144-27.77088 26.17344-8.27392 290.24256-91.58656 290.24256-91.58656l4.83328-1.47456 16.67072 50.05312-254.32064 79.54432 780.73856 406.28224c-82.82112-93.88032-420.53632-476.32384-436.10112-493.93664-20.11136-22.48704-29.4912-45.09696-29.40928-70.98368l0.28672-153.27232-0.08192 0c0 0 0.08192-53.49376 0.08192-53.6576l0-1.96608 0 0c1.18784-13.5168 12.73856-24.24832 26.54208-24.24832s25.51808 10.73152 26.74688 24.24832l0 0c0 0 0.53248 191.03744 0 205.08672-0.49152 12.4928 5.07904 26.54208 10.69056 33.05472 5.65248 6.38976 390.63552 442.61376 465.75616 527.81056-21.38112-106.41408-126.68928-629.76-128.24576-637.41952-0.8192-4.05504-2.58048-4.05504-3.35872-4.05504-0.6144 0-1.31072 0.12288-2.048 0.36864-7.45472 2.37568-268.82048 81.55136-279.92064 84.91008l-4.7104 1.4336-17.16224-50.50368 5.07904-1.59744c2.58048-0.77824 258.90816-79.09376 284.38528-86.46656 5.07904-1.47456 10.24-2.2528 15.44192-2.2528 26.99264 0 49.5616 19.37408 54.8864 46.98112 2.08896 10.93632 27.0336 134.67648 55.9104 277.99552 39.77216 197.14048 84.7872 420.61824 85.93408 427.6224l0.6144 3.31776C1009.70496 798.96576 1013.26848 817.9712 990.78144 828.5388800000001z" horiz-adv-x="1024" />
+
+
+ <glyph glyph-name="list" unicode="" d="M618.04471 733.97072l-397.175835 0c-16.927531 0-30.699186-13.771655-30.699186-30.699186l0-638.543068c0-16.927531 13.771655-30.699186 30.699186-30.699186l582.261227 0c16.927531 0 30.699186 13.771655 30.699186 30.699186l-0.726547 476.760404L618.04471 733.97072zM803.771715 541.488871 619.537713 541.488871 619.537713 705.552483 803.771715 541.488871zM813.363164 64.728466c0-5.64251-4.590552-10.233062-10.233062-10.233062l-582.261227 0c-5.64251 0-10.233062 4.590552-10.233062 10.233062l0 638.543068c0 5.64251 4.590552 10.233062 10.233062 10.233062l378.202715 0 0-192.481849 214.291574 0L813.363164 64.728466zM298.129516 482.495268l55.258535 0 0-55.258535-55.258535 0 0 55.258535ZM399.777591 468.168981l323.364759 0 0-26.605961-323.364759 0 0 26.605961ZM298.129516 342.044446l55.258535 0 0-55.258535-55.258535 0 0 55.258535ZM399.777591 327.718159l323.364759 0 0-26.605961-323.364759 0 0 26.605961ZM298.129516 199.804884l55.258535 0 0-55.258535-55.258535 0 0 55.258535ZM399.777591 185.478598l323.364759 0 0-26.605961-323.364759 0 0 26.605961ZM881.315812 53.053566" horiz-adv-x="1024" />
+
+
+ <glyph glyph-name="chart" unicode="" d="M953.440991 315.668729L784.061302 315.668729 681.06451 437.392024c-0.312108 0.373507-0.635473 0.737804-0.969071 1.094938-0.013303 0.014326-0.026606 0.027629-0.039909 0.041956-0.276293 0.293689-0.559748 0.582261-0.851391 0.86367-0.053212 0.051165-0.107447 0.099261-0.160659 0.150426-0.249687 0.237407-0.50142 0.470721-0.76134 0.697895-0.089028 0.078795-0.181125 0.153496-0.272199 0.230244-0.225127 0.191358-0.451278 0.381693-0.683569 0.565888-0.124843 0.099261-0.251733 0.192382-0.3776 0.288572-0.200568 0.153496-0.402159 0.306992-0.607844 0.454348-0.159636 0.11461-0.322341 0.224104-0.485047 0.334621-0.177032 0.12075-0.354064 0.242524-0.535189 0.35918-0.195451 0.12689-0.394996 0.246617-0.593518 0.367367-0.152473 0.092098-0.302899 0.186242-0.457418 0.275269-0.237407 0.137123-0.477884 0.268106-0.718361 0.397043-0.121773 0.065492-0.2415 0.132006-0.364297 0.195451-0.283456 0.146333-0.571005 0.285502-0.859577 0.420579-0.085958 0.040932-0.170892 0.082888-0.257873 0.122797-0.337691 0.154519-0.679475 0.298805-1.022283 0.437975-0.044002 0.017396-0.086981 0.036839-0.130983 0.055259-1.604544 0.638543-3.2623 1.113357-4.948709 1.416256-0.343831 0.062422-0.687662 0.112564-1.031493 0.160659-0.055259 0.008186-0.110517 0.01842-0.165776 0.025583-1.633197 0.216941-3.25923 0.26913-4.861728 0.173962-0.013303-0.001023-0.026606-0.001023-0.040932-0.002047-0.363274-0.022513-0.724501-0.054235-1.085728-0.091074-0.060375-0.00614-0.119727-0.011256-0.180102-0.017396-0.310062-0.034792-0.618077-0.077771-0.926092-0.122797-0.116657-0.017396-0.232291-0.032746-0.348947-0.051165-0.24764-0.040932-0.494257-0.086981-0.740874-0.135076-0.178055-0.033769-0.355087-0.067538-0.532119-0.105401-0.183172-0.039909-0.36532-0.083911-0.547469-0.127913-0.237407-0.056282-0.474814-0.113587-0.710175-0.176009-0.12075-0.032746-0.240477-0.068562-0.360204-0.102331-0.292666-0.082888-0.584308-0.168846-0.874927-0.26299-0.063445-0.020466-0.125867-0.042979-0.188288-0.063445-0.338714-0.112564-0.675382-0.230244-1.010003-0.357134-0.019443-0.007163-0.038886-0.01535-0.058328-0.022513-1.493004-0.571005-2.948145-1.284249-4.340865-2.149966-0.067538-0.041956-0.13303-0.088004-0.200568-0.12996-0.273223-0.172939-0.545422-0.346901-0.813528-0.531096-1.416256-0.971118-2.734274-2.089591-3.936659-3.333932-0.025583-0.026606-0.049119-0.053212-0.074701-0.079818-0.26299-0.275269-0.521886-0.555655-0.773619-0.843204-0.058328-0.066515-0.112564-0.134053-0.169869-0.200568-0.211824-0.246617-0.420579-0.496304-0.62217-0.751107-0.083911-0.106424-0.164752-0.214894-0.246617-0.322341-0.167822-0.218988-0.334621-0.437975-0.49528-0.663102-0.102331-0.14224-0.199545-0.287549-0.298805-0.431835-0.13303-0.194428-0.26606-0.387833-0.393973-0.586354-0.115634-0.179079-0.225127-0.360204-0.335644-0.541329-0.103354-0.168846-0.207731-0.336668-0.306992-0.508583-0.12689-0.220011-0.24764-0.443092-0.36839-0.666172-0.074701-0.138146-0.151449-0.275269-0.223081-0.416486-0.137123-0.265036-0.265036-0.533143-0.39295-0.802272-0.050142-0.105401-0.101307-0.209778-0.150426-0.316202-0.144286-0.317225-0.279363-0.63752-0.410346-0.958838-0.026606-0.064468-0.055259-0.127913-0.080841-0.193405-0.150426-0.378623-0.291642-0.760317-0.423649-1.14508-0.005117-0.016373-0.011256-0.031722-0.017396-0.048095-0.157589-0.463558-0.303922-0.930185-0.434905-1.400906l-97.897657-342.642824L435.093423 811.832042c-0.071631 0.569982-0.165776 1.13587-0.275269 1.696642-0.008186 0.040932-0.017396 0.081864-0.025583 0.12382-0.071631 0.356111-0.148379 0.709151-0.234337 1.061169-0.031722 0.128937-0.065492 0.255827-0.099261 0.38374-0.066515 0.254803-0.135076 0.508583-0.208754 0.760317-0.060375 0.206708-0.124843 0.411369-0.190335 0.615007-0.053212 0.166799-0.107447 0.332575-0.164752 0.49835-0.092098 0.26913-0.190335 0.535189-0.290619 0.800225-0.037862 0.098237-0.074701 0.196475-0.113587 0.293689-0.12382 0.313132-0.25378 0.623193-0.38988 0.930185-0.022513 0.050142-0.044002 0.100284-0.066515 0.150426-0.152473 0.338714-0.311085 0.672312-0.477884 1.00284-0.01228 0.024559-0.024559 0.049119-0.037862 0.074701-0.173962 0.343831-0.356111 0.682545-0.545422 1.017166-0.011256 0.019443-0.022513 0.039909-0.033769 0.059352-0.188288 0.330528-0.382717 0.654916-0.584308 0.975211-0.021489 0.034792-0.044002 0.068562-0.065492 0.103354-0.190335 0.298805-0.385786 0.592494-0.587378 0.88209-0.045025 0.065492-0.091074 0.12996-0.137123 0.194428-0.180102 0.252757-0.363274 0.502443-0.551562 0.74906-0.079818 0.105401-0.162706 0.208754-0.24457 0.312108-0.157589 0.199545-0.317225 0.396019-0.480954 0.590448-0.124843 0.149403-0.252757 0.295735-0.381693 0.442068-0.125867 0.14224-0.251733 0.284479-0.38067 0.424672-0.174985 0.191358-0.355087 0.378623-0.536212 0.563842-0.088004 0.090051-0.176009 0.180102-0.26606 0.26913-0.224104 0.222057-0.452301 0.440022-0.684592 0.653893-0.054235 0.050142-0.10847 0.100284-0.163729 0.150426-0.265036 0.240477-0.535189 0.474814-0.810459 0.704035-0.028653 0.023536-0.056282 0.047072-0.084934 0.070608-0.294712 0.243547-0.595564 0.479931-0.902556 0.711198-0.01535 0.011256-0.029676 0.022513-0.045025 0.033769-0.311085 0.232291-0.627287 0.458441-0.949628 0.677429-0.019443 0.013303-0.037862 0.025583-0.057305 0.038886-0.309038 0.208754-0.623193 0.411369-0.942465 0.606821-0.045025 0.027629-0.090051 0.054235-0.134053 0.081864-0.288572 0.174985-0.581238 0.343831-0.877997 0.50756-0.090051 0.050142-0.181125 0.098237-0.272199 0.147356-0.25071 0.134053-0.502443 0.265036-0.759293 0.391926-0.156566 0.077771-0.314155 0.151449-0.472767 0.226151-0.194428 0.091074-0.38988 0.182149-0.587378 0.268106-0.239454 0.105401-0.481977 0.204661-0.724501 0.302899-0.12382 0.049119-0.246617 0.100284-0.37146 0.148379-0.334621 0.128937-0.673335 0.249687-1.014096 0.36532-0.042979 0.014326-0.085958 0.029676-0.128937 0.044002-1.6158 0.536212-3.296069 0.915859-5.02034 1.119497-0.01535 0.002047-0.029676 0.004093-0.044002 0.00614-0.309038 0.035816-0.620124 0.062422-0.931209 0.086981-0.132006 0.010233-0.265036 0.025583-0.397043 0.033769-0.174985 0.011256-0.349971 0.01535-0.525979 0.022513-0.270153 0.01228-0.539282 0.024559-0.808412 0.027629-0.054235 0.001023-0.10847-0.001023-0.162706-0.001023-1.696642 0.010233-3.371794-0.149403-5.006014-0.466628-0.065492-0.01228-0.12996-0.027629-0.195451-0.039909-0.331551-0.067538-0.662079-0.13917-0.989537-0.218988-0.148379-0.035816-0.295735-0.075725-0.443092-0.11461-0.234337-0.061398-0.468674-0.124843-0.700965-0.192382-0.224104-0.065492-0.445138-0.135076-0.666172-0.206708-0.149403-0.048095-0.297782-0.096191-0.446162-0.147356-0.286526-0.098237-0.568958-0.201591-0.850367-0.309038-0.079818-0.030699-0.160659-0.061398-0.240477-0.093121-0.330528-0.12996-0.655939-0.267083-0.979304-0.410346-0.033769-0.01535-0.067538-0.029676-0.101307-0.045025-0.355087-0.159636-0.705058-0.325411-1.050935-0.500397-0.008186-0.004093-0.016373-0.008186-0.023536-0.01228-0.360204-0.182149-0.714268-0.372483-1.064238-0.569982-0.004093-0.002047-0.008186-0.005117-0.013303-0.007163-0.344854-0.196475-0.684592-0.399089-1.019213-0.610914-0.020466-0.013303-0.040932-0.025583-0.060375-0.038886-0.313132-0.199545-0.621147-0.404206-0.925069-0.61603-0.050142-0.034792-0.099261-0.070608-0.149403-0.105401-0.268106-0.190335-0.532119-0.38374-0.791016-0.583285-0.091074-0.069585-0.181125-0.141216-0.271176-0.212848-0.212848-0.167822-0.422625-0.337691-0.629333-0.512676-0.137123-0.11461-0.271176-0.232291-0.406253-0.349971-0.154519-0.1361-0.308015-0.272199-0.459464-0.412392-0.179079-0.164752-0.354064-0.332575-0.528026-0.502443-0.102331-0.100284-0.204661-0.199545-0.304945-0.301875-0.211824-0.212848-0.418532-0.430812-0.623193-0.651846-0.059352-0.064468-0.119727-0.128937-0.179079-0.194428-0.231267-0.254803-0.456395-0.515746-0.678452-0.780783-0.031722-0.037862-0.063445-0.075725-0.095167-0.11461-0.23536-0.285502-0.465604-0.577145-0.688685-0.874927-0.01842-0.024559-0.036839-0.048095-0.055259-0.072655-0.226151-0.301875-0.445138-0.60989-0.657986-0.923022-0.019443-0.028653-0.038886-0.057305-0.058328-0.084934-0.202615-0.300852-0.400113-0.606821-0.590448-0.916882-0.032746-0.053212-0.064468-0.105401-0.096191-0.158612-0.169869-0.282433-0.335644-0.567935-0.49528-0.857531-0.053212-0.097214-0.105401-0.194428-0.158612-0.292666-0.130983-0.24457-0.258896-0.490164-0.381693-0.73985-0.080841-0.162706-0.157589-0.326435-0.234337-0.491187-0.088004-0.189312-0.177032-0.378623-0.260943-0.571005-0.107447-0.245593-0.209778-0.493234-0.310062-0.741897-0.047072-0.11768-0.095167-0.234337-0.141216-0.354064-0.130983-0.340761-0.25378-0.684592-0.370437-1.030469-0.013303-0.037862-0.026606-0.075725-0.038886-0.113587-0.180102-0.543376-0.345877-1.092891-0.48914-1.650593L244.22942 305.59939599999996 67.355037 305.59939599999996c-14.128789 0-25.582655-11.453866-25.582655-25.582655s11.453866-25.582655 25.582655-25.582655l191.314257 0c0.867764 0 1.725294 0.044002 2.570545 0.128937 0.828878-0.080841 1.656733-0.1361 2.478448-0.1361 11.218506 0 21.512966 7.439436 24.644283 18.779715l113.358791 410.43686 103.412254-723.884758c0.00921-0.072655 0.021489-0.145309 0.030699-0.217964l0.046049-0.320295c0.002047-0.011256 0.005117-0.021489 0.00614-0.032746 0.109494-0.7552 0.25071-1.502213 0.425695-2.238994 0.01535-0.064468 0.031722-0.12689 0.047072-0.191358 0.166799-0.679475 0.358157-1.350764 0.579191-2.01182 0.041956-0.124843 0.088004-0.24764 0.130983-0.37146 0.210801-0.600681 0.437975-1.194198 0.692778-1.77646 0.068562-0.156566 0.144286-0.309038 0.215918-0.464581 0.223081-0.484024 0.460488-0.961908 0.713244-1.431605 0.106424-0.196475 0.213871-0.390903 0.325411-0.584308 0.265036-0.462534 0.545422-0.914836 0.838088-1.359974 0.088004-0.13303 0.170892-0.268106 0.260943-0.399089 0.354064-0.51677 0.732687-1.016143 1.12359-1.506307 0.078795-0.099261 0.156566-0.198521 0.237407-0.296759 0.420579-0.511653 0.864694-1.004887 1.325182-1.482771 0.051165-0.052189 0.101307-0.105401 0.152473-0.157589 0.494257-0.50449 1.010003-0.989537 1.548262-1.454118 0.00921-0.007163 0.017396-0.014326 0.026606-0.022513 1.636267-1.408069 3.466961-2.620687 5.466502-3.592828 0.075725-0.036839 0.151449-0.074701 0.228197-0.11154 0.576121-0.273223 1.165546-0.525979 1.768273-0.75827 0.158612-0.061398 0.319272-0.118704 0.478907-0.177032 0.558725-0.202615 1.124614-0.393973 1.704828-0.559748 0.005117-0.001023 0.010233-0.002047 0.01535-0.004093 0.278339-0.079818 0.562818-0.13917 0.844228-0.209778 0.394996-0.098237 0.789992-0.194428 1.184989-0.274246 0.283456-0.056282 0.568958-0.103354 0.854461-0.149403 0.445138-0.073678 0.889253-0.134053 1.333368-0.183172 0.229221-0.024559 0.456395-0.052189 0.686638-0.071631 0.710175-0.059352 1.418302-0.099261 2.122337-0.099261 0.337691 0 0.671289 0.027629 1.007957 0.040932 0.276293 0.011256 0.550539 0.013303 0.828878 0.033769 0.401136 0.029676 0.799202 0.079818 1.196245 0.127913 0.191358 0.022513 0.38067 0.033769 0.572028 0.061398 0.069585 0.010233 0.1361 0.024559 0.205685 0.034792 0.232291 0.034792 0.462534 0.075725 0.692778 0.116657 0.463558 0.082888 0.921999 0.176009 1.3743 0.283456 0.109494 0.025583 0.218988 0.047072 0.327458 0.074701 0.582261 0.145309 1.152243 0.316202 1.716084 0.499373 0.098237 0.031722 0.196475 0.063445 0.293689 0.097214 1.90335 0.644683 3.694135 1.50119 5.351891 2.540869 0.014326 0.00921 0.028653 0.01842 0.042979 0.027629 1.089821 0.686638 2.121314 1.452071 3.087315 2.287089 0.083911 0.071631 0.167822 0.143263 0.25071 0.215918 0.424672 0.3776 0.837064 0.76748 1.235131 1.170662 0.12382 0.124843 0.243547 0.254803 0.36532 0.382717 0.317225 0.334621 0.626263 0.677429 0.925069 1.028423 0.155543 0.183172 0.308015 0.36839 0.458441 0.556679 0.26606 0.331551 0.523933 0.670266 0.773619 1.01512 0.130983 0.180102 0.261966 0.35918 0.387833 0.543376 0.294712 0.429789 0.575098 0.86981 0.843204 1.316995 0.099261 0.165776 0.195451 0.334621 0.290619 0.503467 0.283456 0.499373 0.555655 1.004887 0.806365 1.52268 0.031722 0.065492 0.060375 0.13303 0.091074 0.199545 0.276293 0.584308 0.530073 1.178849 0.762363 1.784646 0.00614 0.017396 0.014326 0.034792 0.020466 0.051165 0.251733 0.661056 0.472767 1.336438 0.669242 2.020006 0.002047 0.008186 0.00614 0.016373 0.008186 0.024559l0.061398 0.215918c0.029676 0.106424 0.062422 0.210801 0.090051 0.317225l117.579929 411.527704 79.800487-94.308923c0.070608-0.083911 0.146333-0.161682 0.217964-0.243547 0.190335-0.220011 0.38374-0.436952 0.581238-0.649799 0.134053-0.144286 0.26913-0.285502 0.405229-0.425695 0.164752-0.168846 0.331551-0.335644 0.50142-0.500397 0.164752-0.159636 0.329505-0.319272 0.496304-0.473791 0.138146-0.12689 0.279363-0.25071 0.419556-0.37453 0.198521-0.174985 0.397043-0.350994 0.599657-0.518816 0.081864-0.067538 0.166799-0.132006 0.249687-0.198521 0.817622-0.661056 1.667989-1.264806 2.545986-1.811252 0.098237-0.061398 0.195451-0.125867 0.294712-0.185218 0.228197-0.138146 0.459464-0.267083 0.691755-0.398066 0.157589-0.089028 0.315178-0.178055 0.474814-0.264013 0.200568-0.107447 0.403183-0.208754 0.606821-0.311085 0.202615-0.101307 0.406253-0.201591 0.611937-0.297782 0.173962-0.080841 0.348947-0.159636 0.523933-0.237407 0.245593-0.10847 0.494257-0.212848 0.743944-0.313132 0.144286-0.058328 0.289596-0.115634 0.434905-0.171915 0.291642-0.11154 0.586354-0.216941 0.883113-0.317225 0.11154-0.037862 0.223081-0.076748 0.334621-0.113587 0.337691-0.109494 0.677429-0.210801 1.02126-0.305969 0.078795-0.021489 0.157589-0.046049 0.236384-0.066515 0.376577-0.101307 0.757247-0.193405 1.140986-0.277316 0.050142-0.011256 0.100284-0.023536 0.150426-0.034792 0.405229-0.085958 0.813528-0.162706 1.225921-0.229221 0.031722-0.005117 0.063445-0.01228 0.096191-0.017396 0.412392-0.065492 0.828878-0.12075 1.24741-0.165776 0.032746-0.004093 0.064468-0.00921 0.097214-0.01228 0.382717-0.039909 0.768503-0.068562 1.155313-0.092098 0.068562-0.004093 0.1361-0.01228 0.204661-0.01535 0.25992-0.013303 0.521886-0.01535 0.782829-0.020466 0.188288-0.004093 0.376577-0.01535 0.564865-0.01535 0.008186 0 0.01535 0.001023 0.023536 0.001023l181.208085 0c14.129812 0 25.582655 11.453866 25.582655 25.582655S967.56978 315.668729 953.440991 315.668729z" horiz-adv-x="1024" />
+
+
+ <glyph glyph-name="ok-circle" unicode="စ" d="M516.152065-63.152063c-60.696384 0-119.594819 11.894911-175.056991 35.353183-53.55473 22.651906-101.646028 55.073316-142.936433 96.364745-41.291428 41.291428-73.712839 89.381703-96.363721 142.936433-23.458271 55.462173-35.353183 114.359584-35.353183 175.055968s11.894911 119.594819 35.353183 175.056991c22.651906 53.55473 55.073316 101.646028 96.363721 142.936433 41.290405 41.291428 89.381703 73.712839 142.936433 96.363721 55.462173 23.458271 114.359584 35.353183 175.056991 35.353183s119.594819-11.894911 175.056991-35.353183c53.55473-22.651906 101.645005-55.073316 142.936433-96.363721 41.291428-41.290405 73.711815-89.38068 96.363721-142.936433 23.459295-55.462173 35.353183-114.359584 35.353183-175.056991 0-60.696384-11.893888-119.593795-35.353183-175.055968-22.651906-53.55473-55.072293-101.645005-96.363721-142.936433s-89.381703-73.712839-142.936433-96.364745C635.747907-51.25715200000002 576.849472-63.152063 516.152065-63.152063zM516.152065 774.870222c-214.115566 0-388.311956-174.196391-388.311956-388.311956s174.196391-388.311956 388.311956-388.311956 388.311956 174.196391 388.311956 388.311956S730.268654 774.870222 516.152065 774.870222zM434.74908 132.830517L209.49278 358.08784 289.087583 437.68162 434.74908 292.020122 743.218594 600.488613 822.812373 520.89381Z" horiz-adv-x="1024" />
+
+
+ <glyph glyph-name="layim-theme" unicode="" d="M958.830745 538.643056L740.659817 692.753993l-100.539834 0-3.977591-9.332553c-0.37146-0.871857-38.021965-86.8613-124.772748-88.667435-35.691897 0.76441-67.206658 15.500019-93.680613 43.828204-20.658506 22.106484-30.374798 44.584428-30.456662 44.776809l-3.955078 9.393951-100.587929 0L64.518433 538.643056 169.320337 379.756349l89.956801 65.019853-19.016099-368.05254 268.86654 0 4.093225 0 269.866311 0-19.016099 368.051517 89.956801-65.018829L958.830745 538.643056zM730.105437 507.20402l20.655436-399.781172-237.540068 0-4.093225 0L272.587282 107.42284700000005l20.656459 399.781172-115.938546-83.797521-36.3243 55.070246 159.440315 111.641683-19.276019 30.638811L121.066333 508.667348l-14.548344 22.056342 185.921433 131.330094 71.077825 0c5.332449-10.04375 15.433504-26.779923 30.951943-43.580564 32.047904-34.69622 72.256674-53.486168 116.345822-54.411237l0-0.031722c0.203638 0.00307 0.406253 0.01228 0.60989 0.016373 0.203638-0.00307 0.406253-0.013303 0.60989-0.016373l0 0.031722c44.073798 0.925069 84.359316 19.703761 116.566856 54.379515 15.623839 16.821107 25.814945 33.579793 31.188326 43.612287l71.120804 0 185.921433-131.330094-14.548344-22.056342L742.203986 620.7551920000001l-19.276019-30.638811 159.440315-111.641683-36.3243-55.070246L730.105437 507.20402z" horiz-adv-x="1024" />
+
+
+ <glyph glyph-name="table" unicode="" d="M304.738028 343.684806M729.544153 511.153982M595.52788 637.723655M143.806755 686.614156l0-601.704045L881.172549 84.91011100000003l0 601.704045L143.806755 686.614156zM420.318416 299.80441299999995l0 128.936581 184.341448 0 0-128.936581L420.318416 299.80441299999995zM604.659865 256.825552l0-128.936581L420.318416 127.88897099999997l0 128.936581L604.659865 256.825552zM604.659865 600.656435l0-128.936581L420.318416 471.719854l0 128.936581L604.659865 600.656435zM374.232798 600.656435l0-128.936581L189.89135 471.719854l0 128.936581L374.232798 600.656435zM189.89135 428.740994L374.232798 428.740994l0-128.936581L189.89135 299.80441299999995 189.89135 428.740994zM650.745483 428.740994l184.341448 0 0-128.936581L650.745483 299.80441299999995 650.745483 428.740994zM650.745483 471.719854l0 128.936581 184.341448 0 0-128.936581L650.745483 471.719854zM189.89135 256.825552L374.232798 256.825552l0-128.936581L189.89135 127.88897099999997 189.89135 256.825552zM650.745483 127.88897099999997l0 128.936581 184.341448 0 0-128.936581L650.745483 127.88897099999997z" horiz-adv-x="1024" />
+
+
+ <glyph glyph-name="right" unicode="" d="M283.648 721.9189759999999L340.873216 780.926976 740.352 383.99795200000005 340.876288-12.925952000000052 283.648 46.07795199999998 619.52 383.99795200000005Z" horiz-adv-x="1024" />
+
+
+ <glyph glyph-name="left" unicode="" d="M740.352 721.9189759999999L683.126784 780.926976 283.648 383.99795200000005 683.123712-12.925952000000052 740.352 46.07795199999998 404.48 383.99795200000005Z" horiz-adv-x="1024" />
+
+
+ <glyph glyph-name="cart-simple" unicode="" d="M235.097303 196.866982C247.384597 160.417152 286.382106 132.37606800000003 324.772759 132.37606800000003L861.658537 132.37606800000003 880.429732 132.37606800000003 885.649214 150.54185399999994 1009.08775 580.154957C1021.388907 622.967661 993.187631 660.786325 949.051586 660.786325L424.585365 660.786325C410.791718 660.786325 399.609756 649.5207379999999 399.609756 635.623932 399.609756 621.727125 410.791718 610.461538 424.585365 610.461538L949.051586 610.461538C959.924 610.461538 964.161052 604.779539 961.106394 594.148171L837.667859 164.53506800000002 861.658537 182.70085500000005 324.772759 182.70085500000005C307.742153 182.70085500000005 287.789837 197.04752900000005 282.395194 213.05054900000005L73.600164 832.433664C69.16437 845.592294 54.980454 852.636656 41.919502 848.167687 28.858551 843.698719 21.86648 829.408727 26.302275 816.250097L235.097303 196.866982ZM399.609756-6.017094000000043C399.609756 49.57012899999995 354.881911 94.63247799999999 299.707317 94.63247799999999 244.532723 94.63247799999999 199.804878 49.57012899999995 199.804878-6.017094000000043 199.804878-61.604318000000035 244.532723-106.66666699999996 299.707317-106.66666699999996 354.881911-106.66666699999996 399.609756-61.604318000000035 399.609756-6.017094000000043ZM249.756098-6.017094000000043C249.756098 21.77651800000001 272.120021 44.30769299999997 299.707317 44.30769299999997 327.294613 44.30769299999997 349.658537 21.77651800000001 349.658537-6.017094000000043 349.658537-33.810704999999984 327.294613-56.34187899999995 299.707317-56.34187899999995 272.120021-56.34187899999995 249.756098-33.810704999999984 249.756098-6.017094000000043ZM924.097562-6.017094000000043C924.097562 49.57012899999995 879.369715 94.63247799999999 824.195121 94.63247799999999 769.020529 94.63247799999999 724.292683 49.57012899999995 724.292683-6.017094000000043 724.292683-61.604318000000035 769.020529-106.66666699999996 824.195121-106.66666699999996 879.369715-106.66666699999996 924.097562-61.604318000000035 924.097562-6.017094000000043ZM774.243902-6.017094000000043C774.243902 21.77651800000001 796.607825 44.30769299999997 824.195121 44.30769299999997 851.782419 44.30769299999997 874.146342 21.77651800000001 874.146342-6.017094000000043 874.146342-33.810704999999984 851.782419-56.34187899999995 824.195121-56.34187899999995 796.607825-56.34187899999995 774.243902-33.810704999999984 774.243902-6.017094000000043Z" horiz-adv-x="1024" />
+
+
+ <glyph glyph-name="face-cry" unicode="" d="M1024 384C1024 666.769792 794.769792 896 512 896 229.230208 896 0 666.769792 0 384 0 101.23020799999995 229.230208-128 512-128 629.410831-128 740.826187-88.33104600000001 830.768465-16.686661999999956 841.557579-8.092490999999995 843.33693 7.620766000000003 834.742758 18.409879000000046 826.148587 29.198990999999978 810.43533 30.978341999999998 799.646219 22.384173000000033 718.470035-42.277495000000044 618.001779-78.04878099999996 512-78.04878099999996 256.817504-78.04878099999996 49.951219 128.81750399999999 49.951219 384 49.951219 639.182496 256.817504 846.048781 512 846.048781 767.182496 846.048781 974.048781 639.182496 974.048781 384 974.048781 296.507166 949.714859 212.66323599999998 904.470807 140.039307 897.177109 128.33175700000004 900.755245 112.92820300000005 912.462793 105.63450699999999 924.170342 98.34080900000004 939.573897 101.91894200000002 946.867595 113.62649199999998 997.013826 194.11920399999997 1024 287.101621 1024 384ZM337.170731 396.487806C371.654852 396.487806 399.609756 424.442709 399.609756 458.926829 399.609756 493.41095 371.654852 521.365854 337.170731 521.365854 302.686611 521.365854 274.731708 493.41095 274.731708 458.926829 274.731708 424.442709 302.686611 396.487806 337.170731 396.487806ZM711.804879 396.487806C746.288998 396.487806 774.243902 424.442709 774.243902 458.926829 774.243902 493.41095 746.288998 521.365854 711.804879 521.365854 677.320757 521.365854 649.365854 493.41095 649.365854 458.926829 649.365854 424.442709 677.320757 396.487806 711.804879 396.487806ZM352.788105 191.21547499999997C396.165222 225.91716899999994 453.151987 246.639629 524.487806 246.639629 595.823622 246.639629 652.810387 225.91716899999994 696.187505 191.21547499999997 722.700531 170.00505399999997 738.882517 148.42907300000002 746.631548 132.931012 752.800254 120.59359800000004 747.799529 105.59142399999996 735.462114 99.42271600000004 723.124702 93.25401 708.122526 98.25473499999998 701.953818 110.59214899999995 701.03616 112.42746499999998 698.492224 116.61747600000001 694.165854 122.38597100000004 686.602473 132.47047699999996 676.927317 142.654852 664.983226 152.21012499999995 630.311565 179.947456 584.273939 196.68840999999998 524.487806 196.68840999999998 464.70167 196.68840999999998 418.664045 179.947456 383.992384 152.21012499999995 372.048292 142.654852 362.373137 132.47047699999996 354.809756 122.38597100000004 350.483386 116.61747600000001 347.93945 112.42746499999998 347.021792 110.59214899999995 340.853084 98.25473499999998 325.850908 93.25401 313.513495 99.42271600000004 301.176081 105.59142399999996 296.175356 120.59359800000004 302.344062 132.931012 310.093092 148.42907300000002 326.275078 170.00505399999997 352.788105 191.21547499999997Z" horiz-adv-x="1024" />
+
+
+ <glyph glyph-name="face-smile" unicode="" d="M1024 384C1024 666.769792 794.769792 896 512 896 229.230208 896 0 666.769792 0 384 0 101.23020799999995 229.230208-128 512-128 629.410831-128 740.826187-88.33104600000001 830.768465-16.686661999999956 841.557579-8.092490999999995 843.33693 7.620766000000003 834.742758 18.409879000000046 826.148587 29.198990999999978 810.43533 30.978341999999998 799.646219 22.384173000000033 718.470035-42.277495000000044 618.001779-78.04878099999996 512-78.04878099999996 256.817504-78.04878099999996 49.951219 128.81750399999999 49.951219 384 49.951219 639.182496 256.817504 846.048781 512 846.048781 767.182496 846.048781 974.048781 639.182496 974.048781 384 974.048781 296.507166 949.714859 212.66323599999998 904.470807 140.039307 897.177109 128.33175700000004 900.755245 112.92820300000005 912.462793 105.63450699999999 924.170342 98.34080900000004 939.573897 101.91894200000002 946.867595 113.62649199999998 997.013826 194.11920399999997 1024 287.101621 1024 384ZM337.170731 396.487806C371.654852 396.487806 399.609756 424.442709 399.609756 458.926829 399.609756 493.41095 371.654852 521.365854 337.170731 521.365854 302.686611 521.365854 274.731708 493.41095 274.731708 458.926829 274.731708 424.442709 302.686611 396.487806 337.170731 396.487806ZM711.804879 396.487806C746.288998 396.487806 774.243902 424.442709 774.243902 458.926829 774.243902 493.41095 746.288998 521.365854 711.804879 521.365854 677.320757 521.365854 649.365854 493.41095 649.365854 458.926829 649.365854 424.442709 677.320757 396.487806 711.804879 396.487806ZM352.788105 127.22903299999996C396.165222 92.52733899999998 453.151987 71.80487900000003 524.487806 71.80487900000003 595.823622 71.80487900000003 652.810387 92.52733899999998 696.187505 127.22903299999996 722.700531 148.43945399999996 738.882517 170.01543500000002 746.631548 185.51349500000003 752.800254 197.850908 747.799529 212.85308399999997 735.462114 219.021792 723.124702 225.19049800000005 708.122526 220.18977299999995 701.953818 207.85235799999998 701.03616 206.01704299999994 698.492224 201.82703100000003 694.165854 196.058537 686.602473 185.97402899999997 676.927317 175.78965500000004 664.983226 166.23438299999998 630.311565 138.49705200000005 584.273939 121.75609799999995 524.487806 121.75609799999995 464.70167 121.75609799999995 418.664045 138.49705200000005 383.992384 166.23438299999998 372.048292 175.78965500000004 362.373137 185.97402899999997 354.809756 196.058537 350.483386 201.82703100000003 347.93945 206.01704299999994 347.021792 207.85235799999998 340.853084 220.18977299999995 325.850908 225.19049800000005 313.513495 219.021792 301.176081 212.85308399999997 296.175356 197.850908 302.344062 185.51349500000003 310.093092 170.01543500000002 326.275078 148.43945399999996 352.788105 127.22903299999996Z" horiz-adv-x="1024" />
+
+
+ <glyph glyph-name="survey" unicode="" d="M722.355804 849.454545C761.006291 849.454545 792.380951 818.166023 792.380951 779.627344L792.380951 437.500928 799.081094 453.813218 401.874746 51.22138 418.539682 58.181818 138.070006 58.181818C99.387643 58.181818 68.063492 89.328555 68.063492 127.771428L68.063492 872.727273 44.698413 849.454545 722.355804 849.454545ZM21.333333 896 21.333333 872.727273 21.333333 127.771428C21.333333 63.604277 73.59726 11.636363 138.070006 11.636363L418.539682 11.636363 428.337293 11.636363 435.204619 18.596802 832.410967 421.18864 839.11111 427.979625 839.11111 437.500928 839.11111 779.627344C839.11111 843.859757 786.827324 896 722.355804 896L44.698413 896 21.333333 896ZM775.859347 307.365395 759.337741 290.90909 775.859347 274.452787 869.319663 181.361879 885.841269 164.905574 902.362876 181.361879 972.458114 251.18006 988.979721 267.636363 972.458114 284.092668 878.997796 377.183575 862.47619 393.639878 845.954583 377.183575 775.859347 307.365395ZM845.954583 344.27097 939.414901 251.18006 939.414901 284.092668 869.319663 214.274485 902.362876 214.274485 808.902558 307.365395 808.902558 274.452787 878.997796 344.27097 845.954583 344.27097ZM518.843473 51.365395 513.841133 46.382827 512.453734 39.473248 489.088655-76.890387 482.215251-111.121568 516.58227-104.275332 633.407665-81.002605 640.344663-79.620689 645.347004-74.638121 902.362876 181.361879 918.884482 197.818182 902.362876 214.274485 808.902558 307.365395 792.380951 323.821698 775.859347 307.365395 518.843473 51.365395ZM775.859347 274.452787 869.319663 181.361879 869.319663 214.274485 612.303791-41.725515 624.243127-35.361033 507.41773-58.633758 534.911345-86.018703 558.276425 30.344934 551.886686 18.452787 808.902558 274.452787 775.859347 274.452787ZM426.576706 298.269073C444.201086 298.269073 458.488469 284.053815 458.488469 266.500753L458.488469 258.086116C458.488469 240.540958 444.323959 226.317797 426.576706 226.317797L426.576706 226.317797C408.952326 226.317797 394.664943 240.533054 394.664943 258.086116L394.664943 266.500753C394.664943 284.045911 408.829453 298.269073 426.576706 298.269073L426.576706 298.269073ZM278.349205 552.435127C278.349205 552.435127 280.851125 530.485568 305.477133 530.485568 330.103138 530.485568 331.559155 552.435127 331.559155 552.435127 329.927383 623.508937 362.988497 657.25782 430.67155 653.905282 475.722639 648.839223 499.06407 623.508937 500.624896 577.839917 497.503245 557.501184 480.405116 531.202385 449.969026 499.092521 409.671358 458.489557 389.522524 422.133143 389.522524 390.023279L389.522524 357.093903C389.522524 357.093903 392.614705 337.454532 414.885933 337.454532 437.157161 337.454532 440.249342 357.093903 440.249342 357.093903L440.249342 379.965664C440.249342 406.785969 459.546816 439.044836 498.21271 476.369762 538.652271 513.471183 558.730159 547.369069 558.730159 577.839917 555.395669 662.323878 511.195938 706.353877 425.776235 709.780917 327.515198 711.419936 278.349205 658.971339 278.349205 552.435127Z" horiz-adv-x="1024" />
+
+
+ <glyph glyph-name="tree" unicode="" d="M962.691679 258.53447400000005c-8.721639 54.163597-34.298154 97.584526-73.089645 133.8638-44.721551 41.825594-99.282191 65.724911-156.512636 84.432994-26.935466 8.80555-54.079686 16.971533-81.129762 25.427112 41.188074 7.485485 81.495082 10.991332 121.872698 12.269441 39.906895 1.26276 79.885422 0.276293 120.633475 0.276293-30.644951 44.233434-74.588789 71.110571-127.260405 84.384899-53.004191 13.357216-103.742782 9.715269-152.261822-32.081673 18.715247 66.336848 12.464893 120.18936-38.810934 160.830989-32.450063 25.719778-77.127611 31.000038-111.319341 14.916734 58.583257-31.127951 82.051761-84.265172 94.304829-145.102772-44.638663 69.056795-110.067838 96.432283-187.710173 86.487793-56.123228-7.187703-110.723777-26.270317-166.003801-40.048111 15.677051-14.358009 31.136138-24.116257 47.932686-27.839045 51.427276-11.399631 103.405091-20.301372 155.098427-30.524201 37.036521-7.323802 75.163887-12.144598 104.448864-40.879036-78.096682 23.458271-155.928329 30.034037-235.541551 9.092076C186.718589 530.20385 104.838743 479.821369 81.996502 429.437865c46.955428 23.955598 95.807043 18.776645 144.606469 17.139356 37.737486-1.266853 76.089979-3.461845 113.238041 1.594311 52.683896 7.170307 104.513332 20.624736 159.209048 31.909757-91.88164-62.077847-186.516997-122.342396-159.194722-259.889075 58.852386 100.205213 163.392324 150.107763 229.951229 238.105956-16.239869-91.498924 6.980995-169.376619 66.432015-237.83785 41.815361-48.152696 89.979314-92.010577 110.706381-156.013263 12.758582 141.877311-25.823132 270.789333-97.911984 396.334677C755.996107 391.809873 858.199837 325.909977 962.691679 258.53447400000005zM513.476631 320.10169099999996c-27.767414-14.065344-39.008432-35.954887-42.252313-64.998363-6.078439-54.437843-15.162328-108.532879-21.799492-162.916487-3.90903-32.026414-5.519714-64.333214-8.16496-96.53052 30.078039 0 55.507198 0 79.961146 0 9.912767 78.200036 19.732413 154.247037 28.913517 230.369761 0.883113 7.322779-0.756223 15.746636-3.705392 22.591531C536.246217 272.25086999999996 524.967336 295.41135899999995 513.476631 320.10169099999996z" horiz-adv-x="1024" />
+
+
+ <glyph glyph-name="ie" unicode="" d="M734.208 267.1616l236.05248 0c1.82272 16.36352 2.53952 33.09568 2.53952 50.19648 0 80.22016-21.52448 155.46368-59.12576 220.2624 38.87104 103.30112 37.49888 190.99648-14.56128 243.38432-49.50016 49.27488-182.29248 41.28768-332.41088-25.1904-11.10016 0.83968-22.3232 1.26976-33.62816 1.26976-206.04928 0-378.92096-141.80352-426.7008-332.84096 64.63488 82.75968 132.62848 142.7456 223.47776 186.44992-8.25344-7.74144-56.46336-55.64416-64.55296-63.75424-239.55456-239.47264-315.0848-552.30464-233.79968-633.61024 61.78816-61.76768 173.75232-51.34336 302.36672 11.65312 59.8016-30.45376 127.50848-47.63648 199.20896-47.63648 193.1264 0 356.80256 124.3136 416.09216 297.45152l-237.8752 0c-32.72704-60.37504-96.74752-101.4784-170.20928-101.4784s-137.48224 41.10336-170.20928 101.4784c-14.5408 27.27936-22.91712 58.55232-22.91712 91.648l0 0.7168 386.2528 0zM348.30336 383.20128c5.44768 97.11616 86.20032 174.592 184.77056 174.592s179.3024-77.47584 184.77056-174.592l-369.54112 0zM896.96256 732.20096c33.52576-33.87392 32.68608-96.21504 4.01408-174.01856-49.13152 74.91584-120.5248 133.9392-204.8 167.64928 90.112 38.64576 163.40992 43.76576 200.78592 6.38976zM93.4912-71.24992c-42.78272 42.8032-29.88032 132.608 25.23136 240.82432 34.304-96.27648 101.15072-177.09056 187.33056-229.15072-95.4368-43.3152-173.52704-50.66752-212.56192-11.6736z" horiz-adv-x="1024" />
+
+
+ <glyph glyph-name="upload-circle" unicode="" d="M512-128c282.768 0 512 229.216 512 512C1024 666.768 794.768 896 512 896 229.216 896 0 666.768 0 384 0 101.21600000000001 229.216-128 512-128zM512 848c256.272 0 464-207.744 464-464 0-256.272-207.728-464-464-464S48 127.72799999999995 48 384C48 640.256 255.728 848 512 848zM377.728 534.544L480 534.544l0-478c0-17.664 14.336-32 32-32s32 14.336 32 32L544 534.544l102.272 0c17.616 0 23.424 11.568 12.944 25.68l-128.128 172.624c-10.496 14.128-27.664 14.128-38.16 0L364.8 560.24C354.32 546.1120000000001 360.128 534.544 377.728 534.544z" horiz-adv-x="1024" />
+
+
+ <glyph glyph-name="add-circle" unicode="" d="M675.04 412.736l-127.04 0 0 127.264c0 20.064-16.288 36.32-36.32 36.32-20.064 0-36.32-16.192-36.32-36.32l0-127.232-127.072 0c-20.064 0-36.352-16.32-36.352-36.352 0-20.064 16.224-36.352 36.352-36.352l127.072 0 0-127.232c0-20 16.256-36.384 36.32-36.384 20.032 0 36.32 16.256 36.32 36.384l0 127.136 127.04 0c19.968 0 36.352 16.256 36.352 36.384C711.36 396.448 695.136 412.736 675.04 412.736L675.04 412.736zM511.328 830.56c-250.24 0-453.952-203.616-453.952-453.952 0-250.336 203.712-453.952 453.952-453.952 250.336 0 453.984 203.584 453.984 453.952C965.312 626.944 761.696 830.56 511.328 830.56L511.328 830.56zM511.328-20.576000000000022c-219.04 0-397.184 178.176-397.184 397.152 0 219.104 178.144 397.216 397.184 397.216s397.216-178.112 397.216-397.216C908.576 157.63199999999995 730.368-20.576000000000022 511.328-20.576000000000022L511.328-20.576000000000022zM511.328-20.576000000000022" horiz-adv-x="1024" />
+
+
+ <glyph glyph-name="download-circle" unicode="" d="M510.771521 828.211081c-244.998947 0-443.597097-198.60429-443.597097-443.590957s198.59815-443.591981 443.597097-443.591981c244.986667 0 443.583794 198.60429 443.583794 443.591981S755.758188 828.211081 510.771521 828.211081zM510.771521-30.044013999999947c-229.010811 0-414.664138 185.65435-414.664138 414.664138 0 229.010811 185.653327 414.657998 414.664138 414.657998 228.996484 0 414.652881-185.647187 414.652881-414.657998C925.424402 155.60931300000004 739.768005-30.044013999999947 510.771521-30.044013999999947zM662.749888 352.39518799999996L537.719266 245.82501100000002l0 324.388065c0 14.887059-12.06478 26.953885-26.947745 26.953885-14.894222 0-26.961048-12.066827-26.961048-26.953885l0-325.410348L357.936647 352.39518799999996c-10.56359 10.599406-27.693736 10.599406-38.267559 0-10.56359-10.596336-10.56359-27.777647 0-38.375006l170.181961-161.220868c5.629207-5.652743 13.111622-8.060583 20.49887-7.680936 7.373944-0.379647 14.859429 2.02717 20.488637 7.680936l170.181961 161.220868c10.562567 10.597359 10.562567 27.77867 0 38.375006C690.443623 362.99561700000004 673.313477 362.99561700000004 662.749888 352.39518799999996z" horiz-adv-x="1024" />
+
+
+ <glyph glyph-name="templeate-1" unicode="" d="M320 384L106.666667 384c-35.349333 0-64-28.650667-64-64l0-213.333333c0-35.349333 28.650667-64 64-64l213.333333 0c35.349333 0 64 28.650667 64 64L384 320C384 355.349333 355.349333 384 320 384zM256 341.33333300000004l0-256L170.666667 85.33333300000004 170.666667 341.33333300000004 256 341.33333300000004zM85.333333 106.66666699999996L85.333333 320c0 11.754667 9.578667 21.333333 21.333333 21.333333l42.666667 0 0-256L106.666667 85.33333300000004C94.912 85.33333300000004 85.333333 94.91200000000003 85.333333 106.66666699999996zM341.333333 106.66666699999996c0-11.754667-9.578667-21.333333-21.333333-21.333333l-42.666667 0L277.333333 341.33333300000004l42.666667 0c11.754667 0 21.333333-9.578667 21.333333-21.333333L341.333333 106.66666699999996zM576 554.666667L234.666667 554.666667c-47.061333 0-85.333333-38.272-85.333333-85.333333l0-42.666667 42.666667 0 0 42.666667c0 23.530667 19.136 42.666667 42.666667 42.666667l42.666667 0 0-96 21.333333 0L298.666667 512l213.333333 0 0-426.666667-85.333333 0-21.333333-42.666667 170.666667 0c47.061333 0 85.333333 38.272 85.333333 85.333333L661.333333 469.333333C661.333333 516.394667 623.061333 554.666667 576 554.666667zM618.666667 128c0-23.530667-19.136-42.666667-42.666667-42.666667l-42.666667 0L533.333333 512l42.666667 0c23.530667 0 42.666667-19.136 42.666667-42.666667L618.666667 128zM853.333333 42.66666699999996c47.061333 0 85.333333 38.272 85.333333 85.333333L938.666667 640c0 47.061333-38.272 85.333333-85.333333 85.333333L341.333333 725.333333c-47.061333 0-85.333333-38.272-85.333333-85.333333l0-42.666667 42.666667 0 0 42.666667c0 23.530667 19.136 42.666667 42.666667 42.666667l85.333333 0 0-85.333333 21.333333 0 0 85.333333 298.666667 0 0-597.333333-42.666667 0-21.333333-42.666667L853.333333 42.66666699999996zM896 128c0-23.530667-19.136-42.666667-42.666667-42.666667l-85.333333 0L768 682.666667l85.333333 0c23.530667 0 42.666667-19.136 42.666667-42.666667L896 128z" horiz-adv-x="1024" />
+
+
+ <glyph glyph-name="util" unicode="" d="M282.127566 639.0826059999999c-13.120832-13.221116-30.625508-20.50808-49.278333-20.50808-18.618033 0-36.157501 7.286963-49.311079 20.50808l-32.885991 33.019021 98.623181 99.027387 32.885991-33.019021c13.186324-13.221116 20.473287-30.829146 20.473287-49.548486C302.599829 669.8769589999999 295.347658 652.26893 282.127566 639.0826059999999L282.127566 639.0826059999999zM249.308089 705.0899489999999l-0.032746 0-32.884968-32.987299c4.418636-4.417613 10.252505-6.845918 16.458857-6.845918 6.206352 0 12.041244 2.428306 16.426111 6.813173 4.418636 4.452405 6.845918 10.288321 6.845918 16.493649C256.121262 694.802652 253.693979 700.671313 249.308089 705.0899489999999L249.308089 705.0899489999999zM396.703067 496.343671L249.578242 638.778684l32.278147 33.626865 147.157571-142.468782L396.703067 496.343671 396.703067 496.343671zM751.45979 133.92852400000004L618.131179 274.071332l32.884968 32.985252 133.330658-140.141784L751.45979 133.92852400000004 751.45979 133.92852400000004zM850.184279 67.95597399999997c-22.700001-22.766516-52.481282-34.168194-82.264609-34.168194-29.714765 0-59.395762 11.333116-81.994456 34.033118L538.194592 222.398462l32.884968 33.021068L718.811206 100.806149c27.117614-27.183106 71.269183-27.116591 98.488105 0.169869 27.186176 27.287483 27.117614 71.773673-0.135076 99.196233l-147.426701 154.273642 32.851199 33.021068 147.461493-154.308435C895.447159 187.557956 895.514697 113.421468 850.184279 67.95597399999997L850.184279 67.95597399999997zM801.716404 468.380806c-30.726815-30.860868-71.605851-47.861054-115.082038-47.861054-43.442418 0-84.321454 16.999163-115.082038 47.861054-30.760584 30.861892-47.692209 71.877027-47.692209 115.521037s16.931624 84.691891 47.692209 115.554806l42.497906 42.666752 32.885991-32.986275-42.497906-42.667775c-21.99085-22.090111-34.099632-51.367925-34.065863-82.566484 0-31.163767 12.108782-60.441581 34.065863-82.499969 21.956058-22.058388 51.16531-34.20094 82.196047-34.20094 31.064506 0 60.239989 12.142551 82.196047 34.20094l42.49893 42.665729 32.884968-33.019021L801.716404 468.380806 801.716404 468.380806zM844.214311 511.049604l-49.311079 49.51267-16.45988-16.493649c-17.538445-17.638729-40.879036-27.352975-65.73719-27.352975l-0.032746 0c-24.824385 0-48.198745 9.713222-65.73719 27.352975-17.539468 17.607006-27.252691 41.082674-27.252691 66.007343 0 24.925692 9.679453 48.400337 27.252691 66.040089l16.458857 16.495696-49.344848 49.51267 32.885991 33.021068 82.196047-82.533738-49.311079-49.482995c-8.769734-8.835226-13.626345-20.571525-13.626345-33.051767 0-12.446473 4.856611-24.183795 13.626345-32.987299 8.768711-8.835226 20.439518-13.69286 32.884968-13.69286 12.411681 0 24.082488 4.857635 32.852222 13.69286l49.344848 49.514717 82.196047-82.534761L844.214311 511.049604 844.214311 511.049604zM233.591129 129.139451l0 46.681182 46.512337 0 0-46.681182L233.591129 129.139451 233.591129 129.139451zM538.160823 356.538555l-92.247984 91.572602 32.717146 33.18889 92.214215-91.539856L538.160823 356.538555 538.160823 356.538555zM304.2187 101.04355599999997l173.634596 239.842507 37.641295-27.454282L338.318332 69.23715300000003c-21.923312-22.057365-51.132564-34.20094-82.19707-34.20094-31.028691 0-60.237943 12.143575-82.196047 34.168194-21.958104 22.057365-34.065863 51.335179-34.065863 82.533738 0 31.198559 12.107759 60.476373 34.065863 82.533738l2.765997 2.360767L417.243893 412.054963l27.353998-37.742603L205.596542 200.00340600000004c-12.411681-13.053294-19.224854-30.119995-19.224854-48.26526 0-18.71934 7.252171-36.291554 20.438495-49.513694C232.747925 76.15265599999998 277.775444 75.71263499999998 304.2187 101.04355599999997L304.2187 101.04355599999997z" horiz-adv-x="1024" />
+
+
+ <glyph glyph-name="face-surprised" unicode="" d="M485.656116-128C221.592397-128 6.762016 86.81718000000001 6.762016 350.87649799999997s214.830381 478.867697 478.8941 478.867697c264.041716 0 478.854495-214.812779 478.854495-478.867697S749.697832-128 485.656116-128zM485.656116 798.834741c-247.024795 0-447.975846-200.959852-447.975846-447.962644 0-247.002792 200.951051-447.962644 447.975846-447.962644 247.002792 0 447.953843 200.959852 447.953843 447.962644C933.609959 597.8748889999999 732.658908 798.834741 485.656116 798.834741zM352.033458 447.380528c0-30.469398-24.682677-55.147675-55.143274-55.147675-30.451796 0-55.143274 24.678276-55.143274 55.147675 0 30.460597 24.691478 55.138874 55.143274 55.138874C327.350781 502.519402 352.033458 477.845526 352.033458 447.380528zM674.417647 502.519402c-30.460597 0-55.156476-24.678276-55.156476-55.138874 0-30.469398 24.695879-55.147675 55.156476-55.147675 30.451796 0 55.143274 24.678276 55.143274 55.147675C729.560922 477.845526 704.869444 502.519402 674.417647 502.519402zM562.005634 165.30976499999997c0-59.733046-34.192262-108.165484-76.349518-108.165484-42.166057 0-76.36272 48.432438-76.36272 108.165484 0 59.724245 34.196663 108.152282 76.36272 108.152282C527.813371 273.45764699999995 562.005634 225.03400999999997 562.005634 165.30976499999997zM835.631745 793.712503c0 0 12.871605 56.819883 41.959231 85.925112 29.083226 29.096427 69.915916 15.124685 78.492585-8.801097 9.461179-26.385689-2.033053-50.069442-29.092027-56.164202C899.404495 808.463141 874.880237 826.192952 835.631745 793.712503zM916.698651 757.570797c0 0 35.767659 20.576965 64.877288 19.393218 29.136032-1.174946 41.431165-29.144833 33.109728-45.110024-9.192746-17.588993-27.054573-22.966463-43.217788-11.797871C954.979023 731.44034 952.453108 752.721393 916.698651 757.570797z" horiz-adv-x="1024" />
+
+
+ <glyph glyph-name="edit" unicode="" d="M769.089 516.251l-125.896 125.89 62.974 62.947c20.866 20.838 54.652 20.838 75.517 0l50.353-50.351c20.865-20.865 20.865-54.703 0-75.567L769.089 516.251zM403.349 150.52700000000004L277.453 276.418 619.706 615.982 745.601 490.09ZM176.314 47.283000000000015L252.912 251.87699999999995 377.753 127.01199999999994Z" horiz-adv-x="1024" />
+
+
+ <glyph glyph-name="speaker" unicode="" d="M587.182306 754.7203c-6.003737 2.705622-13.043061 1.642406-17.984606-2.721994l-259.223926-229.293243-148.246369 0c-9.253758 0-16.752546-7.498788-16.752546-16.756639l0-267.886213c0-9.249665 7.498788-16.756639 16.752546-16.756639l144.050814 0c9.253758 0 16.752546 7.506974 16.752546 16.756639L322.530764 490.391099c1.774413 0.704035 3.433192 1.719154 4.892427 3.010567l236.127905 208.861912 0-653.332912-160.751171 137.64287c-2.12643 1.824555-90.300632 78.69941-93.927229 76.162634-4.427846-3.097548-15.768125-17.59882-18.419512-22.512736-0.953721-1.768273-2.196015-1.334391 15.413038-16.379039 25.674753-21.936615 73.780377-61.548798 75.144444-62.717414l10.007935-8.570189 178.388876-152.761196c3.093455-2.653433 6.978948-4.028757 10.900258-4.028757 2.369977 0 4.756327 0.503467 7.003508 1.534959 5.939269 2.738367 9.749038 8.677637 9.749038 15.217586L597.060281 739.446431C597.060281 746.034477 593.190137 752.013655 587.182306 754.7203L587.182306 754.7203zM290.453185 254.814756l-115.040083 0L175.413102 489.195877l115.03906 0 0-234.381122L290.453185 254.814756zM747.742119 375.98444300000006c0-51.55212-34.83232-96.658434-84.702124-109.693308-1.415232-0.375553-2.846838-0.551562-4.245697-0.551562-7.438413 0-14.234189 4.992711-16.200984 12.523221-2.338255 8.949836 3.021823 18.104333 11.967566 20.442588 35.136242 9.18929 59.672054 40.96397 59.672054 77.279061 0 36.307927-24.535813 68.090794-59.672054 77.271898-8.945743 2.346441-14.305821 11.492752-11.967566 20.450774 2.342348 8.953929 11.499915 14.305821 20.446681 11.967566C712.909799 472.643899 747.742119 427.530422 747.742119 375.98444300000006L747.742119 375.98444300000006zM864.950588 375.793084c0-88.87619-48.554856-170.44495-126.718053-212.883505-2.537799-1.375324-5.276167-2.02717-7.982812-2.02717-5.939269 0-11.69946 3.166109-14.733563 8.762571-4.417613 8.134261-1.39886 18.303878 6.727215 22.720468 67.350944 36.566824 109.198028 106.851587 109.198028 183.427636 0 76.844156-42.055838 147.272181-109.741403 183.78784-8.154727 4.396123-11.192923 14.557554-6.795776 22.700001 4.38896 8.142447 14.558577 11.184737 22.701025 6.795776C816.151162 546.697499 864.950588 464.976266 864.950588 375.793084L864.950588 375.793084z" horiz-adv-x="1024" />
+
+
+ <glyph glyph-name="down" unicode="" d="M888.306 619.94c15.615 15.617 40.93 15.617 56.545 0v0c15.617-15.615 15.617-40.93 0-56.545l-405.733-405.734c-15.615-15.617-40.928-15.617-56.545 0v0c-15.615 15.615-15.615 40.93 0 56.545l405.733 405.734zM538.619 214.20600000000002c15.617-15.615 15.617-40.93 0-56.545v0c-15.615-15.617-40.928-15.617-56.545 0l-405.734 405.734c-15.615 15.615-15.615 40.93 0 56.545v0c15.617 15.617 40.93 15.617 56.547 0l405.732-405.734zM538.619 214.20600000000002z" horiz-adv-x="1024" />
+
+
+ <glyph glyph-name="file" unicode="" d="M887.443911 598.6304l0-44.578133 0-45.511111 0-477.866667c0-37.705956-30.560711-68.266667-68.266667-68.266667l-614.4 0c-37.705956 0-68.266667 30.560711-68.266667 68.266667l0 705.422222c0 37.6832 30.560711 68.266667 68.266667 68.266667l386.844444 0 45.511111 0 38.024533 0c7.805156 2.594133 16.566044 1.2288 22.778311-5.006222l183.136711-183.159467C885.919289 611.373511 887.876267 604.9564439999999 887.443911 598.6304zM659.888356 531.296711c-12.583822 0-22.755556 10.171733-22.755556 22.755556l0 204.8-45.511111 0-364.088889 0c-25.122133 0-45.511111-20.388978-45.511111-45.511111l0-659.911111c0-25.122133 20.388978-45.511111 45.511111-45.511111l568.888889 0c25.122133 0 45.511111 20.388978 45.511111 45.511111l0 455.111111 0 22.755556L659.888356 531.296711zM682.643911 750.273422l0-173.4656 159.288889 0 0 14.176711L682.643911 750.273422z" horiz-adv-x="1024" />
+
+
+ <glyph glyph-name="layouts" unicode="" d="M917.213-103.239h-810.426c-23.151 0-41.918 18.766-41.918 41.917l0 698.644c0 23.148 18.767 41.917 41.918 41.917h810.426c23.149 0 41.918-18.769 41.918-41.917v-698.643c0-23.151-18.769-41.918-41.918-41.918zM316.38-61.321h600.833v363.294h-600.833v-363.294zM106.787-61.321h167.674v363.294h-167.674v-363.294zM148.705 637.322c-23.151 0-41.918-18.769-41.918-41.92s18.767-41.92 41.918-41.92 41.92 18.768 41.92 41.92-18.769 41.92-41.92 41.92zM274.461 637.322c-23.151 0-41.918-18.769-41.918-41.92s18.767-41.92 41.918-41.92c23.151 0 41.92 18.768 41.92 41.92s-18.77 41.92-41.92 41.92zM400.216 637.322c-23.15 0-41.918-18.769-41.918-41.92s18.769-41.92 41.918-41.92c23.152 0 41.92 18.768 41.92 41.92s-18.768 41.92-41.92 41.92zM875.293 511.566h-768.506v-167.675h810.426l0 167.675h-41.921z" horiz-adv-x="1024" />
+
+
+ <glyph glyph-name="rate-half" unicode="" d="M1012.064 504l-359.552 31.008-140.512 331.04-140.512-331.552-359.552-30.496 273.024-236.544-82.016-351.552 309.056 186.528 309.056-186.528-81.504 351.552 272.544 236.544zM512 195.96799999999996l0 465.056 85.504-202.016 219.04-19.008-166.016-144.032 50.016-214.016-188.512 114.016z" horiz-adv-x="1024" />
+
+
+ <glyph glyph-name="add-circle-fine" unicode="" d="M509.989715-60.972421000000054c-246.734474 0-446.75195 200.023616-446.75195 446.75809 0 246.732427 200.017476 446.75195 446.75195 446.75195 246.733451 0 446.757067-200.019523 446.757067-446.75195C956.746782 139.051195 756.723166-60.972421000000054 509.989715-60.972421000000054L509.989715-60.972421000000054zM509.989715 812.433746c-235.633648 0-426.650123-191.014428-426.650123-426.648077 0-235.639788 191.016475-426.654216 426.650123-426.654216 235.638765 0 426.654216 191.014428 426.654216 426.654216C936.643931 621.419318 745.62848 812.433746 509.989715 812.433746L509.989715 812.433746zM527.863804 153.46957999999995l-35.741016 0L492.122789 367.909533 277.678742 367.909533 277.678742 403.653619l214.443024 0L492.121765 618.0956189999999l35.741016 0L527.862781 403.653619l214.442 0 0-35.744086L527.863804 367.909533 527.863804 153.46957999999995 527.863804 153.46957999999995zM527.863804 153.46957999999995" horiz-adv-x="1024" />
+
+
+ <glyph glyph-name="prev-circle" unicode="" d="M508.638018 827.97307c-246.403458 0-446.845649-200.463469-446.845649-446.845649 0-246.382179 200.442191-446.845649 446.845649-446.845649 246.382179 0 446.845649 200.463469 446.845649 446.845649C955.483667 627.5096 755.041476 827.97307 508.638018 827.97307zM508.638018-23.16149900000005c-222.933422 0-404.28892 181.355498-404.28892 404.28892 0 222.933422 181.355498 404.28892 404.28892 404.28892 222.912144 0 404.28892-181.355498 404.28892-404.28892C912.926939 158.19399899999996 731.57144-23.16149900000005 508.638018-23.16149900000005zM252.87208 485.1999c8.639016 26.129831-32.470784 37.215859-41.067243 11.32009-27.810822-83.730363-22.321004-168.545923 14.086277-248.573851 11.362646-24.938243 48.025268-3.298146 36.747735 21.491148C230.976644 339.081373 228.806251 412.853462 252.87208 485.1999zM599.262572 247.73335499999996l-127.627629 133.394065 127.47868 133.223838c9.043305 9.064583 9.022026 23.789211-0.021278 32.832516-8.809243 8.830521-24.087108 8.766686-32.832516 0l-148.310199-148.310199c-4.617405-4.638683-6.979303-11.064749-6.553736-17.746156-0.404289-6.702685 1.936331-13.107472 6.575015-17.788712l148.310199-148.28892c4.383343-4.383343 10.213615-6.787798 16.405619-6.787798 6.170726 0 12.000997 2.404455 16.405619 6.787798C608.156928 224.114371 608.156928 238.83899899999994 599.262572 247.73335499999996z" horiz-adv-x="1024" />
+
+
+ <glyph glyph-name="read" unicode="" d="M335.282306 712.495464C399.587328 713.451107 442.778899 696.882717 470.183494 669.3706540000001 479.127332 660.39174 485.691302 650.857363 490.241971 641.442689 492.795622 636.159553 494.049041 632.438701 494.358795 631.0740940000001L493.723712 636.7409230000001 493.723706 196.90019600000005C493.723706 199.018106 495.816045 203.920655 503.591595 207.36436700000002 511.039185 210.66283299999998 515.68422 209.16527399999995 517.176538 207.906613L500.671543 188.33763 521.297207 203.50146800000005C514.140179 213.23636899999997 499.631258 225.71450900000002 476.134074 237.35914000000002 439.577969 255.475456 390.86048 266.10507900000005 328.491925 266.10508200000004 265.860796 266.10508200000004 219.424582 255.71817999999996 186.827162 237.741581 164.977332 225.69198700000004 152.538132 212.28117299999997 147.220271 201.30886999999996L170.257196 190.14374199999997 151.035786 207.05224299999998C152.884078 209.15336100000002 158.307299 211.80336599999998 167.849005 208.050434 177.092077 204.41496099999995 179.2 199.20011699999998 179.2 196.66445199999998L179.2 497.049743 179.2 636.7409230000001 175.817447 624.023021C177.078908 626.226721 180.088681 630.807811 184.828724 636.965629 192.95423 647.521524 202.792594 658.127492 214.297641 668.007961 247.526453 696.544681 287.381649 713.209056 334.514421 712.495571L335.282306 712.495464ZM335.289387 763.689705C274.661039 764.607483 223.081402 743.04085 180.940156 706.850184 156.32698 685.712527 139.975514 664.470237 131.382553 649.4588249999999L128 643.549699 128 636.7409230000001 128 497.049743 128 196.66445199999998C128 159.26104999999995 164.542545 144.88818300000003 189.478606 173.23524099999997L191.776657 175.84764199999995 193.294121 178.978613C194.07832 180.59664399999997 199.156367 186.07133399999998 211.552092 192.907243 236.030601 206.40648099999999 274.024879 214.905082 328.491925 214.905082 383.221547 214.905079 424.163878 205.97190999999998 453.399258 191.483569 469.376966 183.56540600000005 477.614626 176.48075300000005 480.045882 173.17379000000005L481.844905 170.72677999999996 484.166551 168.768644C511.279708 145.90070000000003 544.923706 160.801293 544.923706 196.90019600000005L544.923712 636.740922 544.288627 642.407751C540.427211 659.419023 529.175531 682.697124 506.45814 705.503602 468.987716 743.1209699999999 412.352271 764.846461 334.521502 763.689812L335.289387 763.689705ZM0 506.026694L0 27.856867999999963C0-8.875636999999983 34.793167-23.40043300000002 61.4635 1.2485080000000153L63.46242 3.315859000000046C65.301149 5.444836000000009 69.655573 9.862312999999972 76.498228 15.820363000000043 88.306297 26.101906999999983 102.566352 36.46294 119.251411 46.17438500000003 167.295691 74.13829099999998 224.90855 90.95018200000004 292.337329 90.95018200000004 358.378978 90.95018000000005 409.459345 71.66956600000003 448.125308 39.64774 461.506042 28.56627400000002 472.380655 16.734758000000056 480.912593 4.997000999999955 485.832384-1.7713730000000396 488.762874-6.741985999999997 489.872527-9.02252199999998 496.058545-21.73590200000001 511.379537-27.027375000000006 524.092917-20.84135500000002 536.806298-14.655337000000031 542.097771 0.6656550000000152 535.91175 13.379036000000042 527.471002 30.726293000000055 509.777717 55.06771800000001 480.782336 79.08069999999998 433.134118 118.54132300000003 370.586889 142.15017999999998 292.337329 142.15018199999997 215.474895 142.15018499999996 149.074727 122.77408400000002 93.495781 90.424668 59.761154 70.78961500000003 36.872315 50.859801999999945 24.713677 36.78188399999999L44.088049 20.048869999999965 26.712598 38.84923500000002C28.162783 40.189508000000046 32.877261 41.946117999999956 40.792576 38.64178100000004 49.035365 35.200736000000006 51.2 30.12989200000004 51.2 27.856867999999963L51.2 506.026694C51.2 520.165184 39.73849 531.626694 25.6 531.626694 11.46151 531.626694 0 520.165184 0 506.026694L0 506.026694ZM696.80221 763.689812C618.971441 764.846461 562.335996 743.1209699999999 524.86557 705.503602 502.148181 682.697124 490.896501 659.419023 487.035083 642.407751L486.4 636.740922 486.400004 196.90019600000005C486.400006 160.801293 520.044004 145.90070000000003 547.157161 168.768644L549.478807 170.72677999999996 551.27783 173.17379000000005C553.709086 176.48075300000005 561.946746 183.56540600000005 577.924452 191.483569 607.159834 205.97190999999998 648.102165 214.905079 702.831787 214.905082 757.298833 214.905082 795.293111 206.40648099999999 819.77162 192.907243 832.167345 186.07133399999998 837.245391 180.59664399999997 838.029591 178.978613L839.547055 175.84764199999995 841.845105 173.23524099999997C866.781167 144.88818300000003 903.323712 159.26104999999995 903.323712 196.66445199999998L903.323712 497.049743 903.323712 636.7409230000001 903.323712 643.549699 899.941158 649.4588249999999C891.348196 664.470237 874.996732 685.712527 850.383556 706.850184 808.24231 743.04085 756.662673 764.607483 696.034325 763.689705L696.80221 763.689812ZM696.809291 712.495571C743.942063 713.209056 783.797257 696.544681 817.026071 668.007961 828.531119 658.127492 838.369481 647.521524 846.494989 636.965629 851.235031 630.807811 854.244804 626.226721 855.506263 624.023021L852.123712 636.7409230000001 852.123712 497.049743 852.123712 196.66445199999998C852.123712 199.20011699999998 854.231635 204.41496099999995 863.474707 208.050434 873.016412 211.80336599999998 878.439633 209.15336100000002 880.287925 207.05224299999998L861.066515 190.14374199999997 884.103441 201.30886999999996C878.785579 212.28117299999997 866.346381 225.69198700000004 844.49655 237.741581 811.89913 255.71817999999996 765.462916 266.10508200000004 702.831785 266.10508200000004 640.463232 266.10507900000005 591.745741 255.475456 555.189638 237.35914000000002 531.692454 225.71450900000002 517.183533 213.23636899999997 510.026502 203.50146800000005L530.652166 188.33763 514.147172 207.906613C515.63949 209.16527399999995 520.284527 210.66283299999998 527.732117 207.36436700000002 535.507665 203.920655 537.600004 199.018106 537.600004 196.90019600000005L537.6 636.7409230000001 536.964917 631.0740940000001C537.274671 632.438701 538.52809 636.159553 541.081741 641.442689 545.63241 650.857363 552.196378 660.39174 561.140218 669.3706540000001 588.544813 696.882717 631.736384 713.451107 696.041406 712.495464L696.809291 712.495571ZM972.799998 506.026694L972.799998 27.856867999999963C972.799998 30.12989200000004 974.964631 35.200736000000006 983.207422 38.64178100000004 991.122737 41.946117999999956 995.837214 40.189508000000046 997.287401 38.84923500000002L979.911949 20.048869999999965 999.286321 36.78188399999999C987.127682 50.859801999999945 964.238844 70.78961500000003 930.504218 90.424668 874.925269 122.77408400000002 808.525103 142.15018499999996 731.662669 142.15018199999997 653.132708 142.15017999999998 590.55104 117.26282200000003 543.127755 75.73800100000005 514.370099 50.55719499999998 496.945662 25.10259599999995 488.705389 7.022771000000034 482.841769-5.842485000000011 488.517717-21.02524200000005 501.382974-26.888862000000017 514.248233-32.752481999999986 529.430987-27.07653300000004 535.294607-14.211275 536.420563-11.740835999999945 539.350332-6.450639000000024 544.25735 0.7178109999999833 552.731727 13.097653000000037 563.54464 25.561581000000047 576.856734 37.21792900000003 615.190044 70.78337499999998 665.901421 90.95018000000005 731.662669 90.95018200000004 799.091447 90.95018200000004 856.704307 74.13829099999998 904.748587 46.17438500000003 921.433645 36.46294 935.6937 26.101906999999983 947.501771 15.820363000000043 954.344425 9.862312999999972 958.698848 5.444836000000009 960.537577 3.315859000000046L962.536497 1.2485080000000153C989.206831-23.40043300000002 1023.999998-8.875636999999983 1023.999998 27.856867999999963L1023.999998 506.026694C1023.999998 520.165184 1012.538487 531.626694 998.399998 531.626694 984.261508 531.626694 972.799998 520.165184 972.799998 506.026694L972.799998 506.026694Z" horiz-adv-x="1024" />
+
+
+ <glyph glyph-name="404" unicode="" d="M300.197309 299.705317l4.427931 1.803972c1.147982-2.787956 10.167841-7.543882 26.89558-14.267777l5.411915-12.955798c10.659833-24.927611 23.123639-62.483024 37.555413-112.66624 14.431775 5.575913 34.439462 0.983985 60.351057-13.611787l1.803972-4.427931L389.575913 107.828315l18.203716-42.639334c2.459962-5.575913-12.463805-15.579757-44.7713-29.847534-11.151826 7.215887-19.84369 9.675849-26.403587 7.05189l-0.983985 2.131967c-10.823831 25.419603-16.235746 42.311339-16.399744 50.675208l-4.427931-1.803972 6.3959-14.923767-11.151826-4.263933c-41.655349-16.235746-71.830878-18.695708-90.690583-7.871877l-4.427931-1.803972-1.803972 4.263933c-7.05189 16.727739 3.607944 77.406791 32.307495 182.037156 11.479821 4.427931 19.1877 14.923767 22.959641 31.323511C281.337604 290.685458 291.83344 296.425368 300.197309 299.705317L300.197309 299.705317zM216.230621 80.276746c28.371557 19.515695 40.999359 32.799488 38.047406 39.68738-0.983985 2.131967-0.65599 5.575913 0.65599 10.167841l-0.983985 2.131967c-25.5836-21.483664-38.047406-32.963485-37.391416-34.439462C215.246637 88.804612 215.082639 83.064702 216.230621 80.276746L216.230621 80.276746zM216.722614 72.896861l0.983985-2.131967c11.643818 1.147982 21.155669 3.279949 28.699552 6.231903 0.819987 0.327995 7.379885 5.411915 19.84369 15.251762l-0.983985 2.131967c-7.543882-2.951954-12.7918-0.983985-15.743754 6.067905C226.398463 85.032671 215.574632 75.848815 216.722614 72.896861L216.722614 72.896861zM225.90647 143.743754l11.151826 4.263933c-1.147982-2.623959-6.3959-8.691864-15.579757-18.53171-2.295964-10.823831-2.787956-17.547726-1.639974-20.335682 27.715567 20.663677 40.34337 33.783472 37.883408 39.523382l0.819987 10.331839-3.443946-3.935939-9.019859-3.443946-0.983985 2.131967c11.151826 4.263933 17.875721 16.891736 20.49968 37.719411l-0.983985 2.131967C239.35426 172.443306 227.21845 160.307495 227.874439 157.027546L225.90647 143.743754 225.90647 143.743754zM231.646381 173.42729l0.983985-2.131967 2.131967 0.819987c28.371557 23.123639 40.179372 40.179372 35.423447 51.331198 1.475977 0.65599 1.967969 1.639974 1.475977 2.951954l-2.295964-0.819987c-28.863549-21.647662-40.999359-38.047406-36.407431-49.035234C231.482383 175.723254 230.990391 174.73927 231.646381 173.42729L231.646381 173.42729zM240.994234 211.966688l0.983985-2.131967c13.775785 10.331839 35.915439 29.847534 66.418962 58.21909l2.131967 0.819987-6.3959 14.923767 0.491992 5.083921-2.295964-0.819987c-36.571429-32.963485-55.431134-51.82319-56.579116-56.743113L240.994234 211.966688 240.994234 211.966688zM311.67713 107.336323l-35.751441-13.939782c-1.475977-0.491992-6.887892-4.263933-16.235746-11.315823l0.819987-1.967969 12.299808 2.131967 20.007687 7.871877c11.643818 4.591928 32.143498 19.84369 61.171044 46.08328l-6.3959 14.923767-2.131967-0.819987c-24.107623-16.891736-34.439462-29.191544-31.159513-36.899423C315.449071 110.616272 314.629084 108.484305 311.67713 107.336323L311.67713 107.336323zM267.889814 264.773863l0.819987-1.967969c17.875721 16.891736 27.387572 25.419603 28.207559 25.747598l-0.983985 2.131967-8.855862-3.443946C274.941704 282.485586 268.545804 274.941704 267.889814 264.773863L267.889814 264.773863zM275.597694 222.954516c16.071749-37.883408 20.007687-67.894939 11.971813-90.034593l-3.443946-28.863549 26.89558 10.495836c-7.543882 30.011531-18.367713 65.598975-32.471493 106.926329l-0.983985 2.131967L275.597694 222.954516 275.597694 222.954516zM279.369635 231.810378l6.3959-14.923767c13.44779 15.087764 24.435618 24.271621 32.63549 27.55157l-3.607944 8.527867-2.459962 11.643818-2.131967-0.819987C289.045484 247.06214 278.713645 236.566304 279.369635 231.810378L279.369635 231.810378zM292.817425 194.58296c23.943626 17.219731 33.619475 30.995516 29.191544 41.491352l-2.787956 6.3959-2.295964-0.819987c-21.483664-18.859705-30.667521-31.651505-27.879564-38.3754L292.817425 194.58296 292.817425 194.58296zM294.457399 190.483024l2.787956-6.3959 2.295964-11.807816 2.295964 0.819987-0.491992-5.083921 6.3959-14.923767 32.471493 27.387572-6.3959 15.087764c-9.347854-10.331839-16.235746-16.399744-20.827675-18.203716l-2.295964-0.983985c-0.65599 1.639974 6.067905 10.167841 20.335682 25.419603l-3.115951 13.611787-0.983985 2.131967L294.457399 190.483024 294.457399 190.483024zM307.413197 148.171685l2.787956-6.3959 2.295964-11.643818c23.943626 17.219731 35.259449 27.387572 33.94747 30.503523l-5.411915 12.955798C329.224856 165.719411 318.07303 157.191544 307.413197 148.171685L307.413197 148.171685zM355.792441 131.935939c-23.779628-17.711723-34.111467-30.011531-30.995516-37.227418l1.475977-9.347854c25.255605 18.039718 36.899423 29.355541 34.931454 33.783472 24.435618 21.155669 38.703395 32.471493 42.803331 33.94747l-0.819987 1.967969c-1.803972 2.787956-6.723895 4.099936-14.595772 4.427931l-30.831518-31.9795L355.792441 131.935939 355.792441 131.935939zM327.912876 81.26073l4.591928-10.659833-0.491992-5.083921 2.295964 0.819987c23.451634 14.595772 34.275464 23.615631 32.63549 27.55157l-5.411915 12.955798L327.912876 81.26073 327.912876 81.26073zM333.816784 61.253043l5.411915-12.7918c25.747598 13.283792 37.719411 22.139654 35.915439 26.403587l-4.591928 10.659833C348.412556 70.272902 336.112748 62.237028 333.816784 61.253043L333.816784 61.253043zM357.596413 139.971813l1.803972-4.099936c4.919923 1.967969 8.527867 9.839846 10.823831 23.943626l-2.295964-0.819987C364.648302 147.679693 361.204356 141.44779 357.596413 139.971813L357.596413 139.971813zM731.674568 256.081999l3.935939-0.163997c-0.163997-2.459962 4.755926-9.019859 14.759769-19.515695l-0.65599-11.315823c-1.147982-21.975657-5.411915-53.955157-12.955798-95.774504 12.627803-0.65599 25.911595-10.659833 39.68738-30.175529l-0.163997-3.935939-47.887252-10.823831-1.967969-37.719411c-0.327995-4.919923-14.923767-7.379885-43.951313-7.379885-5.575913 9.019859-11.151826 13.775785-16.891736 13.939782l0.163997 1.967969c1.147982 22.467649 3.279949 36.735426 6.231903 42.967329l-3.935939 0.163997-0.65599-13.119795-9.839846 0.491992c-36.571429 1.803972-60.023062 9.839846-70.026906 24.271621l-3.935939 0.163997 0.163997 3.771941c0.819987 14.759769 30.667521 56.087124 89.706598 124.14606 10.167841-0.491992 19.515695 4.755926 28.371557 15.579757C714.290839 255.754004 724.294683 256.573991 731.674568 256.081999L731.674568 256.081999zM587.848815 115.86419l-0.163997-1.967969c9.019859-2.951954 16.891736-4.591928 23.615631-4.919923 0.65599 0 7.379885 1.475977 20.171685 4.755926l0.163997 1.967969c-6.723895 0.327995-9.839846 3.607944-9.511851 9.675849C599.328635 121.6041 588.012812 118.324151 587.848815 115.86419L587.848815 115.86419zM590.144779 121.440102c28.043562 5.083921 42.147341 10.659833 42.475336 16.727739 0.163997 1.803972 1.475977 4.263933 4.099936 7.215887l0.163997 1.967969c-26.731582-7.379885-40.015375-11.807816-40.179372-13.119795C592.440743 128.163997 590.308776 123.900064 590.144779 121.440102L590.144779 121.440102zM620.15631 165.227418l9.839846-0.491992c-1.803972-1.475977-7.871877-4.427931-18.367713-8.527867-5.575913-7.215887-8.527867-12.13581-8.527867-14.595772 28.043562 6.067905 42.147341 11.643818 42.311339 16.727739l4.263933 7.379885-3.935939-1.803972-8.035874 0.327995 0.163997 1.967969c9.839846-0.491992 19.351698 6.559898 28.863549 21.155669l0.163997 1.967969c-26.23959-7.379885-39.68738-12.463805-40.34337-14.923767L620.15631 165.227418 620.15631 165.227418zM670.667521 109.960282l-31.487508 1.475977c-1.31198 0-6.559898-0.983985-16.071749-2.951954l-0.163997-1.803972 9.839846-2.459962 17.711723-0.819987c10.331839-0.491992 30.995516 4.099936 61.991031 13.939782l0.65599 13.119795-1.803972 0.163997c-23.943626-4.591928-36.079436-10.167841-36.407431-16.891736C674.603459 110.944266 673.29148 109.796284 670.667521 109.960282L670.667521 109.960282zM635.244074 185.399103l-0.163997-1.967969 1.803972-0.163997c29.355541 7.70788 44.279308 16.563741 44.7713 26.23959 1.31198 0 2.131967 0.491992 2.131967 1.639974l-1.967969 0.163997c-29.191544-6.3959-44.115311-14.595772-44.607303-24.271621C635.900064 187.039078 635.244074 186.547085 635.244074 185.399103L635.244074 185.399103zM685.755285 207.37476c-1.803972-33.29148-9.675849-56.907111-23.615631-70.682896l-12.955798-20.171685 23.779628-1.147982c5.247918 24.763613 10.167841 54.611147 14.595772 89.870596l0.163997 1.967969L685.755285 207.37476 685.755285 207.37476zM656.071749 210.818706l-0.163997-1.967969c13.939782 3.115951 37.391416 10.167841 70.354901 21.155669l1.803972-0.163997 0.65599 13.119795 2.295964 3.607944-1.967969 0.163997c-39.03139-12.299808-59.859065-20.007687-62.483024-23.287636L656.071749 210.818706 656.071749 210.818706zM670.339526 68.46893l-0.65599-11.315823c23.943626 1.31198 35.915439 3.935939 36.079436 7.70788l0.491992 9.347854C684.443306 70.272902 672.471493 68.304933 670.339526 68.46893L670.339526 68.46893zM673.29148 85.196669l-0.491992-9.347854-2.295964-3.607944 1.967969-0.163997c22.631646 2.951954 33.94747 6.231903 34.111467 9.511851l0.65599 11.315823L673.29148 85.196669 673.29148 85.196669zM712.158873 113.568225c-23.943626-5.247918-36.079436-10.987828-36.407431-17.219731l-2.295964-7.379885c25.255605 5.083921 37.883408 9.511851 38.211403 13.44779 25.747598 7.543882 40.34337 11.151826 43.951313 10.987828l0.163997 1.803972c-0.327995 2.623959-3.443946 5.247918-9.347854 8.035874l-34.439462-13.44779L712.158873 113.568225 712.158873 113.568225zM682.147341 141.611787l-0.327995-5.73991-2.459962-9.347854c23.943626 4.755926 36.079436 8.691864 36.079436 11.479821l0.65599 11.315823C704.778988 147.351698 693.463165 144.727739 682.147341 141.611787L682.147341 141.611787zM688.051249 177.199231l-0.327995-5.73991-2.623959-9.511851 1.967969-0.163997-2.295964-3.607944-0.65599-13.119795 33.94747 9.511851 0.65599 13.283792c-10.659833-4.591928-18.039718-6.723895-21.975657-6.559898l-1.967969 0.163997c0 1.475977 8.199872 5.411915 24.271621 12.13581l2.623959 11.151826 0.163997 1.967969L688.051249 177.199231 688.051249 177.199231zM688.215247 180.807175c23.943626 4.755926 36.243434 11.807816 36.735426 20.991672l0.327995 5.73991-1.967969 0.163997c-22.631646-6.887892-34.275464-13.283792-34.603459-19.1877L688.215247 180.807175 688.215247 180.807175zM691.82319 212.786675l-0.65599-13.119795c15.415759 6.723895 26.89558 10.003844 34.111467 9.511851l0.327995 7.543882 2.459962 9.511851-1.803972 0.163997C704.450993 220.986547 692.971172 216.558616 691.82319 212.786675L691.82319 212.786675zM695.103139 240.994234l-0.163997-1.803972c19.351698 6.559898 29.355541 9.839846 30.339526 9.839846l0.163997 1.967969-7.871877 0.327995C706.746957 251.818065 699.367072 248.374119 695.103139 240.994234L695.103139 240.994234zM716.422806 118.980141l-0.163997-3.607944c4.427931-0.163997 10.003844 4.427931 16.727739 14.10378l-1.967969 0.163997C724.45868 122.26009 719.538757 118.816143 716.422806 118.980141L716.422806 118.980141zM479.118514 382.196028c53.627162 10.167841 89.870596 1.967969 109.222293-24.599616 9.675849-18.695708 15.579757-33.455477 17.875721-44.279308 11.807816-56.743113-5.903908-103.154388-53.299167-138.741832-12.463805-5.083921-22.631646-8.363869-30.339526-10.003844-31.651505-6.067905-63.631006 5.083921-95.938501 33.455477-9.347854 16.399744-15.251762 31.159513-18.039718 44.279308-13.283792 63.795003 1.967969 108.238309 45.919283 133.165919L479.118514 382.196028 479.118514 382.196028zM410.075593 265.429853c6.231903 5.247918 11.479821 8.199872 15.579757 9.019859-9.675849-9.347854-14.431775-15.087764-13.939782-17.219731-0.327995-5.411915-0.163997-10.167841 0.819987-14.267777l2.131967 0.327995c24.271621 15.743754 35.915439 25.5836 35.095452 29.519539l-2.131967 10.003844c-4.099936-3.607944-8.035874-5.73991-11.643818-6.559898l-0.819987 4.099936c10.823831 2.131967 15.251762 11.971813 13.44779 29.519539l-1.967969-0.327995c-22.467649-16.399744-34.603459-27.715567-36.407431-33.94747C409.255605 273.30173 409.255605 269.857783 410.075593 265.429853L410.075593 265.429853zM410.23959 286.257527c33.127482 21.647662 47.887252 40.34337 44.607303 56.251121-29.683536-23.615631-44.443306-36.079436-44.279308-37.555413C409.747598 295.769379 409.5836 289.537476 410.23959 286.257527L410.23959 286.257527zM412.699552 315.777066l0.491992-2.131967c27.059577 20.663677 44.607303 37.227418 52.643177 49.527226 10.331839 1.967969 17.055734 7.379885 20.49968 16.235746l-2.131967-0.491992C447.303011 372.028187 423.523382 350.872518 412.699552 315.777066L412.699552 315.777066zM414.339526 234.926329c2.459962-4.919923 4.263933-9.347854 5.083921-13.44779 18.859705 14.759769 30.339526 22.467649 34.111467 23.123639l-3.771941 18.039718C444.18706 261.493914 432.379244 252.310058 414.339526 234.926329L414.339526 234.926329zM421.883408 220.002562c2.131967-9.839846 5.247918-14.759769 9.675849-14.759769l27.879564 21.975657c-0.327995 1.147982-2.131967 6.231903-5.411915 15.415759C437.299167 228.530429 426.639334 220.986547 421.883408 220.002562L421.883408 220.002562zM432.707239 199.174888c5.083921-5.903908 8.527867-8.691864 10.495836-8.363869l3.935939 0.819987c10.987828 10.495836 19.1877 16.235746 24.599616 17.219731-0.819987 3.935939-3.935939 8.855862-9.511851 14.759769C442.21909 209.014734 432.379244 200.814862 432.707239 199.174888L432.707239 199.174888zM448.450993 185.563101l0.491992-2.131967c2.459962 0.491992 6.3959-0.819987 11.807816-3.771941 18.859705 10.003844 28.207559 16.727739 28.207559 19.84369-6.067905 1.639974-9.511851 4.427931-10.331839 8.363869C466.818706 202.946829 456.814862 195.566944 448.450993 185.563101L448.450993 185.563101zM469.442665 179.331198l0.491992-2.131967 14.923767 0.65599 12.627803 2.459962c2.459962 0.491992 8.199872 3.771941 17.547726 9.839846l-0.491992 2.131967c-6.887892-1.31198-13.611787 0.163997-20.49968 4.263933L469.442665 179.331198 469.442665 179.331198zM476.494555 249.030109l4.591928-21.811659c2.951954-14.431775 12.463805-25.091608 28.535554-31.9795l4.099936 0.819987c24.599616 34.275464 32.143498 73.798847 22.795644 118.570147l-2.459962 11.971813-6.231903 19.515695-6.067905-1.147982c-3.935939-0.819987-14.267777 0-30.831518 2.295964C473.870596 316.597053 469.278668 283.961563 476.494555 249.030109L476.494555 249.030109zM476.494555 363.172325l0.327995-1.967969c10.823831-2.131967 17.547726-3.115951 20.007687-2.623959 13.939782 10.167841 21.647662 17.875721 23.287636 23.287636l-21.319667-1.967969C496.174247 379.408072 488.630365 373.832159 476.494555 363.172325L476.494555 363.172325zM508.966047 363.172325l3.771941 2.787956c1.147982 0.163997 6.231903-2.951954 15.087764-9.675849 10.331839 13.119795 18.203716 20.171685 23.779628 21.155669-0.65599 2.951954-8.199872 4.263933-22.467649 4.099936C515.361947 370.716208 508.638053 364.648302 508.966047 363.172325L508.966047 363.172325zM511.590006 185.235106l0.491992-2.131967 4.099936 0.819987c19.84369 3.771941 35.751441 17.219731 47.723254 40.34337C554.557335 214.754644 537.173607 201.634849 511.590006 185.235106L511.590006 185.235106zM521.921845 197.534914c38.211403 24.271621 56.087124 42.311339 53.79116 53.79116 1.967969 4.919923 2.623959 8.527867 2.295964 10.823831-35.095452-26.567585-51.495195-44.935298-49.363229-54.939142C526.349776 206.71877 524.217809 203.602819 521.921845 197.534914L521.921845 197.534914zM528.64574 352.348495l7.543882-15.251762 2.131967 0.491992c4.263933 5.73991 13.283792 14.431775 27.059577 25.911595l-0.491992 2.131967c-5.411915 5.247918-8.363869 8.855862-8.855862 10.823831l-4.099936-0.819987L528.64574 352.348495 528.64574 352.348495zM536.845612 333.324792l4.263933-9.675849-0.491992-8.363869 4.099936 0.819987c19.515695 17.711723 29.027546 27.059577 28.863549 28.371557l-0.491992 2.131967c-1.967969 9.347854-4.263933 13.611787-7.05189 13.119795C548.817425 342.508648 539.141576 333.652787 536.845612 333.324792L536.845612 333.324792zM539.797566 236.402306c27.715567 19.84369 40.999359 32.63549 39.68738 38.703395 1.31198 7.215887 1.803972 12.13581 1.147982 14.759769l-1.967969-0.327995-35.095452-29.519539C540.78155 245.586163 539.469571 237.714286 539.797566 236.402306L539.797566 236.402306zM542.257527 307.413197l2.459962-11.971813 10.003844 3.935939c-7.05189-7.871877-10.331839-12.627803-10.003844-14.267777-0.65599-10.495836-0.819987-16.727739-0.327995-18.695708 18.695708 13.611787 30.831518 24.927611 36.243434 33.94747l-2.459962 11.971813c-7.05189-7.05189-12.7918-10.987828-16.727739-11.807816 8.035874 11.315823 13.939782 17.383728 17.711723 18.039718l-4.099936 19.84369C554.557335 320.532992 543.733504 310.201153 542.257527 307.413197L542.257527 307.413197zM307.249199 569.153107c-9.675849 0-17.711723-6.887892-19.84369-16.071749-4.263933-12.463805 1.639974-28.863549 29.519539-35.751441 1.31198 35.587444 0 49.527226 0 49.527226C313.809097 568.33312 310.693145 569.153107 307.249199 569.153107L307.249199 569.153107zM709.862908 537.173607c0-1.147982 0-2.131967-0.163997-3.115951 2.131967 3.279949 3.279949 7.215887 3.279949 11.479821 0 11.643818-9.183857 21.155669-20.49968 21.155669-3.443946 0-6.723895-0.819987-9.511851-2.459962C697.891095 563.905189 709.862908 551.933376 709.862908 537.173607L709.862908 537.173607zM531.761691 520.281871c0.65599 15.743754-32.963485 49.199231-32.963485 49.199231 0-18.203716 9.347854-42.803331 12.463805-48.707239-8.035874-11.643818-13.283792-32.307495-13.283792-32.307495S531.105701 504.374119 531.761691 520.281871L531.761691 520.281871zM488.794363 507.326073c2.459962 0 4.427931 1.967969 4.427931 4.427931 0 2.459962-1.967969 4.427931-4.427931 4.427931-2.459962 0-4.427931-1.967969-4.427931-4.427931C484.366432 509.294042 486.334401 507.326073 488.794363 507.326073L488.794363 507.326073zM445.335042 629.668161c-0.819987 8.855862-2.131967 16.235746-2.131967 16.235746s-53.627162 7.05189-63.959001-30.503523C395.151826 632.94811 427.623318 631.144138 445.335042 629.668161L445.335042 629.668161zM620.648302 614.908392c-9.675849 37.719411-63.303011 31.651505-63.303011 31.651505s-1.475977-7.379885-2.459962-16.235746C572.597053 631.636131 605.232543 632.784113 620.648302 614.908392L620.648302 614.908392zM419.587444 518.313901c29.847534 0 53.955157 21.975657 53.955157 49.035234 0 27.059577-24.271621 49.035234-53.955157 49.035234-29.847534 0-53.955157-21.975657-53.955157-49.035234C365.632287 540.289558 389.903908 518.313901 419.587444 518.313901L419.587444 518.313901zM419.587444 613.76041c28.371557 0 51.331198-20.827675 51.331198-46.411275 0-25.5836-22.959641-46.411275-51.331198-46.411275-28.207559 0-51.331198 20.827675-51.331198 46.411275C368.256246 592.932735 391.379885 613.76041 419.587444 613.76041L419.587444 613.76041zM419.587444 534.38565c20.007687 0 36.243434 14.759769 36.243434 32.799488 0 18.203716-16.235746 32.799488-36.243434 32.799488s-36.243434-14.759769-36.243434-32.799488C383.34401 549.14542 399.579757 534.38565 419.587444 534.38565L419.587444 534.38565zM435.331198 552.261371c1.967969 2.131967 4.919923 2.623959 6.559898 1.147982 1.639974-1.475977 1.475977-4.263933-0.491992-6.3959-1.967969-2.131967-4.919923-2.623959-6.559898-1.147982C433.035234 547.341448 433.199231 550.129404 435.331198 552.261371L435.331198 552.261371zM395.971813 585.880846c5.411915 5.73991 13.283792 7.05189 17.875721 3.115951 4.591928-3.935939 3.935939-11.807816-1.475977-17.547726-5.411915-5.73991-13.283792-7.05189-17.875721-3.115951C389.903908 572.433056 390.559898 580.304933 395.971813 585.880846L395.971813 585.880846zM584.240871 518.313901c29.847534 0 53.955157 21.975657 53.955157 49.035234 0 27.059577-24.271621 49.035234-53.955157 49.035234-29.847534 0-53.955157-21.975657-53.955157-49.035234C530.121717 540.289558 554.393338 518.313901 584.240871 518.313901L584.240871 518.313901zM584.240871 613.76041c28.371557 0 51.331198-20.827675 51.331198-46.411275 0-25.5836-22.959641-46.411275-51.331198-46.411275-28.207559 0-51.331198 20.827675-51.331198 46.411275C532.909673 592.932735 555.869315 613.76041 584.240871 613.76041L584.240871 613.76041zM584.240871 534.38565c20.007687 0 36.243434 14.759769 36.243434 32.799488 0 18.203716-16.235746 32.799488-36.243434 32.799488-20.007687 0-36.243434-14.759769-36.243434-32.799488C547.997438 549.14542 564.233184 534.38565 584.240871 534.38565L584.240871 534.38565zM599.820628 552.261371c1.967969 2.131967 4.919923 2.623959 6.559898 1.147982 1.639974-1.475977 1.475977-4.263933-0.491992-6.3959-1.967969-2.131967-4.919923-2.623959-6.559898-1.147982C597.688661 547.341448 597.852659 550.129404 599.820628 552.261371L599.820628 552.261371zM560.62524 585.880846c5.411915 5.73991 13.283792 7.05189 17.875721 3.115951 4.591928-3.935939 3.935939-11.807816-1.475977-17.547726-5.411915-5.73991-13.283792-7.05189-17.875721-3.115951C554.557335 572.433056 555.213325 580.304933 560.62524 585.880846L560.62524 585.880846zM957.171044 381.540038C957.171044 381.540038 957.171044 381.540038 957.171044 381.540038c-0.65599 0.983985-1.31198 1.803972-1.967969 2.951954-0.327995 0.327995-0.491992 0.65599-0.819987 0.983985-0.327995 0.327995-1.967969 0.65599-2.295964 0.983985-11.315823 14.759769-29.355541 40.34337-62.975016 46.247277l0 34.931454c0 4.263933-0.819987 8.691864-5.083921 8.691864L685.919283 476.330557c-0.163997 10.331839-0.327995 18.203716-0.65599 27.879564 24.435618 1.803972 43.295324 19.351698 43.295324 41.491352 0 22.467649-19.84369 40.671365-45.263293 41.819347-1.967969 78.226778-5.903908 143.98975-7.70788 150.549648l-0.491992 0.983985c-1.967969 2.295964-9.511851 5.247918-21.155669 8.363869 0.327995 13.939782-3.279949 29.355541-11.643818 46.08328 3.443946-21.647662-22.795644-36.079436-26.567585-38.047406-0.163997 0-0.327995 0-0.491992 0 0.163997 4.427931 0 57.727098-88.230621 97.90647-1.475977-44.115311-14.10378-70.682896-31.9795-86.754644L494.534273 766.606022l-5.411915-0.327995 0-0.163997 0 0 0 0 0.327995 0 0.327995-0.163997c-0.819987-0.163997-0.983985-0.491992-1.147982-1.147982-10.331839-8.035874-28.043562-18.203716-64.450993-18.203716-13.283792 0-28.207559 1.31198-44.607303 3.935939-4.099936 0.819987-7.70788 1.147982-11.151826 1.147982-5.575913 0-10.003844-0.983985-16.071749-2.295964l-0.327995 0-0.327995-0.163997c-17.547726-4.099936-27.55157-7.70788-30.011531-10.659833l-0.491992-0.983985c-0.491992-2.131967-2.295964-8.363869-5.73991-150.549648-25.255605-0.983985-45.263293-19.351698-45.263293-41.983344 0-22.139654 18.859705-39.523382 43.459321-41.163357-0.163997-9.675849-0.327995-17.547726-0.65599-27.879564L132.099936 476.002562c-4.427931 0-10.495836-4.591928-10.495836-8.691864l0-97.414478c-11.807816-0.65599-19.679693-2.295964-26.731582-4.755926-29.027546-10.495836-35.751441-35.915439-35.587444-60.023062 0-1.475977 0.491992-2.787956 0.983985-3.771941-6.723895-11.643818-6.231903-25.5836-5.083921-35.587444 0.983985-8.035874 2.623959-12.13581 4.427931-13.939782-4.263933-8.855862-0.983985-18.859705 1.967969-26.731582 3.771941-10.167841 12.13581-11.971813 22.139654-10.003844-4.755926-9.019859-2.459962-17.219731 11.643818-28.699552 4.427931-3.607944 14.267777 7.05189 26.075593 16.071749l0-267.151826c0-4.263933 6.067905-6.067905 10.331839-6.067905l751.928251 0c4.427931 0 5.083921 1.803972 5.083921 6.067905L888.784113 248.374119c16.727739 0.983985 29.355541 7.70788 38.539398 19.84369 4.591928 6.231903 7.871877 11.807816 8.691864 16.891736C977.670724 313.153107 982.262652 344.640615 957.171044 381.540038L957.171044 381.540038zM316.433056 508.638053c-22.959641 0.491992-40.835362 16.727739-40.835362 36.735426 0 20.335682 18.859705 36.899423 41.983344 36.899423l0 2.623959 0.163997-0.65599c0-0.819987 0-1.475977 0-2.295964 0.491992 0.163997 0.983985 0.163997 1.475977 0.327995l1.803972 0 0 0.491992c5.247918 1.31198 12.7918 2.951954 19.351698 3.771941 10.003844 35.095452 34.111467 64.122998 34.111467 64.122998s-9.839846 28.863549-13.939782 67.238949c51.167201-85.11467 229.268418-81.178732 280.107623-10.823831-4.591928-32.799488-12.627803-56.415119-12.627803-56.415119s24.107623-28.863549 34.111467-64.122998c6.559898-0.819987 13.939782-1.147982 19.023703-2.295964 0 0.491992 0 2.623959 0 2.623959l0.491992 0c23.123639 0 41.983344-18.695708 41.983344-39.03139 0-9.347854-3.935939-18.695708-10.495836-25.419603-10.167841-6.723895-25.091608-10.331839-40.835362-10.331839 0-6.723895 0.983985-19.351698 1.803972-35.423447L318.401025 476.658552c0.163997 10.331839 0.491992 19.84369 0.65599 30.175529l0 2.131967L316.433056 508.638053 316.433056 508.638053zM126.524023 462.554773c0 4.099936 6.3959 9.183857 10.823831 9.183857l741.432415 0c4.263933 0 5.575913-4.919923 5.575913-9.183857l0-29.027546c0 0.491992-6.723895 1.475977-10.823831 1.147982-22.795644-2.295964-44.443306-3.607944-60.679052-9.183857L176.215247 425.491352l-1.31198-2.787956 0-60.18706c-10.823831 5.903908-25.5836 8.363869-48.215247 7.871877L126.68802 462.554773 126.524023 462.554773zM821.381166-13.693786 180.807175-13.693786 180.807175 282.649584c10.823831 4.263933 15.579757 10.987828 15.087764 21.975657-0.491992 8.363869-4.263933 13.611787-15.087764 16.727739l0 7.379885c5.903908 1.967969 3.935939 4.263933 5.247918 6.723895 5.411915 10.495836 5.575913 18.203716-5.247918 23.779628l0 55.759129 615.318386 0c-2.787956-5.575913-4.755926-7.871877-5.575913-12.299808-1.475977-8.035874-1.639974-18.367713-1.147982-28.207559L697.891095 315.449071c0 0-28.371557-15.251762-16.727739-32.799488 11.643818-17.383728 32.307495-11.479821 50.511211-0.327995 12.13581 7.379885 39.68738 23.287636 63.959001 40.179372 0.163997-0.163997 0.327995-0.163997 0.491992-0.327995-1.803972-1.31198-2.951954-2.295964-2.951954-2.295964-11.151826-7.543882-6.887892-36.899423 15.415759-41.327354 3.115951-0.65599 9.675849 0 9.675849 1.147982l0-293.391416L821.381166-13.693786 821.381166-13.693786zM177.855221 271.169763c0 3.443946-2.131967 6.231903-4.755926 8.035874 1.639974 0.491992 3.771941 0.983985 4.755926 1.475977L177.855221 271.169763 177.855221 271.169763zM177.855221 322.828956c-0.983985 0.163997-1.639974 0.327995-2.459962 0.491992 0.819987 0.491992 1.475977 0.983985 2.459962 1.475977L177.855221 322.828956 177.855221 322.828956zM878.780269-65.516976 137.347854-65.516976c-4.263933 0-10.823831 2.131967-10.823831 6.3959L126.524023 206.882767c5.903908 1.147982 4.919923 2.295964 6.723895 3.279949 19.679693 8.035874 38.047406 25.255605 25.747598 33.127482-0.163997 0-1.475977 0.163997-1.639974 0.163997 9.511851 3.771941 17.547726 9.839846 17.547726 20.663677l0-289.29148 655.169763 2.459962 0 291.915439c9.839846-9.675849 21.647662-14.595772 34.603459-10.331839 3.279949-6.559898 13.611787-9.839846 19.515695-10.331839l0-307.495195C884.192184-63.38501 883.044202-65.516976 878.780269-65.516976L878.780269-65.516976zM878.780269-65.516976" horiz-adv-x="1024" />
+
+
+ <glyph glyph-name="carousel" unicode="" d="M1002.069333 144.38400000000001L1002.069333 611.6906670000001c0 24.213333-16.917333 49.578667-42.069333 49.578667l-64 0 1.152 6.4c0 31.338667-26.005333 57.6-58.538667 57.6L186.432 725.269333c-31.936 0-58.410667-31.957333-58.410667-64l-0.213333 0.96L67.178667 662.229333c-25.152 0-45.226667-20.288-45.226667-44.501333l0-467.328L21.354667 150.39999999999998c0-24.789333 20.629333-44.693333 45.312-44.693333L127.786667 105.70666700000004l0-5.184C127.786667 69.03466700000001 153.792 42.66666699999996 186.432 42.66666699999996l652.842667 0c31.658667 0 56.277333 10.901333 56.725333 42.602667l64 0c24.661333 0 42.666667 34.325333 42.666667 59.114667L1002.069333 144.38400000000001zM128 149.26933299999996L64 149.26933299999996l0 469.333333 64 0L128 149.26933299999996zM853.333333 106.602667c0-6.421333-14.848-21.333333-21.333333-21.333333l-640 0c-6.485333 0-21.333333 14.848-21.333333 21.333333l0 554.666667c0 6.378667 9.258667 18.56 15.744 18.56l5.589333 2.773333 640 0c6.442667 0 21.333333-14.954667 21.333333-21.333333L853.333333 106.602667zM960 127.93600000000004l-64 0 0 490.666667 60.842667 1.984c4.970667 0 3.157333 2.944 3.157333-1.984l0-469.333333C960 144.29866700000002 965.013333 127.93600000000004 960 127.93600000000004zM412.458667 399.829333c43.925333 0 79.637333 34.773333 79.637333 77.482667 0 42.752-35.712 77.482667-79.637333 77.482667-43.925333 0-79.637333-34.730667-79.637333-77.482667C332.8 434.602667 368.533333 399.829333 412.458667 399.829333zM412.458667 516.0533330000001c21.952 0 39.829333-17.365333 39.829333-38.741333 0-21.333333-17.877333-38.741333-39.829333-38.741333-21.952 0-39.829333 17.408-39.829333 38.741333C372.629333 498.709333 390.506667 516.0533330000001 412.458667 516.0533330000001zM785.92 457.386667c-95.914667-23.338667-137.728-87.765333-168.256-134.805333-24.213333-37.269333-39.082667-58.346667-65.109333-58.346667l-0.042667 0c-35.456 0-57.109333 14.272-80.042667 28.16-24.362667 14.741333-49.536 29.952-88.64 29.952-75.648 0-156.906667-93.269333-165.930667-103.893333L213.333333 167.38133300000004c0-10.709333 8.917333-18.112 19.925333-18.112l557.504 0c10.986667 0 19.904 7.402667 19.904 18.112L810.666667 438.570667c0 5.973333-2.837333 11.626667-7.658667 15.296C798.186667 457.536 791.872 458.858667 785.92 457.386667zM770.858667 188.52266699999996L253.162667 188.52266699999996c24.874667 27.733333 85.290667 95.082667 130.666667 95.082667 27.733333 0 46.229333-11.157333 67.605333-24.128 25.152-15.168 53.632-32.426667 99.712-33.941333l2.944-0.064c47.637333 0 71.722667 37.12 97.237333 76.416 26.645333 41.088 56.469333 79.104 119.530667 102.485333L770.858667 188.52266699999996z" horiz-adv-x="1024" />
+
+
+ <glyph glyph-name="help" unicode="" d="M690.2 741.8C635.2 783.6 573.2 798 494.6 798c-59.6 0-110.6-12.2-151-39.4C284 718 256 649.8 256 542l153.6 0c0 28.8-2.8 59.8 14 86.4 16.8 26.6 40.2 47 80.4 47 40.8 0 61.8-11.8 81.6-36.2 16.8-20.8 23.2-45.6 23.2-72 0-22.8-11.6-43.8-25.4-62.8-7.6-11.2-17.6-21.2-30.2-30.8 0 0-83-49.4-112.2-96.2-21.8-34.8-29.6-78.4-31.4-130.6-0.2-3.8 1.2-11.6 14.4-11.6 13 0 112 0 123.6 0 11.6 0 14 8.8 14.2 12.4 0.8 19 3.2 48.2 6.6 59.2 6.6 20.8 19.4 39 39.4 54.6l41.4 28.6c37.4 29.2 67.2 53 80.4 71.8 22.6 30.8 38.4 68.8 38.4 113.8C768 649 741 703.2 690.2 741.8zM484 155.6c-51.8 1.6-94.6-34.4-96.4-90.6-1.6-56.4 39-93.4 91-95 54-1.6 95.8 33.2 97.4 89.4C577.6 115.6 538 154 484 155.6z" horiz-adv-x="1024" />
+
+
+ <glyph glyph-name="code-circle" unicode="" d="M513.544163 893.525741c-282.101629 0-510.78094-228.679311-510.78094-510.76288 0-282.083569 228.679311-510.76288 510.78094-510.76288s510.76288 228.679311 510.76288 510.76288C1024.325103 664.8464309999999 795.645793 893.525741 513.544163 893.525741zM513.544163-83.46335899999997c-257.503523 0-466.22622 208.740757-466.22622 466.22622S256.0587 848.989082 513.544163 848.989082s466.22622-208.740757 466.22622-466.22622S771.047686-83.46335899999997 513.544163-83.46335899999997zM171.771357 359.77212099999997L414.357086 256.088033 414.357086 300.805295 221.978945 380.50532599999997 414.357086 459.464886 414.357086 504.182148 171.771357 401.76228ZM442.585309 193.38272800000004L478.814238 193.38272800000004 584.737801 572.1429949999999 548.743656 572.1429949999999ZM612.749301 504.182148L612.749301 459.464886 804.874598 380.50532599999997 612.749301 300.805295 612.749301 256.088033 855.33503 359.77212099999997 855.33503 401.76228Z" horiz-adv-x="1025" />
+
+
+ <glyph glyph-name="windows" unicode="" d="M437 329l0-325.5-341 47 0 278.5 341 0zm0 371.5l0-329.5-341 0 0 282.5zm491-371.5l0-393-453.5 62.5 0 330.5 453.5 0zm0 439l0-397-453.5 0 0 334.5z" horiz-adv-x="1024" />
+
+
+ <glyph glyph-name="water" unicode="" d="M862.315763 33.684211000000005C802.869868 33.684211000000005 754.526289 82.94399999999996 754.526289 143.50371900000005 754.526289 162.33094700000004 759.35885 180.96056099999998 768.520956 197.43438600000002 768.64671 197.79368399999998 768.808394 198.15298199999995 769.006008 198.49431600000003L849.075622 334.542596 849.057657 334.542596 862.315763 357.052632 875.573868 334.542596 875.573868 334.542596 955.140464 199.356632C955.715341 198.67396499999995 956.164464 197.865544 956.380043 196.96729800000003 965.380464 180.60126300000002 970.123201 162.151298 970.105236 143.50371900000005 970.105236 82.94399999999996 921.761657 33.684211000000005 862.315763 33.684211000000005L862.315763 33.684211000000005ZM924.33064 188.57768399999998C924.204885 188.79326300000002 924.115061 189.02680699999996 924.025236 189.27831600000002L862.315763 302.996211 800.606289 189.260351C800.516464 189.02680699999996 800.42664 188.79326300000002 800.300885 188.57768399999998 793.977236 176.505263 790.635763 162.81600000000003 790.635763 148.965053 790.635763 105.29235100000005 822.792956 69.75775399999998 862.333727 69.75775399999998 901.856534 69.75775399999998 933.995763 105.29235100000005 933.995763 148.98301800000002 933.995763 162.81600000000003 930.654289 176.52322800000002 924.33064 188.57768399999998L924.33064 188.57768399999998ZM682.684605 392.982456C593.50678 392.982456 520.982429 469.602807 520.982429 563.8108070000001 520.982429 593.093614 528.240254 622.071018 541.965447 647.706947 542.163061 648.281825 542.396605 648.820772 542.684043 649.341754L662.815412 860.968421 662.797447 860.968421 682.684605 896 702.571763 860.968421 702.535833 860.968421 821.89471 650.689123C822.774991 649.647158 823.439692 648.3716489999999 823.781026 646.970386 837.25471 621.514105 844.368815 592.8241399999999 844.35085 563.8108070000001 844.35085 469.602807 771.844464 392.982456 682.684605 392.982456L682.684605 392.982456ZM791.408254 630.1192980000001C791.21064 630.4965609999999 791.030991 630.891789 790.887271 631.322947L682.684605 823.924772 574.446008 631.287018C574.320254 630.891789 574.140605 630.4965609999999 573.942991 630.1013330000001 562.840675 609.6931930000001 556.912254 596.075789 556.912254 572.631579 556.912254 498.634105 613.375973 428.876351 682.684605 428.876351 751.993236 428.876351 808.367131 489.058807 808.367131 563.056281 808.367131 586.500491 802.492605 609.6931930000001 791.408254 630.1192980000001L791.408254 630.1192980000001ZM538.695833 276.983018C540.115061 275.330246 541.174991 273.33614 541.713938 271.12645599999996 563.433517 231.11859600000003 574.895131 186.02666699999997 574.895131 140.43171900000004 574.895131-7.581192999999985 458.051341-128 314.403903-128 170.738499-128 53.89471-7.581192999999985 53.89471 140.43171900000004 53.89471 186.47578899999996 65.589868 231.998877 87.704675 272.294175 88.010078 273.17445599999996 88.387341 274.01880700000004 88.872394 274.863158L282.408394 607.411649 282.372464 607.411649 314.403903 662.45614 346.453306 607.411649 346.399412 607.411649 538.695833 276.983018 538.695833 276.983018ZM314.403903 590.614456L119.807973 257.79649099999995C119.556464 257.113825 119.251061 256.449123 118.873798 255.78442099999995 98.932745 220.48336800000004 88.387341 180.42161399999998 88.387341 139.91073700000004 88.387341 12.072420999999963 189.799271-91.89052600000002 314.421868-91.89052600000002 439.026499-91.89052600000002 540.420464 12.072420999999963 540.402499 139.91073700000004 540.402499 180.42161399999998 529.857096 220.50133300000005 509.916043 255.78442099999995 509.53878 256.449123 509.233377 257.131789 508.963903 257.86835099999996L314.403903 590.614456 314.403903 590.614456Z" horiz-adv-x="1024" />
+
+
+ <glyph glyph-name="username" unicode="" d="M514.594 824.888c-144.11 0-260.979-118.46-260.979-264.558 0-88.783 43.497-166.928 109.711-214.898-135.361-59.354-230.159-195.858-230.159-354.931h0.894c1.541-21.375 18.641-38.377 40.117-38.377s38.575 17.051 40.117 38.377h0.645c0 0.944-0.099 1.79-0.099 2.734 0 0.05 0 0.099 0 0.149 0 0.099-0.05 0.149-0.05 0.199 0.05 159.967 120 291.054 273.009 304.924 8.948-0.944 17.598-2.734 26.844-2.734 144.11 0 260.979 118.46 260.979 264.558s-116.919 264.558-261.029 264.558zM514.594 377.54499999999996c-99.769 0-180.698 81.972-180.698 183.183s80.879 183.183 180.698 183.183c99.719 0 180.647-81.972 180.647-183.183s-80.879-183.183-180.647-183.183zM896.021-6.615000000000009c0 0.348-0.199 0.645-0.199 0.994-1.043 105.038-43.397 200.034-111.35 269.131v0c-7.157 7.357-17.001 11.98-27.986 11.98-21.574 0-39.122-17.747-39.122-39.668 0-11.135 4.573-21.127 11.83-28.334l-0.099-0.05c52.742-55.229 85.302-130.589 85.302-213.853 0-1.043-0.149-1.987-0.149-3.034h0.994c1.491-21.375 18.691-38.377 40.117-38.377 21.475 0 38.575 17.051 40.117 38.377h0.597c0 0.796-0.099 1.491-0.099 2.287-0.05 0.149 0.05 0.348 0.05 0.547z" horiz-adv-x="1024" />
+
+
+ <glyph glyph-name="find-fill" unicode="" d="M512 896C229.236364 896 0 666.763636 0 384c0-282.786909 229.236364-512 512-512s512 229.213091 512 512C1024 666.763636 794.763636 896 512 896zM657.291636 383.976727c0-77.195636-60.392727-139.729455-136.424727-144.407273l-175.732364-151.714909-22.877091 13.242182 58.228364 222.021818c-8.634182 18.548364-13.800727 39.074909-13.800727 60.858182 0 77.195636 60.369455 139.729455 136.378182 144.430545l175.802182 151.714909 22.877091-13.172364-58.251636-222.068364C652.125091 426.309818 657.291636 405.806545 657.291636 383.976727zM512 384m-66.048 0a2.838 2.838 0 1 1 132.096 0 2.838 2.838 0 1 1-132.096 0Z" horiz-adv-x="1024" />
+
+
+ <glyph glyph-name="about" unicode="" d="M514.27174 834.607768c-249.516844 0-451.789687-202.272843-451.789687-451.789687s202.272843-451.789687 451.789687-451.789687 451.789687 202.272843 451.789687 451.789687S763.788583 834.607768 514.27174 834.607768zM514.27174-20.12919999999997c-222.541469 0-402.947282 180.405813-402.947282 402.947282s180.405813 402.947282 402.947282 402.947282 402.947282-180.405813 402.947282-402.947282S736.814232-20.12919999999997 514.27174-20.12919999999997zM514.295276 593.979362c-9.44614-10.360975-14.307867-22.951735-14.307867-37.483706 0-11.960403 3.886517-22.396079 11.534707-30.457686 7.783267-8.211009 17.853623-12.450567 29.313629-12.450567 9.312086 0 23.139 2.849908 35.782971 16.900925 9.865695 10.641361 14.866592 23.437805 14.866592 37.693484 0 11.68104-4.031826 21.900799-11.744485 29.832446C562.925856 615.325529 532.358677 613.449809 514.295276 593.979362zM549.461193 293.282882c-12.110829-11.541871-20.589944-18.759249-26.236548-23.316032 2.77009 14.953573 9.976212 44.614104 27.330462 103.023398 17.297968 57.890478 18.799158 67.991534 18.799158 72.955592 0 8.65717-3.63683 16.335037-9.921977 21.642926-14.124695 11.661597-39.035038 9.349949-69.131497-7.677866-16.779152-9.408277-34.595936-24.759917-54.493102-46.576805l-10.377348-11.541871 34.425044-26.548656 8.818853 8.715499c9.573029 9.292644 16.086373 15.35164 20.411889 19.393699-26.294876-86.460164-39.093367-140.190903-39.093367-164.262134 0-10.907421 3.172249-19.970844 9.573029-26.839275 6.460132-7.039323 15.510252-10.736529 25.891693-10.736529 10.146081 0 21.792329 3.926426 35.922141 11.949146 12.741185 7.212262 31.883151 23.029506 58.641585 48.190559l10.837836 10.391674-31.30703 30.475082L549.461193 293.282882z" horiz-adv-x="1024" />
+
+
+ <glyph glyph-name="location" unicode="" d="M451.673935-98.39569900000004C478.883834-129.01914699999998 524.254807-128.8089789999999 551.400292-97.92885100000001 553.755808-95.38790800000004 558.821323-89.79676199999994 565.872444-81.84834999999998 577.572838-68.65901699999995 590.597131-53.62432000000001 604.615947-36.99831500000005 644.662065 10.495494000000008 684.708678 61.282182000000034 722.129538 113.35355300000003 759.658524 165.575381 792.492213 216.29072599999995 819.314991 264.54153799999995 868.685946 353.35368300000005 896 430.456574 896 493.714285 896 715.890551 719.301715 896 501.333333 896 283.364952 896 106.666667 715.890551 106.666667 493.714285 106.666667 430.401284 134.05152 353.19426999999996 183.54613 264.23737800000004 210.371803 216.02347099999997 243.193308 165.34812399999998 280.699364 113.16684599999996 318.155192 61.05544999999995 358.239268 10.22578999999996 398.322835-37.31103099999996 412.354743-53.95207300000004 425.391185-69.00072999999998 437.102468-82.20257900000001 444.160087-90.15846599999998 449.230214-95.75492099999997 451.982775-98.73670600000003L451.673935-98.39569900000004ZM486.822684-65.32134799999994C484.281231-62.568254000000024 479.425084-57.207989 472.585916-49.49835900000005 461.135889-36.591016999999965 448.364015-21.84776099999999 434.602351-5.527214999999956 395.275714 41.11192700000004 355.949587 90.98045200000001 319.289224 141.985137 282.808749 192.739548 250.983685 241.87642200000005 225.158316 288.29247799999996 179.388826 370.55419500000005 154.50505 440.709839 154.50505 493.714285 154.50505 688.960095 309.785362 847.238095 501.333333 847.238095 692.881306 847.238095 848.161617 688.960095 848.161617 493.714285 848.161617 440.753978 823.345286 370.701737 777.693969 288.58074899999997 751.873483 242.13293399999998 720.038415 192.96007499999996 683.537446 142.16873799999996 646.912604 91.20503299999996 607.624538 41.38032599999997 568.335977-5.21503800000005 554.587654-21.52024300000005 541.828177-36.24924999999996 530.389289-49.14379699999995 523.556841-56.84571100000005 518.705521-62.20043499999997 516.166694-64.95052599999997 507.543772-74.74891100000002 495.255793-74.80583000000001 487.131524-65.66235300000005L486.822684-65.32134799999994ZM714.955981 428.971194C723.919106 453.372045 728.565658 479.331002 728.565658 505.904762 728.565658 627.091817 632.184774 725.333333 513.29293 725.333333 394.401086 725.333333 298.020202 627.091817 298.020202 505.904762 298.020202 384.717709 394.401086 286.47619 513.29293 286.47619 549.003859 286.47619 583.510052 295.36805300000003 614.373097 312.125591 626.032316 318.456132 630.449257 333.22218 624.238611 345.10648100000003 618.027966 356.99078199999997 603.541579 361.49299399999995 591.882359 355.16245100000003 567.900883 342.14136099999996 541.111735 335.23809500000004 513.29293 335.23809500000004 420.821495 335.23809500000004 345.858586 411.648164 345.858586 505.904762 345.858586 600.161359 420.821495 676.571428 513.29293 676.571428 605.764365 676.571428 680.727273 600.161359 680.727273 505.904762 680.727273 485.192019 677.117041 465.022684 670.154965 446.069408 665.522846 433.459117 671.796821 419.408892 684.168282 414.687349 696.53974 409.965809 710.323861 416.360905 714.955981 428.971194L714.955981 428.971194Z" horiz-adv-x="1024" />
+
+
+ <glyph glyph-name="up" unicode="" d="M513.6 539.2l384-384c12.8-12.8 32-12.8 44.8 0 12.801 12.8 12.801 32 0 44.8l-403.2 403.2C532.8 609.6 520 616 513.6 616c-6.4 0-19.2 0-25.599-6.4L78.399 200c-12.8-12.8-12.8-32 0-44.8s32-12.8 44.8 0L513.6 539.2z" horiz-adv-x="1024" />
+
+
+ <glyph glyph-name="pause" unicode="" d="M512-128c-282.714 0-511.893 229.232-511.893 512 0 282.768 229.179 512 511.893 512 282.714 0 511.893-229.232 511.893-512 0-282.768-229.179-512-511.893-512zM512 863.996c-265.043 0-479.9-214.91-479.9-479.996 0-265.097 214.857-479.996 479.9-479.996 265.043 0 479.9 214.899 479.9 479.996 0 265.086-214.857 479.996-479.9 479.996zM639.973 181.32299999999998h-21.329c-23.558 0-42.658 19.1-42.658 42.658v319.933c0 23.558 19.1 42.658 42.658 42.658h21.329c23.558 0 42.658-19.1 42.658-42.658v-319.933c0-23.558-19.1-42.658-42.658-42.658zM405.356 181.32299999999998h-21.329c-23.558 0-42.658 19.1-42.658 42.658v319.933c0 23.558 19.1 42.658 42.658 42.658h21.329c23.558 0 42.658-19.1 42.658-42.658v-319.933c0-23.558-19.1-42.658-42.658-42.658z" horiz-adv-x="1024" />
+
+
+ <glyph glyph-name="date" unicode="" d="M933.185668 758.3591759999999l-167.054737 0 0 56.506968L732.333174 814.866145l0-56.506968L539.505447 758.3591759999999l0 56.506968-33.796734 0 0-56.506968-216.255299 0 0 56.506968-33.796734 0 0-56.506968L88.005356 758.3591759999999c-12.255115 0-22.224164-9.970072-22.224164-22.224164l0-706.60521c0-12.255115 9.970072-22.225187 22.224164-22.225187l845.179288 0c12.255115 0 22.225187 9.970072 22.225187 22.225187L955.409832 736.135012C955.409832 748.389104 945.43976 758.3591759999999 933.185668 758.3591759999999zM939.036933 29.528778999999986c0-3.226484-2.62478-5.852288-5.852288-5.852288l-845.179288 0c-3.226484 0-5.851265 2.62478-5.851265 5.852288L82.154092 736.135012c0 3.226484 2.62478 5.851265 5.851265 5.851265l167.650301 0 0-55.657624 33.796734 0 0 55.657624 216.255299 0 0-55.657624 33.796734 0 0 55.657624L732.333174 741.986277l0-55.657624 33.796734 0 0 55.657624 167.054737 0c3.226484 0 5.852288-2.62478 5.852288-5.851265L939.036933 29.528778999999986zM206.835765 608.260623l129.098263 0 0-94.008071-129.098263 0 0 94.008071ZM458.879152 608.260623l129.098263 0 0-94.008071-129.098263 0 0 94.008071ZM684.827207 608.260623l129.098263 0 0-94.008071-129.098263 0 0 94.008071ZM206.835765 433.345871l129.098263 0 0-94.008071-129.098263 0 0 94.008071ZM458.879152 433.345871l129.098263 0 0-94.008071-129.098263 0 0 94.008071ZM684.827207 433.345871l129.098263 0 0-94.008071-129.098263 0 0 94.008071ZM206.835765 257.877511l129.098263 0 0-94.008071-129.098263 0 0 94.008071ZM458.879152 257.877511l129.098263 0 0-94.008071-129.098263 0 0 94.008071ZM684.827207 257.877511l129.098263 0 0-94.008071-129.098263 0 0 94.008071Z" horiz-adv-x="1024" />
+
+
+ <glyph glyph-name="layim-uploadfile" unicode="" d="M914.7359263333336 663.0359498888887c-20.806884999999987 20.806885000000012-48.471967999999976 32.265868000000026-77.89816099999994 32.265868000000054l-352.221993 2.2737367544323206e-13-120.26099099999992 95.03035300000005-11.157106999999995 8.816806000000007-14.220886 9.769962616701378e-15L197.09333633333344 799.148976888889c-51.69538300000001 2.1316282072803006e-14-93.75224400000005-42.88778599999995-93.75224400000006-95.60442799999993l-1.5631940186722204e-13-255.13888799999998c-1.7763568394002505e-15-2.302439 0.08391099999999785-4.716417999999999 0.24968699999999489-7.196911999999999l-1.9895196601282805e-13-340.692403c-1.9539925233402755e-14-29.426192999999998 11.458982999999954-57.09127599999999 32.26586799999994-77.89816100000002 20.806884999999987-20.806885000000012 48.471967999999976-32.265868000000026 77.89816099999994-32.265868000000054l623.083981-3.410605131648481e-13c29.426192999999998-1.9539925233402755e-14 57.09127599999999 11.458982999999954 77.89816100000002 32.26586799999994 20.806885000000012 20.806884999999987 32.265868000000026 48.471967999999976 32.265868000000054 77.89816099999994L947.0028173333335 585.1377888888885C947.0017943333336 614.5639818888885 935.5428113333334 642.2280418888886 914.7359263333336 663.0359498888887zM197.09333633333372 758.2167298888891l141.88345099999998-8.526512829121202e-14L470.3948853333333 654.369569888889l366.44287999999995-2.2737367544323206e-13c38.236859-2.1316282072803006e-14 69.23178099999997-30.99492100000004 69.23178099999994-69.23178100000004L906.0695463333333 465.9195468888886 144.27334033333327 465.91954688888893 144.2733403333336 703.5445488888892C144.2733403333336 733.7361748888891 167.92296933333355 758.2167298888891 197.09333633333372 758.2167298888891zM836.8377653333331 31.28558888888881L213.75480733333322 31.28558888888915c-38.236859 2.1316282072803006e-14-69.23178099999997 30.99492100000004-69.23178099999994 69.23178100000004L144.52302633333338 424.4776928888892l761.546519-6.252776074688882e-13-2.2737367544323206e-13-323.96134599999993C906.0695463333333 62.28050988888867 875.0746243333334 31.285588888888583 836.8377653333331 31.28558888888881z" horiz-adv-x="1024" />
+
+
+ <glyph glyph-name="delete" unicode="" d="M738.923 24.288h-451.956c-27.2 0-49.327 21.603-49.327 48.157v418.017c0 26.548 22.129 48.147 49.327 48.147h451.956c27.2 0 49.327-21.598 49.327-48.147v-418.017c0-26.555-22.129-48.157-49.327-48.157zM286.966 494.547c-4.447 0-7.168-2.644-7.168-4.084v-418.017c0-1.443 2.722-4.093 7.168-4.093h451.956c4.448 0 7.168 2.651 7.168 4.093v418.017c0 1.44-2.722 4.084-7.168 4.084h-451.956zM832.199 496.302h-640.401c-27.201 0-49.327 20.131-49.327 44.876v61.045c0 24.74 22.128 44.867 49.327 44.867h640.401c27.2 0 49.327-20.127 49.327-44.867v-61.045c0-24.744-22.129-44.876-49.327-44.876zM184.631 541.327c0.387-0.733 2.722-2.866 7.168-2.866h640.401c4.445 0 6.782 2.132 7.168 2.867v60.741c-0.393 0.736-2.733 2.863-7.168 2.863h-640.401c-4.437 0-6.776-2.128-7.168-2.863v-60.742zM600.748 605.354h-174.546c-27.201 0-49.327 20.13-49.327 44.876v10.736c0 24.74 22.128 44.867 49.327 44.867h174.546c27.2 0 49.327-20.126 49.327-44.867v-10.736c0-24.745-22.128-44.876-49.327-44.876zM419.034 650.378c0.387-0.733 2.722-2.865 7.168-2.865h174.546c4.446 0 6.782 2.131 7.168 2.865v10.432c-0.393 0.736-2.734 2.862-7.168 2.862h-174.546c-4.437 0-6.776-2.126-7.168-2.862v-10.432zM404.099 430.833h-30.097c-7.297 0-13.213-5.916-13.213-13.213v-272.34c0-7.297 5.916-13.212 13.213-13.212h30.098c7.297 0 13.212 5.916 13.212 13.212v272.341c0 7.297-5.916 13.213-13.212 13.213zM659.583 430.833h-30.097c-7.298 0-13.213-5.916-13.213-13.213v-272.34c0-7.297 5.917-13.212 13.213-13.212h30.097c7.297 0 13.212 5.916 13.212 13.212v272.341c0 7.297-5.916 13.213-13.212 13.213zM531.841 430.833h-30.098c-7.297 0-13.213-5.916-13.213-13.213v-272.34c0-7.297 5.917-13.212 13.213-13.212h30.098c7.297 0 13.212 5.916 13.212 13.212v272.341c0 7.297-5.916 13.213-13.212 13.213z" horiz-adv-x="1024" />
+
+
+ <glyph glyph-name="play" unicode="" d="M512 896C229.376 896 0 666.624 0 384 0 101.37599999999998 229.376-128 512-128 794.624-128 1024 101.37599999999998 1024 384 1024 666.624 794.624 896 512 896L512 896 512 896zM512-95.23199999999997C245.76-95.23199999999997 32.768 117.75999999999999 32.768 384 32.768 650.24 245.76 863.232 512 863.232S991.232 650.24 991.232 384C991.232 117.75999999999999 778.24-95.23199999999997 512-95.23199999999997L512-95.23199999999997 512-95.23199999999997zM733.184 392.192L393.216 588.8c-4.096 4.096-8.192 4.096-12.288 0C376.832 588.8 372.736 584.704 372.736 580.608l0-393.216c0-4.096 4.096-8.192 4.096-8.192 4.096-4.096 8.192-4.096 12.288 0l344.064 196.608c4.096 4.096 4.096 4.096 4.096 8.192C741.376 388.096 737.28 392.192 733.184 392.192L733.184 392.192 733.184 392.192zM733.184 392.192" horiz-adv-x="1024" />
+
+
+ <glyph glyph-name="top" unicode="" d="M812 153.4l-300 172.8-300-172.8 300 604L812 153.4zM264.5 209.2l247.5 142.5 247.5-142.5L512 707.5 264.5 209.2zM371.7 138.3l0-126.2-15.9 0 0 126.2-45.9 0L309.9 153l107.4 0 0-14.8L371.7 138.2zM506.6 154.5c26.6 0 43.3-3.9 50-11.7 6.7-7.8 10-27.2 10-58.3 0-33.5-3.2-54.2-9.6-62-6.4-7.8-23.2-11.8-50.4-11.8-27 0-43.8 3.9-50.3 11.7-6.5 7.8-9.8 27.9-9.8 60.3l0 9.9 0.2 13.3c0 18.7 4.2 31.5 12.6 38.4C467.8 151 483.5 154.5 506.6 154.5zM506.5 141c-22.3 0-35.3-2.5-39.1-7.4-3.8-5-5.7-22-5.7-51 0-29.1 1.9-46.1 5.7-51.1 3.8-5 16.8-7.4 39.1-7.4 22.4 0 35.4 2.5 39.2 7.4 3.8 5 5.7 22 5.7 51.1l0 9.2-0.1 13.3c0 15.6-2.6 25.4-7.8 29.6S525.9 141 506.5 141zM608.4 12.1 608.4 153l59.2 0 5.4 0c15.9 0 26.7-3.1 32.5-9.2 5.8-6.1 8.7-17.6 8.7-34.4 0-16.1-3-27.1-9-32.9-6-5.9-17.3-8.8-33.9-8.8l-6.2-0.1-40.7 0 0-55.5L608.4 12.1zM624.3 81.1l37.7 0c15.8 0 25.9 1.6 30.3 4.9 4.4 3.2 6.7 10.7 6.7 22.3 0 13.6-1.5 22.2-4.5 25.9-3 3.6-10.1 5.4-21.3 5.4l-6.1 0.1-42.7 0L624.4 81.1z" horiz-adv-x="1024" />
+
+
+ <glyph glyph-name="firefox" unicode="" d="M516.010667-128q-161.706667 0-288.277333 85.994667t-188.288 227.712q-33.152 74.858667-38.293333 172.010667t14.848 189.994667 63.424 178.282667 102.293333 138.581333l-6.293333-160.576q6.293333 8 38.848 8.853333t40-8.853333q24 46.293333 91.712 78.848t133.994667 33.706667q-30.848-25.706667-68.288-84.864t-33.429333-93.418667q14.293333-4.565333 35.712-7.722667t36.010667-4.288 38.848-2.282667 28.864-1.706667q8.576-2.858667 5.418667-26.005333t-17.429333-43.136q-2.858667-4.010667-9.429333-10.581333t-32.277333-20.288-57.706667-19.434667l8.576-108.010667-79.424 38.293333q-10.282667-24.576-4.288-46.570667t20.565333-37.994667 37.418667-23.722667 46.293333-3.712q29.141333 5.141333 56 19.712t47.722667 25.706667 42.005333 10.005333q34.858667-2.282667 51.136-18.858667t11.136-37.141333q-0.576-1.152-1.429333-3.136t-4.864-7.146667-10.282667-8.853333-18.005333-5.994667-26.581333-0.576q-34.282667-54.293333-82.581333-77.418667t-119.722667-16.853333q42.282667-34.858667 92.864-47.146667t96.277333-3.434667 88.277333 29.717333 73.152 50.005333 45.994667 59.434667q24.576 52.010667 22.293333 109.994667t-21.418667 107.712-44.864 71.424q49.706667-21.717333 78.293333-45.418667t44.010667-64.277333q8.576 97.152-32.853333 196.010667t-119.722667 162.282667q151.424-44.010667 235.434667-159.722667t86.293333-295.722667q1.152-72.576-23.146667-145.706667t-70.570667-136-108.010667-112-141.418667-77.418667-164.864-28.288z" horiz-adv-x="1025" />
+
+
+ <glyph glyph-name="friends" unicode="" d="M672.02974 765.933689c7.66047-32.266891 8.420787-62.237483 7.713682-95.365998-0.283456-12.778024-7.291057-71.832002-5.3918-89.926102 1.561565-14.936177 5.132904-16.128329 10.759041-28.436656 9.803273-21.422915 6.51846-50.970882 2.76088-72.566736-2.056845-11.816117-6.404873-28.64541-13.017478-38.287001-7.291057-10.645454-21.864984-10.711969-28.319999-23.12365-9.29469-17.848507-4.045129-42.930765-9.903557-62.21497-6.65763-21.883403-23.599488-23.420409-24.877597-52.040237 8.316409-1.243317 16.59598-2.479471 24.877597-3.722788 8.316409-18.498306 23.533996-55.70265 39.08518-66.900689 13.024641-3.728928 26.048259-7.448646 39.07904-11.156084 45.641503-19.593244 96.365768-43.032072 142.108578-63.215764 41.656749-18.381649 91.51325-24.937972 106.575294-70.629617 0-31.026644 2.795673-104.309694 2.025123-144.978952L58.155515-56.631556000000046c-0.757247 40.669258 2.029216 113.952308 2.029216 144.978952 15.065114 45.691645 64.928778 52.247968 106.578364 70.629617 45.74281 20.182668 96.467075 43.62252 142.098345 63.215764 13.027711 3.707438 26.054399 7.427156 39.08211 11.156084 15.554254 11.197016 30.78105 48.402383 39.09439 66.900689l18.492166 4.710278c-4.196579 24.429389-18.658965 26.322505-24.682146 43.62559-2.356674 26.013467-4.729721 52.052516-7.095605 78.079286 0.107447-1.234107-17.006326 3.246951-19.252483 4.716418-24.130583 15.838733-24.618701 80.075757-26.941606 106.793258-1.063215 12.222369 15.163351 22.240537 10.654664 44.62536-26.433022 131.125433 11.437493 219.776496 71.330582 240.123916 41.564651 17.633612 119.167077 50.323129 191.563944 3.716648l17.971303-17.428951 29.061896-5.237281C662.71663 795.172617 672.02974 765.933689 672.02974 765.933689z" horiz-adv-x="1024" />
+
+
+ <glyph glyph-name="refresh-3" unicode="" d="M820.376904 697.14807C740.637816 774.519228 631.884926 822.157201 511.999488 822.157201c-244.621347 0-442.925808-198.305485-442.925808-442.926832 0-244.6193 198.304462-442.925808 442.925808-442.925808 206.075449 0 379.271046 140.739395 428.740738 331.337337L822.859445 267.64189899999997c-45.759183-127.45381-167.656441-218.623229-310.859957-218.623229-182.371584 0-330.210677 147.842163-330.210677 330.210677 0 182.371584 147.840116 330.2117 330.210677 330.2117 88.762603 0 169.32443-35.035958 228.655723-92.015693L557.051567 433.822732l280.641725 0 113.880677 0 3.351328 0L954.925297 831.695438 820.376904 697.14807z" horiz-adv-x="1024" />
+
+
+ <glyph glyph-name="ok" unicode="" d="M960 640L915.2 684.8 371.2 172.79999999999995 108.8 454.4 64 409.6 358.4 83.20000000000005 364.8 89.60000000000002 371.2 83.20000000000005Z" horiz-adv-x="1024" />
+
+
+ <glyph glyph-name="layer" unicode="" d="M96.089 724.318l0-684.236 831.822 0L927.911 724.318 96.089 724.318zM884.178 84.457L140.464 84.457 140.464 489.559l743.714 0L884.178 84.457z" horiz-adv-x="1024" />
+
+
+ <glyph glyph-name="face-smile-fine" unicode="" d="M511.558443 852.9315573333333c-246.787686 0-447.597201-200.783932-447.597201-447.598224 0-246.815315 200.783932-447.598224 447.597201-447.598224 246.841921 0 447.64939 200.782909 447.64939 447.598224C959.207833 652.1476253333334 758.400365 852.9315573333333 511.558443 852.9315573333333zM511.558443-4.962310666666667c-226.247884 0-410.295644 184.046736-410.295644 410.295644 0 226.249931 184.072319 410.296667 410.295644 410.296667 226.27449 0 410.346809-184.046736 410.346809-410.296667C921.905252 179.08442633333334 737.832933-4.962310666666667 511.558443-4.962310666666667zM724.38055 303.5726953333334c-9.698896 3.457752-20.366863-1.566682-23.848151-11.264555-28.500101-79.45461-104.372116-132.844587-188.82353-132.844587-84.798315 0-160.770614 53.689806-189.070146 133.590578-3.432169 9.723455-14.075577 14.772448-23.823592 11.364839-9.699919-3.432169-14.797008-14.100136-11.364839-23.823592 33.547047-94.77248 123.668601-158.434405 224.234017-158.434405 100.142791 0 190.140525 63.314001 223.935212 157.564595C739.125369 289.3978573333334 734.102982 300.0903843333334 724.38055 303.5726953333334zM302.49494 515.3479593333334c0-24.653493 19.98517-44.638663 44.638663-44.638663 24.653493 0 44.638663 19.98517 44.638663 44.638663s-19.98517 44.63764-44.638663 44.63764C322.48011 559.9855993333333 302.49494 540.0014523333333 302.49494 515.3479593333334L302.49494 515.3479593333334zM631.398856 515.3479593333334c0-24.653493 19.98517-44.638663 44.63764-44.638663 24.653493 0 44.63764 19.98517 44.63764 44.638663s-19.984147 44.63764-44.63764 44.63764C651.384026 559.9855993333333 631.398856 540.0014523333333 631.398856 515.3479593333334L631.398856 515.3479593333334z" horiz-adv-x="1024" />
+
+
+ <glyph glyph-name="dollar" unicode="" d="M517.565-65.45399999999995c-244.263 0-442.299 198.014-442.299 442.299s198.014 442.299 442.299 442.299c244.263 0 442.299-198.014 442.299-442.299 0-244.263-198.014-442.299-442.299-442.299zM517.565 863.383c-268.751 0-486.564-217.834-486.564-486.564s217.834-486.564 486.564-486.564c268.751 0 486.564 217.834 486.564 486.564 0 268.751-217.834 486.564-486.564 486.564zM497.036 425.349c-18.443 6.957-33.605 16.314-45.238 27.617-11.581 11.306-20.059 23.465-25.468 36.742-5.423 13.177-8.178 26.235-8.178 39.172-0.004 18.194 2.564 34.357 7.846 48.514 5.327 14.231 13.748 25.85 25.468 35.02 11.581 9.167 26.798 15.204 45.482 18.295v-205.52zM534.455 356.13199999999995c16.937-6.756 32.277-14.997 46.035-24.855 13.748-9.678 24.613-21.601 32.929-35.57 8.204-13.909 12.436-30.734 12.622-50.307 0-14.231-1.859-27.907-5.785-40.833-3.858-12.866-9.542-24.531-17.271-34.804-7.691-10.211-17.271-18.443-28.678-24.613-11.328-6.318-24.613-9.678-39.76-10.341v221.377zM534.455 94.18299999999999c29.037 3.318 53.978 11.306 74.785 24.134 20.985 12.866 37.018 30.15 48.281 51.734 11.125 21.535 16.876 46.832 16.937 76.196 0 16.08-1.67 30.377-5.033 42.985-3.318 12.622-8.204 24.15-14.836 34.357-6.739 10.341-14.836 20.189-24.613 29.326-8.853 8.204-19.107 15.957-30.659 23.041-11.328 7.197-22.836 13.706-34.281 19.261-11.581 5.694-21.601 10.516-30.659 14.231v221.377c14.527-3.318 26.662-8.594 36.62-16.192 9.859-7.395 17.766-16.192 23.776-26.384 5.941-10.211 10.341-20.985 12.972-32.345 2.666-11.328 4.026-22.836 3.858-34.097h46.155c0.004 16.314-1.566 32.345-5.327 48.281-3.543 15.957-9.938 30.909-19.107 44.969-8.996 13.909-21.601 26.235-37.684 36.742-16.192 10.521-36.62 18.295-61.318 23.562v49.426h-37.441v-53.316c-23.465-2.624-42.985-8.178-58.595-16.314-15.633-8.204-28.279-18.194-37.684-29.562-9.441-11.328-16.523-23.302-21.226-35.317-4.59-12.062-7.846-23.302-9.316-33.326-1.566-10.211-2.256-18.194-2.115-24.029 0.004-21.601 3.452-40.612 9.863-57.238 6.479-16.523 15.58-30.909 27.178-43.441 11.659-12.436 25.361-23.562 40.833-33.204 15.633-9.678 32.649-18.443 51.098-26.235v-237.329c-18.194 1.984-33.326 7.197-45.094 15.633-11.97 8.369-21.074 19.107-27.714 31.902-6.739 12.972-11.011 27.178-13.363 42.701-2.256 15.58-3.034 31.313-2.115 47.367h-47.803c-1.183-23.776 0.397-46.035 5.033-66.676s12.357-39.03 23.376-55.019c10.892-16.08 25.361-29.037 43.142-39.03 17.847-9.863 39.472-16.08 64.586-18.295v-65.283h37.441v65.283z" horiz-adv-x="1024" />
+
+
+ <glyph glyph-name="group" unicode="" d="M1328.72893437-13.274022189999982L1325.7954575 10.932401249999998 1319.19311938 40.27361905999999 1309.65730438 68.14729219000003 1296.45423969 96.75473719000001 1283.25117594 118.75984405999998 1264.91331781 140.03117906 1244.37414312 156.90310406000003 1215.76669813 173.03964562 1195.22913594 182.57546062999995 1168.08923563 189.17779874999997 1140.94772187 195.77852437 1117.47507031 204.58056750000003 1088.13546594 218.51740312000004 1064.66281438 229.52076375000001 1036.05536844 242.72382749999997 1014.0502625 255.19473187999995 1014.0502625 332.94718406000004 1023.58446406 343.95054469 1032.38811969 358.61954062999996 1038.98884531 373.29014906 1044.12363969 391.62800719 1049.992205 413.63472656 1052.19191 430.50504 1055.370515 429.77126719 1061.727725 430.75016813 1066.61900281 434.662545 1071.99731188 443.46458812 1075.42104594 453.7325625 1077.37723437 466.4469825 1079.82206656 489.43099031 1080.799355 508.991265 1079.82206656 525.61806187 1076.39833344 535.88764969 1069.55247969 539.80002656 1065.64010188 538.82112656 1069.06383594 560.82623344 1071.99731188 587.2339743800001 1072.97621281 611.19526969 1072.48595656 630.26689969 1069.55247969 647.870985 1064.17255719 664.98642656 1056.83805969 680.63432344 1046.56847188 698.24002125 1034.83295281 712.91063063 1021.13963187 724.15750594 1003.53554656 735.40438125 981.53043969 745.67396812 962.94745344 750.56363437 940.45370281 754.47601125 918.4469825 754.964655 895.95323188 751.05227812 874.43676969 743.71777969 855.36513875 735.893025 838.73834188 725.1347934400001 823.33396063 711.44308594 808.66335125 695.30493188 795.4602875 676.23330187 785.9244725 655.69573969 780.05751875 632.22308813 779.32374687 602.14809844 782.25722375 574.27442531 785.9244725 538.3324818799999 777.85620219 538.3324818799999 772.72140875 531.73014375 771.25547656 519.99462469 772.72140875 492.12095156 776.3886575 459.84625688 779.32374687 443.70810375 784.45854031 434.90606063 793.99435531 429.77126719 799.86130906 430.50504 803.53017031 404.83268344 807.19742 389.42830219 813.06598531 372.55637719000003 821.13425656 355.68606375 830.67007156 342.48299999999995 838.00456906 332.94718406000004 837.27079719 253.72718719 845.06329813 250.99690875 855.81346625 248.0392425 867.37158969 243.73981969 878.39107625 239.43878530999996 888.6058325 235.67638781000005 897.74331406 231.10603405999996 908.76441312 226.53729375 920.85956187 219.54952313 932.95471062 212.56014000000005 942.898535 205.30305094000005 955.80002656 195.62693156 966.82112656 185.41378874999998 977.30358781 172.51229719000003 988.32307531 158.26743750000003 1000.01505219 141.87125344000003 1010.0943425 122.51901655999995 1018.69641219 101.55409219 1026.22120719 82.20185436999998 1031.46243781 64.05913219000001 1035.09098281 45.110066250000045 1038.71952688 23.741970000000038 1041.13855625-1.2546703100000514 1041.54172812-18.187877810000032 1040.73538531-33.30681374999995 1037.30842625-44.99879062000002 1030.79156-57.83254968999995 1023.19742-66.36688593999997 1009.28799875-73.42238906 1298.65555719-73.42238906 1311.85862094-66.82005093999999 1322.12820875-56.552076560000046 1328.72893437-45.54871687000002 1330.19647906-31.611880309999947ZM443.23504906 789.36487031L427.10818437 771.62531906 412.59400625 750.66039469 402.11154406 728.08278469 395.66079781 702.27980156 394.854455 669.21972844 398.07982813 638.57868562 402.11154406 599.06786719 393.24176844 599.06786719 387.59736594 591.81077812 385.98467938 578.90928656 387.59736594 548.26824375 391.62908187 512.7891412500001 394.854455 495.04959 400.4988575 485.37347156 410.98131969 479.72906906 417.43206594 480.53541188 421.46378187 452.31339844 425.49549781 435.38019094 431.94624406 416.83429687 440.81601969 398.28840187 451.29848094 383.77422375000003 459.36191375 373.29176156000005 458.55557094 286.20669281000005 444.84773562 277.33691719 412.59400625 262.01639531 379.53393406 247.50221719 352.92460719 234.60072562000005 331.95968281 225.73095 308.57572906 218.47386094 284.3854325 213.63580125 261.00147875 207.99139875000003 236.81118125 197.50893656000005 214.23357031 186.22013156000003 194.07498969 171.70595344000003 171.49737969 149.12834250000003 155.370515 125.74438874999998 143.27536625 103.16677875000005 133.59924781 78.97648125 123.92312844 51.56081156000005 119.08506875 29.789544370000044 115.05335281 11.243650310000021 112.63432344-10.527616869999974 112.63432344-29.879854690000002 115.85969656-49.23209250000002 125.535815-62.133584059999976 140.04999313-71.80970344000002 158.59588719-73.42238906 965.74546437-73.42238906 980.2596425-66.1653 991.5484475-54.87649499999998 998.80553656-42.781346249999956 1000.41822312-27.46082531000002 998.80553656-7.302244689999952 995.58016438 19.30708218999996 988.32307531 51.56081156000005 977.84061313 82.20185436999998 963.326435 113.64924094000003 948.81225688 137.8395375 928.65367531 161.22349125000005 906.07606531 179.76938625000003 874.62867875 197.50893656000005 852.05106875 207.99139875000003 822.21636875 215.24848781000003 792.38166875 222.50557688000004 766.57868562 232.18169624999996 734.32495625 247.50221719 708.52197312 259.59736594000003 677.07458656 274.11154406 652.88429 287.81937937 652.88429 373.29176156000005 663.36675219 385.38691031 673.04287063 401.513775 680.29995969 417.64063969 685.94436219 437.79922031 692.39510844 461.98951781 694.81413781 480.53541188 698.30882938 479.72906906 705.2966 480.80473031 710.67168406 485.10415312 716.585405 494.78027156 720.3478025 506.06907656 722.49912688 520.04623031 725.18586219 545.31218906 726.26152437 566.8141378099999 725.18586219 585.09071344 721.42346469 596.3795184400001 713.89705719 600.68055375 709.59763438 599.6048915599999 713.36003188 623.79518906 716.585405 652.82354531 717.66106719 679.16516625 717.12242937 700.13008969 713.89705719 719.4823275 707.98494781 738.2959275000001 699.92151594 755.49845437 688.63271094 774.85069219 675.73121937 790.97755688 660.67840344 803.34202406 641.32616563 815.70487875 617.13586906 826.99368375 596.7095825 832.37038031 571.98064812 836.66980219 547.79035063 837.20844 523.06302875 832.90740469 499.40975656 824.84397281 478.44483313 816.24351562 460.16825656 804.4160728100001Z" horiz-adv-x="1449" />
+
+
+ <glyph glyph-name="layim-download" unicode="" d="M186.888458 77.07363199999998l0 581.729108c14.85022-14.450107 35.050284-23.436782 57.359382-23.436782l560.03604 0 0-151.561881 25.029046 0 0 176.591951-585.065086 0c-31.191396 0-57.359382 26.166963-57.359382 57.359382 0 31.191396 26.165939 57.359382 57.359382 57.359382l572.551074 0L816.798914 800.143838 244.24784 800.143838c-45.431725 0-82.388429-36.957727-82.388429-82.388429l0-640.681778c0-41.796942 34.000372-75.789127 75.789127-75.789127l225.950102 0 0 25.029046L237.648538 26.31355099999996C209.661114 26.31355099999996 186.888458 49.078021000000035 186.888458 77.07363199999998zM236.947574 730.269421l560.38601 0 0-25.029046-560.38601 0 0 25.029046ZM686.086897 428.171012c-85.917812 0-164.908864-55.248302-194.553021-135.882783-30.013571-81.641415-4.269233-175.567621 62.624293-230.942813 67.00302-55.465243 164.474982-62.808488 238.931764-17.720593 74.094532 44.868907 113.272833 133.533272 96.080266 218.517829C869.882923 357.47283300000004 783.297916 428.171012 686.086897 428.171012zM686.086897 38.82858599999997c-75.595722 0-145.060817 48.634674-171.092703 119.595842-26.354228 71.839165-3.63069 154.438395 55.287187 203.074092 59.017138 48.718585 144.762011 55.029314 210.191186 15.237029 65.11195-39.59888 99.396801-117.681236 84.064604-192.408171C847.384513 100.72940100000005 771.387655 38.82858599999997 686.086897 38.82858599999997zM698.600909 152.23547199999996L698.600909 311.02496499999995 673.571862 311.02496499999995 673.571862 152.28459099999998 604.675726 221.17254100000002 586.978668 203.47548400000005 686.111456 104.35190499999999 785.185916 203.42738799999995 767.489882 221.123422Z" horiz-adv-x="1024" />
+
+
+ <glyph glyph-name="picture-fine" unicode="" d="M958.648085 84.30682933333333L65.772494 84.30682933333333 65.772494 721.9115253333333l892.87559 0L958.648085 84.30682933333333zM97.660762 116.20328333333339l829.099055 0L926.759817 690.0570263333334 97.660762 690.0570263333334 97.660762 116.20328333333339zM648.731616 419.05893933333334l-1.991354 0c-47.801702 0-86.696548 38.900985-86.696548 86.695524l0 1.978051c0 47.809889 38.894845 86.671988 86.696548 86.671988l1.991354 0c47.801702 0 86.698594-38.862099 86.698594-86.671988l0-1.978051C735.43021 457.95992433333333 696.533318 419.05893933333334 648.731616 419.05893933333334zM646.740262 562.5193053333333c-30.224372 0-54.810327-24.582885-54.810327-54.787814l0-1.978051c0-30.230512 24.584931-54.803163 54.810327-54.803163l1.991354 0c30.222325 0 54.810327 24.572652 54.810327 54.803163l0 1.978051c0 30.203906-24.586978 54.787814-54.810327 54.787814L646.740262 562.5193053333333zM91.097276 181.7900473333334l-22.748097 22.338774 274.373974 279.332916 22.750143-22.351054L91.097276 181.7900473333334zM604.886015 215.92242633333342L339.999113 480.74793033333333l22.548552 22.525016L627.433544 238.4638153333334 604.886015 215.92242633333342zM619.007641 202.70744933333333l-22.763446 22.337751 167.989015 171.035398 22.765493-22.350031L619.007641 202.70744933333333zM925.622924 222.7939273333334L758.534418 389.8343373333333l22.548552 22.529109 167.086459-167.044504L925.622924 222.7939273333334z" horiz-adv-x="1024" />
+
+
+ <glyph glyph-name="link" unicode="" d="M262.4-121.60000000000002c-64 0-128 25.6-179.2 76.8-102.4 102.4-102.4 262.4 0 364.8l134.4 134.4 89.6-89.6-134.4-134.4c-51.2-51.2-51.2-128 0-179.2 51.2-51.2 128-51.2 179.2 0l179.2 179.2c25.6 25.6 38.4 57.6 38.4 89.6S556.8 384 537.6 409.6L467.2 473.6l89.6 89.6 70.4-70.4C672 448 697.6 384 697.6 313.6c0-70.4-25.6-134.4-76.8-179.2l-179.2-179.2C396.8-96 326.4-121.60000000000002 262.4-121.60000000000002zM467.2 204.79999999999995L396.8 268.79999999999995c-102.4 102.4-102.4 262.4 0 364.8l179.2 179.2c102.4 102.4 262.4 102.4 364.8 0 102.4-102.4 102.4-262.4 0-364.8l-134.4-134.4-89.6 89.6 134.4 134.4c51.2 51.2 51.2 128 0 179.2-51.2 51.2-134.4 51.2-179.2 0L486.4 544c-51.2-51.2-51.2-128 0-179.2l70.4-70.4L467.2 204.79999999999995z" horiz-adv-x="1024" />
+
+
+ <glyph glyph-name="diamond" unicode="" d="M998.4 526.933333L797.866667 802.133333c-4.266667 6.4-12.8 10.666667-19.2 10.666667L243.2 812.8c0 0-14.933333-2.133333-23.466667-17.066667C194.133333 753.066667 32 512 32 512L21.333333 494.933333l12.8-14.933333L469.333333-27.733333000000016c4.266667-4.266667 6.4-6.4 10.666667-8.533333 6.4-4.266667 32-10.666667 46.933333 0 4.266667 2.133333 6.4 6.4 10.666667 8.533333l409.6 420.266667c10.666667 8.533333 10.666667 25.6 0 34.133333-8.533333 10.666667-23.466667 10.666667-32 0L561.066667 61.86666700000001l153.6 422.4 0 0 251.733333 0c2.133333 0 19.2 0 23.466667 4.266667l2.133333 2.133333C1004.8 497.066667 1006.933333 512 998.4 526.933333zM782.933333 763.733333l-96-226.133333L341.333333 537.6l-85.333333 226.133333L782.933333 763.733333zM221.866667 714.666667l72.533333-179.2-192 0L221.866667 714.666667zM91.733333 488.533333l215.466667 0 138.666667-416L91.733333 488.533333zM503.466667 44.799999999999955l-147.2 443.733333 307.2 0L503.466667 44.799999999999955zM736 535.4666669999999L810.666667 701.866667l119.466667-168.533333L736 533.333333z" horiz-adv-x="1024" />
+
+
+ <glyph glyph-name="log" unicode="" d="M828.01742 700.357158C743.476979 784.899646 631.076002 831.458031 511.516999 831.458031c-119.55798 0-231.959979-46.558385-316.500421-131.09985C110.47716 615.81774 63.918775 503.41574 63.918775 383.85776c0-87.103824 25.045419-171.548074 72.429613-244.204861 9.393951-14.402011 28.685319-18.46249 43.087331-9.071609 14.404058 9.393951 18.46556 28.685319 9.072633 43.089377-40.768519 62.511729-62.317301 135.194098-62.317301 210.187093 0 212.469066 172.85586 385.326972 385.325949 385.326972s385.325949-172.857906 385.325949-385.326972-172.85586-385.326972-385.325949-385.326972c-70.357418 0-139.188062 19.131733-199.052498 55.323003-14.71412 8.900717-33.856086 4.180206-42.753733-10.534937-8.896624-14.71719-4.180206-33.856086 10.534937-42.753733 69.584821-42.070164 149.556201-64.307631 231.271294-64.307631 119.559003 0 231.959979 46.558385 316.500421 131.09985 84.539418 84.539418 131.097804 196.941418 131.097804 316.499397S912.556838 615.81774 828.01742 700.357158zM494.28964 690.216193c-21.782096 0-39.397289-17.658172-39.397289-39.439244l0-283.524378c0-1.360997 0.358157-2.706645 0.493234-4.03285 2.020006-19.886933 18.959817-34.573423 39.379892-34.573423l0 0 0.146333 0.832971 223.590358 0c21.782096 0 39.438221 17.616216 39.438221 39.397289s-17.658172 39.397289-39.439244 39.397289L533.686928 408.273846l0 242.503103C533.686928 672.5580219999999 516.071735 690.216193 494.28964 690.216193z" horiz-adv-x="1024" />
+
+
+ <glyph glyph-name="key" unicode="" d="M819.2 588.8c0-172.8-140.8-307.2-307.2-307.2-172.8 0-307.2 140.8-307.2 307.2C204.8 755.2 339.2 896 512 896S819.2 755.2 819.2 588.8L819.2 588.8zM512 838.4c-140.8 0-249.6-115.2-249.6-249.6 0-134.4 108.8-256 249.6-256s256 115.2 256 249.6S652.8 838.4 512 838.4L512 838.4zM480 300.79999999999995l64 0L544-128l-64 0L480 300.79999999999995 480 300.79999999999995zM512 192l192 0 0-64L512 128 512 192 512 192zM512 64l192 0 0-64L512 0 512 64 512 64z" horiz-adv-x="1024" />
+
+
+ <glyph glyph-name="rate-solid" unicode="" d="M957.111079 492.519576c-3.927449 11.669784-14.447037 19.86442-26.723641 20.816095L647.68068 535.250796 540.183388 811.873997c-4.586458 11.803837-15.951297 19.579941-28.614711 19.579941s-24.02723-7.776104-28.614711-19.579941L375.458719 535.250796l-282.708803-21.915126c-12.276604-0.951675-22.796192-9.146311-26.723641-20.816095-3.927449-11.669784-0.50142-24.557302 8.701173-32.737612l217.547735-193.358823-67.980277-291.298436c-2.848884-12.20702 2.009773-24.919553 12.273535-32.114418 10.264784-7.195889 23.87271-7.42818 34.375925-0.586354l240.624313 156.709111 240.625336-156.709111c5.099135-3.320629 10.92891-4.974291 16.752546-4.974291 6.173606 0 12.342096 1.858324 17.623379 5.561669 10.263761 7.194866 15.122419 19.907399 12.273535 32.114418l-67.980277 291.299459L948.409906 459.781964C957.613522 467.962274 961.037505 480.849792 957.111079 492.519576z" horiz-adv-x="1024" />
+
+
+ <glyph glyph-name="fonts-del" unicode="" d="M928 448l-143.616 0c-3.456 55.616-14.272 106.56-29.504 144.96C725.504 666.816 617.344 768 464.32 768L256 768l0-320L96 448C78.336 448 64 433.664 64 416S78.336 384 96 384L256 384l0-320 229.632 0c156.288 0 240.768 97.856 267.904 167.488C772.736 280.96000000000004 782.272 333.312 784.96 384L928 384C945.664 384 960 398.336 960 416S945.664 448 928 448zM349.376 711.488l63.936 0c35.712 0 251.84 27.968 266.944-263.488l-330.88 0L349.376 711.488zM439.296 120.51199999999994L349.376 120.51199999999994 349.376 382.528 349.376 384l330.88 0C665.344 113.98400000000004 467.968 120.51199999999994 439.296 120.51199999999994z" horiz-adv-x="1024" />
+
+
+ <glyph glyph-name="unlink" unicode="" d="M150.336 767.6800000000001C133.44 762.304 124.16 744.3199999999999 129.472 727.488 131.2 722.1759999999999 134.208 717.44 138.304 713.664l122.624-122.432C270.208 576.192 289.92 571.52 304.96 580.736 320 590.0799999999999 324.672 609.7280000000001 315.456 624.832 312.832 629.056 309.184 632.64 304.96 635.264L182.336 757.696C175.168 765.44 164.672 769.216 154.304 767.6800000000001 152.96 767.808 151.552 767.808 150.336 767.6800000000001L150.336 767.6800000000001zM406.08 831.424c-13.696-4.48-22.72-17.6-22.016-32L384.064 672c0-17.664 14.336-32 32-32s31.872 14.336 31.872 32L447.936 799.424C448.256 817.088 434.304 831.6800000000001 416.64 832 414.464 832.064 412.16 831.808 410.048 831.424 408.704 831.552 407.296 831.552 406.08 831.424L406.08 831.424zM91.392 511.872C73.728 509.12 61.632 492.544 64.384 474.88 67.136 457.28 83.712 445.248 101.376 448L224 448C241.664 448 256 462.208 256 479.872s-14.336 32-32 32L101.376 511.872c-1.984 0.192-3.968 0.192-6.016 0C94.016 512 92.608 512 91.392 511.872L91.392 511.872zM795.456 320c-17.728-2.752-29.824-14.08-27.072-31.744 2.752-17.6 19.328-35.008 36.992-32.256L928 256c17.664 0 32 19.584 32 37.248S945.664 320 928 320l-122.624 0c-1.984 0.192-3.968 0.192-6.016 0-1.344 0.128-2.688 0.128-4.032 0L795.456 320zM598.272 127.42399999999998c-13.76-4.48-22.72-17.6-22.08-32L576.192-32c0-17.664 14.336-32 32-32S640-49.66399999999999 640-32l0 127.424c0.32 17.6-13.568 32.256-31.232 32.576-2.176 0.064-4.352-0.192-6.592-0.576-1.344 0.128-2.688 0.128-4.032 0L598.272 127.42399999999998zM726.272 191.67999999999995c-16.896-5.376-26.24-23.36-20.864-40.192 1.664-5.312 4.736-10.048 8.832-13.824l122.56-122.432c9.28-15.04 28.928-19.776 44.032-10.496 14.976 9.344 19.712 28.992 10.368 44.032-2.624 4.224-6.144 7.808-10.368 10.432l-122.56 122.432c-7.168 7.744-17.6 11.52-28.032 9.984-1.344 0.128-2.688 0.128-4.032 0L726.272 191.61599999999999zM339.968 28.03200000000004c-49.152 0-98.304 18.688-135.744 56.128-74.816 74.88-74.816 196.608 0 271.488l87.744 87.744c12.48 12.48 32.768 12.48 45.248 0s12.48-32.768 0-45.248L249.408 310.46400000000006c-49.92-49.856-49.92-131.136 0-180.992 49.856-49.856 131.136-49.856 180.992 0l87.744 87.744c12.48 12.48 32.768 12.48 45.248 0s12.48-32.768 0-45.248l-87.744-87.744C438.272 46.72000000000003 389.12 28.03200000000004 339.968 28.03200000000004zM702.144 323.712c-8.192 0-16.384 3.136-22.656 9.344-12.48 12.48-12.48 32.768 0 45.248l87.744 87.744c49.856 49.92 49.856 131.072 0 180.992-49.856 49.856-131.136 49.856-180.992 0L498.496 559.296c-12.48-12.48-32.768-12.48-45.248 0s-12.48 32.768 0 45.248l87.744 87.744c74.88 74.88 196.608 74.88 271.488 0 74.88-74.816 74.88-196.672 0-271.488l-87.744-87.744C718.528 326.784 710.336 323.712 702.144 323.712z" horiz-adv-x="1024" />
+
+
+ <glyph glyph-name="fonts-clear" unicode="" d="M944.787709 197.20939699999997L857.081297 197.20939699999997 741.092979-127.73993700000005 815.146059-127.73993700000005 832.440281-65.58476199999996 966.82809-65.58476199999996 984.512408-127.73993700000005 1062.011328-127.73993700000005 944.787709 197.20939699999997 944.787709 197.20939699999997ZM848.04409 1.1865400000000363L898.951519 153.25866699999995 949.923963 1.1865400000000363 848.04409 1.1865400000000363 848.04409 1.1865400000000363ZM210.238376 489.910857L183.386821 513.121524 12.46009 313.522794C-5.874386 292.652698-3.728862 260.989968 17.271265 242.720508 38.401424 224.45104800000001 70.454249 226.66158700000005 88.853741 247.53168300000004L100.361551 260.599873C106.603075 267.55657099999996 117.200662 268.20673 124.287392 262.22527 131.309106 256.048762 132.024281 245.51619000000005 125.912789 238.55949199999998 107.448281 217.62438099999997 98.085995 173.08850800000005 119.216154 154.81904799999995 140.281297 136.614603 183.841932 151.76330199999995 202.371455 172.69841299999996 208.417932 179.525079 219.145551 180.30526999999995 226.167265 174.19377799999995 233.188979 168.14730199999997 233.904154 157.61473 227.792662 150.65803200000005 209.328154 129.85295199999996 199.965868 85.05701599999998 221.096027 66.91758700000003 242.16117 48.648127000000045 285.656789 63.86184100000003 304.186313 84.666921 310.362821 91.62361899999996 321.025424 92.40381000000002 327.982122 86.29231700000003 335.068852 80.18082500000003 335.784027 69.71326999999997 329.672535 62.75657100000001 311.143011 41.82146 301.845741-2.9094599999999673 322.910884-20.983873000000017 344.041043-39.253333 387.601678-24.039619000000016 406.00117-3.234540000000038 412.177678 3.7221590000000333 422.840281 4.437332999999967 429.927011-1.6091430000000173 436.948725-7.720635000000016 437.598884-18.31822199999999 431.487392-25.144889000000035 413.022884-46.08000000000004 403.725614-90.81092100000001 424.790757-109.01536499999997 445.920916-127.15479400000004 477.973741-125.00927000000001 496.373233-104.20419000000004L667.299963 95.52457100000004 658.652852 132.90869799999996 210.238376 489.910857 210.238376 489.910857ZM844.013106 329.516698L680.10809 471.12127 929.639011 715.190857C933.2799 718.376635 936.725741 721.562413 939.976535 725.203302 977.815773 768.048762 973.524725 833.129651 930.28917 870.513778 887.183646 907.702857 821.58263 903.281778 783.808408 860.631365L783.483328 860.761397 564.249805 571.3107299999999 399.824662 713.56546C385.391138 726.113524 363.480789 724.553143 350.867709 710.249651L248.14263 593.871238 225.322059 567.994921 251.393424 545.434413 695.7119 161.25561900000002 726.26936 136.679619 847.328916 281.014857C859.941995 295.318349 858.44663 316.96863499999995 844.013106 329.516698L844.013106 329.516698ZM817.941741 830.724063C839.136916 854.779937 876.000916 857.315556 900.186821 836.250413 924.372725 815.380317 926.908344 778.906413 905.648154 754.85054 884.452979 730.924698 847.588979 728.389079 823.403075 749.3892060000001 799.21717 770.324317 796.811582 806.798222 817.941741 830.724063L817.941741 830.724063ZM765.473932 758.491429C768.919773 741.522286 777.6319 725.593397 791.80536 713.305397 806.043836 701.017397 823.533106 694.580825 841.087392 693.540571L643.634186 494.526984 593.116852 538.2176509999999 765.473932 758.491429 765.473932 758.491429ZM776.006503 299.739429L709.755328 219.314794 307.502122 566.369524 376.809043 645.03873C382.920535 651.865397 393.38809 652.5155560000001 400.409805 646.534095L774.381106 323.01511100000005C781.337805 317.098667 782.117995 306.69612700000005 776.006503 299.739429L776.006503 299.739429Z" horiz-adv-x="1063" />
+
+
+ <glyph glyph-name="triangle-r" unicode="" d="M293.291 728.256l426.88-355.456-426.88-355.52z" horiz-adv-x="1024" />
+
+
+ <glyph glyph-name="circle" unicode="" d="M511.998 847.999C255.739 847.999 48 640.26 48 383.999c0-256.258 207.739-463.998 463.998-463.998C768.261-79.99900000000002 976 127.74199999999996 976 383.999 976 640.26 768.261 847.999 511.998 847.999zM512.002-16.000999999999976c-220.915 0-400.002 179.088-400.002 400 0 220.917 179.086 400 400.002 400 220.912 0 399.998-179.083 399.998-400C912 163.087 732.914-16.000999999999976 512.002-16.000999999999976z" horiz-adv-x="1024" />
+
+
+ <glyph glyph-name="radio" unicode="" d="M512.5 383.5m-192 0a192 192 0 1 1 384 0 192 192 0 1 1-384 0ZM511.998 847.999C255.739 847.999 48 640.26 48 383.999c0-256.258 207.739-463.998 463.998-463.998C768.261-79.99900000000002 976 127.74199999999996 976 383.999 976 640.26 768.261 847.999 511.998 847.999zM512.002-16.000999999999976c-220.915 0-400.002 179.088-400.002 400 0 220.917 179.086 400 400.002 400 220.912 0 399.998-179.083 399.998-400C912 163.087 732.914-16.000999999999976 512.002-16.000999999999976z" horiz-adv-x="1024" />
+
+
+ <glyph glyph-name="align-center" unicode="" d="M992 448L32 448C14.32 448 0 462.336 0 480 0 497.664 14.32 512 32 512L992 512C1009.68 512 1024 497.664 1024 480 1024 462.336 1009.68 448 992 448ZM800 704C817.664 704 832 689.664 832 672 832 654.336 817.664 640 800 640L224 640C206.32 640 192 654.336 192 672 192 689.664 206.32 704 224 704L800 704ZM992 832L32 832C14.32 832 0 846.336 0 864 0 881.664 14.32 896 32 896L992 896C1009.68 896 1024 881.664 1024 864 1024 846.336 1009.68 832 992 832ZM224 256C206.32 256 192 270.336 192 288 192 305.664 206.32 320 224 320L800 320C817.664 320 832 305.664 832 288 832 270.336 817.664 256 800 256L224 256ZM32 128L992 128C1009.68 128 1024 113.66399999999999 1024 96 1024 78.33600000000001 1009.68 64 992 64L32 64C14.32 64 0 78.33600000000001 0 96 0 113.66399999999999 14.32 128 32 128ZM224-64L800-64C817.664-64 832-78.33600000000001 832-96 832-113.66399999999999 817.664-128 800-128L224-128C206.32-128 192-113.66399999999999 192-96 192-78.33600000000001 206.32-64 224-64Z" horiz-adv-x="1024" />
+
+
+ <glyph glyph-name="align-right" unicode="" d="M992 64L32 64C14.32 64 0 78.33600000000001 0 96 0 113.66399999999999 14.32 128 32 128L992 128C1009.68 128 1024 113.66399999999999 1024 96 1024 78.33600000000001 1009.68 64 992 64ZM992 256L288 256C270.32 256 256 270.336 256 288 256 305.664 270.32 320 288 320L992 320C1009.68 320 1024 305.664 1024 288 1024 270.336 1009.68 256 992 256ZM992 448L32 448C14.32 448 0 462.336 0 480 0 497.664 14.32 512 32 512L992 512C1009.68 512 1024 497.664 1024 480 1024 462.336 1009.68 448 992 448ZM992 640L288 640C270.32 640 256 654.336 256 672 256 689.664 270.32 704 288 704L992 704C1009.68 704 1024 689.664 1024 672 1024 654.336 1009.68 640 992 640ZM992 832L32 832C14.32 832 0 846.336 0 864 0 881.664 14.32 896 32 896L992 896C1009.68 896 1024 881.664 1024 864 1024 846.336 1009.68 832 992 832ZM288-64L992-64C1009.68-64 1024-78.33600000000001 1024-96 1024-113.66399999999999 1009.68-128 992-128L288-128C270.32-128 256-113.66399999999999 256-96 256-78.33600000000001 270.32-64 288-64Z" horiz-adv-x="1024" />
+
+
+ <glyph glyph-name="align-left" unicode="" d="M992 448L32 448C14.336 448 0 462.336 0 480 0 497.664 14.336 512 32 512L992 512C1009.664 512 1024 497.664 1024 480 1024 462.336 1009.664 448 992 448ZM32 704L736 704C753.68 704 768 689.664 768 672 768 654.336 753.68 640 736 640L32 640C14.336 640 0 654.336 0 672 0 689.664 14.336 704 32 704ZM992 832L32 832C14.336 832 0 846.336 0 864 0 881.664 14.336 896 32 896L992 896C1009.664 896 1024 881.664 1024 864 1024 846.336 1009.664 832 992 832ZM32 320L736 320C753.68 320 768 305.664 768 288 768 270.336 753.68 256 736 256L32 256C14.336 256 0 270.336 0 288 0 305.664 14.336 320 32 320ZM32 128L992 128C1009.664 128 1024 113.66399999999999 1024 96 1024 78.33600000000001 1009.664 64 992 64L32 64C14.336 64 0 78.33600000000001 0 96 0 113.66399999999999 14.336 128 32 128ZM32-64L736-64C753.68-64 768-78.33600000000001 768-96 768-113.66399999999999 753.68-128 736-128L32-128C14.336-128 0-113.66399999999999 0-96 0-78.33600000000001 14.336-64 32-64Z" horiz-adv-x="1024" />
+
+
+ <glyph glyph-name="loading-1" unicode="" d="M537.574469 831.696462c-14.123672 0-25.574469-11.447726-25.574469-25.574469 0-14.123672 11.450796-25.574469 25.574469-25.574469 204.495464 0 370.82877-166.358889 370.82877-370.82877 0-14.123672 11.450796-25.574469 25.574469-25.574469 14.123672 0 25.574469 11.450796 25.574469 25.574469C959.551152 642.385838 770.241552 831.696462 537.574469 831.696462z" horiz-adv-x="1024" />
+
+
+ <glyph glyph-name="return" unicode="" d="M927.858848 417.938973L168.863431 417.938973l308.721247 308.86758c11.685133 11.69025 11.435447 30.881334-0.557702 42.868343-11.992125 11.985986-31.18321 12.226462-42.868343 0.536212L75.199191 411.071565c-1.994424-1.662873-3.773953-3.583618-5.294586-5.713119-4.047176-5.373381-6.013971-11.839653-5.9055-18.328437-0.12996-7.794523 2.725064-15.561417 8.595772-21.432125l361.565802-361.744881c11.685133-11.691273 30.876218-11.449773 42.868343 0.535189 11.993149 11.985986 12.242835 31.17707 0.557702 42.868343L168.441828 356.54571799999997l759.417019 0c16.527418 0 29.925566 13.738909 29.925566 30.694069S944.386266 417.938973 927.858848 417.938973z" horiz-adv-x="1024" />
+
+
+ <glyph glyph-name="fonts-strong" unicode="" d="M199.092919 848.487893l355.326704 0c70.335928 0 122.780371-2.942005 157.349701-8.809643 34.568307-5.884011 65.491597-18.131963 92.78522-36.759205 27.27725-18.627243 50.01409-43.427068 68.209498-74.397431 18.195408-30.986735 27.293623-65.699328 27.293623-104.169501 0-41.7161-11.17655-79.977519-33.496905-114.802676s-52.604078-60.951187-90.818425-78.362742c54.075593-15.765055 95.647407-42.626843 124.715443-80.585363s43.602054-82.58388 43.602054-133.877103c0-40.388872-9.417487-79.673597-28.220738-117.839849-18.803251-38.182624-44.482097-68.673056-77.035514-91.489714-32.55444-22.833031-72.702835-36.855396-120.414487-42.09984-29.931706-3.229554-102.122889-5.260817-216.572524-6.060019L199.092919-40.765192999999954 199.092919 848.487893zM378.171504 700.1084940000001l0-205.684546 117.64849 0c69.935816 0 113.410979 1.006933 130.390699 3.038196 30.730908 3.629667 54.891168 14.246469 72.478731 31.850405 17.588587 17.588587 26.381857 40.756239 26.381857 69.473281 0 27.501354-7.594979 49.838082-22.75219 67.042929-15.158235 17.188474-37.702694 27.597545-67.618027 31.242562-17.796318 2.01489-68.945255 3.038196-153.431461 3.038196L378.171504 700.109518zM378.171504 346.04454999999996l0-236.383732 166.622902 0c64.85203 0 106.008382 1.807159 123.43631 5.420453 26.750247 4.828982 48.543599 16.58063 65.363683 35.272341s25.247011 43.714617 25.247011 75.085092c0 26.526143-6.491855 49.03888-19.459191 67.538209-12.983709 18.48398-31.722492 31.961946-56.250118 40.404222s-77.739549 12.663414-159.619394 12.663414L378.171504 346.04454999999996z" horiz-adv-x="1024" />
+
+
+ <glyph glyph-name="upload" unicode="" d="M831.488 478.208C831.488 478.208 831.488 478.208 831.488 478.208c0 143.36-114.688 258.048-253.952 258.048-98.304 0-184.32-57.344-225.28-139.264C327.68 605.184 307.2 609.28 286.72 609.28c-90.112 0-159.744-73.728-159.744-159.744 0-16.384 4.096-28.672 8.192-40.96C57.344 379.904 0 310.27200000000005 0 224.25599999999997c0-106.496 86.016-192.512 192.512-192.512l192.512 0 0 192.512L258.048 224.25599999999997l258.048 258.048 258.048-258.048-126.976 0 0-192.512 192.512 0L839.68 35.84000000000003c106.496 16.384 192.512 110.592 192.512 221.184C1024 371.712 937.984 465.92 831.488 478.208z" horiz-adv-x="1033" />
+
+
+ <glyph glyph-name="dialogue" unicode="" d="M998.4 500.992C998.4 682.24 811.392 829.696 581.632 829.696c-121.216 0-235.904-41.472-315.264-114.048 37.504 8.192 76.416 13.056 115.456 14.464 59.264 30.592 128.256 46.72 199.808 46.72 198.144 0 359.296-123.776 359.296-275.968 0-31.872-7.04-63.232-20.992-93.056 7.552-28.16 11.264-57.344 11.008-86.528C975.104 374.784 998.4 436.736 998.4 500.992L998.4 500.992zM442.368 398.72c-30.72 0-55.808-23.04-55.808-51.328s25.088-51.328 55.808-51.328 55.808 23.04 55.808 51.328S473.088 398.72 442.368 398.72zM243.328 398.72c-30.72 0-55.808-23.04-55.808-51.328s25.088-51.328 55.808-51.328 55.808 23.04 55.808 51.328C299.264 375.67999999999995 274.176 398.72 243.328 398.72zM641.28 398.72c-30.72 0-55.808-23.04-55.808-51.328s25.088-51.328 55.808-51.328 55.808 23.04 55.808 51.328S672.128 398.72 641.28 398.72zM442.368 677.888C212.608 677.888 25.6 530.432 25.6 349.312c0-179.968 173.696-296.192 332.544-321.664l60.8-78.336c5.632-7.424 14.464-11.008 23.296-11.008 8.832 0 17.792 3.712 23.424 11.008l60.8 78.464C685.312 53.24800000000005 859.008 169.47199999999998 859.008 349.44000000000005 859.136 530.432 672.128 677.888 442.368 677.888zM714.88 173.82399999999996c-52.224-45.184-124.288-77.952-197.376-89.6C503.168 81.91999999999996 490.112 74.24000000000001 481.28 62.72000000000003l-38.784-49.92-38.912 49.92c-8.96 11.52-21.888 19.2-36.224 21.504-73.216 11.776-145.152 44.416-197.376 89.728-39.68 34.304-86.912 92.544-86.912 175.36 0 69.76 35.584 136.192 100.352 187.264 68.736 54.144 160.768 84.096 258.944 84.096 98.304 0 190.336-29.824 259.072-84.096 64.768-51.072 100.352-117.504 100.352-187.264C801.664 266.36800000000005 754.56 208.12800000000004 714.88 173.82399999999996z" horiz-adv-x="1024" />
+
+
+ <glyph glyph-name="video" unicode="" d="M952.523633 599.2477269999999L952.523633 599.2477269999999 952.523633 599.2477269999999zM100.53762400000005 661.054062C100.53762400000005 661.054062 100.53762400000005 661.054062 100.53762400000005 661.054062 100.53762400000005 661.054062 100.53762400000005 661.054062 100.53762400000005 661.054062zM100.74228 720.404517L100.74228 720.404517 100.74228 720.404517zM660.990107 739.9449716666666c8.697911 0 17.498151-0.511642 25.684421-2.353553 12.279404-2.865194 23.22854-8.18627 34.382332-16.679524 15.144599-11.460777 26.196063-29.572899 32.02878-52.187469 3.479165-13.405016 2.967523-28.651944 2.558209-42.05696-0.102328-4.195463-0.204657-8.083941-0.204657-11.665434l0-37.759169 101.407415 70.401919 25.479764 17.60048c0.511642 0.306985 1.330269 1.023284 2.148896 1.637254 4.40012 3.376836 11.051464 8.595583 20.977316 11.051464 3.274508 0.818627 6.549016 1.22794 10.02818 1.22794 9.618867 0 19.44239-3.274508 27.730987999999996-9.311882 18.82842-13.916657999999998 18.726092-35.405616 18.726092-51.061857 0-1.023284 0-2.148896 0-3.172179l0-409.620466c0-15.963226 0.102328-37.963825-19.647047-51.982812-6.753672-4.809433-16.679524-8.390926-27.219346-8.390926-5.01409 0-10.130509 0.818627-15.144599 2.762866-7.162986 2.762866-12.279404 6.856000999999999-16.065554 9.823524-0.920955 0.716299-1.841911 1.432597-2.353553 1.841911l-24.968122 17.395823-101.10043 70.094934 0-37.963825c0-3.581493 0.102328-7.367643 0.204657-11.460777 0.409313-14.735285 0.818627-29.982212-2.865194-43.796542-5.62806-21.488957999999997-16.679524-39.396423-31.107825-50.447886-7.879285-6.037374-18.930748-13.405016-34.075347-16.986509-7.776956-1.841911-16.167882-2.353553-24.45648-2.353553-4.297792 0-8.595583 0.102328-12.688718 0.204657-3.683821 0.102328-7.162986 0.204657-10.232837 0.204657L167.15339300000005 84.94107466666674c-1.944239 0-3.888478 0-5.832717 0-1.944239 0-3.990806 0-5.935045 0-16.577196 0-33.461377 0.61397-47.787349 6.549016-27.935644999999997 11.563106-46.764065 37.759169-53.006096 73.574098l-0.409313 2.251224 0 2.353553c-0.102328 18.930748-0.204657 37.861497-0.306985 56.792245l0 0.511642L53.87588699999998 598.0155226666666c0 4.40012-0.102328 8.902568-0.102328 13.712001999999998-0.306985 27.01469-0.716299 54.950335 9.311882 76.643949 9.823524 21.284300999999996 27.526331999999996 38.066154 48.708304 45.945438 5.730389 2.148896 11.051464 2.762866 15.04227 3.172179 1.023284 0.102328 2.353553 0.306985 3.069851 0.409313l4.093135 1.534926 500.9997 0c3.581493 0 7.572299 0.102328 11.767763 0.306985C651.166583 739.7403146666667 656.078345 739.9449716666666 660.990107 739.9449716666666M304.273409 266.7785886666668L559.889677 394.2797376666667l0 33.973019L304.273409 555.9585626666667 304.273409 266.7785886666668M660.990107 780.8763196666666c-5.62806 0-10.949136-0.204657-15.758569-0.306985-3.888478-0.102328-7.469971-0.204657-10.437494-0.204657L133.79434400000002 780.3646776666667l-7.265314 0-6.446687-2.353553c-5.3210749999999996-0.61397-13.609673-1.841911-22.716898-5.218747-31.210153-11.665434-57.303887-36.121915-71.629859-67.229739-13.814329999999998-30.084541-13.405016-64.159888-12.995703-94.244429 0.102328-4.604777 0.102328-9.004897 0.102328-13.20036l0-371.349655 0-0.102328 0-0.102328 0-0.511642c0.102328-18.930748 0.204657-37.861497 0.306985-56.792245l0-2.251224 0-3.479165 0.61397-3.376836 0.409313-2.251224c4.195463-23.944839 12.791046-45.126811 25.479764-62.727291 13.609673-18.82842 31.107825-32.847407 52.08514-41.545318 21.488957999999997-8.902568 44.001199-9.618867 63.443589-9.618867 2.046567 0 4.093135 0 6.139702 0 1.841911 0 3.78615 0 5.62806 0l473.166384 0c2.558209 0 5.62806-0.102328 9.004897-0.204657 4.195463-0.102328 8.902568-0.306985 13.916657999999998-0.306985 13.302688 0 24.149495 1.125612 33.973019 3.479165 22.819227 5.423404 39.089437 16.474868 49.322274 24.251824 21.693613999999997 16.577196 37.963825 42.363944999999994 45.84311 72.653143 2.251224 8.595583 3.376836 17.088838 3.990806 25.377436l36.838213-25.582093 24.558809-17.088838c0.306985-0.204657 0.61397-0.511642 0.920955-0.716299 4.809433-3.683821 13.609673-10.642149999999999 26.400719-15.656241 9.516538-3.683821 19.647047-5.62806 30.084541-5.62806 18.009793 0 36.53122799999999 5.832717 50.8572 15.963226 16.577196 11.767763 27.730987999999996 27.935644999999997 33.052064 48.094334 3.78615 14.4283 3.78615 27.628659999999996 3.78615 37.34985499999999l0 409.518137c0 0.920955 0 1.739582 0 2.660538l0 0.409313c0 9.41421 0.102328 22.409913-3.479165 36.53122799999999-5.116419 19.749375-15.758569 35.81493-31.721795 47.68502-15.144599 11.153792-33.666034 17.293495-52.08514 17.293495-6.753672 0-13.507345-0.818627-19.954032-2.455881-18.21445-4.604777-30.289198-13.916657999999998-36.019586-18.419107l0 0c-0.204657-0.204657-0.511642-0.409313-0.716299-0.511642l-25.172779-17.293495-0.102328 0-0.102328 0-37.14519799999999-25.786749c-0.511642 7.674628-1.637254 15.553912-3.683821 23.433197-8.18627 31.721795-24.354152 57.508544-46.866394 74.597382-15.758569 11.972419-32.02878 19.851704-49.833916 23.944839C685.8559009999999 779.7507076666667 674.702109 780.8763196666666 660.990107 780.8763196666666L660.990107 780.8763196666666zM345.204757 332.9850436666668L345.204757 489.75210666666663l157.074048-78.48586L345.204757 332.9850436666668 345.204757 332.9850436666668zM347.455981 429.177975L347.455981 308.02118499999995 347.455981 429.177975Z" horiz-adv-x="1024" />
+
+
+ <glyph glyph-name="headset" unicode="" d="M356.285031 2.1522690000000466L356.396571 2.1522690000000466 356.396571 285.236626 253.462201 285.236626 253.462201 2.1522690000000466ZM665.076886 285.236626l103.042841 0 0-283.08538-103.042841 0 0 283.08538ZM63.809793 301.950286c0-38.758746-3.195785-112.220874 5.457292-148.208507l65.735144 0c-10.112312 35.644825-7.747451 109.176538-7.747451 148.208507 0 219.937155 172.264389 398.231887 384.763131 398.231887 212.498742 0 384.763131-178.294732 384.763131-398.231887 0-39.031968 2.266623-112.563682-7.845689-148.208507l65.735144 0c8.653077 35.987632 5.555529 109.449761 5.555529 148.208507 0 256.20415-200.670346 463.898469-448.208115 463.898469C264.479115 765.848755 63.809793 558.1544349999999 63.809793 301.950286z" horiz-adv-x="1024" />
+
+
+ <glyph glyph-name="cellphone-fine" unicode="" d="M731.514252 896L292.485748 896C195.323702 896 116.154627 816.830925 116.154627 719.6688790000001l0-671.337759c0-97.162046 79.169075-176.331121 176.331121-176.331121l438.628661 0c97.162046 0 176.331121 79.169075 176.331121 176.331121L907.445529 719.6688790000001C907.845373 816.830925 828.676298 896 731.514252 896zM292.485748 853.216712l438.628661 0c70.772355 0 128.349863-55.178446 133.147989-124.751269L159.737602 728.465443C164.135884 798.038266 222.113237 853.216712 292.485748 853.216712zM865.062085 48.73096399999997c0-73.571261-59.976572-133.547833-133.547833-133.547833L292.485748-84.816868c-73.571261 0-133.547833 59.976572-133.547833 133.547833l0 45.582194 705.724326 0L864.662241 48.73096399999997zM865.062085 137.096447L158.937915 137.096447 158.937915 685.682155l705.724326 0L864.662241 137.096447zM512-54.82858299999998c13.59469 0 26.789535 5.597813 36.385787 15.194065 9.596251 9.596251 15.194065 22.791097 15.194065 36.385787 0 13.59469-5.597813 26.789535-15.194065 36.385787-9.596251 9.596251-22.791097 15.194065-36.385787 15.194065-13.59469 0-26.789535-5.597813-36.385787-15.194065-9.596251-9.596251-15.194065-22.791097-15.194065-36.385787 0-13.59469 5.597813-26.789535 15.194065-36.385787C485.210465-49.23076900000001 498.40531-54.82858299999998 512-54.82858299999998z" horiz-adv-x="1024" />
+
+
+ <glyph glyph-name="add-1" unicode="" d="M566.935 57.63900000000001c0-30.366-24.612-54.972-54.935-54.972v0c-30.384 0-54.996 24.612-54.996 54.972v610.057c0 30.361 24.612 54.972 54.996 54.972v0c30.33 0 54.935-24.612 54.935-54.972v-610.057zM817.004 417.633c30.384 0 54.996-24.606 54.996-54.966v0c0-30.354-24.612-54.966-54.996-54.966h-610.062c-30.33 0-54.942 24.612-54.942 54.966v0c0 30.359 24.612 54.966 54.942 54.966h610.062zM817.004 417.633z" horiz-adv-x="1024" />
+
+
+ <glyph glyph-name="face-smile-b" unicode="" d="M511.931733-128c-136.738133 0-265.284267 53.213867-361.984 149.879467C53.282133 118.51093300000002 0 247.09119999999996 0 384c0 136.738133 53.282133 265.3184 150.050133 362.0864C246.749867 842.683733 375.296 896 512.136533 896s265.4208-53.316267 362.1888-149.9136c199.645867-199.714133 199.543467-524.5952 0-724.206933C777.454933-74.71786699999996 648.772267-128 511.931733-128L511.931733-128 511.931733-128 511.931733-128 511.931733-128 511.931733-128zM512.034133 829.303467c-118.920533 0-230.741333-46.2848-314.914133-130.389333C113.083733 614.8778669999999 66.7648 502.8864 66.7648 384c0-118.9888 46.2848-230.912 130.3552-315.016533 84.0704-84.0704 195.857067-130.321067 314.811733-130.321067 119.022933 0 230.946133 46.318933 315.016533 130.423467 173.704533 173.636267 173.704533 456.157867 0 629.794133C742.877867 782.984533 631.057067 829.303467 512.034133 829.303467L512.034133 829.303467 512.034133 829.303467 512.034133 829.303467 512.034133 829.303467 512.034133 829.303467zM330.103467 244.25813300000004c0 0 59.904-95.9488 181.828267-95.9488s201.8304 95.9488 201.8304 95.9488 45.294933 0.136533 45.192533-47.957333c0 0-78.506667-111.8208-247.022933-111.8208s-223.368533 111.8208-223.368533 111.8208S286.856533 244.25813300000004 330.103467 244.25813300000004L330.103467 244.25813300000004 330.103467 244.25813300000004 330.103467 244.25813300000004 330.103467 244.25813300000004zM363.2128 548.590933c-34.5088 0-62.702933-28.091733-62.702933-62.737067 0-34.679467 28.194133-62.6688 62.702933-62.6688 34.679467 0 62.702933 28.091733 62.702933 62.6688C425.915733 520.4992 397.858133 548.590933 363.2128 548.590933L363.2128 548.590933 363.2128 548.590933 363.2128 548.590933 363.2128 548.590933 363.2128 548.590933zM684.544 548.590933c-34.679467 0-62.702933-28.091733-62.702933-62.737067 0-34.679467 28.023467-62.6688 62.702933-62.6688 34.6112 0 62.600533 28.091733 62.600533 62.6688C747.144533 520.4992 719.121067 548.590933 684.544 548.590933L684.544 548.590933 684.544 548.590933 684.544 548.590933 684.544 548.590933 684.544 548.590933zM684.544 548.590933" horiz-adv-x="1025" />
+
+
+ <glyph glyph-name="fonts-html" unicode="" d="M194.33 416.235h-101.295v101.28h-46.035v-267.03h46.035v119.7h101.28v-119.7h46.035v267.03h-46.035v-101.28zM277.205 480.69h73.665v-230.205h46.035v230.205h73.665v36.825h-193.365v-36.825zM627.815 335.58000000000004l-46.755 181.935h-73.665v-267.03h46.035v211.785l46.035-211.785h55.245l46.83 213.93-0.795-213.93h46.035v267.03h-73.665l-45.3-181.935zM848.09 287.30999999999995v230.205h-46.035v-267.03h174.945v36.825h-128.91z" horiz-adv-x="1024" />
+
+
+ <glyph glyph-name="screen-full" unicode="" d="M641.750109 511.899972l205.227128 204.519-0.704035-115.89966c-0.282433-9.611915 7.489578-18.09103 17.101493-17.808598l12.297071 0c9.611915 0.283456 17.667382 5.936199 17.808598 15.689331l0.565888 172.57752c0 0.14224 0.282433 9.187243 0.282433 9.187243 0.14224 4.804423-0.99056 9.187243-4.100388 12.297071-3.109828 3.109828-7.347339 5.086855-12.297071 4.946662l-8.763594-0.14224c-0.141216 0-0.278339 0-0.420579-0.14224L697.581696 797.833213c-9.611915-0.283456-17.667382-8.200776-17.808598-17.950837l0-12.297071c1.416256-11.44875 10.458189-18.092054 20.070104-17.808598l112.789832-0.283456-204.66124-203.814965c-9.329483-9.329483-9.329483-24.449855 0-33.778314 9.329483-9.470699 24.452925-9.470699 33.782408 0L641.750109 511.899972zM383.095141 319.11010699999997L177.726797 115.29411900000002l0.707105 115.338888c0.283456 9.607822-7.492648 18.086937-17.104563 17.808598l-13.001105 0c-9.611915-0.283456-17.667382-5.937223-17.808598-15.690354l-0.565888-172.718737c0-0.14224-0.282433-9.187243-0.282433-9.187243-0.14224-4.808516 0.99056-9.187243 4.096295-12.297071 3.109828-3.109828 7.351432-5.086855 12.297071-4.946662l8.762571 0.14224c0.14224 0 0.283456 0 0.425695 0.14224l171.873486-0.708128c9.607822 0.283456 17.667382 8.196683 17.808598 17.950837L344.93503 63.42477399999996c-1.415232 11.44875-10.461259 18.092054-20.074198 17.808598L212.069977 81.51682800000003 416.59 285.32872299999997c9.329483 9.329483 9.329483 24.453948 0 33.782408C407.40685 328.58182999999997 392.424624 328.58182999999997 383.095141 319.11010699999997L383.095141 319.11010699999997zM894.047276 60.03251399999999l-0.424672 172.718737c-0.283456 9.612938-8.200776 15.406898-17.809621 15.690354l-12.296047 0c-9.612938 0.278339-17.243733-8.200776-17.105586-17.808598l0.708128-115.903753L641.750109 319.11010699999997c-9.329483 9.329483-24.452925 9.329483-33.782408 0-9.325389-9.328459-9.325389-24.452925 0-33.782408L812.490795 81.51682800000003l-112.789832-0.283456c-9.611915 0.283456-18.515702-6.502088-20.073174-17.808598l0-12.297071c0.282433-9.611915 8.200776-17.667382 17.808598-17.950837l171.166381 0.708128c0.141216 0 0.282433-0.14224 0.424672-0.14224l8.763594-0.14224c4.803399-0.141216 9.187243 1.694595 12.296047 4.946662 3.109828 3.109828 4.238534 7.488555 4.097318 12.297071 0 0-0.14224 9.046027-0.14224 9.187243L894.047276 60.03149099999996zM212.216309 749.493252l112.789832 0.283456c9.607822-0.283456 18.512632 6.502088 20.070104 17.808598L345.076246 779.883399c-0.283456 9.611915-8.196683 17.667382-17.808598 17.950837l-172.011632-0.708128c-0.14224 0-0.283456 0.14224-0.425695 0.14224l-8.761548 0.14224c-4.808516 0.141216-9.187243-1.694595-12.297071-4.946662-3.109828-3.109828-4.242627-7.488555-4.096295-12.297071 0 0 0.282433-9.046027 0.282433-9.187243l0.420579-172.718737c0.14224-9.608845 8.200776-15.406898 17.808598-15.686261l13.005198 0c9.611915-0.282433 17.242709 8.196683 17.10047 17.808598l-0.564865 115.334795 205.231221-203.958228c9.324366-9.329483 24.448832-9.329483 33.777291 0 9.329483 9.329483 9.329483 24.452925 0 33.782408L212.216309 749.493252 212.216309 749.493252zM212.216309 749.493252" horiz-adv-x="1024" />
+
+
+ <glyph glyph-name="form" unicode="" d="M314.278111 437.019389l395.439892 0 0-30.297458-395.439892 0L314.278111 437.019389zM314.278111 315.83495200000004l395.439892 0 0-30.297458-395.439892 0L314.278111 315.83495200000004zM314.278111 194.62833l263.626661 0 0-30.297458L314.278111 164.330872 314.278111 194.62833zM609.376235 739.9931730000001c-7.849678 42.966669-48.394988 75.742447-97.378777 75.742447-48.961604 0-89.51311-32.775778-97.380776-75.742447L116.55177 739.9931730000001l0-787.725922 790.893774 0 0 787.725922L609.376235 739.9931730000001zM446.091342 670.440529l0 17.613058 0 36.791056c0 33.410348 29.57295 60.594317 65.906116 60.594317 36.352353 0 65.907115-27.183969 65.907115-60.594317l0-36.791056 0-17.621053 16.672696-8.712493c32.358061-16.929922 57.169039-42.663874 71.406386-73.213161L358.043239 588.50688c14.240345 30.555683 39.051523 56.281241 71.408385 73.213161L446.091342 670.440529zM874.489888-17.436289999999985L149.505227-17.436289999999985 149.505227 709.694715 413.138884 709.694715l0-21.641327c-51.44492-26.923746-88.727643-74.124144-98.86377-129.845165l395.44289 0c-10.102151 55.730615-47.40466 102.921419-98.859773 129.845165l0 21.641327 263.631658 0L874.489888-17.436289999999985z" horiz-adv-x="1024" />
+
+
+ <glyph glyph-name="cart" unicode="" d="M365.920994 84.618469c-39.030945 0-70.78516-31.754215-70.78516-70.78516s31.754215-70.784136 70.78516-70.784136c39.030945 0 70.784136 31.753191 70.784136 70.784136S404.951939 84.618469 365.920994 84.618469zM365.920994-5.784493999999995c-10.818393 0-19.61985 8.801457-19.61985 19.618826 0 10.818393 8.801457 19.61985 19.61985 19.61985s19.618826-8.801457 19.618826-19.61985C385.540843 3.015939000000003 376.739387-5.784493999999995 365.920994-5.784493999999995zM808.821219 84.618469c-39.030945 0-70.784136-31.754215-70.784136-70.78516s31.753191-70.784136 70.784136-70.784136 70.78516 31.753191 70.78516 70.784136S847.852164 84.618469 808.821219 84.618469zM808.821219-5.784493999999995c-10.81737 0-19.618826 8.801457-19.618826 19.618826 0 10.818393 8.801457 19.61985 19.618826 19.61985 10.818393 0 19.61985-8.801457 19.61985-19.61985C828.441069 3.015939000000003 819.640636-5.784493999999995 808.821219-5.784493999999995zM443.99107 305.940157c-14.057157-1.416256-24.305569-13.959943-22.890336-28.0171 1.328251-13.187347 12.446473-23.02132 25.423019-23.02132 0.856507 0 1.723248 0.042979 2.594081 0.130983l439.314561 44.245713c0.088004 0.007163 0.174985 0.01842 0.261966 0.026606l0.180102 0.01842c0.50449 0.051165 1.001817 0.119727 1.496074 0.198521 0.222057 0.035816 0.443092 0.076748 0.663102 0.11768 0.552585 0.103354 1.100054 0.217964 1.638313 0.355087 0.085958 0.022513 0.169869 0.047072 0.254803 0.069585 0.586354 0.156566 1.161453 0.334621 1.728364 0.530073 0.077771 0.026606 0.155543 0.051165 0.233314 0.078795 0.626263 0.222057 1.239224 0.469698 1.840928 0.737804 0.039909 0.017396 0.078795 0.035816 0.118704 0.054235 1.277086 0.577145 2.496867 1.252527 3.647063 2.020006 0.001023 0.001023 0.002047 0.001023 0.00307 0.002047 0.553609 0.369414 1.088798 0.76134 1.609661 1.170662 0.069585 0.054235 0.137123 0.10847 0.205685 0.163729 0.48607 0.38988 0.958838 0.795109 1.413186 1.218758 0.092098 0.084934 0.180102 0.173962 0.270153 0.25992 0.394996 0.378623 0.778736 0.76748 1.14815 1.169639 0.11154 0.121773 0.222057 0.243547 0.331551 0.367367 0.333598 0.3776 0.653893 0.766456 0.964978 1.163499 0.12382 0.158612 0.249687 0.314155 0.370437 0.475837 0.322341 0.432859 0.629333 0.876973 0.925069 1.329275 0.113587 0.173962 0.224104 0.348947 0.333598 0.525979 0.296759 0.479931 0.580215 0.968048 0.845251 1.467421 0.069585 0.130983 0.134053 0.265036 0.201591 0.397043 0.289596 0.568958 0.563842 1.147126 0.811482 1.738597 0.00307 0.007163 0.005117 0.014326 0.008186 0.021489 0.569982 1.369184 1.019213 2.796696 1.345648 4.26514 0 0.001023 0 0.002047 0.001023 0.00307l0.00307 0.013303c0.035816 0.162706 0.075725 0.323365 0.10847 0.487094l56.17951 252.734118c0.895393 4.030803 0.780783 8.04728-0.165776 11.794627 0.50449 2.003634 0.774643 4.101411 0.774643 6.261611 0 14.128789-11.452843 25.582655-25.582655 25.582655L195.47502 616.098125l-52.358485 159.553902c-3.631714 11.067057-14.093996 17.972327-25.177426 17.590634-0.207731 0.005117-0.413416 0.01535-0.62217 0.01535L54.663994 793.258011c-14.128789 0-25.582655-11.453866-25.582655-25.582655s11.453866-25.582655 25.582655-25.582655l45.614897 0 197.955514-603.235934c3.536546-10.776438 13.546527-17.613146 24.303522-17.613146 2.067079 0 4.16281 0.26299 6.245238 0.788969l567.583946 0c14.129812 0 25.582655 11.453866 25.582655 25.582655s-11.452843 25.582655-25.582655 25.582655L340.816223 173.1979 212.265428 564.933839l701.224666 0-48.137347-216.557174L443.99107 305.940157z" horiz-adv-x="1024" />
+
+
+ <glyph glyph-name="camera-fill" unicode="" d="M512 480C436.515555 480 375.111111 419.712 375.111111 345.6 375.111111 271.48800000000006 436.515555 211.20000000000005 512 211.20000000000005 587.484446 211.20000000000005 648.888887 271.48800000000006 648.888887 345.6 648.888887 419.712 587.484446 480 512 480M512 172.79999999999995C414.808889 172.79999999999995 336 250.15679999999998 336 345.6 336 441.0432 414.808889 518.4 512 518.4 609.210667 518.4 688 441.0432 688 345.6 688 250.15679999999998 609.210667 172.79999999999995 512 172.79999999999995M903.111113 691.2L723.767113 691.2C713.383113 691.2 703.448887 695.2512 696.115554 702.4512L640.792887 756.7488C633.459554 763.9488 623.505779 768 613.141333 768L512 768 410.878222 768C400.494222 768 390.56 763.9488 383.226667 756.7488L327.904 702.4512C320.570667 695.2512 310.616889 691.2 300.252445 691.2L120.888889 691.2C77.866667 691.2 42.666667 656.64 42.666667 614.4L42.666667 76.79999999999995C42.666667 34.559999999999945 77.866667 0 120.888889 0L903.111113 0C946.133333 0 981.333333 34.559999999999945 981.333333 76.79999999999995L981.333333 614.4C981.333333 656.64 946.133333 691.2 903.111113 691.2" horiz-adv-x="1024" />
+
+
+ <glyph glyph-name="tabs" unicode="" d="M310.30303 523.636364L124.121212 523.636364c-17.128727 0-31.030303-13.901576-31.030303-31.030303l0-186.181818c0-17.128727 13.901576-31.030303 31.030303-31.030303l186.181818 0c17.128727 0 31.030303 13.901576 31.030303 31.030303L341.333333 492.606061C341.333333 509.734788 327.431758 523.636364 310.30303 523.636364zM294.787879 306.42424200000005L139.636364 306.42424200000005c-17.128727 0-15.515152-1.613576-15.515152 15.515152L124.121212 477.090909c0 17.128727-1.613576 15.515152 15.515152 15.515152l155.151515 0c17.128727 0 15.515152 1.613576 15.515152-15.515152l0-155.151515C310.30303 304.81066699999997 311.916606 306.42424200000005 294.787879 306.42424200000005zM418.909091 352.969697l480.969697 0 0 31.030303L418.909091 384 418.909091 352.969697zM418.909091 228.84848499999998l480.969697 0 0 31.030303L418.909091 259.878788 418.909091 228.84848499999998zM418.909091 89.21212100000002l480.969697 0 0 31.030303L418.909091 120.24242400000003 418.909091 89.21212100000002zM418.909091 492.606061l480.969697 0 0 31.030303L418.909091 523.636364 418.909091 492.606061zM992.969697 725.333333l-15.515152 0L977.454545 849.454545c0 17.128727-13.901576 31.030303-31.030303 31.030303L775.757576 880.484848c-17.128727 0-31.030303-13.901576-31.030303-31.030303l0-124.121212-139.636364 0L605.090909 849.454545c0 17.128727-13.901576 31.030303-31.030303 31.030303L403.393939 880.484848c-17.128727 0-31.030303-13.901576-31.030303-31.030303l0-124.121212-124.121212 0L248.242424 849.454545c0 17.128727-13.901576 31.030303-31.030303 31.030303L31.030303 880.484848C13.901576 880.484848 0 866.583273 0 849.454545l0-946.424242c0-17.128727 13.901576-31.030303 31.030303-31.030303l961.939394 0c17.128727 0 31.030303 13.901576 31.030303 31.030303L1024 694.30303C1024 711.431758 1010.098424 725.333333 992.969697 725.333333zM992.969697-65.939394c0-17.128727-13.901576-31.030303-31.030303-31.030303L62.060606-96.969697c-17.128727 0-31.030303 13.901576-31.030303 31.030303L31.030303 818.424242c0 17.128727 13.901576 31.030303 31.030303 31.030303l124.121212 0c17.128727 0 31.030303-13.901576 31.030303-31.030303l0-124.121212 744.727273 0c17.128727 0 31.030303-13.901576 31.030303-31.030303L992.969697-65.939394z" horiz-adv-x="1024" />
+
+
+ <glyph glyph-name="heart-fill" unicode="" d="M729.068827 776.44202c-94.686523 0-176.905082-48.314379-217.069851-118.640074-40.163745 70.325695-122.382305 118.640074-217.044268 118.640074-143.767358 0-229.665727-123.660414-229.665727-243.219417 0-283.128359 415.870616-527.841803 433.576883-538.126031 4.062526-2.363837 8.584516-3.538593 13.132088-3.538593 4.547573 0 9.070586 1.174756 13.132088 3.538593 17.706267 10.283204 433.576883 254.997672 433.576883 538.126031C958.708971 652.781606 872.811626 776.44202 729.068827 776.44202z" horiz-adv-x="1024" />
+
+
+ <glyph glyph-name="fonts-code" unicode="" d="M270 626c-12 12-32 12-44 0L9 409c-12-12-12-32 0-44l217-217c6-6 14-9 22-9s16 3 22 9c12 12 12 32 0 44L75 387 270 582C282 595 282 614 270 626zM1015 409L798 626c-12 12-32 12-44 0-12-12-12-32 0-44l195-195L754 192c-12-12-12-32 0-44 6-6 14-9 22-9s16 3 22 9l217 217C1027 377 1027 397 1015 409zM624 696L624 696c-16 6-34-3-40-19L382 119c-6-16 2-34 19-40l0 0c16-6 34 3 40 19l202 558C648 672 640 690 624 696z" horiz-adv-x="1025" />
+
+
+ <glyph glyph-name="ios" unicode="" d="M821.235026 351.984884c-1.287001 129.729651 105.791442 191.891776 110.553344 194.980577-60.102924 88.030835-153.796561 100.12864-187.258574 101.54434-79.794032 7.979403-155.598362-46.975519-196.010178-46.975519-40.411816 0-102.831341 45.688518-168.983167 44.530218-86.872534-1.287001-167.052666-50.57912-211.840284-128.442651-90.347436-156.756662-23.166009-388.931554 64.864826-515.958505 42.985817-62.162125 94.337137-132.046252 161.647264-129.600951 64.864826 2.574001 89.317835 41.956217 167.696167 41.956217s100.38604-41.956217 169.111867-40.669216c69.755428 1.287001 114.028245 63.449125 156.756662 125.86865 49.42082 72.200729 69.755428 142.084856 70.913728 145.559758C957.14228 145.550002 822.522026 197.030023 821.235026 351.984884L821.235026 351.984884 821.235026 351.984884zM692.277575 732.550935c35.778614 43.371917 59.845524 103.474841 53.281821 163.449065-51.48002-2.059201-113.899545-34.234214-150.83646-77.477431C561.647023 780.041254 532.560811 718.78003 540.411514 660.092806 597.811737 655.588305 656.49896 689.307718 692.277575 732.550935L692.277575 732.550935 692.277575 732.550935z" horiz-adv-x="1084" />
+
+
+ <glyph glyph-name="at" unicode="" d="M514.162246 831.556269c-246.201331 0-446.51045-200.783932-446.51045-447.571618 0-246.772336 201.037712-447.539896 448.157973-447.539896 50.29857 0 99.615788 8.224312 146.523121 24.436552 18.414395 6.370081 31.060413 12.423961 31.472805 12.630668 7.194866 3.217275 12.614296 9.049097 15.213493 16.401552 2.63092 7.305383 2.155083 15.133675-1.299599 22.043039l-2.883677 5.831822c-7.131421 14.262842-24.974811 20.569478-40.156582 13.850449-0.031722-0.031722-5.8001-3.02694-20.094664-8.082072-41.075511-14.627139-84.21196-22.059412-128.235616-22.059412-210.92592 0-382.487298 171.57775-382.487298 382.487298S305.423131 766.487298 516.349051 766.487298c210.894198 0 382.455575-171.5931 382.455575-382.423853-0.887206-51.868321-13.882172-100.486622-36.606733-136.855948-20.664645-33.104979-46.939055-51.994188-72.199369-51.994188-0.317225 0-0.601704 0-0.887206 0-45.829791 0.792039-75.433016 68.586075-75.433016 172.718737l0 185.269587c0 5.53097-1.426489 9.635451-4.373611 12.550851-4.944616 4.944616-12.360516 4.817726-21.267373 4.864798l-2.472308-0.016373-9.223059 0.016373c-7.701402-0.031722-13.469779 0.063445-17.495466-3.945869-3.645017-3.613294-4.119831-9.096169-4.119831-13.469779l0-31.060413c-45.196365 36.100196-80.440054 59.474556-131.9758 60.378136-1.045819 0.016373-2.059915 0.031722-3.074012 0.031722-108.74368 0-198.470237-99.218746-200.657043-222.779899-2.155083-124.701117 84.845387-227.723491 193.969737-229.625818 1.045819-0.01535 2.059915-0.031722 3.074012-0.031722 63.293535 0 122.276904 34.087353 159.992901 92.103698 24.373107-60.251246 61.519122-91.216491 110.48637-92.071975 0.697895-0.01535 1.394766-0.01535 2.060939-0.01535 33.945113 0 66.716494 14.610766 94.924953 42.328038 47.63695 46.796816 76.066443 124.796284 76.066443 208.643947l0 2.883677C959.595154 630.772336 759.761873 831.556269 514.162246 831.556269zM646.73975 354.651578c0-92.230588-58.475809-167.282934-130.390699-167.282934s-130.390699 75.052347-130.390699 167.282934c0 92.246961 58.475809 167.298284 130.390699 167.298284S646.73975 446.897515 646.73975 354.651578z" horiz-adv-x="1024" />
+
+
+ <glyph glyph-name="fire" unicode="" d="M890.059904 352.19948999999997C845.890699 458.956706 840.554889 548.4951550000001 857.396326 618.42714 859.144623 625.686731 860.991676 631.9776790000001 862.858846 637.425182 863.763607 640.064841 865.906573 645.659889 866.16406 646.532651L880.890349 696.448108 833.062903 675.9309969999999C832.106692 675.5208 830.618069 674.894716 827.426684 673.550492 824.667648 672.380966 822.310677 671.354022 819.868514 670.244809 813.291441 667.2575449999999 807.049466 664.090938 800.697749 660.4128450000001 784.089623 650.795565 768.486253 638.656896 753.86285 623.033596 727.630498 595.007563 706.526618 557.766355 691.78157 509.713231 675.041103 455.157161 671.516484 411.46006 673.004574 347.939834 673.477918 327.73476900000003 673.463923 322.197583 672.83965 318.324215 673.779618 324.156339 684.455526 333.67819899999995 696.104608 329.19567600000005 693.056849 330.36844199999996 685.695898 339.012828 676.314007 361.368339 660.550914 398.92921 646.834249 460.170272 636.817284 549.350468 625.445924 650.588768 630.103925 734.7280519999999 644.646978 801.338628 647.677924 815.221065 650.899934 827.082435 654.086773 836.904609 655.91465 842.538316 657.254607 846.094657 657.880284 847.554385L678.645286 896 628.243642 880.578031C617.409833 877.263087 599.94569 869.52239 578.105438 855.845223 542.547644 833.577626 507.199569 802.385036 474.400401 760.836776 447.596676 726.883228 423.611383 687.30061 403.118547 641.7016189999999 378.907516 587.829195 363.003277 542.798944 353.158029 503.238462 349.274261 487.632585 346.433259 473.323627 344.1945 458.925156 343.334411 453.39353 342.592734 448.063234 341.804612 441.911844 341.502524 439.553997 340.356619 430.329551 340.073506 428.145504 337.596047 409.033293 335.848224 404.35337 329.235273 398.312868 336.081933 404.566848 343.232634 404.098227 346.608002 402.086756 344.852318 403.133013 341.598345 406.493651 337.991853 411.887149 327.030897 428.279226 317.980358 454.883162 313.690598 489.339595 311.250185 508.941598 310.203772 539.08627 310.370048 576.545325 310.480474 601.422138 311.113088 628.122479 312.099068 654.977888 312.481453 665.393013 312.891081 675.105466 313.30045 683.8491750000001 313.545346 689.079919 313.735044 692.813105 313.84201 694.783403L317.55517 763.179488 271.360516 712.604139C270.467691 711.626645 268.852992 709.837042 266.618705 707.326295 262.927895 703.178805 258.823678 698.493751 254.407949 693.3614689999999 241.78797 678.693606 229.164348 663.340425 217.341267 648.004036 211.724185 640.717803 206.411389 633.591345 201.450577 626.6638379999999 176.017063 591.147305 156.617347 555.4025280000001 138.122768 512.155497 90.841957 401.595812 76.97672 299.64870599999995 99.261816 188.13489300000003 126.80821 50.29373899999996 188.553235-37.64422200000001 278.8297-84.690336 344.19104-118.75233700000001 408.837235-128 507.940695-128 525.713007-128 557.977207-125.567138 590.857378-120.46215900000004 641.152493-112.65333099999998 687.496192-99.78932299999997 726.063273-80.59104400000001 738.155853-74.57148800000004 743.07901-59.88870199999997 737.059454-47.79612199999997 731.039898-35.70354299999997 716.357111-30.780384000000026 704.264531-36.79993999999999 670.855859-53.43041900000003 629.092954-65.02289699999994 583.352478-72.12456999999995 552.984316-76.83953499999996 523.228215-79.08327499999996 507.940695-79.08327499999996 416.16215-79.08327499999996 357.934257-70.75375399999996 301.436271-41.310745999999995 224.830174-1.3887230000000272 171.977796 73.88423 147.230072 197.72094500000003 126.99711 298.965952 139.514783 391.004811 183.099329 492.921284 200.282663 533.1021499999999 218.020237 565.784358 241.22153 598.183718 245.831691 604.6215589999999 250.802959 611.289899 256.082244 618.137961 267.31885 632.713596 279.402035 647.409487 291.488864 661.457681 298.732051 669.8762429999999 304.338773 676.1767130000001 307.478705 679.614406L264.997214 697.435142C264.883874 695.347445 264.688038 691.493511 264.43725 686.13688 264.020474 677.234965 263.603959 667.359281 263.215279 656.7726250000001 262.21142 629.430212 261.566827 602.224414 261.453805 576.7624579999999 261.278897 537.3588179999999 262.385015 505.49418 265.148621 483.296209 276.058157 395.668083 322.627019 326.024497 362.226031 362.19561799999997 379.341732 377.829698 384.756649 392.328523 388.584361 421.857186 397.932742 493.974714 407.332926 531.746825 447.736538 621.64966 466.587287 663.594818 488.484326 699.731218 512.795234 730.526996 542.034492 767.565749 573.156162 795.028785 604.068111 814.386984 614.696751 821.043029 624.472062 826.201428 633.124687 830.036563 638.02329 832.207788 641.258688 833.404991 642.556233 833.802016L612.91959 866.825663C608.658554 856.884484 602.686705 838.478616 596.856038 811.772799 581.186705 740.003594 576.231674 650.498985 588.206246 543.890345 607.295279 373.94226100000003 638.819345 298.82556999999997 678.537329 283.542234 701.302332 274.78234499999996 717.731637 289.43566899999996 721.133156 310.5407 722.475759 318.870999 722.489387 324.26340300000004 721.907881 349.08549100000005 720.532565 407.791853 723.691247 446.952173 738.546223 495.36355 751.151827 536.44438 768.544047 567.135763 789.576147 589.605967 809.230566 610.60429 821.725461 617.839716 852.347733 630.9761169999999L842.705318 653.453557 819.246577 660.374464C822.235501 670.505564 813.450321 644.87463 809.839253 629.8801189999999 790.647573 550.1890470000001 796.611315 450.1135 844.8591 333.498332 883.105728 241.056017 874.587669 126.06492400000002 824.002925 61.39712899999995 815.680378 50.75754500000005 817.558709 35.38570000000004 828.198295 27.063153000000057 838.837879 18.740607999999952 854.209724 20.618939999999952 862.532269 31.258523999999966 924.762731 110.81426299999998 934.658528 244.404363 890.059904 352.19948999999997Z" horiz-adv-x="1024" />
+
+
+ <glyph glyph-name="set" unicode="" d="M466.496-126.62400000000002l-1.056 0.064c-25.184 2.08-47.456 22.368-51.744 47.232l-17.344 102.4c-0.672 4.064-6.624 11.04-10.56 12.416l-30.336 12.416c-5.44 2.496-15.424 0.8-17.472-0.64l-84.992-60.16c-19.584-14.016-51.456-12.736-70.08 3.168l-64.288 64c-17.952 20.48-19.488 50.592-4.736 71.296l60.416 84.672c2.176 3.072 2.784 11.52 1.024 15.04l0 0c0 0-1.664 3.104-7.264 16.608-6.176 14.848-6.816 17.44-6.816 17.44-0.992 3.04-7.456 8.672-11.36 9.376l-102.56 17.248c-25.152 4.288-45.44 26.624-47.168 52L0 428.288c2.112 27.36 22.496 49.6 47.52 53.728l102.528 17.344c4.128 0.672 11.008 6.56 12.416 10.496l12.608 30.336c2.368 4.992 1.6 14.112-0.8 17.504L113.984 642.24C99.36 662.88 100.704 692.896 117.056 712.192l64.416 64.224c20.672 18.208 51.296 18.784 71.36 4.64l84.992-60.16c1.952-1.376 13.28-2.016 15.04-1.056 0.384 0.192 2.528 1.344 16.704 7.168 14.24 5.92 16.576 6.592 16.576 6.592 3.84 1.184 9.504 7.648 10.144 11.424l17.44 102.4c4.32 25.152 26.752 45.376 52.128 47.104l90.528 0.064c27.328-2.112 49.632-22.368 53.952-47.232l17.344-102.432c0.672-4.064 6.656-11.04 10.624-12.48l30.304-12.352c6.24-2.784 15.456-0.8 17.44 0.608l85.024 60.16c19.52 14.016 51.392 12.704 70.08-3.136l64.288-64.032c17.952-20.48 19.456-50.56 4.736-71.264l-60.416-84.672c-2.208-3.136-2.848-11.616-1.056-15.04 0.16-0.352 1.376-2.56 7.232-16.672 5.856-14.112 6.592-16.512 6.592-16.512 1.248-4.032 7.712-9.6 11.648-10.304l102.56-17.248c25.152-4.224 45.44-26.592 47.168-52l0.096-90.304c-2.112-27.392-22.528-49.6-47.552-53.728l-102.528-17.376c-4.128-0.672-10.944-6.496-12.32-10.432l-12.736-30.432c-2.336-4.928-1.568-14.112 0.832-17.472l60.288-84.512c14.624-20.736 13.216-50.816-3.232-70.048l-64.192-64.096c-11.328-9.92-24.64-14.72-38.784-14.72l0 0c-11.904 0-23.52 3.552-32.704 10.016l-84.992 60.16c-1.952 1.408-13.312 2.016-15.072 1.056-0.288-0.16-2.432-1.312-16.608-7.2-14.08-5.792-16.384-6.496-16.384-6.496-4.16-1.28-9.792-7.776-10.432-11.52l-17.408-102.4c-4.352-25.152-26.72-45.344-52.032-47.104L466.496-126.62400000000002zM347.84 100.60799999999995c10.368 0 20.192-2.112 28.48-6.112l27.648-11.296c20.416-7.072 38.976-28.992 42.848-51.584l17.344-102.336c0.288-1.6 3.136-4.32 5.056-4.832l87.296 0.064c-0.032 0.064 3.04 2.944 3.328 4.672l17.408 102.368c3.872 22.656 23.328 44.832 45.28 51.584 0 0 0 0 0 0-0.096 0 2.976 1.152 12.448 5.056 9.472 3.936 12.384 5.248 13.12 5.568 18.208 9.6 49.44 8.032 67.776-4.96l84.928-60.16c0.192-0.128 1.312-0.64 3.104-0.64l0 0c2.048 0 3.52 0.672 3.872 0.96l61.536 61.408 0 0c-0.16 0 0.064 4.416-0.992 5.952l-60.224 84.448c-13.248 18.624-15.68 47.168-5.792 67.872l11.648 27.84c6.944 19.968 29.408 38.912 51.68 42.496l102.464 17.376c1.824 0.384 4.736 3.648 4.864 5.408L972.8 428.288l0 0c-0.096 0-2.88 3.072-4.576 3.424l-102.72 17.28c-23.168 4.032-44.896 22.976-51.776 45.056l0 0c-0.032 0-1.216 3.04-5.12 12.512-3.968 9.568-5.28 12.512-5.632 13.248-10.24 19.36-8.288 48.736 4.96 67.456L868.448 672c0.96 1.408 0.736 5.6-0.384 6.912l-61.408 61.184c0.704-0.8-0.768-0.192-2.848-0.192-1.728 0-2.784-0.416-3.008-0.576l-85.024-60.16c-17.824-12.8-47.776-15.36-68-5.664l-27.712 11.296c-20.512 7.2-39.04 29.088-42.88 51.584l-17.344 102.336c-0.288 1.76-3.616 4.704-5.504 4.864L467.616 843.52c0-0.064-3.104-2.944-3.392-4.672l-17.408-102.336c-3.84-22.624-23.264-44.8-45.216-51.584 0-0.032-3.008-1.184-12.416-5.088-9.568-3.936-12.512-5.248-13.248-5.568-17.984-9.568-49.344-8.032-67.744 4.992L223.264 739.36c-0.416 0.32-6.176 0.288-6.848-0.224L154.688 677.6320000000001c0 0 0 0 0 0 0.224 0 0.032-4.384 1.056-5.856L216 587.264c13.312-18.752 15.744-47.296 5.76-67.968l-11.52-27.648c-6.976-20.032-29.472-38.944-51.776-42.624L55.968 431.68c-1.824-0.384-4.704-3.648-4.832-5.408l0.096-86.56 0 0c0.096 0 2.912-3.104 4.608-3.424l102.656-17.28c23.04-4 44.704-22.912 51.712-44.928 0.256-0.736 1.44-3.84 5.088-12.64 3.68-8.832 5.024-11.84 5.472-12.736 10.592-20.288 8.672-48.96-4.672-67.904l-60.512-84.768c-0.96-1.408-0.736-5.632 0.384-6.912l61.408-61.184c-0.736 0.8 0.736 0.224 2.816 0.192 1.728 0 2.784 0.416 3.008 0.576l84.992 60.16C318.624 96.32000000000005 333.088 100.60799999999995 347.84 100.60799999999995zM512.032 133.856c-138.336 0-250.848 112.224-250.848 250.176 0 137.92 112.544 250.144 250.848 250.144s250.848-112.224 250.848-250.144C762.88 246.08000000000004 650.336 133.856 512.032 133.856zM512.032 583.136c-110.08 0-199.648-89.312-199.648-199.104s89.568-199.136 199.648-199.136 199.648 89.344 199.648 199.136S622.112 583.136 512.032 583.136z" horiz-adv-x="1024" />
+
+
+ <glyph glyph-name="fonts-u" unicode="" d="M0-49.23076900000001L945.230769-49.23076900000001 945.230769-128 0-128 0-49.23076900000001ZM0 896L407.076943 896 407.076943 834.065644 319.153861 827.872177 299.076923 809.911217 299.076923 365.841959C299.076923 281.19796199999996 317.076716 220.709337 353.076933 184.37435100000005 389.077071 148.03936499999998 448.153442 129.87210800000003 530.307702 129.87210800000003 606.000364 129.87210800000003 660.807522 149.17482299999995 694.730752 187.78072599999996 728.653982 226.38662899999997 745.61536 289.66226700000004 745.61536 377.60953099999995L745.61536 804.956475 724.153817 826.633531 633.461524 834.065644 633.461524 896 955.384596 896 955.384596 834.065644 868.846119 826.633531 849.461563 804.956475 849.461563 364.60331299999996C849.461563 246.92743900000005 819.923338 161.66533900000002 760.846178 108.81441500000005 701.76894 55.96348999999998 606.462188 29.53846199999998 474.923087 29.53846199999998 406.153531 29.53846199999998 345.807951 38.51886300000001 293.884613 56.47990200000004 241.961275 74.44093999999996 201.230887 100.143419 171.692347 133.58820400000002 149.076834 160.01362700000004 133.038474 190.25793999999996 123.57695 224.32200899999998 114.115348 258.386078 109.384625 307.21047599999997 109.384625 370.796702L109.384625 809.911217 89.307687 827.872177 0 834.065644 0 896Z" horiz-adv-x="1024" />
+
+
+ <glyph glyph-name="triangle-d" unicode="" d="M773.128299 88.65234199999998M889.696178 575.195553L158.862147 575.195553 524.357446 209.64704300000005 889.696178 575.195553Z" horiz-adv-x="1024" />
+
+
+ <glyph glyph-name="tips" unicode="" d="M967.280184 578.537671c-24.915459 58.887178-60.544935 111.76755-105.96745 157.161413-45.393863 45.393863-98.273211 81.051991-157.160389 105.96745-60.988026 25.803689-125.735679 38.853913-192.494129 38.853913-66.729797 0-131.504056-13.0799-192.494129-38.853913-58.887178-24.916483-111.766526-60.544935-157.160389-105.96745-45.393863-45.393863-81.051991-98.274234-105.96745-157.161413-25.803689-60.988026-38.884612-125.734656-38.884612-192.464453s13.0799-131.50508 38.884612-192.464453c24.915459-58.887178 60.544935-111.737874 105.96745-157.161413 45.393863-45.393863 98.273211-81.051991 157.160389-105.96745 60.988026-25.803689 125.735679-38.853913 192.494129-38.853913 66.729797 0 131.504056 13.0799 192.494129 38.853913 58.887178 24.916483 111.766526 60.544935 157.160389 105.96745 45.393863 45.393863 81.051991 98.274234 105.96745 157.161413 25.803689 60.988026 38.853913 125.734656 38.853913 192.464453S993.084896 517.549645 967.280184 578.537671zM511.687892-55.138552000000004c-243.302305 0-441.241446 197.909465-441.241446 441.21177S268.385587 827.284989 511.687892 827.284989c243.273652-0.029676 441.210747-197.938118 441.210747-441.21177S754.990197-55.138552000000004 511.687892-55.138552000000004zM511.657192 573.565427m-45.511543 0a44.475 44.475 0 1 1 91.023086 0 44.475 44.475 0 1 1-91.023086 0ZM542.729885 184.14011300000004c0-17.162892-13.906731-31.071669-31.070646-31.071669l0 0c-17.163915 0-31.070646 13.907755-31.070646 31.071669L480.588593 426.998303c0 17.162892 13.906731 31.071669 31.070646 31.071669l0 0c17.163915 0 31.070646-13.907755 31.070646-31.071669L542.729885 184.14011300000004z" horiz-adv-x="1024" />
+
+
+ <glyph glyph-name="picture" unicode="" d="M765.376 615.424c0 0 103.04 1.024 103.04-100.992 0 0 9.536-98.752-103.04-100.928 0 0-100.864-2.176-99.84 100.928C665.536 514.496 664.448 605.8879999999999 765.376 615.424ZM968.32 770.56c0 0 54.208-4.224 54.208-52.032l0-712.832c0 0-3.2-51.008-54.208-52.096L968.32 770.56ZM1.472 5.631999999999948c0 0 2.176-52.096 52.096-52.096L968.32-46.464000000000055l0 150.848-99.712 0-203.072 206.144-153.024-153.984L304.32 413.568l-205.056-307.072-45.632-1.024L52.48 718.4639999999999 1.472 718.4639999999999 1.472 5.631999999999948ZM968.32 770.56L53.568 770.56c0 0-52.096 1.088-52.096-52.032L968.32 718.528 968.32 770.56Z" horiz-adv-x="1024" />
+
+
+ <glyph glyph-name="more-vertical" unicode="" d="M511.998465 623.681848c40.525995 0 73.386404 35.771715 73.386404 79.892585s-32.860409 79.892585-73.386404 79.892585c-40.524972 0-73.384357-35.771715-73.384357-79.892585S471.47247 623.681848 511.998465 623.681848L511.998465 623.681848zM511.998465 463.893608c-40.524972 0-73.384357-35.772738-73.384357-79.893608 0-44.12087 32.859385-79.892585 73.384357-79.892585 40.525995 0 73.386404 35.772738 73.386404 79.892585C585.384869 428.12087 552.52446 463.893608 511.998465 463.893608L511.998465 463.893608zM511.998465 144.320199c-40.524972 0-73.384357-35.733852-73.384357-79.894631 0-44.119847 32.859385-79.893608 73.384357-79.893608 40.525995 0 73.386404 35.772738 73.386404 79.893608C585.383846 108.58634600000005 552.52446 144.320199 511.998465 144.320199L511.998465 144.320199z" horiz-adv-x="1024" />
+
+
+ <glyph glyph-name="bluetooth" unicode="" d="M844.799642 221.19607699999995L538.533306 374.84141l307.696917 177.029926c10.583033 5.006014 17.398252 15.59621 17.569144 27.302833s-6.332219 22.491247-16.764825 27.804253L475.584626 830.045869c-9.517771 4.846378-20.869307 4.39817-29.974685-1.181919-9.105379-5.581112-14.656815-15.493879-14.656815-26.174126l0-288.760636L210.662931 699.284733c-12.974499 10.915607-32.339546 9.248641-43.255153-3.724835-10.915607-12.973476-9.248641-32.339546 3.724835-43.255153L430.953126 433.687656l0-102.83511L171.558307 120.428046c-13.166881-10.68127-15.181771-30.013571-4.500501-43.180452 6.068206-7.480368 14.924921-11.360745 23.859407-11.360745 6.794753 0 13.634532 2.245134 19.322068 6.859221l220.714867 179.046862 0-283.065937c0-10.689457 5.561669-20.61041 14.680351-26.188452 4.903683-2.99931 10.455119-4.510734 16.019859-4.510734 4.78498 0 9.580193 1.118474 13.980409 3.368724l371.449917 224.085638c10.664897 5.456269 17.182334 16.618493 16.691147 28.589129C863.284645 206.04091200000005 855.875908 216.63110800000004 844.799642 221.19607699999995zM763.458055 580.639542L492.351498 420.917818l0 21.60711c0.563842 3.368724 0.558725 6.801916 0 10.153244L492.351498 752.604102 763.458055 580.639542zM492.351498 18.915047999999956L492.351498 311.51001199999996c0.558725 3.347235 0.562818 6.777357 0 10.146081l0 5.809309 267.472797-137.65822L492.351498 18.915047999999956z" horiz-adv-x="1024" />
+
+
+ <glyph glyph-name="flag" unicode="" d="M878.368178 798.272211c-11.363815 4.799306-24.470321 2.360767-33.31578-6.245238-0.36532-0.350994-37.162388-35.304064-95.163383-56.05262-75.462692-26.993794-150.763702-18.409279-223.812415 25.517163-38.347376 23.060205-81.875752 40.665165-129.376603 52.327786-37.582967 9.228175-77.742619 14.777565-119.363552 16.496719-70.805626 2.925632-121.493052-6.224772-123.615389-6.615675-14.56574-2.682086-25.140587-15.380292-25.140587-30.191626L128.58047-31.312913999999978c0-16.954137 13.745049-30.699186 30.699186-30.699186s30.699186 13.745049 30.699186 30.699186L189.978842 266.68306099999995c15.562441 5.250584 47.994084 14.447037 91.40171 17.48728 35.985586 2.51938 72.440869 0.378623 108.35073-6.363941 44.847417-8.420787 89.059362-24.102954 131.409912-46.611597 46.26879-24.591071 93.776803-41.069371 141.203976-48.977481 38.270629-6.380314 76.541257-7.219425 113.740484-2.491751 64.277956 8.16803 103.877859 30.461779 105.532545 31.406291 9.56689 5.464455 15.471366 15.637142 15.471366 26.656103L897.089565 769.958352C897.091612 782.298402 889.73711 793.470859 878.368178 798.272211zM835.69324 257.496841c-14.58416-5.755074-38.82526-13.530155-70.319555-17.225313-30.990828-3.635807-62.940494-2.676969-94.952582 2.851954-40.201607 6.943133-80.731696 21.171182-120.464629 42.289152-48.455595 25.753547-99.208513 43.61945-150.848637 53.101405-29.29214 5.378497-58.896388 8.079002-88.407516 8.079002-12.228509 0-24.443715-0.464581-36.609803-1.39272-34.879392-2.663666-63.618946-8.741082-84.111676-14.355963L189.978842 766.569162c19.971867 2.003634 50.446949 3.910053 86.392626 2.334161 58.186214-2.554172 143.250588-15.041578 218.064504-60.029188 61.32674-36.877909 119.196753-49.491181 169.691797-49.488111 42.293245 0.002047 79.416747 8.854669 109.019972 19.711947 24.269753 8.901741 45.327348 19.747763 62.544475 30.179346L835.692217 257.496841z" horiz-adv-x="1024" />
+
+
+ <glyph glyph-name="loading" unicode="" d="M511.999488 756.654348m-70.608128 0a69 69 0 1 1 141.216255 0 69 69 0 1 1-141.216255 0ZM236.047576 639.997442m-68.561515 0a67 67 0 1 1 137.123031 0 67 67 0 1 1-137.123031 0ZM125.530506 382.12428m-62.421678 0a61 61 0 1 1 124.843356 0 61 61 0 1 1-124.843356 0ZM227.861126 100.71507499999996m-54.235229 0a53 53 0 1 1 108.470457 0 53 53 0 1 1-108.470457 0ZM514.166851-16.84438799999998m-47.192835 0a46.118 46.118 0 1 1 94.385671 0 46.118 46.118 0 1 1-94.385671 0ZM804.730553 91.450061m-33.834596 0a33.064 33.064 0 1 1 67.669192 0 33.064 33.064 0 1 1-67.669192 0ZM935.55411 383.395226m-23.969924 0a23.424 23.424 0 1 1 47.939849 0 23.424 23.424 0 1 1-47.939849 0ZM856.723717 634.80007m-17.135262 0a16.745 16.745 0 1 1 34.270525 0 16.745 16.745 0 1 1-34.270525 0Z" horiz-adv-x="1024" />
+
+
+ <glyph glyph-name="fonts-i" unicode="" d="M897.948 834.255l0-64.322-128.65 0L447.674-1.9329999999999927l128.65 0 0-64.32L126.052-66.25300000000004l0 64.32 128.65 0 321.622 771.866-128.65 0L447.674 834.255 897.948 834.255z" horiz-adv-x="1024" />
+
+
+ <glyph glyph-name="refresh-1" unicode="" d="M688.146 736l-192 128v-256l192 128.001zM496.146 767.7090000000001c-231.174-8.416-416-198.479-416-431.709 0-238.587 193.413-432 432-432 233.23 0 423.293 184.826 431.709 416h-64.05c-8.377-195.817-169.778-352-367.658-352-203.241 0-368 164.759-368 368 0 197.88 156.183 359.282 352 367.658v64.051z" horiz-adv-x="1024" />
+
+
+ <glyph glyph-name="rmb" unicode="" d="M511.998465 896C229.23338 896 0.004605 666.769178 0.004605 384.001023c0-282.773272 229.227752-512.001023 511.99386-512.001023 282.769178 0 511.994883 229.227752 511.994883 512.001023C1023.994372 666.769178 794.767644 896 511.998465 896zM511.998465-91.59690499999999c-262.660188 0-475.589742 212.930577-475.589742 475.597929 0 262.663258 212.929554 475.594859 475.589742 475.594859 262.663258 0 475.590765-212.9316 475.590765-475.594859C987.590254 121.33469500000001 774.662747-91.59690499999999 511.998465-91.59690499999999zM738.742652 301.137781L544.432155 301.137781l0 69.780273 194.310497 0c17.835204 0 32.249495 14.43885 32.249495 32.220842 0 17.784038-14.414291 32.19526-32.249495 32.19526L589.7462 435.334155l149.620669 209.579249c8.916067 15.397688 3.63069 35.099403-11.82021 43.988864-15.398712 8.891508-35.097356 3.629667-44.017516-11.793604L512.187777 437.098335 340.84334 677.108664c-8.864902 15.423271-28.617781 20.685111-44.016493 11.793604-15.395642-8.889461-20.685111-28.590152-11.82021-43.988864l149.622716-209.579249L285.628808 435.334155c-17.781992 0-32.245402-14.411221-32.245402-32.19526 0-17.781992 14.46341-32.220842 32.245402-32.220842l194.310497 0 0-69.780273L285.628808 301.137781c-17.781992 0-32.245402-14.413268-32.245402-32.19526s14.46341-32.220842 32.245402-32.220842l194.310497 0 0-132.435265c0-17.780969 14.46341-32.19526 32.248472-32.19526 17.835204 0 32.245402 14.414291 32.245402 32.19526L544.433178 236.72065499999997l194.310497 0c17.835204 0 32.249495 14.43885 32.249495 32.220842S756.577856 301.137781 738.742652 301.137781" horiz-adv-x="1024" />
+
+
+ <glyph glyph-name="addition" unicode="" d="M544 768L480 768 480 416 128 416 128 352 480 352 480 0 544 0 544 352 895.936 352 895.936 416 544 416Z" horiz-adv-x="1024" />
+
+
+ <glyph glyph-name="home" unicode="" d="M824.084343-40.42033900000001H232.898863c-74.604138 0-85.85232 28.334325-85.852321 49.997718l-0.584307 5.314029V447.645552h48.806589v-402.916582c0-25.547863 13.548574-36.343743 37.629015-36.343743h568.020898c25.928532 0 27.978215 6.220678 27.978215 37.84391V447.585177l48.806589 0.118704c0.022513-14.346753 0-382.76666 0-433.098999 0-38.130436-12.726859-54.765301-51.858088-54.765301l-1.76111-0.25992zM1012.470921 493.103884C849.773422 615.120868 687.101505 737.137853 524.404006 859.153814c-6.207375 4.659113-18.433838 4.659113-24.641213 0C337.077573 737.137853 174.393377 615.120868 11.696902 493.103884c-24.856108-18.635429-0.572028-61.044308 24.642236-42.13361A15995638.709915 15995638.709915 0 0 1 512.025071 807.737794c0.988514-0.715291 1.644453-1.144056 2.823302-2.037403 18.040888-13.524015 36.057217-27.036773 54.073546-40.560788 58.291614-43.718711 116.583229-87.437421 174.874843-131.143852 81.33647-61.008492 162.696476-122.015961 244.033969-183.024454 25.212218-18.911722 49.496298 23.497157 24.64019 42.132587z" horiz-adv-x="1024" />
+
+
+ <glyph glyph-name="time" unicode="" d="M511.98464 829.44c-118.97856 0-230.83008-46.35136-314.95168-130.4832C112.90624 614.84032 66.56 502.95808 66.56 384.00512c0-118.9632 46.34624-230.84544 130.47296-314.9568C281.15456-15.093759999999975 393.00608-61.440000000000055 511.98464-61.440000000000055c118.98368 0 230.84032 46.34624 314.9824 130.48832C911.09376 153.15967999999998 957.44 265.02144 957.44 384.00512c0 118.97856-46.34624 230.8352-130.47296 314.95168C742.82496 783.0886399999999 630.96832 829.44 511.98464 829.44z m275.58912-721.02912c-73.61024-73.63584-171.47904-114.18624-275.58912-114.18624s-201.97376 40.5504-275.57888 114.18624c-73.63584 73.61024-114.16064 171.47904-114.16064 275.59424 0 104.11008 40.54528 201.97376 114.18112 275.58912 73.60512 73.63072 171.47392 114.176 275.584 114.176s201.97376-40.54528 275.584-114.176c73.63584-73.61536 114.18112-171.47904 114.18112-275.58912 0-104.1152-40.56576-201.984-114.2016-275.59424zM519.1168 340.20863999999995V628.08064a27.8528 27.8528 0 0 1-27.84256 27.84768 27.8528 27.8528 0 0 1-27.84256-27.84768v-306.23232a27.81184 27.81184 0 0 1 16.88064-25.58976M734.70464 321.84831999999994a31.0784 31.0784 0 0 0-31.07328-31.0784H496.44544a31.08864 31.08864 0 0 0-31.07328 31.0784 31.09376 31.09376 0 0 0 31.07328 31.0784h207.18592a31.08864 31.08864 0 0 0 31.07328-31.0784z" horiz-adv-x="1024" />
+
+
+ <glyph glyph-name="user" unicode="" d="M611.2 342.4c70.4 54.4 115.2 140.8 115.2 230.4 0 156.8-128 288-284.8 288s-284.8-128-284.8-284.8c0-92.8 44.8-182.4 115.2-236.8C108.8 272 0 105.60000000000002 0-80c0-9.6 9.6-19.2 19.2-19.2h848c9.6 0 19.2 9.6 19.2 19.2 0 188.8-112 355.2-275.2 422.4z m-576-396.8C44.8 115.20000000000005 156.8 268.79999999999995 320 320c6.4 3.2 12.8 9.6 12.8 16s-3.2 16-9.6 19.2c-76.8 41.6-128 131.2-128 224 0 134.4 112 246.4 246.4 246.4s246.4-112 246.4-249.6c0-89.6-51.2-176-128-220.8-6.4-3.2-9.6-9.6-9.6-19.2 0-6.4 6.4-12.8 12.8-16 160-51.2 275.2-204.8 281.6-377.6H35.2zM812.8 361.6c54.4 41.6 86.4 108.8 86.4 176 0 89.6-54.4 172.8-134.4 208-9.6 3.2-22.4 0-25.6-9.6-3.2-9.6 0-22.4 9.6-25.6 67.2-28.8 112-99.2 112-172.8 0-67.2-38.4-131.2-96-163.2-6.4-3.2-9.6-9.6-9.6-19.2 0-6.4 6.4-12.8 12.8-16 131.2-41.6 217.6-160 217.6-297.6 0-9.6 9.6-19.2 19.2-19.2s19.2 9.6 19.2 19.2c-3.2 140.8-86.4 262.4-211.2 320z" horiz-adv-x="1024" />
+
+
+ <glyph glyph-name="notice" unicode="" d="M544 798.976V864h-64v-65.024C289.536 786.304 160 658.624 160 416v-288h64V416c0 192 115.456 320 288 320 180.544 0 288-128 288-320v-288h64V416c0 242.88-122.496 370.56-320 382.976zM672 64a160 160 0 1 0-320 0h64a96 96 0 0 1 192 0h64zM64 128h896v-64H64v64z" horiz-adv-x="1024" />
+
+
+ <glyph glyph-name="chrome" unicode="" d="M515.436 583.685H914.285C840.842 730.955 688.748 832.132 513 832.132c-141.284 0-267.274-65.395-349.42-167.546l151.66-262.682c8.535 102.325 95.704 181.781 200.196 181.781zM514.218 550.803c-91.476 0-165.631-74.155-165.631-165.631s74.155-165.631 165.631-165.631c52.7 0 99.615 24.642 129.95 62.999l1.428 2.474 0.355-0.205c21.252 27.852 33.898 62.624 33.898 100.363 0 84.774-63.702 154.626-145.841 164.413l-6.393 0.632c-4.424 0.354-8.882 0.586-13.397 0.586zM929.561 549.585H627.443c52.209-36.066 86.506-96.297 86.506-164.413 0-45.547-18.268-81.598-41.12-121.192L483.898-63.257c9.624-0.617 19.322-0.966 29.102-0.966 247.521 0 448.177 200.656 448.177 448.177 0 58.508-11.225 114.391-31.616 165.631zM514.218 185.441c-83.583 0-144.927 54.804-185.034 124.651l-0.235-0.136-187.482 324.727C93.081 563.124 64.823 476.84 64.823 383.954c0-225.02 165.839-411.288 381.958-443.298l152.278 263.752c-25.769-12.143-54.518-18.967-84.841-18.967z" horiz-adv-x="1024" />
+
+
+ <glyph glyph-name="edge" unicode="" d="M854.794 669.297C797.923 743.783 683.626 823.59 548.62 830.822 136.707 852.889 85.742 435.448 85.742 435.448c55.449 53.038 58.01 97.116 163.936 154.293C673.983 818.768 676.394 476.432 676.394 476.432H346.111c-7.232 65.092 62.681 137.417 62.681 137.417-202.509-98.844-216.974-284.477-216.974-284.477s-28.93-279.655 219.385-364.034 452.029 42.189 452.029 42.189V193.16c-59.065-32.546-102.292-54.405-153.087-63.887-361.623-67.503-364.034 188.044-364.034 188.044h585.83c0 0.001 39.075 199.761-77.147 351.98z" horiz-adv-x="1024" />
+
+
+ <glyph glyph-name="login-weibo" unicode="" d="M411.270737 288.350316c-17.973895 7.504842-41.189053-0.229053-52.264421-17.542737-11.223579-17.394526-5.955368-38.103579 11.870316-46.201263 18.108632-8.232421 42.132211-0.417684 53.342316 17.421474C435.253895 260.05557899999997 429.446737 280.62989500000003 411.270737 288.350316zM455.545263 306.64757899999995c-6.885053 2.721684-15.508211-0.579368-19.550316-7.329684-3.920842-6.790737-1.751579-14.524632 5.146947-17.367579 7.019789-2.883368 16.006737 0.458105 20.048842 7.370105C465.071158 296.259368 462.551579 304.087579 455.545263 306.64757899999995zM427.52 426.684632c-115.968-11.439158-203.924211-82.216421-196.378947-158.073263 7.531789-75.910737 107.654737-128.161684 223.649684-116.749474 115.994947 11.439158 203.924211 82.216421 196.392421 158.140632C643.664842 385.859368 543.541895 438.110316 427.52 426.684632zM529.300211 247.70021099999997c-23.673263-53.355789-91.769263-81.798737-149.530947-63.232-55.754105 17.933474-79.373474 72.811789-54.945684 122.246737 23.956211 48.464842 86.352842 75.870316 141.541053 61.561263C523.506526 353.562947 552.663579 299.85684200000003 529.300211 247.70021099999997zM512 896C229.241263 896 0 666.772211 0 384c0-282.758737 229.241263-512 512-512 282.772211 0 512 229.241263 512 512C1024 666.772211 794.772211 896 512 896zM455.531789 101.02568399999996c-145.354105 0-293.941895 70.197895-293.941895 185.667368 0 60.362105 38.386526 130.182737 104.474947 196.069053 88.252632 87.929263 191.164632 127.986526 229.874526 89.397895 17.084632-17.003789 18.741895-46.457263 7.760842-81.623579-5.726316-17.690947 16.666947-7.895579 16.666947-7.936 71.343158 29.763368 133.564632 31.514947 156.321684-0.862316 12.139789-17.246316 10.954105-41.472-0.215579-69.510737-5.173895-12.921263 1.589895-14.928842 11.466105-17.879579 40.178526-12.422737 84.924632-42.455579 84.924632-95.380211C772.837053 211.36168399999997 646.090105 101.02568399999996 455.531789 101.02568399999996zM718.672842 468.197053c4.715789 14.457263 1.765053 30.962526-9.202526 43.061895-10.954105 12.072421-27.136 16.666947-42.037895 13.527579l0 0.026947c-12.463158-2.694737-24.724211 5.268211-27.392 17.664-2.667789 12.463158 5.281684 24.697263 17.744842 27.338105 30.531368 6.467368 63.595789-2.937263 85.989053-27.715368 22.447158-24.764632 28.456421-58.489263 18.849684-88.064-3.907368-12.099368-16.936421-18.728421-29.062737-14.848-12.139789 3.920842-18.782316 16.922947-14.874947 28.995368L718.672842 468.183579zM853.261474 424.865684c-0.013474-0.013474-0.013474-0.080842-0.013474-0.107789-4.567579-14.026105-19.712-21.706105-33.778526-17.165474-14.133895 4.554105-21.854316 19.590737-17.300211 33.670737l0 0.013474c13.999158 43.169684 5.12 92.429474-27.567158 128.565895-32.714105 36.122947-80.949895 49.92-125.507368 40.488421-14.484211-3.085474-28.752842 6.130526-31.838316 20.574316-3.098947 14.403368 6.144 28.631579 20.641684 31.717053l0.026947 0c62.625684 13.271579 130.519579-6.117053 176.545684-56.966737C860.483368 554.886737 872.892632 485.618526 853.261474 424.865684z" horiz-adv-x="1024" />
+
+
+ <glyph glyph-name="voice" unicode="" d="M463.380164 644.0568969999999v-0.003069c-4.550643 4.549619-10.484795 7.02295-16.913205 7.02295s-12.365632-2.473331-16.915251-7.02295c-4.549619-4.551666-7.020904-10.485819-7.020904-16.914229s2.471284-12.365632 7.020904-16.915251c60.437487-60.438511 93.675496-140.756791 93.675496-226.222301 0-85.464487-33.238009-165.783791-93.675496-226.220255-4.549619-4.551666-7.020904-10.487865-7.020904-16.915252 0-6.429433 2.471284-12.365632 7.020904-16.914228 4.550643-4.549619 10.486842-7.02295 16.915251-7.02295s12.364609 2.473331 16.913205 7.02295c35.114752 35.116799 62.317301 76.06849 80.814584 121.668037 17.904789 44.018539 26.90579 90.608647 26.90579 138.384768s-9.101285 94.26799-26.90579 138.384767c-18.59552 45.697785-45.698808 86.550215-80.814584 121.667013zM781.892405 618.929614v-0.002047c-31.358195 77.452-77.550237 146.990772-137.098471 206.539007-4.550643 4.549619-10.485819 7.02295-16.915252 7.02295-6.42841 0-12.363585-2.473331-16.914228-7.02295-9.29776-9.299807-9.29776-24.531719 0-33.82948 54.997592-54.998615 97.631598-119.195729 126.613676-190.71153 27.993564-69.044516 42.237987-142.045133 42.237987-216.924541s-14.244422-147.882072-42.237987-216.923518c-28.982078-71.517847-71.616084-135.616724-126.613676-190.711529-9.29776-9.298783-9.29776-24.531719 0-33.82948 4.551666-4.551666 10.485819-7.02295 16.914228-7.02295 6.429433 0 12.366655 2.471284 16.915252 7.02295 59.547211 59.547211 105.740276 129.085984 137.098471 206.53696 30.369681 74.78117 45.699832 153.817248 45.699831 234.928591 0 81.111343-15.331173 160.146397-45.699831 234.927567zM299.474141 427.621497c-11.670807 11.573593-27.103288 18.004049-43.522236 18.004049-16.419971 0-31.852452-6.429433-43.52326-18.004049-11.57257-11.57257-18.003026-27.104311-18.003026-43.522236 0-16.420995 6.42841-31.851429 18.003026-43.52326 11.574616-11.57257 27.103288-18.003026 43.52326-18.003025s31.852452 6.429433 43.522236 18.003025c11.573593 11.573593 18.003026 27.104311 18.003025 43.52326 0 16.419971-6.427386 31.852452-18.003025 43.522236z" horiz-adv-x="1024" />
+
+
+ <glyph glyph-name="upload-drag" unicode="" d="M666.931 445.918l-124.245 99.362c-7.221 5.639-16.428 9.042-26.429 9.042-9.963 0-19.136-3.376-26.438-9.047l-124.215-99.391c-9.615-7.772-15.713-19.565-15.713-32.782 0-9.946 3.453-19.084 9.223-26.284 13.828-17.359 41.51-20.465 58.918-6.505l56.252 45.022v-261.12c0-23.177 18.842-41.984 41.95-41.984s41.95 18.842 41.95 41.984v261.12l56.286-45.056c17.545-13.892 45.09-10.718 58.914 6.554 5.754 7.137 9.236 16.316 9.236 26.308 0 13.211-6.086 24.999-15.609 32.716zM235.827 142.95000000000005c-85.026 0-152.542 31.71-188.655 89.839-36.113 58.095-34.406 134.724 4.335 195.174 37.342 58.334 102.366 92.023 178.995 94.549-19.866 130.492 42.667 202.377 84.753 235.008 90.112 69.871 234.257 79.053 335.565 21.367 58.982-33.587 94.037-85.675 100.454-146.978 113.937 18.978 177.562-33.826 206.814-69.905 63.317-78.131 71.27-204.39 18.91-300.203-46.524-85.06-130.389-127.317-229.82-116.497-18.739 2.116-32.222 18.978-30.174 37.683s19.285 32.017 37.683 30.174c96.7-10.718 143.258 46.353 162.406 81.408 39.014 71.373 33.826 167.868-12.049 224.495-38.673 47.684-100.352 60.518-178.483 37.069-2.94-0.916-6.319-1.443-9.822-1.443-18.851 0-34.133 15.282-34.133 34.133 0 1.495 0.096 2.969 0.283 4.414 8.549 68.506-31.114 106.53-65.93 126.362-77.346 44.066-191.522 37.035-259.925-15.974-58.266-45.193-75.947-117.18-51.132-208.179 0.761-2.688 1.198-5.775 1.198-8.963 0-18.851-15.282-34.133-34.133-34.133-1.481 0-2.94 0.094-4.371 0.277-70.759 8.822-128.991-13.535-159.677-61.424-24.61-38.434-26.146-86.46-3.823-122.368 27.716-44.578 86.05-64.375 164.147-55.637 1.132 0.133 2.443 0.209 3.772 0.209 18.853 0 34.138-15.284 34.138-34.138 0-17.525-13.205-31.965-30.208-33.914-14.153-1.653-27.874-2.404-41.118-2.404z" horiz-adv-x="1024" />
+
+
+ <glyph glyph-name="login-qq" unicode="" d="M512 896C229.227789 896 0 666.772211 0 384c0-282.745263 229.227789-512 512-512s512 229.254737 512 512C1024 666.772211 794.772211 896 512 896L512 896zM738.856421 258.93726300000003c0 0-16.208842-44.220632-45.945263-83.941053 0 0 53.126737-18.054737 48.64-64.983579 0 0 1.778526-52.345263-113.461895-48.734316 0 0-81.071158 6.319158-105.377684 40.609684l-21.423158 0c-24.306526-34.304-105.350737-40.609684-105.350737-40.609684-115.280842-3.610947-113.475368 48.734316-113.475368 48.734316-4.500211 46.928842 48.626526 64.983579 48.626526 64.983579-29.709474 39.720421-45.918316 83.941053-45.918316 83.941053-72.057263-116.439579-64.848842 16.249263-64.848842 16.249263 13.527579 78.524632 70.238316 129.967158 70.238316 129.967158-8.111158 71.316211 21.611789 83.941053 21.611789 83.941053C318.410105 709.712842 508.025263 705.859368 512 705.751579c3.988211 0.107789 193.576421 3.961263 199.828211-216.643368 0 0 29.709474-12.638316 21.611789-83.941053 0 0 56.737684-51.442526 70.238316-129.967158l0 0C803.678316 275.18652599999996 810.873263 142.49768400000005 738.856421 258.93726300000003L738.856421 258.93726300000003zM738.856421 258.93726300000003" horiz-adv-x="1024" />
+
+
+ <glyph glyph-name="snowflake" unicode="" d="M480.695-64h63.725V59.291000000000054l68.854-68.242 44.945 44.546-113.798 112.79v180.02l177.271-102.44 41.67-155.652 60.725 16.284-25.398 94.872 85.259-49.266 31.87 55.246-84.726 48.961 94.497 25.343-16.495 61.622-156.068-41.855-176.934 102.245 177.667 102.667 155.513-41.709 16.274 60.793-94.78 25.418 85.255 49.264-31.869 55.247-84.733-48.965 25.326 94.594-61.557 16.51-41.817-156.206-176.948-102.251V644.461l113.849 113.951-44.459 44.496-69.392-69.454V832h-63.725v-97.935l-69.188 69.249-45.068-45.107 114.256-114.355V438.89l-156.557 90.469L283.45 684.39l-60.188-16.458 24.84-94.632-107.544 62.145-31.868-55.247 106.667-61.639-93.463-25.557 16.074-61.237 154.482 42.243 156.169-90.243-156.138-90.226-154.485 42.243-15.855-60.409 94.289-25.784-107.534-62.14 31.868-55.247 106.672 61.642-24.621-93.801 61.012-16.685 40.69 155.028 156.179 90.25v-180.455l-113.801-112.79 44.338-43.944 69.463 68.845V-64z" horiz-adv-x="1024" />
+
+
+ <glyph glyph-name="heart" unicode="" d="M512 4.100000000000023c-108.9 0-447.3 277.5-447.3 522.2 0 131 106.6 237.6 237.6 237.6 94.9 0 174.8-50.2 209.7-76.1 34.9 25.9 114.8 76.1 209.7 76.1 131 0 237.6-106.6 237.6-237.6 0-244.7-338.4-522.2-447.3-522.2zM302.3 708c-100.2 0-181.7-81.5-181.7-181.7 0-221 326.8-466.3 391.4-466.3s391.4 245.3 391.4 466.3c0 100.2-81.5 181.7-181.7 181.7-103.9 0-190.2-76-191.1-76.8-10.6-9.5-26.7-9.5-37.3 0-0.8 0.8-87.7 76.8-191 76.8z" horiz-adv-x="1024" />
+
+
+ <glyph glyph-name="logout" unicode="" d="M512 832a32 32 0 0 1-32-32v-416a32 32 0 0 1 64 0V800a32 32 0 0 1-32 32zM683.34 798.06a32 32 0 0 1-24.48-59.15C798.07 681.24 896 544.06 896 384c0-212.08-171.92-384-384-384S128 171.91999999999996 128 384c0 160.06 97.93 297.24 237.14 354.91a32 32 0 0 1-24.48 59.15C178.25 730.78 64 570.74 64 384c0-247.42 200.58-448 448-448s448 200.58 448 448c0 186.74-114.25 346.78-276.66 414.06z" horiz-adv-x="1024" />
+
+
+ <glyph glyph-name="file-b" unicode="" d="M790.08 177.91999999999996l-138.112-119.232V177.91999999999996h138.112zM198.848 763.008h627.328v-516.16H617.088a34.56 34.56 0 0 1-34.816-34.432v-206.528H198.848V763.008z m662.208 68.8H164.032a34.56 34.56 0 0 1-34.816-34.432v-825.92a34.56 34.56 0 0 1 34.816-34.432h453.056l278.784 240.896V797.376a34.56 34.56 0 0 1-34.816 34.432z" horiz-adv-x="1024" />
+
+
+ <glyph glyph-name="template" unicode="" d="M734 172.89999999999998v82.8h-59.9v-37l-35.7-9.7 15.7-57.8zM674.1 419.3H734v-81.8h-59.9zM734 600.2l-95.6-26 15.7-57.8 20 5.4v-20.7H734zM866.1 131.29999999999995v-37l-35.7-9.7 7.9-28.9 7.8-28.9 79.9 21.7v82.8h-29.9zM740.9 60.299999999999955L651.4 36l7.9-28.9 7.8-29 89.5 24.4-7.8 28.9zM740.9 781.7l-89.5-24.3 7.9-28.9 7.8-28.9 89.5 24.3-7.8 28.9zM830.4 806l7.9-28.9 7.8-28.9 20 5.5v-20.8H926V832zM866.1 612.6v-120.3H926V612.6h-29.9zM866.1 371.9v-120.3H926V371.9h-29.9zM541.9 665.6l35.7 9.7-7.8 28.9-7.8 28.9-50-13.6L98 832v-783.5l384.1-104.3L512-64l29.9 8.1 35.7 9.7-7.8 28.9-7.8 28.9-20-5.4V120.79999999999995l35.7 9.7-15.7 57.8-20-5.4V486l35.7 9.7-15.7 57.8-20-5.4V665.6z m-59.8-659.4l-324.2 88.1V753.7l324.2-88.1V548l-192 52.2v-427.3l192-52.2v-114.5z m0 360.9V182.79999999999995l-132.2 35.9V521.8l132.2-35.9v-118.8z" horiz-adv-x="1024" />
+
+
+ <glyph glyph-name="transfer" unicode="" d="M320 768H128c-35.2 0-64-28.8-64-64v-640c0-35.2 28.8-64 64-64h192c35.2 0 64 28.8 64 64V704c0 35.2-28.8 64-64 64z m0-672c0-16-16-32-32-32H160c-16 0-32 16-32 32V672c0 16 16 32 32 32h128c16 0 32-16 32-32v-576z m256 544h-64c-19.2 0-32-12.8-32-32s16-32 32-32h64c19.2 0 32 12.8 32 32s-16 32-32 32z m-64-448h-64c-19.2 0-32-12.8-32-32s16-32 32-32h64c19.2 0 32 12.8 32 32s-16 32-32 32z m384 576H704c-35.2 0-64-28.8-64-64v-640c0-35.2 28.8-64 64-64h192c35.2 0 64 28.8 64 64V704c0 35.2-28.8 64-64 64z m0-672c0-16-16-32-32-32H736c-16 0-32 16-32 32V672c0 16 16 32 32 32h128c16 0 32-16 32-32v-576z" horiz-adv-x="1024" />
+
+
+ <glyph glyph-name="auz" unicode="" d="M324.266667 435.2c-17.066667 17.066667-39.822222 17.066667-51.2 0-17.066667-17.066667-17.066667-39.822222 0-51.2l153.6-159.288889c5.688889-5.688889 17.066667-11.377778 28.444444-11.377778s17.066667 5.688889 28.444445 11.377778l295.822222 290.133333c17.066667 17.066667 17.066667 39.822222 0 51.2-17.066667 17.066667-39.822222 17.066667-51.2 0L455.111111 304.355556 324.266667 435.2zM927.288889 753.777778L523.377778 896h-22.755556L96.711111 753.777778c-17.066667-5.688889-28.444444-17.066667-28.444444-34.133334v-432.355555c11.377778-250.311111 409.6-409.6 426.666666-415.288889h22.755556c17.066667 5.688889 415.288889 159.288889 426.666667 415.288889V719.644444c11.377778 17.066667 0 28.444444-17.066667 34.133334z m-45.511111-460.8c-5.688889-182.044444-301.511111-312.888889-369.777778-341.333334-113.777778 45.511111-358.4 182.044444-369.777778 341.333334v398.222222L512 822.044444l369.777778-125.155555v-403.911111z" horiz-adv-x="1024" />
+
+
+ <glyph glyph-name="console" unicode="" d="M30.552 104.72699999999998c4.654-16.29 23.272-23.272 37.236-18.618 16.291 4.655 23.273 23.273 18.618 37.236C16.588 314.182 84.08 521.31 237.68 640c11.636 9.31 23.273 16.29 37.236 25.6 25.6 16.29 53.528 30.255 83.782 39.564 58.182 20.945 118.691 30.254 176.873 27.927h25.6c6.982 0 11.636 0 18.618-2.327 30.255-4.655 58.182-11.637 88.436-23.273 235.055-86.11 356.073-346.764 269.964-581.818-4.654-16.291 2.327-32.582 18.618-37.237 16.291-4.654 32.582 2.328 37.237 18.619 41.89 116.363 39.563 239.709 0 349.09h2.327C921.897 656.2909999999999 738.043 784.2909999999999 537.897 793.6h-48.873c-200.145-9.31-384-137.31-458.472-337.455-39.564-109.381-41.891-232.727 0-351.418z m707.49 386.328a29.498 29.498 0 0 1-41.89 0L521.606 316.509c-4.654 2.327-9.309 2.327-13.963 2.327-32.582 0-58.182-25.6-58.182-58.181s25.6-58.182 58.182-58.182 58.181 25.6 58.181 58.182c0 4.654 0 9.309-2.327 16.29l174.546 174.546c11.636 11.636 11.636 30.254 0 39.564z m228.073-458.473H58.48c-16.29 0-30.255-13.964-30.255-30.255 0-16.29 13.964-30.254 30.255-30.254h907.636c16.291 0 30.255 13.963 30.255 30.254 0 16.291-13.964 30.255-30.255 30.255z" horiz-adv-x="1024" />
+
+
+ <glyph glyph-name="app" unicode="" d="M432.022 818.946h-376.324c-6.627 0-12.078-5.45-12.078-12.078v-376.324c0-6.627 5.45-12.078 12.078-12.078h376.324c6.627 0 12.078 5.45 12.078 12.078v376.473c0 6.627-5.45 11.93-12.078 11.93zM391.517 471.196h-295.169v295.169h295.021v-295.169zM976.847 635.717l-211.95 211.95c-8.837 8.837-23.124 8.837-31.963 0l-211.95-211.95c-8.837-8.837-8.837-23.124 0-31.963l211.95-212.098c8.837-8.837 23.124-8.837 31.963 0l211.95 211.95c8.837 8.987 8.837 23.271 0 32.109zM432.022 313.45000000000005h-376.324c-6.627 0-12.078-5.45-12.078-12.078v-376.324c0-6.627 5.45-12.078 12.078-12.078h376.324c6.627 0 12.078 5.45 12.078 12.078v376.473c0 6.627-5.45 11.93-12.078 11.93zM391.517-34.15499999999997h-295.169v295.021h295.021v-295.021zM932.511 313.45000000000005h-376.324c-6.627 0-12.078-5.45-12.078-12.078v-376.324c0-6.627 5.45-12.078 12.078-12.078h376.324c6.627 0 12.078 5.45 12.078 12.078v376.473c0 6.627-5.45 11.93-12.078 11.93zM891.859-34.15499999999997h-295.021v295.021h295.021v-295.021z" horiz-adv-x="1024" />
+
+
+ <glyph glyph-name="prev" unicode="" d="M62.573 384.103l423.401 423.662c18.985 18.985 49.757 18.985 68.727 0 18.982-18.972 18.985-49.746 0-68.729l-355.058-355.067 356.796-356.796c18.977-18.971 18.976-49.746 0-68.727-18.982-18.976-49.751-18.976-68.727 0l-39.753 39.753 0.269 0.246-385.655 385.661zM451.365 384.103l423.407 423.662c18.985 18.985 49.757 18.985 68.727 0 18.982-18.972 18.985-49.746 0-68.729l-355.058-355.067 356.796-356.796c18.977-18.971 18.976-49.746 0-68.727-18.982-18.976-49.757-18.977-68.727 0l-39.762 39.754 0.273 0.249-385.662 385.661zM451.365 384.103z" horiz-adv-x="1024" />
+
+
+ <glyph glyph-name="website" unicode="" d="M777.073418 147.443038c-30.460759 21.387342-40.83038 40.182278-76.47595 53.792405 25.275949 60.273418 40.182278 83.605063 42.126583 154.896203H887.898734c-3.888608-99.159494-45.367089-143.878481-110.825316-208.688608zM136.101266 356.13164600000005h167.210126c1.944304-71.291139 16.850633-94.622785 42.126583-154.896203-34.997468-13.610127-68.050633-31.756962-98.511393-53.792405C181.468354 212.25316499999997 139.989873 256.97215200000005 136.101266 356.13164600000005z m103.048101 259.888607c29.164557-23.979747 61.56962-42.774684 96.567089-57.681012-19.443038-53.792405-30.460759-90.734177-31.756962-152.951899H136.101266c3.240506 90.734177 46.663291 147.767089 103.048101 210.632911z m309.144304-209.98481V523.989873c47.311392 1.296203 71.291139 10.36962 114.065823 25.27595 18.146835-51.2 28.516456-84.901266 30.460759-143.23038H548.293671z m104.344304-195.078481c-40.182278 12.962025-60.273418 20.091139-104.344304 21.387342V356.13164600000005h144.526582c-1.944304-68.050633-16.202532-88.141772-40.182278-145.174684z m36.941772-57.681013c31.756962-12.313924 39.534177-28.516456 66.75443-47.311392-51.848101-44.718987-114.713924-73.883544-182.116455-84.901266 36.941772 37.589873 90.734177 82.308861 115.362025 132.212658z m-163.321519-137.397468l22.035443 165.913924c40.182278-1.296203 56.38481-7.777215 92.678481-18.794937-27.220253-56.38481-66.106329-106.288608-113.417722-147.118987h-1.296202z m-75.827848 5.18481c-67.402532 11.017722-130.268354 40.83038-182.764557 84.901266 27.868354 19.443038 57.681013 34.997468 88.789873 47.311392 23.331646-48.607595 55.088608-93.326582 93.974684-132.212658z m47.311392 335.068355v-123.787342c-44.070886-1.296203-64.162025-8.425316-104.344304-21.387342-23.979747 57.681013-38.237975 77.124051-40.182278 145.174684h144.526582zM383.675949 549.265823c42.774684-14.906329 66.75443-23.331646 114.065823-25.27595v-117.95443H353.21519c1.944304 58.329114 12.313924 92.03038 30.460759 143.23038z m-37.589873 57.032911c-31.756962 12.962025-60.921519 30.460759-88.141772 51.848101 53.792405 51.848101 115.362025 91.382278 192.486076 104.344304-44.718987-44.718987-80.364557-97.863291-104.344304-156.192405z m151.655696 161.377215v-193.782278c-44.070886 1.296203-64.162025 9.073418-103.696202 22.683544 29.164557 68.698734 49.903797 127.027848 102.4 171.098734h1.296202z m75.827848-4.536708c77.772152-13.610127 149.711392-49.903797 206.744304-104.344304-29.164557-22.035443-46.01519-37.589873-80.364557-51.848102-25.275949 59.625316-82.956962 112.76962-126.379747 156.192406z m-46.01519 4.536708c54.440506-46.01519 97.21519-104.992405 124.435443-171.098734-39.534177-13.610127-59.625316-21.387342-103.696202-22.683544l-22.035443 193.782278h1.296202z m-31.10886-751.149367c-46.663291 38.886076-62.865823 88.789873-91.382279 147.118988 36.293671 11.665823 53.144304 17.498734 93.326582 18.794936v-165.913924h-1.944303zM887.898734 406.035443h-145.174683c-1.296203 61.56962-12.313924 98.511392-31.756962 152.303798 37.589873 15.55443 57.032911 33.053165 88.789873 57.681012 56.38481-62.865823 84.901266-119.898734 88.141772-209.98481z m-375.898734 427.746835c-244.334177 0-442.005063-197.670886-442.005063-442.005063S267.665823-50.227847999999994 512-50.227847999999994s442.005063 197.670886 442.005063 442.005063S756.334177 833.782278 512 833.782278z" horiz-adv-x="1024" />
+
+
+ <glyph glyph-name="next" unicode="" d="M948.066926 382.958838l-411.990051-412.24426c-18.47333-18.47333-48.417689-18.47333-66.875207 0-18.47333 18.461167-18.47333 48.405526 0 66.875207L814.691135 383.088983 467.512212 730.269123c-18.466032 18.458735-18.466032 48.405526 0 66.873991 18.468465 18.464816 48.410391 18.464816 66.872774 0l38.682336-38.682336-0.261507-0.239614 375.259894-375.265975v0.003649m-378.312834 0L157.756743-29.28542200000004c-18.47333-18.47333-48.415256-18.47333-66.872775 0-18.47333 18.461167-18.47333 48.405526 0 66.875207L436.369787 383.088983 89.19208 730.269123c-18.4636 18.458735-18.4636 48.405526 0 66.873991 18.470898 18.464816 48.415256 18.464816 66.872774 0l38.692067-38.682336-0.266372-0.239614 375.267191-375.265975-0.004865 0.003649m0 0z" horiz-adv-x="1024" />
+
+
+ <glyph glyph-name="component" unicode="" d="M917.376 652.544L500.8 891.2a34.304 34.304 0 0 1-34.176 0L50.112 652.48a33.92 33.92 0 0 1-17.088-29.376v-477.44c0-12.16 6.528-23.296 17.088-29.44l416.512-238.72a35.136 35.136 0 0 1 34.176 0l416.576 238.72a33.92 33.92 0 0 1 17.088 29.44v477.44a33.92 33.92 0 0 1-17.088 29.44z m-51.264-487.36l-382.4-219.136-382.336 219.136V603.52l382.336 219.136 382.4-219.136v-438.272zM198.784 535.488a33.792 33.792 0 0 1 12.544-46.4l237.824-136.32V83.20000000000005c0-18.816 15.232-33.92 34.176-33.92a33.92 33.92 0 0 1 34.176 33.92V352.384l238.656 136.832a33.856 33.856 0 0 1 12.544 46.4 34.368 34.368 0 0 1-46.72 12.416L483.712 411.52 245.504 548.0319999999999a34.432 34.432 0 0 1-46.72-12.544z" horiz-adv-x="1024" />
+
+
+ <glyph glyph-name="android" unicode="" d="M391.405714 619.995429a22.308571 22.308571 0 0 1 0 44.544c-11.995429 0-21.723429-10.276571-21.723428-22.272s9.728-22.272 21.723428-22.272z m241.152 0c11.995429 0 21.723429 10.276571 21.723429 22.272s-9.728 22.272-21.723429 22.272a22.308571 22.308571 0 0 1 0-44.544zM168.539429 514.852571a58.514286 58.514286 0 0 0 58.294857-58.294857v-245.723428c0-32.585143-25.709714-58.843429-58.294857-58.843429S109.696 178.285714 109.696 210.834286v245.723428c0 32 26.294857 58.294857 58.843429 58.294857z m605.732571-10.861714v-380.562286c0-34.852571-28.013714-62.866286-62.281143-62.866285h-42.861714v-129.718857c0-32.585143-26.294857-58.843429-58.843429-58.843429s-58.843429 26.294857-58.843428 58.843429v129.718857H472.594286v-129.718857c0-32.585143-26.294857-58.843429-58.843429-58.843429a58.660571 58.660571 0 0 0-58.294857 58.843429l-0.585143 129.718857H312.594286a62.683429 62.683429 0 0 0-62.866286 62.866285V503.990857h524.580571z m-132.571429 231.424c80.018286-41.142857 134.290286-119.990857 134.290286-210.870857H247.424c0 90.843429 54.272 169.728 134.838857 210.870857L341.705143 810.276571a8.338286 8.338286 0 0 0 2.852571 11.446858c3.986286 1.718857 9.142857 0.585143 11.446857-3.437715L397.147429 742.838857c34.852571 15.433143 73.728 23.990857 114.870857 23.990857s80.018286-8.557714 114.870857-23.990857l41.142857 75.446857c2.304 3.986286 7.424 5.156571 11.446857 3.437715a8.338286 8.338286 0 0 0 2.852572-11.446858zM914.267429 456.557714v-245.723428c0-32.585143-26.294857-58.843429-58.843429-58.843429a58.660571 58.660571 0 0 0-58.294857 58.843429v245.723428a58.148571 58.148571 0 0 0 58.294857 58.294857c32.585143 0 58.843429-25.709714 58.843429-58.294857z" horiz-adv-x="1024" />
+
+
+ <glyph glyph-name="more" unicode="" d="M224 288c-52.928 0-96 43.072-96 96s43.072 96 96 96 96-43.072 96-96-43.072-96-96-96z m288 0c-52.928 0-96 43.072-96 96s43.072 96 96 96 96-43.072 96-96-43.072-96-96-96z m288 0c-52.928 0-96 43.072-96 96s43.072 96 96 96 96-43.072 96-96-43.072-96-96-96z" horiz-adv-x="1024" />
+
+
+ <glyph glyph-name="login-wechat" unicode="" d="M516.464646 896C233.714646 896 4.464646 666.75 4.464646 384S233.714646-128 516.464646-128s512 229.25 512 512S799.214646 896 516.464646 896z m-74-523.375c-0.25-0.75-0.5-1.125-0.75-1.875-0.25-0.75-0.5-1.125-0.75-1.875-0.25-0.75-0.5-1.125-0.75-1.875-0.25-0.75-0.5-1.125-0.75-1.875-0.25-0.75-0.5-1.125-0.75-1.875-0.25-0.75-0.5-1.125-0.75-1.875-0.25-0.75-0.5-1.125-0.75-1.875-0.25-0.75-0.5-1.125-0.75-1.875-0.25-0.75-0.5-1.125-0.5-1.875-0.25-0.75-0.5-1.125-0.5-1.875-0.25-0.75-0.5-1.125-0.5-1.875-0.25-0.75-0.25-1.125-0.5-1.875s-0.5-1.125-0.5-1.875c-0.25-0.75-0.25-1.125-0.5-1.875s-0.25-1.125-0.5-1.875-0.25-1.125-0.5-1.875-0.25-1.125-0.5-1.875-0.25-1.125-0.5-1.875-0.25-1.125-0.5-1.875-0.25-1.125-0.5-1.875-0.25-1.125-0.5-1.875c0-0.75-0.25-1.125-0.25-1.875s-0.25-1.125-0.25-1.875-0.25-1.125-0.25-1.875-0.25-1.125-0.25-1.875-0.25-1.125-0.25-1.875-0.25-1.125-0.25-1.875-0.25-1.125-0.25-1.875-0.25-1.125-0.25-1.875-0.25-1.125-0.25-1.875 0-1.125-0.25-1.875c0-0.75-0.25-1.125-0.25-1.875s0-1.125-0.25-1.875c0-0.75 0-1.125-0.25-1.875 0-0.75 0-1.125-0.25-1.875v-22.5c0-0.75 0-1.125 0.25-1.875 0-0.75 0-1.125 0.25-1.875 0-0.75 0-1.125 0.25-1.875 0-0.75 0-1.125 0.25-1.875 0-0.75 0.25-1.125 0.25-1.875s0.25-1.125 0.25-1.875 0.25-1.125 0.25-1.875 0.25-1.125 0.25-1.875 0.25-1.125 0.25-1.875 0.25-1.125 0.25-1.875 0.25-1.125 0.25-1.875 0.25-1.125 0.25-1.875 0.25-1.125 0.25-1.875 0.25-1.125 0.5-1.875 0.25-1.125 0.5-1.875 0.25-1.125 0.5-1.875 0.25-1.125 0.5-1.875 0.25-1.125 0.5-1.875 0.25-1.125 0.5-1.875 0.25-1.125 0.5-1.875 0.25-1.125 0.5-1.875 0.25-1.125 0.5-1.875 0.25-1.125 0.5-1.875l0.25-0.875c-4.25-0.25-8.625-0.75-12.75-0.75-3.75-0.25-7.25-0.25-11-0.25-3.5 0-7 0-10.5 0.25-7.25 0.25-14 0.875-20.75 1.875-4.25 0.5-8.125 1.125-12.375 1.875-3.5 0.5-6.75 1.125-10.25 1.875-3 0.5-6.25 1.125-9.25 1.875-3 0.75-5.875 1.125-8.875 1.875-2.75 0.75-5.875 1.125-8.875 1.875-2.75 0.5-5.625 1.125-8.375 1.625l-3.25-1.625-3.75-1.875-4 1.375-3.75-1.875-3.75-1.875-3.75-1.875-3.75-1.875-3.75-1.875-3.75-1.875-3.75-1.875-3.75-1.875-2.75-1.375-3.75-1.875-3.75-1.875-3.75-1.875-3.75-1.875-3.75-1.875-3.75-1.875-3.75-1.875-3.75-1.875-3.75-1.875-3.75-1.875-3.75-1.875-3.75-1.875-2.5-1.375 0.5 1.375 0.75 1.875 0.75 1.875 0.75 1.875 0.75 1.875 0.75 1.875 0.75 1.875 0.75 1.875 0.75 1.875 0.75 1.875 0.75 1.875 0.75 1.875 0.75 1.875 0.75 1.875 0.75 1.875 0.75 1.875 0.75 1.875 0.75 1.875 0.75 1.875 0.75 1.875 0.75 1.875 0.75 1.875 0.75 1.875 0.75 1.875 0.75 1.875 0.75 1.875 0.75 1.875 0.75 1.875 0.75 1.875 0.75 1.875 0.75 1.875 0.75 1.875 0.75 1.875 0.75 1.875 0.75 1.875 0.75 1.875 0.75 1.875 0.75 1.875 0.75 1.875 0.75 1.875 0.75 1.875 0.75 1.875 0.5 1.125c-0.5 0.25-0.75 0.5-1.125 0.75-0.875 0.75-1.625 1.125-2.5 1.875s-1.625 1.125-2.5 1.875-1.625 1.125-2.5 1.875c-0.75 0.75-1.625 1.125-2.375 1.875-0.75 0.75-1.625 1.125-2.375 1.875-0.75 0.75-1.625 1.125-2.375 1.875-0.75 0.75-1.625 1.125-2.375 1.875-0.75 0.75-1.375 1.125-2.375 1.875-0.75 0.75-1.375 1.125-2.125 1.875-0.75 0.75-1.375 1.125-2.125 1.875-0.75 0.75-1.375 1.125-2.125 1.875-0.75 0.75-1.375 1.125-2.125 1.875-0.75 0.75-1.375 1.125-2.125 1.875-0.75 0.75-1.375 1.125-2.125 1.875-0.75 0.75-1.375 1.125-1.875 1.875-0.75 0.75-1.375 1.125-1.875 1.875l-1.875 1.875-1.875 1.875-1.875 1.875-1.875 1.875c-0.75 0.75-1.125 1.125-1.625 1.875s-1.125 1.125-1.625 1.875-1.125 1.125-1.625 1.875-1.125 1.125-1.625 1.875-1.125 1.125-1.625 1.875-1.125 1.125-1.625 1.875-0.875 1.125-1.625 1.875c-0.5 0.75-0.875 1.125-1.625 1.875-0.5 0.75-0.875 1.125-1.375 1.875-0.5 0.75-0.875 1.125-1.375 1.875-0.5 0.75-0.875 1.125-1.375 1.875-0.5 0.75-0.875 1.125-1.375 1.875-0.5 0.75-0.875 1.125-1.375 1.875-0.5 0.75-0.875 1.125-1.375 1.875-0.5 0.75-0.875 1.125-1.375 1.875-0.5 0.75-0.875 1.125-1.375 1.875-0.5 0.75-0.875 1.125-1.125 1.875-0.5 0.75-0.875 1.125-1.125 1.875-0.5 0.75-0.75 1.125-1.125 1.875-0.5 0.75-0.75 1.125-1.125 1.875-0.5 0.75-0.75 1.125-1.125 1.875-0.5 0.75-0.75 1.125-1.125 1.875-0.5 0.75-0.75 1.125-1.125 1.875-0.5 0.75-0.75 1.125-1.125 1.875-0.25 0.75-0.75 1.125-0.875 1.875-0.25 0.75-0.75 1.125-0.875 1.875-0.25 0.75-0.75 1.125-0.875 1.875-0.25 0.75-0.75 1.125-0.875 1.875-0.25 0.75-0.75 1.125-0.875 1.875-0.25 0.75-0.75 1.125-0.875 1.875-0.25 0.75-0.75 1.125-0.875 1.875-0.25 0.75-0.5 1.125-0.875 1.875-0.25 0.75-0.5 1.125-0.875 1.875-0.25 0.75-0.5 1.125-0.875 1.875-0.25 0.75-0.5 1.125-0.75 1.875-0.25 0.75-0.5 1.125-0.75 1.875-0.25 0.75-0.5 1.125-0.75 1.875-0.25 0.75-0.5 1.125-0.75 1.875-0.25 0.75-0.5 1.125-0.75 1.875-0.25 0.75-0.5 1.125-0.75 1.875-0.25 0.75-0.5 1.125-0.75 1.875-0.25 0.75-0.5 1.125-0.75 1.875-0.25 0.75-0.5 1.125-0.75 1.875-0.25 0.75-0.5 1.125-0.75 1.875-0.25 0.75-0.5 1.125-0.5 1.875-0.25 0.75-0.5 1.125-0.5 1.875-0.25 0.75-0.5 1.125-0.5 1.875-0.25 0.75-0.25 1.125-0.5 1.875s-0.25 1.125-0.5 1.875-0.25 1.125-0.5 1.875-0.25 1.125-0.5 1.875-0.25 1.125-0.5 1.875-0.25 1.125-0.5 1.875-0.25 1.125-0.5 1.875-0.25 1.125-0.5 1.875-0.25 1.125-0.25 1.875-0.25 1.125-0.25 1.875-0.25 1.125-0.25 1.875-0.25 1.125-0.25 1.875-0.25 1.125-0.25 1.875-0.25 1.125-0.25 1.875-0.25 1.125-0.25 1.875-0.25 1.125-0.25 1.875-0.25 1.125-0.25 1.875 0 1.125-0.25 1.875c0 0.75 0 1.125-0.25 1.875 0 0.75 0 1.125-0.25 1.875 0 0.75 0 1.125-0.25 1.875V457.25v1.875 1.875 1.875 1.875 1.875 0.875 0.875 1.875 1.875 1.875 1.875 1.875 1.875c0 0.75 0 1.125 0.25 1.875 0 0.75 0 1.125 0.25 1.875 0 0.75 0 1.125 0.25 1.875 0 0.75 0.25 1.125 0.25 1.875s0.25 1.125 0.25 1.875 0.25 1.125 0.25 1.875 0.25 1.125 0.25 1.875 0.25 1.125 0.25 1.875 0.25 1.125 0.25 1.875 0.25 1.125 0.25 1.875 0.25 1.125 0.25 1.875 0.25 1.125 0.25 1.875 0.25 1.125 0.5 1.875c0 0.75 0.25 1.125 0.5 1.875s0.25 1.125 0.5 1.875 0.25 1.125 0.5 1.875 0.25 1.125 0.5 1.875 0.25 1.125 0.5 1.875 0.25 1.125 0.5 1.875 0.25 1.125 0.5 1.875 0.25 1.125 0.5 1.875 0.25 1.125 0.5 1.875 0.25 1.125 0.5 1.875 0.5 1.125 0.5 1.875c0.25 0.75 0.5 1.125 0.5 1.875 0.25 0.75 0.5 1.125 0.5 1.875 0.25 0.75 0.5 1.125 0.75 1.875 0.25 0.75 0.5 1.125 0.75 1.875 0.25 0.75 0.5 1.125 0.75 1.875 0.25 0.75 0.5 1.125 0.75 1.875 0.25 0.75 0.5 1.125 0.75 1.875 0.25 0.75 0.5 1.125 0.75 1.875 0.25 0.75 0.5 1.125 0.75 1.875 0.25 0.75 0.5 1.125 0.75 1.875 0.25 0.75 0.5 1.125 0.75 1.875 0.25 0.75 0.5 1.125 0.75 1.875 0.25 0.75 0.5 1.125 0.75 1.875 0.25 0.75 0.5 1.125 0.875 1.875 0.25 0.75 0.5 1.125 0.875 1.875 0.25 0.75 0.5 1.125 0.875 1.875 0.25 0.75 0.75 1.125 0.875 1.875 0.25 0.75 0.75 1.125 0.875 1.875 0.25 0.75 0.75 1.125 0.875 1.875 0.25 0.75 0.75 1.125 0.875 1.875 0.25 0.75 0.75 1.125 0.875 1.875 0.25 0.75 0.75 1.125 0.875 1.875 0.25 0.75 0.75 1.125 1.125 1.875 0.5 0.75 0.75 1.125 1.125 1.875 0.5 0.75 0.75 1.125 1.125 1.875 0.5 0.75 0.75 1.125 1.125 1.875 0.5 0.75 0.75 1.125 1.125 1.875 0.5 0.75 0.75 1.125 1.125 1.875 0.5 0.75 0.75 1.125 1.125 1.875 0.5 0.75 0.875 1.125 1.125 1.875 0.5 0.75 0.875 1.125 1.125 1.875 0.5 0.75 0.875 1.125 1.125 1.875 0.5 0.75 0.875 1.125 1.375 1.875 0.5 0.75 0.875 1.125 1.375 1.875 0.5 0.75 0.875 1.125 1.375 1.875 0.5 0.75 0.875 1.125 1.375 1.875 0.5 0.75 0.875 1.125 1.375 1.875 0.5 0.75 0.875 1.125 1.375 1.875 0.5 0.75 0.875 1.125 1.375 1.875 0.5 0.75 0.875 1.125 1.625 1.875 0.5 0.75 0.875 1.125 1.625 1.875 0.5 0.75 1.125 1.125 1.625 1.875s1.125 1.125 1.625 1.875 1.125 1.125 1.625 1.875 1.125 1.125 1.625 1.875 1.125 1.125 1.625 1.875l1.875 1.875 1.875 1.875 1.875 1.875 1.875 1.875c0.75 0.75 1.375 1.125 1.875 1.875 0.75 0.75 1.375 1.125 2.125 1.875 0.75 0.75 1.375 1.125 2.125 1.875 0.75 0.75 1.375 1.125 2.125 1.875 0.75 0.75 1.375 1.125 2.125 1.875 0.75 0.75 1.375 1.125 2.125 1.875 0.75 0.75 1.375 1.125 2.375 1.875 0.75 0.75 1.625 1.125 2.375 1.875 0.75 0.75 1.625 1.125 2.375 1.875 0.75 0.75 1.625 1.125 2.375 1.875 0.875 0.75 1.625 1.125 2.5 1.875s1.625 1.125 2.5 1.875 1.875 1.125 2.5 1.875c0.875 0.75 1.875 1.125 2.75 1.875 0.875 0.75 1.875 1.125 2.75 1.875 0.875 0.75 1.875 1.125 2.75 1.875 0.875 0.75 1.875 1.125 3 1.875 0.875 0.75 2.125 1.125 3 1.875s2.125 1.125 3 1.875c1.125 0.75 2.125 1.125 3.25 1.875 1.125 0.75 2.375 1.125 3.25 1.875 1.125 0.75 2.375 1.125 3.5 1.875 1.125 0.75 2.375 1.125 3.75 1.875 1.125 0.75 2.5 1.125 3.75 1.875 1.375 0.75 2.5 1.125 4 1.875 1.375 0.75 2.75 1.125 4.25 1.875 1.375 0.75 2.75 1.125 4.25 1.875 1.375 0.75 3 1.125 4.375 1.875 1.625 0.75 3 1.125 4.625 1.875 1.625 0.75 3.25 1.125 4.875 1.875 1.875 0.75 3.5 1.125 5.375 1.875s3.75 1.125 5.625 1.875c2.125 0.75 4.25 1.125 6 1.875 2.375 0.75 4.375 1.125 6.75 1.875 2.5 0.75 4.875 1.125 7.5 1.875 2.75 0.75 5.625 1.125 8.625 1.875 3.5 0.75 6.75 1.125 10.25 1.875 4.375 0.75 8.875 1.375 13.25 1.875 11 1.125 22.125 1.875 33.25 1.875h2.5c11.125 0 22.375-0.75 33.5-1.875 4.375-0.5 8.875-1.125 13.25-1.875 3.5-0.5 7-1.125 10.25-1.875 2.75-0.5 5.875-1.125 8.625-1.875 2.5-0.5 5.125-1.125 7.625-1.875 2.375-0.5 4.625-1.125 6.75-1.875 2.125-0.5 4.25-1.125 6.25-1.875 1.875-0.75 4-1.125 5.875-1.875s3.75-1.125 5.375-1.875c1.625-0.75 3.5-1.125 5.125-1.875 1.625-0.75 3.25-1.125 4.875-1.875 1.625-0.75 3-1.125 4.625-1.875 1.375-0.75 3-1.125 4.375-1.875s2.75-1.125 4.25-1.875c1.375-0.75 2.75-1.125 4-1.875 1.375-0.75 2.5-1.125 3.75-1.875 1.125-0.75 2.5-1.125 3.75-1.875 1.125-0.75 2.375-1.125 3.5-1.875 1.125-0.75 2.375-1.125 3.5-1.875 1.125-0.75 2.375-1.125 3.25-1.875 1.125-0.75 2.125-1.125 3.25-1.875 1.125-0.75 2.125-1.125 3-1.875s2.125-1.125 3-1.875 1.875-1.125 3-1.875c0.875-0.75 1.875-1.125 2.75-1.875 0.875-0.75 1.875-1.125 2.75-1.875 0.875-0.75 1.875-1.125 2.75-1.875 0.875-0.75 1.875-1.125 2.5-1.875 0.875-0.75 1.625-1.125 2.5-1.875s1.625-1.125 2.5-1.875 1.625-1.125 2.375-1.875c0.75-0.75 1.625-1.125 2.375-1.875 0.75-0.75 1.625-1.125 2.375-1.875 0.75-0.75 1.375-1.125 2.375-1.875 0.75-0.75 1.375-1.125 2.375-1.875 0.75-0.75 1.375-1.125 2.125-1.875 0.75-0.75 1.375-1.125 2.125-1.875 0.75-0.75 1.375-1.125 2.125-1.875 0.75-0.75 1.375-1.125 2.125-1.875 0.75-0.75 1.375-1.125 1.875-1.875 0.75-0.75 1.375-1.125 1.875-1.875l1.875-1.875 1.875-1.875 1.875-1.875 1.875-1.875c0.75-0.75 1.125-1.125 1.625-1.875s1.125-1.125 1.625-1.875 1.125-1.125 1.625-1.875 1.125-1.125 1.625-1.875 1.125-1.125 1.625-1.875 0.875-1.125 1.625-1.875c0.5-0.75 0.875-1.125 1.625-1.875 0.5-0.75 0.875-1.125 1.375-1.875 0.5-0.75 0.875-1.125 1.375-1.875 0.5-0.75 0.875-1.125 1.375-1.875 0.5-0.75 0.875-1.125 1.375-1.875 0.5-0.75 0.875-1.125 1.375-1.875 0.5-0.75 0.875-1.125 1.375-1.875 0.5-0.75 0.875-1.125 1.375-1.875 0.5-0.75 0.875-1.125 1.125-1.875 0.5-0.75 0.875-1.125 1.125-1.875 0.5-0.75 0.875-1.125 1.125-1.875 0.5-0.75 0.75-1.125 1.125-1.875 0.5-0.75 0.75-1.125 1.125-1.875 0.5-0.75 0.75-1.125 1.125-1.875 0.5-0.75 0.75-1.125 1.125-1.875 0.5-0.75 0.75-1.125 1.125-1.875 0.5-0.75 0.75-1.125 1.125-1.875 0.5-0.75 0.75-1.125 0.875-1.875 0.25-0.75 0.75-1.125 0.875-1.875 0.25-0.75 0.75-1.125 0.875-1.875 0.25-0.75 0.75-1.125 0.875-1.875 0.25-0.75 0.75-1.125 0.875-1.875 0.25-0.75 0.75-1.125 0.875-1.875 0.25-0.75 0.75-1.125 0.875-1.875 0.25-0.75 0.75-1.125 0.875-1.875 0.25-0.75 0.5-1.125 0.875-1.875 0.25-0.75 0.5-1.125 0.875-1.875 0.25-0.75 0.5-1.125 0.75-1.875 0.25-0.75 0.5-1.125 0.75-1.875 0.25-0.75 0.5-1.125 0.75-1.875 0.25-0.75 0.5-1.125 0.75-1.875 0.25-0.75 0.5-1.125 0.75-1.875 0.25-0.75 0.5-1.125 0.75-1.875 0.25-0.75 0.5-1.125 0.75-1.875 0.25-0.75 0.5-1.125 0.75-1.875 0.25-0.75 0.5-1.125 0.75-1.875 0.25-0.75 0.5-1.125 0.75-1.875 0.25-0.75 0.5-1.125 0.75-1.875 0.25-0.75 0.5-1.125 0.5-1.875 0.25-0.75 0.5-1.125 0.5-1.875 0.25-0.75 0.25-1.125 0.5-1.875s0.5-1.125 0.5-1.875c0.25-0.75 0.25-1.125 0.5-1.875s0.25-1.125 0.5-1.875 0.25-1.125 0.5-1.875 0.25-1.125 0.5-1.875 0.25-1.125 0.5-1.875c0-0.5 0.25-0.75 0.25-1.125-4.625 0.5-9.25 0.875-14 1.125-3.5 0.25-7 0.25-10.75 0.25-4 0-8.125 0-12.125-0.25-6.75-0.25-13.25-0.875-19.5-1.875-3.75-0.5-7.625-1.125-11.375-1.875-3-0.5-5.875-1.125-8.875-1.875-2.5-0.5-5.125-1.125-7.5-1.875-2.125-0.5-4.375-1.125-6.5-1.875-1.875-0.5-4-1.125-5.875-1.875-1.875-0.5-3.5-1.125-5.375-1.875-1.625-0.75-3.25-1.125-4.875-1.875-1.625-0.75-3-1.125-4.625-1.875-1.375-0.75-3-1.125-4.375-1.875s-2.75-1.125-4.25-1.875c-1.375-0.75-2.5-1.125-4-1.875-1.125-0.75-2.5-1.125-3.75-1.875-1.125-0.75-2.375-1.125-3.5-1.875-1.125-0.75-2.375-1.125-3.5-1.875-1.125-0.75-2.125-1.125-3.25-1.875-0.875-0.75-2.125-1.125-3-1.875s-2.125-1.125-3-1.875-1.875-1.125-3-1.875c-0.875-0.75-1.875-1.125-2.75-1.875-0.875-0.75-1.875-1.125-2.75-1.875-0.875-0.75-1.875-1.125-2.5-1.875-0.875-0.75-1.625-1.125-2.5-1.875s-1.625-1.125-2.5-1.875c-0.75-0.75-1.625-1.125-2.375-1.875-0.75-0.75-1.625-1.125-2.375-1.875-0.75-0.75-1.625-1.125-2.375-1.875-0.75-0.75-1.375-1.125-2.125-1.875-0.75-0.75-1.375-1.125-2.125-1.875-0.75-0.75-1.375-1.125-2.125-1.875-0.75-0.75-1.375-1.125-2.125-1.875-0.75-0.75-1.375-1.125-2.125-1.875-0.75-0.75-1.375-1.125-1.875-1.875l-1.875-1.875-1.875-1.875-1.875-1.875c-0.75-0.75-1.125-1.125-1.625-1.875s-1.125-1.125-1.625-1.875-1.125-1.125-1.625-1.875-1.125-1.125-1.625-1.875-1.125-1.125-1.625-1.875-0.875-1.125-1.625-1.875c-0.5-0.75-0.875-1.125-1.625-1.875-0.5-0.75-0.875-1.125-1.375-1.875-0.5-0.75-0.875-1.125-1.375-1.875-0.5-0.75-0.875-1.125-1.375-1.875-0.5-0.75-0.875-1.125-1.375-1.875-0.5-0.75-0.875-1.125-1.375-1.875-0.5-0.75-0.875-1.125-1.375-1.875-0.5-0.75-0.875-1.125-1.125-1.875-0.5-0.75-0.875-1.125-1.125-1.875-0.5-0.75-0.75-1.125-1.125-1.875-0.5-0.75-0.75-1.125-1.125-1.875-0.5-0.75-0.75-1.125-1.125-1.875-0.5-0.75-0.75-1.125-1.125-1.875-0.5-0.75-0.75-1.125-1.125-1.875-0.5-0.75-0.75-1.125-1.125-1.875-0.5-0.75-0.75-1.125-1.125-1.875-0.25-0.75-0.75-1.125-0.875-1.875-0.25-0.75-0.75-1.125-0.875-1.875-0.25-0.75-0.75-1.125-0.875-1.875-0.25-0.75-0.75-1.125-0.875-1.875-0.25-0.75-0.75-1.125-0.875-1.875-0.25-0.75-0.75-1.125-0.875-1.875-0.25-0.75-0.75-1.125-0.875-1.875-0.25-0.75-0.5-1.125-0.875-1.875-0.25-0.75-0.5-1.125-0.875-1.875-0.25-0.75-0.5-1.125-0.875-1.875-0.25-0.75-0.5-1.125-0.75-1.875-3.125-4.625-3.375-5.125-3.625-5.75z m433.625-71.25v-11.375c0-0.5 0-0.875-0.25-1.625 0-0.5 0-0.875-0.25-1.625 0-0.5 0-0.875-0.25-1.625 0-0.5-0.25-0.875-0.25-1.625 0-0.5-0.25-0.875-0.25-1.625 0-0.5-0.25-0.875-0.25-1.625 0-0.5-0.25-0.875-0.25-1.625 0-0.5-0.25-0.875-0.25-1.625 0-0.5-0.25-0.875-0.25-1.625 0-0.5-0.25-0.875-0.25-1.625 0-0.5-0.25-0.875-0.25-1.625 0-0.5-0.25-0.875-0.25-1.625 0-0.5-0.25-0.875-0.5-1.625-0.25-0.5-0.25-0.875-0.5-1.625-0.25-0.5-0.25-0.875-0.5-1.625-0.25-0.5-0.25-0.875-0.5-1.625-0.25-0.5-0.25-0.875-0.5-1.625-0.25-0.5-0.25-0.875-0.5-1.625-0.25-0.5-0.25-0.875-0.5-1.625-0.25-0.5-0.25-0.875-0.5-1.625-0.25-0.5-0.25-0.875-0.5-1.625-0.25-0.5-0.25-0.875-0.5-1.625-0.25-0.5-0.5-0.875-0.5-1.625-0.25-0.5-0.5-0.875-0.5-1.625-0.25-0.5-0.5-0.875-0.5-1.625-0.25-0.5-0.5-0.875-0.75-1.625-0.25-0.5-0.5-0.875-0.75-1.625-0.25-0.5-0.5-0.875-0.75-1.625-0.25-0.5-0.5-0.875-0.75-1.625-0.25-0.5-0.5-0.875-0.75-1.625-0.25-0.5-0.5-0.875-0.75-1.625-0.25-0.5-0.5-0.875-0.75-1.625-0.25-0.5-0.5-0.875-0.75-1.625-0.25-0.5-0.5-0.875-0.75-1.625-0.25-0.5-0.5-0.875-0.75-1.625-0.25-0.5-0.5-0.875-0.75-1.625-0.25-0.5-0.5-0.875-0.875-1.625-0.25-0.5-0.5-0.875-0.875-1.625-0.25-0.5-0.5-0.875-0.875-1.625-0.25-0.5-0.5-0.875-0.875-1.625-0.25-0.5-0.75-0.875-0.875-1.625-0.25-0.5-0.75-0.875-0.875-1.625-0.25-0.5-0.75-0.875-0.875-1.625-0.25-0.5-0.75-0.875-0.875-1.625-0.25-0.5-0.75-0.875-0.875-1.625-0.25-0.5-0.75-0.875-0.875-1.625-0.25-0.5-0.75-0.875-0.875-1.625-0.25-0.5-0.75-0.875-0.875-1.625-0.5-0.5-0.75-0.875-1.125-1.625-0.5-0.5-0.75-0.875-1.125-1.625-0.5-0.5-0.75-0.875-1.125-1.625-0.5-0.5-0.75-0.875-1.125-1.625-0.5-0.5-0.75-0.875-1.125-1.625-0.5-0.5-0.75-0.875-1.125-1.625-0.5-0.5-0.75-0.875-1.125-1.625-0.5-0.5-0.75-0.875-1.125-1.625-0.5-0.5-0.75-0.875-1.125-1.625-0.5-0.5-0.875-0.875-1.125-1.625-0.5-0.5-0.875-0.875-1.125-1.625-0.5-0.5-0.875-0.875-1.375-1.625-0.5-0.5-0.875-0.875-1.375-1.625-0.5-0.5-0.875-0.875-1.375-1.625-0.5-0.5-0.875-0.875-1.375-1.625-0.5-0.5-0.875-0.875-1.375-1.625-0.5-0.5-0.875-0.875-1.375-1.625-0.5-0.5-0.875-0.875-1.375-1.625-0.5-0.5-0.875-0.875-1.375-1.625-0.5-0.5-0.875-0.875-1.375-1.625-0.5-0.5-0.875-0.875-1.375-1.625l-1.625-1.625-1.625-1.625c-0.5-0.5-1.125-0.875-1.625-1.625-0.5-0.5-1.125-0.875-1.625-1.625-0.5-0.5-1.125-0.875-1.625-1.625-0.5-0.5-1.125-0.875-1.625-1.625-0.5-0.5-1.125-0.875-1.625-1.625-0.5-0.5-1.125-0.875-1.625-1.625-0.5-0.5-1.125-0.875-1.625-1.625-0.75-0.5-1.125-0.875-1.875-1.625-0.75-0.5-1.125-0.875-1.875-1.625-0.75-0.5-1.125-0.875-1.875-1.625-0.75-0.5-1.125-0.875-1.875-1.625-0.75-0.5-1.125-0.875-1.875-1.625-0.75-0.5-1.125-0.875-1.875-1.625-0.75-0.5-1.375-0.875-1.875-1.625-0.75-0.5-1.375-0.875-1.875-1.625-0.75-0.5-1.375-0.875-2.125-1.625-0.75-0.5-1.375-0.875-2.125-1.625l-0.75-0.5 0.25-0.875 0.5-1.625 0.5-1.625 0.5-1.625 0.5-1.625 0.5-1.625 0.5-1.625 0.5-1.625 0.5-1.625 0.5-1.625 0.5-1.625 0.5-1.625 0.5-1.625 0.5-1.625 0.5-1.625 0.5-1.625 0.5-1.625 0.5-1.625 0.5-1.625 0.5-1.625 0.5-1.625 0.5-1.625 0.5-1.625 0.5-1.625 0.5-1.625 0.5-1.625 0.5-1.625 0.5-1.625 0.5-1.625 0.5-1.625 0.5-1.625 0.5-1.625 0.5-1.625 0.5-1.625 0.5-1.625 0.5-1.625 0.5-1.625 0.5-1.625 0.5-1.625 0.5-1.625 0.5-1.625 0.25-1.125-2.125 1.125-2.75 1.625-2.75 1.625-2.75 1.625-2.75 1.625-2.75 1.625-2.75 1.625-2.75 1.625-2.75 1.625-2.75 1.625-2.75 1.625-2.75 1.625-2.75 1.625-2.75 1.625-2.75 1.625-2.75 1.625-2.75 1.625-2.75 1.625-2.75 1.625-2.75 1.625-2.75 1.625-2.75 1.625-2.75 1.625-2.75 1.625-2.75 1.625-0.5 0.25-0.875-0.25c-2.125-0.5-4.25-0.875-6-1.625-2.125-0.5-4.25-0.875-6.25-1.625-2.125-0.5-4.25-0.875-6.5-1.625-2.375-0.5-4.375-0.875-6.75-1.625-2.375-0.5-4.875-1.125-7.25-1.625-2.75-0.5-5.375-1.125-8.125-1.625-3.25-0.5-6.5-1.125-9.75-1.625-5.375-0.75-10.75-1.125-15.875-1.625-2.75-0.25-5.875-0.25-8.625-0.25-3.75 0-7.5 0-11.125 0.25-6.5 0.25-12.75 0.75-19.125 1.625-3.75 0.5-7.5 0.875-11 1.625-2.75 0.5-5.875 0.875-8.625 1.625-2.375 0.5-4.875 0.875-7.25 1.625-2.125 0.5-4.25 0.875-6.25 1.625-1.875 0.5-3.75 0.875-5.625 1.625-1.875 0.5-3.5 0.875-5.125 1.625-1.625 0.5-3.25 0.875-4.875 1.625-1.375 0.5-3 0.875-4.375 1.625-1.375 0.5-2.75 0.875-4.25 1.625-1.375 0.5-2.5 0.875-4 1.625-1.125 0.5-2.5 0.875-3.75 1.625-1.125 0.5-2.375 0.875-3.75 1.625-1.125 0.5-2.375 0.875-3.5 1.625-1.125 0.5-2.125 0.875-3.25 1.625-1.125 0.5-2.125 0.875-3.25 1.625-0.875 0.5-2.125 0.875-3 1.625-0.875 0.5-1.875 0.875-3 1.625-0.875 0.5-1.875 0.875-2.75 1.625-0.875 0.5-1.875 0.875-2.75 1.625-0.875 0.5-1.875 0.875-2.5 1.625-0.875 0.5-1.625 0.875-2.5 1.625-0.875 0.5-1.625 0.875-2.5 1.625-0.75 0.5-1.625 0.875-2.375 1.625-0.75 0.5-1.625 0.875-2.375 1.625-0.75 0.5-1.625 0.875-2.375 1.625-0.75 0.5-1.375 0.875-2.375 1.625-0.75 0.5-1.375 0.875-2.125 1.625-0.75 0.5-1.375 0.875-2.125 1.625-0.75 0.5-1.375 0.875-2.125 1.625-0.75 0.5-1.375 0.875-2.125 1.625-0.75 0.5-1.375 0.875-1.875 1.625-0.75 0.5-1.375 0.875-1.875 1.625-0.75 0.5-1.125 0.875-1.875 1.625-0.75 0.5-1.125 0.875-1.875 1.625-0.75 0.5-1.125 0.875-1.875 1.625-0.75 0.5-1.125 0.875-1.875 1.625-0.5 0.5-1.125 0.875-1.625 1.625-0.5 0.5-1.125 0.875-1.625 1.625-0.5 0.5-1.125 0.875-1.625 1.625-0.5 0.5-1.125 0.875-1.625 1.625l-1.625 1.625-1.625 1.625c-0.5 0.5-0.875 0.875-1.375 1.625-0.5 0.5-0.875 0.875-1.375 1.625-0.5 0.5-0.875 0.875-1.375 1.625-0.5 0.5-0.875 0.875-1.375 1.625-0.5 0.5-0.875 0.875-1.375 1.625-0.5 0.5-0.875 0.875-1.375 1.625-0.5 0.5-0.875 0.875-1.375 1.625-0.5 0.5-0.875 0.875-1.125 1.625-0.5 0.5-0.875 0.875-1.125 1.625-0.5 0.5-0.875 0.875-1.125 1.625-0.5 0.5-0.75 0.875-1.125 1.625-0.5 0.5-0.75 0.875-1.125 1.625-0.5 0.5-0.75 0.875-1.125 1.625-0.5 0.5-0.75 0.875-1.125 1.625-0.5 0.5-0.75 0.875-1.125 1.625-0.5 0.5-0.75 0.875-1.125 1.625-0.5 0.5-0.75 0.875-1.125 1.625-0.25 0.5-0.75 0.875-0.875 1.625-0.25 0.5-0.75 0.875-0.875 1.625-0.25 0.5-0.75 0.875-0.875 1.625-0.25 0.5-0.75 0.875-0.875 1.625-0.25 0.5-0.75 0.875-0.875 1.625-0.25 0.5-0.75 0.875-0.875 1.625-0.25 0.5-0.75 0.875-0.875 1.625-0.25 0.5-0.75 0.875-0.875 1.625-0.25 0.5-0.5 0.875-0.875 1.625-0.25 0.5-0.5 0.875-0.875 1.625-0.25 0.5-0.5 0.875-0.75 1.625-0.25 0.5-0.5 0.875-0.75 1.625-0.25 0.5-0.5 0.875-0.75 1.625-0.25 0.5-0.5 0.875-0.75 1.625-0.25 0.5-0.5 0.875-0.75 1.625-0.25 0.5-0.5 0.875-0.75 1.625-0.25 0.5-0.5 0.875-0.75 1.625-0.25 0.5-0.5 0.875-0.75 1.625-0.25 0.5-0.5 0.875-0.75 1.625-0.25 0.5-0.5 0.875-0.75 1.625-0.25 0.5-0.5 0.875-0.75 1.625-0.25 0.5-0.5 0.875-0.75 1.625-0.25 0.5-0.5 0.875-0.5 1.625-0.25 0.5-0.5 0.875-0.5 1.625-0.25 0.5-0.5 0.875-0.5 1.625-0.25 0.5-0.5 0.875-0.5 1.625-0.25 0.5-0.5 0.875-0.5 1.625-0.25 0.5-0.25 0.875-0.5 1.625-0.25 0.5-0.25 0.875-0.5 1.625-0.25 0.5-0.25 0.875-0.5 1.625-0.25 0.5-0.25 0.875-0.5 1.625-0.25 0.5-0.25 0.875-0.5 1.625-0.25 0.5-0.25 0.875-0.5 1.625-0.25 0.5-0.25 0.875-0.5 1.625-0.25 0.5-0.25 0.875-0.5 1.625-0.25 0.5-0.25 0.875-0.5 1.625-0.25 0.5-0.25 0.875-0.25 1.625 0 0.5-0.25 0.875-0.25 1.625 0 0.5-0.25 0.875-0.25 1.625 0 0.5-0.25 0.875-0.25 1.625 0 0.5-0.25 0.875-0.25 1.625 0 0.5-0.25 0.875-0.25 1.625 0 0.5-0.25 0.875-0.25 1.625 0 0.5-0.25 0.875-0.25 1.625 0 0.5-0.25 0.875-0.25 1.625 0 0.5-0.25 0.875-0.25 1.625 0 0.5-0.25 0.875-0.25 1.625 0 0.5-0.25 0.875-0.25 1.625 0 0.5 0 0.875-0.25 1.625 0 0.5 0 0.875-0.25 1.625 0 0.5 0 0.875-0.25 1.625v1.625 1.625 1.625 3.25 1.625 3.25 1.375 1.625 1.625 1.625 1.625 1.625 1.625 1.625 1.625 1.625c0 0.5 0 0.875 0.25 1.625 0 0.5 0 0.875 0.25 1.625 0 0.5 0 0.875 0.25 1.625 0 0.5 0.25 0.875 0.25 1.625 0 0.5 0.25 0.875 0.25 1.625 0 0.5 0.25 0.875 0.25 1.625 0 0.5 0.25 0.875 0.25 1.625 0 0.5 0.25 0.875 0.25 1.625 0 0.5 0.25 0.875 0.25 1.625 0 0.5 0.25 0.875 0.25 1.625 0 0.5 0.25 0.875 0.25 1.625 0 0.5 0.25 0.875 0.25 1.625 0 0.5 0.25 0.875 0.25 1.625 0 0.5 0.25 0.875 0.25 1.625 0 0.5 0.25 0.875 0.25 1.625 0.25 0.5 0.25 0.875 0.5 1.625 0.25 0.5 0.25 0.875 0.5 1.625 0.25 0.5 0.25 0.875 0.5 1.625 0.25 0.5 0.25 0.875 0.5 1.625 0.25 0.5 0.25 0.875 0.5 1.625 0.25 0.5 0.25 0.875 0.5 1.625 0.25 0.5 0.25 0.875 0.5 1.625 0.25 0.5 0.25 0.875 0.5 1.625 0.25 0.5 0.25 0.875 0.5 1.625 0.25 0.5 0.5 0.875 0.5 1.625 0.25 0.5 0.5 0.875 0.5 1.625 0.25 0.5 0.5 0.875 0.5 1.625 0.25 0.5 0.5 0.875 0.5 1.625 0.25 0.5 0.5 0.875 0.5 1.625 0.25 0.5 0.5 0.875 0.75 1.625 0.25 0.5 0.5 0.875 0.75 1.625 0.25 0.5 0.5 0.875 0.75 1.625 0.25 0.5 0.5 0.875 0.75 1.625 0.25 0.5 0.5 0.875 0.75 1.625 0.25 0.5 0.5 0.875 0.75 1.625 0.25 0.5 0.5 0.875 0.75 1.625 0.25 0.5 0.5 0.875 0.75 1.625 0.25 0.5 0.5 0.875 0.75 1.625 0.25 0.5 0.5 0.875 0.75 1.625 0.25 0.5 0.5 0.875 0.75 1.625 0.25 0.5 0.5 0.875 0.875 1.625 0.25 0.5 0.5 0.875 0.875 1.625 0.25 0.5 0.5 0.875 0.875 1.625 0.25 0.5 0.75 0.875 0.875 1.625 0.25 0.5 0.75 0.875 0.875 1.625 0.25 0.5 0.75 0.875 0.875 1.625 0.25 0.5 0.75 0.875 0.875 1.625 0.25 0.5 0.75 0.875 0.875 1.625 0.25 0.5 0.75 0.875 0.875 1.625 0.25 0.5 0.75 0.875 0.875 1.625 0.25 0.5 0.75 0.875 0.875 1.625 0.25 0.5 0.75 0.875 1.125 1.625 0.5 0.5 0.75 0.875 1.125 1.625 0.5 0.5 0.75 0.875 1.125 1.625 0.5 0.5 0.75 0.875 1.125 1.625 0.5 0.5 0.75 0.875 1.125 1.625 0.5 0.5 0.75 0.875 1.125 1.625 0.5 0.5 0.75 0.875 1.125 1.625 0.5 0.5 0.875 0.875 1.125 1.625 0.5 0.5 0.875 0.875 1.125 1.625 0.5 0.5 0.875 0.875 1.125 1.625 0.5 0.5 0.875 0.875 1.375 1.625 0.5 0.5 0.875 0.875 1.375 1.625 0.5 0.5 0.875 0.875 1.375 1.625 0.5 0.5 0.875 0.875 1.375 1.625 0.5 0.5 0.875 0.875 1.375 1.625 0.5 0.5 0.875 0.875 1.375 1.625 0.5 0.5 0.875 0.875 1.375 1.625l1.625 1.625 1.625 1.625c0.5 0.5 1.125 0.875 1.625 1.625 0.5 0.5 1.125 0.875 1.625 1.625 0.5 0.5 1.125 0.875 1.625 1.625 0.5 0.5 1.125 0.875 1.625 1.625 0.5 0.5 1.125 0.875 1.875 1.625 0.75 0.5 1.125 0.875 1.875 1.625 0.75 0.5 1.125 0.875 1.875 1.625 0.75 0.5 1.125 0.875 1.875 1.625 0.75 0.5 1.375 0.875 1.875 1.625 0.75 0.5 1.375 0.875 1.875 1.625 0.75 0.5 1.375 0.875 2.125 1.625 0.75 0.5 1.375 0.875 2.125 1.625 0.75 0.5 1.375 0.875 2.125 1.625 0.75 0.5 1.375 0.875 2.125 1.625 0.75 0.5 1.375 0.875 2.375 1.625 0.75 0.5 1.625 0.875 2.375 1.625 0.75 0.5 1.625 0.875 2.375 1.625 0.75 0.5 1.625 0.875 2.375 1.625 0.875 0.5 1.625 0.875 2.5 1.625 0.875 0.5 1.625 0.875 2.5 1.625 0.875 0.5 1.875 0.875 2.5 1.625 0.875 0.5 1.875 0.875 2.75 1.625 0.875 0.5 1.875 0.875 2.75 1.625 0.875 0.5 1.875 0.875 3 1.625 0.875 0.5 2.125 0.875 3 1.625 1.125 0.5 2.125 0.875 3.25 1.625 1.125 0.5 2.125 0.875 3.25 1.625 1.125 0.5 2.375 0.875 3.5 1.625 1.125 0.5 2.375 0.875 3.75 1.625 1.125 0.5 2.5 0.875 3.75 1.625 1.375 0.5 2.5 0.875 4 1.625 1.375 0.5 2.75 0.875 4.25 1.625 1.375 0.5 3 0.875 4.375 1.625 1.625 0.5 3.25 0.875 4.875 1.625 1.625 0.5 3.5 0.875 5.125 1.625 1.875 0.5 3.75 0.875 5.875 1.625 2.125 0.5 4.25 1.125 6.25 1.625 2.375 0.5 4.875 1.125 7.25 1.625 2.75 0.5 5.875 1.125 8.625 1.625 3.75 0.75 7.5 1.125 11.125 1.625 9.25 1.125 19.125 1.625 28.875 1.625h1.375c9.25 0 18.375-0.75 27.5-1.625 3.75-0.5 7.25-0.875 10.75-1.625 2.75-0.5 5.625-0.875 8.375-1.625 2.375-0.5 4.625-0.875 7-1.625 2.125-0.5 4.25-0.875 6.25-1.625 1.875-0.5 3.75-0.875 5.625-1.625 1.625-0.5 3.5-0.875 5.125-1.625 1.625-0.5 3.25-0.875 4.625-1.625 1.375-0.5 3-0.875 4.375-1.625 1.375-0.5 2.75-0.875 4.25-1.625 1.375-0.5 2.5-0.875 4-1.625 1.125-0.5 2.5-0.875 3.75-1.625 1.125-0.5 2.375-0.875 3.5-1.625 1.125-0.5 2.375-0.875 3.5-1.625 1.125-0.5 2.125-0.875 3.25-1.625 1.125-0.5 2.125-0.875 3.25-1.625 0.875-0.5 2.125-0.875 3-1.625 0.875-0.5 1.875-0.875 3-1.625 0.875-0.5 1.875-0.875 2.75-1.625 0.875-0.5 1.875-0.875 2.75-1.625 0.875-0.5 1.875-0.875 2.5-1.625 0.875-0.5 1.625-0.875 2.5-1.625 0.875-0.5 1.625-0.875 2.5-1.625 0.875-0.5 1.625-0.875 2.5-1.625 0.75-0.5 1.625-0.875 2.375-1.625 0.75-0.5 1.625-0.875 2.375-1.625 0.75-0.5 1.375-0.875 2.375-1.625 0.75-0.5 1.375-0.875 2.125-1.625 0.75-0.5 1.375-0.875 2.125-1.625 0.75-0.5 1.375-0.875 2.125-1.625 0.75-0.5 1.375-0.875 2.125-1.625 0.75-0.5 1.375-0.875 1.875-1.625 0.75-0.5 1.375-0.875 1.875-1.625 0.75-0.5 1.125-0.875 1.875-1.625 0.75-0.5 1.125-0.875 1.875-1.625 0.75-0.5 1.125-0.875 1.875-1.625 0.75-0.5 1.125-0.875 1.875-1.625 0.5-0.5 1.125-0.875 1.625-1.625 0.5-0.5 1.125-0.875 1.625-1.625 0.5-0.5 1.125-0.875 1.625-1.625 0.5-0.5 1.125-0.875 1.625-1.625 0.5-0.5 1.125-0.875 1.625-1.625l1.625-1.625 1.625-1.625c0.5-0.5 0.875-0.875 1.375-1.625 0.5-0.5 0.875-0.875 1.375-1.625 0.5-0.5 0.875-0.875 1.375-1.625 0.5-0.5 0.875-0.875 1.375-1.625 0.5-0.5 0.875-0.875 1.375-1.625 0.5-0.5 0.875-0.875 1.375-1.625 0.5-0.5 0.875-0.875 1.375-1.625 0.5-0.5 0.875-0.875 1.375-1.625 0.5-0.5 0.875-0.875 1.125-1.625 0.5-0.5 0.75-0.875 1.125-1.625 0.5-0.5 0.875-0.875 1.125-1.625 0.5-0.5 0.75-0.875 1.125-1.625 0.5-0.5 0.75-0.875 1.125-1.625 0.5-0.5 0.75-0.875 1.125-1.625 0.5-0.5 0.75-0.875 1.125-1.625 0.5-0.5 0.75-0.875 1.125-1.625 0.5-0.5 0.75-0.875 1.125-1.625 0.5-0.5 0.75-0.875 0.875-1.625 0.25-0.5 0.75-0.875 0.875-1.625 0.25-0.5 0.75-0.875 0.875-1.625 0.25-0.5 0.75-0.875 0.875-1.625 0.25-0.5 0.75-0.875 0.875-1.625 0.25-0.5 0.75-0.875 0.875-1.625 0.25-0.5 0.75-0.875 0.875-1.625 0.25-0.5 0.5-0.875 0.875-1.625 0.25-0.5 0.75-0.875 0.875-1.625 0.25-0.5 0.5-0.875 0.875-1.625 0.25-0.5 0.5-0.875 0.875-1.625 0.25-0.5 0.5-0.875 0.875-1.625 0.25-0.5 0.5-0.875 0.75-1.625 0.25-0.5 0.5-0.875 0.75-1.625 0.25-0.5 0.5-0.875 0.75-1.625 0.25-0.5 0.5-0.875 0.75-1.625 0.25-0.5 0.5-0.875 0.75-1.625 0.25-0.5 0.5-0.875 0.75-1.625 0.25-0.5 0.5-0.875 0.75-1.625 0.25-0.5 0.5-0.875 0.75-1.625 0.25-0.5 0.5-0.875 0.75-1.625 0.25-0.5 0.5-0.875 0.75-1.625 0.25-0.5 0.5-0.875 0.75-1.625 0.25-0.5 0.5-0.875 0.5-1.625 0.25-0.5 0.5-0.875 0.5-1.625 0.25-0.5 0.5-0.875 0.5-1.625 0.25-0.5 0.25-0.875 0.5-1.625 0.25-0.5 0.25-0.875 0.5-1.625 0.25-0.5 0.25-0.875 0.5-1.625 0.25-0.5 0.25-0.875 0.5-1.625 0.25-0.5 0.25-0.875 0.5-1.625 0.25-0.5 0.25-0.875 0.5-1.625 0.25-0.5 0.25-0.875 0.5-1.625 0.25-0.5 0.25-0.875 0.5-1.625 0.25-0.5 0.25-0.875 0.5-1.625 0.25-0.5 0.25-0.875 0.5-1.625 0.25-0.5 0.25-0.875 0.5-1.625 0.25-0.5 0.25-0.875 0.5-1.625 0-0.5 0.25-0.875 0.25-1.625 0-0.5 0.25-0.875 0.25-1.625 0-0.5 0.25-0.875 0.25-1.625 0-0.5 0.25-0.875 0.25-1.625 0-0.5 0.25-0.875 0.25-1.625 0-0.5 0.25-0.875 0.25-1.625 0-0.5 0.25-0.875 0.25-1.625 0-0.5 0.25-0.875 0.25-1.625 0-0.5 0.25-0.875 0.25-1.625 0-0.5 0-0.875 0.25-1.625 0-0.5 0-0.875 0.25-1.625 0-0.5 0-0.875 0.25-1.625 0-0.5 0-0.875 0.25-1.625 0-0.5 0-0.875 0.25-1.625v-11.375h-3.125zM589.714646 384c-12.625 0-25.375-12.75-25.375-25.375 0-12.75 12.75-25.375 25.375-25.375 19.375 0 31.875 12.625 31.875 25.375-0.125 12.625-12.75 25.375-31.875 25.375zM729.589646 384c-12.625 0-25.375-12.75-25.375-25.375 0-12.75 12.75-25.375 25.375-25.375 19.125 0 31.875 12.625 31.875 25.375 0 12.625-12.75 25.375-31.875 25.375zM328.714646 568.75c-19.125 0-38.375-12.625-38.375-31.625 0-19.125 19.375-31.875 38.375-31.875s31.875 12.75 31.875 31.875-12.875 31.625-31.875 31.625zM506.964646 568.75c-19.125 0-38.125-12.625-38.125-31.625 0-19.125 19.125-31.875 38.125-31.875 19.125 0 31.875 12.75 31.875 31.875s-12.875 31.625-31.875 31.625z" horiz-adv-x="1059" />
+
+
+ <glyph glyph-name="shrink-right" unicode="" d="M52.294-28.71900000000005h899.793c16.546 0 29.999 13.405 29.999 29.999v59.974c-0.013 16.562-13.436 29.985-29.998 29.999h-899.795c-16.57 0-29.999-13.429-29.999-29.999v-59.974c0-16.617 13.429-29.999 29.999-29.999zM952.087 451.165h-479.884c-16.57 0-29.999-13.405-29.999-29.999v-59.974c0 0 0 0 0 0 0-16.572 13.428-30.01 29.997-30.022h479.885c16.571 0.013 29.999 13.448 29.999 30.022 0 0 0 0 0 0v59.974c0 16.593-13.429 29.999-29.999 29.999zM52.294 691.0840000000001h899.793c16.554 0.013 29.972 13.423 29.999 29.974v59.999c0 16.57-13.429 29.999-29.999 29.999h-899.793c-16.57 0-29.999-13.429-29.999-29.999v-59.997c0-16.546 13.429-29.975 29.999-29.975zM45.183 383.53499999999997l239.919-150.598v301.196l-239.919-150.598z" horiz-adv-x="1024" />
+
+
+ <glyph glyph-name="spread-left" unicode="" d="M942.974 770.924h-843.556c-15.513 0-28.124-12.567-28.124-28.124v-56.226c0.012-15.527 12.596-28.111 28.123-28.124h843.559c15.534 0 28.124 12.59 28.124 28.124v56.226c0 15.578-12.59 28.124-28.124 28.124zM99.418 321.033h449.891c15.534 0 28.124 12.567 28.124 28.124v56.226c0 0 0 0 0 0 0 15.537-12.589 28.134-28.122 28.146h-449.892c-15.534-0.012-28.124-12.608-28.124-28.146 0 0 0 0 0 0v-56.226c0-15.556 12.59-28.124 28.124-28.124zM942.974 96.10900000000004h-843.556c-15.519-0.012-28.099-12.584-28.124-28.101v-56.249c0-15.534 12.59-28.124 28.124-28.124h843.556c15.534 0 28.124 12.59 28.124 28.124v56.248c0 15.513-12.59 28.103-28.124 28.102zM949.641 384.436l-224.924 141.186v-282.37l224.924 141.186z" horiz-adv-x="1024" />
+
+
+ <glyph glyph-name="camera" unicode="" d="M884.3 648.6H704.2L679.5 698l-0.2 0.4c-1.9 3.6-3.6 6.9-5.1 9.9-12 23.4-21.5 41.9-54.1 41.9H416.7c-32.9 0-43.7-21.3-55.1-43.8-1.3-2.6-2.7-5.3-4.2-8.1l-24.8-49.7H152.4c-34 0-61.7-27.7-61.7-61.7v-488c0-34 27.7-61.7 61.7-61.7h731.9c34 0 61.7 27.7 61.7 61.7v488c0 34-27.7 61.7-61.7 61.7zM904 98.89999999999998c0-10.8-8.8-19.7-19.7-19.7H152.4c-10.8 0-19.7 8.8-19.7 19.7v488c0 10.8 8.8 19.7 19.7 19.7h206.1l36.2 72.5c1.5 2.9 2.9 5.7 4.3 8.3 10.6 20.8 11.1 20.8 17.7 20.8H620c4.6 0 5.8-0.6 5.8-0.6 2-1.2 7.2-11.2 10.9-18.5 1.6-3.1 3.3-6.5 5.3-10.1l36.2-72.4h206.1c10.8 0 19.7-8.8 19.7-19.7v-488zM525.5 565.5c-123.5 0-223.6-100.1-223.6-223.6S402 118.20000000000005 525.5 118.20000000000005s223.7 100.1 223.7 223.7c0 123.5-100.2 223.6-223.7 223.6z m0-402.5c-98.8 0-178.9 80.1-178.9 178.9 0 98.8 80.1 178.9 178.9 178.9 98.8 0 178.9-80.1 178.9-178.9 0-98.8-80.1-178.9-178.9-178.9z m246 402.5v-44.7H861v44.7h-89.5z" horiz-adv-x="1024" />
+
+
+ <glyph glyph-name="note" unicode="" d="M987.2 384.36L512.43 859.13a84.75 84.75 0 0 1-65 24.71L111.55 864.09a84.83 84.83 0 0 1-79.65-79.65L12.15 448.57a84.57 84.57 0 0 1 24.69-65l474.8-474.8a84.91 84.91 0 0 1 119.93 0L987.2 264.41999999999996a84.9 84.9 0 0 1 0 119.94z m-39.28-80.66L592.29-51.91999999999996a29.31 29.31 0 0 0-41.37 0L76.1 422.9a29.22 29.22 0 0 0-8.49 22.38l19.74 335.88a29.29 29.29 0 0 0 27.48 27.48l335.9 19.75a29.32 29.32 0 0 0 22.38-8.52l474.8-474.8a29.31 29.31 0 0 0 0.01-41.37zM236.86 659.14c-50.92-50.95-50.92-133.8 0-184.72a130.61 130.61 0 1 1 184.71 184.72c-50.89 50.86-133.77 50.86-184.71 0zM382.29 513.7c-28.38-28.38-77.78-28.38-106.15 0a75.08 75.08 0 1 0 106.15 0z" horiz-adv-x="1024" />
+
+
+ <glyph glyph-name="refresh" unicode="" d="M928 810.666667c-18.133333 0-32-13.866667-32-32v-164.266667C816 747.733333 669.866667 832 512 832 264.533333 832 64 631.4666669999999 64 384s200.533333-448 448-448c230.4 0 422.4 172.8 445.866667 402.133333 2.133333 17.066667-10.666667 33.066667-28.8 35.2-17.066667 2.133333-33.066667-10.666667-35.2-28.8C873.6 148.26666699999998 709.333333 0 512 0c-212.266667 0-384 171.733333-384 384s171.733333 384 384 384c137.6 0 264.533333-74.666667 332.8-192H693.333333c-18.133333 0-32-13.866667-32-32s13.866667-32 32-32h266.666667V778.666667c0 18.133333-14.933333 32-32 32z" horiz-adv-x="1024" />
+
+
+ <glyph glyph-name="female" unicode="" d="M774.4 800c-48 35.2-108.8 51.2-172.8 51.2-105.6 0-208-51.2-268.8-150.4-89.6-134.4-57.6-313.6 60.8-416l-32-51.2-188.8 121.6S128 384 108.8 352c-22.4-35.2 22.4-64 22.4-64l188.8-121.6-105.6-163.2s-19.2-32 16-51.2c38.4-22.4 57.6 12.8 57.6 12.8l102.4 160 185.6-121.6s48-28.8 70.4 6.4c19.2 28.8-25.6 57.6-25.6 57.6L432 192l32 48c44.8-22.4 92.8-32 137.6-32 105.6 0 208 51.2 268.8 150.4 96 147.2 51.2 345.6-96 441.6z m35.2-400c-44.8-67.2-118.4-108.8-201.6-108.8-44.8 0-92.8 12.8-131.2 38.4-112 73.6-147.2 220.8-73.6 332.8 44.8 64 121.6 105.6 201.6 108.8 44.8 0 92.8-12.8 131.2-38.4 112-73.6 147.2-220.8 73.6-332.8z" horiz-adv-x="1024" />
+
+
+ <glyph glyph-name="male" unicode="" d="M889.6 800h-240s-35.2 0-38.4-41.6c0-19.2 16-38.4 38.4-38.4h140.8l-179.2-179.2C556.8 582.4 489.6 608 416 608 240 608 96 464 96 288s144-320 320-320 320 144 320 320c0 73.6-25.6 140.8-67.2 195.2l179.2 179.2v-140.8c0-22.4 19.2-38.4 38.4-38.4 22.4 0 38.4 19.2 38.4 41.6V764.8h3.2C924.8 800 889.6 800 889.6 800zM416 48c-131.2 0-236.8 105.6-236.8 236.8 0 131.2 105.6 236.8 236.8 236.8s236.8-105.6 236.8-236.8c0-131.2-105.6-236.8-236.8-236.8z" horiz-adv-x="1024" />
+
+
+ <glyph glyph-name="screen-restore" unicode="" d="M582.6 454.6v320h50V540l274 274 35.4-35.4-274-274h234.6v-50h-320zM117.4-46l274 274v-234.6h50v320h-320v-50H356l-274-274 35.4-35.4zM132 764h302V814H82v-352h50V764z m760-760H590v-50h352V306h-50v-302z" horiz-adv-x="1024" />
+
+
+ <glyph glyph-name="password" unicode="" d="M519.2 343.29999999999995c-41.1 0-74.4-33.3-74.4-74.4 0-29.7 17.5-55 42.5-67.1v-81.9c0-17.6 14.3-31.9 31.9-31.9 17.6 0 31.9 14.3 31.9 31.9v81.9c25.1 12 42.5 37.4 42.5 66.9 0 41.3-33.2 74.6-74.4 74.6zM827.6-62.10000000000002H189.4c-35.9 0-65.1 29.2-65.1 65.1V428.4c0 35.9 29.2 65.1 65.1 65.1h638.2c17.3 0 33.7-6.7 46-19.1 12.3-12.3 19.1-28.7 19.1-46V3c0-35.9-29.2-65.1-65.1-65.1zM231.9 427.2c-34.8 0-41.3-6.6-41.3-41.3v-340.4c0-34.8 6.6-41.3 41.3-41.3h553.2c34.8 0 41.3 6.6 41.3 41.3V385.9c0 34.8-6.6 41.3-41.3 41.3H231.9zM519.2 86.70000000000005c-18.3 0-33.2 14.8-33.2 33.2V201c-26.3 12.8-42.6 38.8-42.6 67.8 0 41.8 33.9 75.7 75.7 75.7s75.7-33.9 75.7-75.7c0-29-16.3-55-42.5-67.8v-81.1c0.1-18.2-14.9-33.2-33.1-33.2zM519.2 342c-40.4 0-73.2-32.9-73.2-73.2 0-28.3 16.1-53.6 41.9-65.8l0.7-0.4V120c0-17 13.7-30.7 30.7-30.7S550 103.10000000000002 550 120v82.6l0.7 0.4c25.8 12.3 41.9 37.5 41.9 65.8-0.2 40.4-33.1 73.2-73.4 73.2zM207 523.1c-9.1 0-17.6 3.5-23.9 10-6.4 6.4-10 15-10 23.9v2h-0.2l0.2 1.4c0.1 0.5 0.1 0.9 0.2 1.4l0.2 1c0.1 0.6 0.2 1.4 0.4 2 15.3 75.7 57 144.2 117.2 193 29.9 24.2 63.4 43 99.8 56 37.5 13.3 77 20.2 117.5 20.2 61 0 120.8-16.3 173-47.2 50.6-29.9 93-72.8 122.5-123.8 4-5.6 6.1-12.2 6.1-19.2 0-18.3-15-33.3-33.3-33.3-13.2 0-25.1 7.7-30.4 19.8-49.2 84.6-140.4 137.4-238 137.4-128.1 0-238.2-87.1-267.6-211.8v-0.2c-0.7-18.4-15.4-32.6-33.7-32.6z" horiz-adv-x="1024" />
+
+
+ <glyph glyph-name="senior" unicode="" d="M719.9 249.39999999999998L514.7 379.5V485.1C615.6 419 731.5 344 731.5 344s139.2-45.6 139.2 106.5c0 93-172.5 112.1-197.2 11.8l-69.6 47.3s24.2 101.5 162.4 106.5c138.2 4.9 192-94.6 190.9-199.6-1.2-104.7-136-198.3-237.3-167.1zM561 414c-4-19-23-33.7-47.6-33.7l-6.9 4.3-217.3 137.8S171 555.2 160.8 439c-10.2-116.1 147.4-129.5 186.8-23.8l81.7-47.6s-65.1-119.1-198.5-119.1C97.3 248.5 0.6 423.8 114 546.3c113.5 122.4 218.6 64.6 257 35.7 16.4-12.4 85.3-57.9 158.6-105.9l3.1-2.4c28.3-18.2 33.4-35.6 28.3-59.7zM434.1 149.70000000000005h212c16.7 0 30.3-13.6 30.3-30.3v-15.1c0-16.7-13.6-30.3-30.3-30.3h-212c-16.7 0-30.3 13.6-30.3 30.3v15.1c0 16.8 13.6 30.3 30.3 30.3z" horiz-adv-x="1024" />
+
+
+ <glyph glyph-name="theme" unicode="" d="M512 800C229.696 800 0 570.304 0 288c0-90.368 30.304-174.496 85.344-236.896 55.264-62.624 129.152-97.12 208.128-97.12 81.568 0 161.536 36.832 231.264 106.592l2.272 2.496c65.792 81.472 132.896 121.056 205.088 121.056 46.72 0 89.216-15.872 126.688-29.92 30.336-11.328 56.576-21.12 81.216-21.12C1024 133.08799999999997 1024 241.664 1024 288c0 282.304-229.696 512-512 512z m428-602.912c-13.088 0-35.296 8.288-58.784 17.088-40.48 15.136-90.848 33.952-149.12 33.952-92.352 0-175.328-46.944-253.76-143.456-57.184-56.704-121.056-86.688-184.832-86.688-60.352 0-117.216 26.784-160.128 75.456C88.64 144.12800000000004 64 213.216 64 288 64 535.04 264.96 736 512 736s448-200.96 448-448c0-27.328-1.952-90.912-20-90.912zM800.704 379.93600000000004m-64 0a64 64 0 1 1 128 0 64 64 0 1 1-128 0ZM457.024 582.624m-64 0a64 64 0 1 1 128 0 64 64 0 1 1-128 0ZM672.704 555.9359999999999m-64 0a64 64 0 1 1 128 0 64 64 0 1 1-128 0ZM291.392 443.936m-64 0a64 64 0 1 1 128 0 64 64 0 1 1-128 0ZM278.4 197.24800000000005m-96 0a96 96 0 1 1 192 0 96 96 0 1 1-192 0Z" horiz-adv-x="1024" />
+
+
+ <glyph glyph-name="tread" unicode="" d="M860.8 172.79999999999995l6.4-57.6-6.4 57.6c12.8 0 25.6 3.2 35.2 12.8 6.4 9.6 6.4 22.4 3.2 32l57.6 12.8-57.6-12.8L800 553.6c-6.4 28.8-25.6 51.2-48 64-9.6 6.4-22.4 9.6-32 9.6H182.4c-22.4 3.2-41.6-6.4-51.2-25.6-6.4-9.6-6.4-19.2-9.6-28.8v-342.4c0-19.2 9.6-38.4 28.8-48 6.4-3.2 12.8-6.4 19.2-6.4h192l19.2-25.6 147.2-188.8c6.4-9.6 19.2-12.8 28.8-9.6 16 3.2 25.6 19.2 22.4 35.2l-9.6 118.4-6.4 67.2h297.6z m-233.6-57.6l9.6-128c3.2-28.8-9.6-54.4-28.8-73.6-35.2-32-92.8-28.8-124.8 6.4l-156.8 195.2H179.2c-19.2 0-38.4 6.4-57.6 16-35.2 19.2-57.6 57.6-57.6 99.2V572.8c0 19.2 6.4 38.4 16 57.6 19.2 38.4 57.6 60.8 99.2 54.4h537.6c67.2-3.2 121.6-48 137.6-112l102.4-339.2c6.4-28.8 3.2-57.6-12.8-80-19.2-22.4-48-38.4-76.8-38.4h-240zM304 627.2v-451.2h57.6V627.2H304z" horiz-adv-x="1024" />
+
+
+ <glyph glyph-name="praise" unicode="" d="M860.8 595.2h-297.6l6.4 67.2 9.6 118.4c3.2 16-6.4 32-22.4 35.2-9.6 3.2-22.4 0-28.8-9.6l-147.2-188.8-19.2-25.6h-192c-6.4 0-12.8-3.2-19.2-6.4-19.2-9.6-28.8-28.8-28.8-48v-342.4c0-9.6 3.2-22.4 9.6-28.8 9.6-19.2 28.8-28.8 48-25.6h537.6c12.8 0 22.4 3.2 32 9.6 25.6 12.8 44.8 35.2 48 64l102.4 336 57.6-12.8-57.6 12.8c3.2 9.6 0 22.4-3.2 32-9.6 6.4-22.4 12.8-35.2 12.8l6.4 57.6-6.4-57.6z m-233.6 57.6h240c28.8 0 57.6-12.8 76.8-38.4 16-22.4 19.2-54.4 12.8-80l-102.4-339.2c-16-64-70.4-108.8-137.6-112H179.2c-41.6-3.2-80 19.2-99.2 54.4-9.6 19.2-16 38.4-16 57.6V537.6c0 41.6 22.4 80 57.6 99.2 19.2 9.6 38.4 12.8 57.6 16h144L480 848c32 35.2 89.6 38.4 124.8 6.4 19.2-19.2 32-44.8 28.8-73.6l-6.4-128z m-323.2-512h57.6V592H304v-451.2z" horiz-adv-x="1024" />
+
+
+ <glyph glyph-name="star-fill" unicode="" d="M752-43.200000000000045c-9.6 0-20.8 3.2-30.4 8l-208 104-209.6-104c-20.8-11.2-48-9.6-67.2 4.8-19.2 14.4-30.4 40-25.6 64l43.2 224L89.6 411.2C72 428.8 65.6 456 72 478.4c8 24 27.2 41.6 52.8 44.8l228.8 41.6 102.4 208c11.2 22.4 33.6 36.8 57.6 36.8s48-14.4 57.6-36.8l102.4-208 228.8-40c24-3.2 44.8-20.8 51.2-44.8 8-24 1.6-49.6-16-67.2L772.8 257.6l41.6-224c4.8-25.6-6.4-49.6-25.6-64-9.6-8-22.4-12.8-36.8-12.8z" horiz-adv-x="1024" />
+
+
+ <glyph glyph-name="rate" unicode="" d="M959.008 489.984l-308 47.008L512 832 372.992 536.992l-308-47.008 223.008-228-52.992-324L512 90.976l276.992-152.992-52.992 324zM512 156L304 39.00800000000004l40 235.008-179.008 182.016 242.016 32 104.992 224 104-224 240.992-34.016L680 273.024l36.992-235.008z" horiz-adv-x="1024" />
+
+
+ <glyph glyph-name="template-1" unicode="" d="M512 384zM43.52 601.6l409.6-176.64c58.88-30.72 110.08 0 110.08 0l414.72 174.08 2.56 2.56c10.24 5.12 15.36 15.36 15.36 28.16 0 15.36-10.24 28.16-23.04 30.72L563.2 837.12c-56.32 23.04-97.28 0-97.28 0L46.08 660.48c-12.8-5.12-20.48-17.92-20.48-30.72s7.68-23.04 17.92-28.16z m0 0M512 222.72000000000003c-2.56 0-7.68 0-10.24 2.56l-486.4 215.04c-12.8 5.12-17.92 20.48-12.8 33.28 5.12 12.8 20.48 17.92 33.28 12.8L512 276.48 988.16 486.4c12.8 5.12 28.16 0 33.28-12.8 5.12-12.8 0-28.16-12.8-33.28l-486.4-215.04c-2.56-2.56-7.68-2.56-10.24-2.56zM512 71.67999999999995c-2.56 0-7.68 0-10.24 2.56l-486.4 215.04c-12.8 5.12-17.92 20.48-12.8 33.28 5.12 10.24 20.48 17.92 33.28 10.24L512 125.44000000000005 988.16 332.79999999999995c12.8 5.12 28.16 0 33.28-12.8 5.12-12.8 0-28.16-12.8-33.28l-486.4-215.04H512zM512-79.36000000000001c-2.56 0-7.68 0-10.24 2.56l-486.4 215.04c-12.8 5.12-17.92 20.48-12.8 33.28 5.12 12.8 20.48 17.92 33.28 12.8L512-25.600000000000023l476.16 209.92c12.8 5.12 28.16 0 33.28-12.8 5.12-12.8 0-28.16-12.8-33.28l-486.4-215.04c-2.56-2.56-7.68-2.56-10.24-2.56z" horiz-adv-x="1024" />
+
+
+ <glyph glyph-name="vercode" unicode="" d="M513.807059-128C351.171765-128 58.428235 126.19294100000002 54.211765 376.16941199999997V662.287059a93.364706 93.364706 0 0 0 81.317647 88.545882 570.428235 570.428235 0 0 1 163.237647 40.357647A393.336471 393.336471 0 0 1 446.945882 872.508235a101.797647 101.797647 0 0 0 120.470589 5.421177A629.458824 629.458824 0 0 1 716.8 792.395294a1255.303529 1255.303529 0 0 1 169.863529-38.550588 98.785882 98.785882 0 0 0 79.510589-90.955294 2911.171765 2911.171765 0 0 0-3.011765-291.538824C924.611765 49.09176500000001 672.828235-128 513.807059-128z m0 963.764706a39.152941 39.152941 0 0 1-24.696471-7.830588A438.512941 438.512941 0 0 0 319.247059 734.569412a608.376471 608.376471 0 0 0-180.705883-43.369412 33.731765 33.731765 0 0 1-24.094117-30.117647v-283.708235C118.663529 155.10588199999995 389.722353-67.76470600000005 513.807059-67.76470600000005s354.183529 148.178824 391.529412 444.536471c9.035294 175.887059 0 281.901176 0 283.105882a38.550588 38.550588 0 0 1-29.515295 33.731765 1287.830588 1287.830588 0 0 0-180.705882 41.562353A676.442353 676.442353 0 0 0 536.094118 829.741176a37.345882 37.345882 0 0 1-24.094118 6.02353zM784.865882 479.171765L487.905882 198.47529399999996a40.357647 40.357647 0 0 0-49.392941-4.818823l-7.830588 6.625882-161.430588 171.068235a40.357647 40.357647 0 1 0 60.235294 55.416471l133.722353-141.552941 267.444706 252.988235a40.357647 40.357647 0 1 0 55.41647-60.235294" horiz-adv-x="1024" />
+
+
+ <glyph glyph-name="service" unicode="" d="M849.00812012 487.71642715A27.54528398 27.54528398 0 0 1 849.00812012 496.71080566 337.28919434 337.28919434 0 0 1 174.42973145 496.71080566a27.54528398 27.54528398 0 0 1-1e-8-8.99437852 147.28294776 147.28294776 0 0 1-112.42973144-140.53716386V328.06620849a148.40724551 148.40724551 0 0 1 123.67270459-143.34790781A308.6196126 308.6196126 0 0 1 414.4672083-9.222985839999978h5.05933769a84.32229815 84.32229815 0 1 1 0 56.21486573 252.40474688 252.40474688 0 0 0-172.01748955 137.16427235h31.48032481A35.41536562 35.41536562 0 0 1 314.96689531 215.63647705000005V458.48469697a35.41536562 35.41536562 0 0 1-35.97751406 34.29106787H230.64459717A26.42098711 26.42098711 0 0 1 230.64459717 496.71080566a281.07432862 281.07432862 0 0 0 562.14865723 0 26.42098711 26.42098711 0 0 1 0-3.3728915h-48.34478497a35.41536562 35.41536562 0 0 1-35.97751406-34.29106875V215.63647705000005a35.41536562 35.41536562 0 0 1 35.97751406-34.29106787h63.52279893A150.0936917 150.0936917 0 0 1 961.43785156 328.06620849v19.11305479a147.28294776 147.28294776 0 0 1-112.42973144 140.53716386zM498.22735801 46.991879880000056a28.10743242 28.10743242 0 1 0-28.1074333-28.10743242 28.10743242 28.10743242 0 0 0 28.10743329 28.10743242zM258.75202959 240.37101797000003h-43.28544639A93.87882598 93.87882598 0 0 0 118.21486572 328.06620849v19.11305479a93.87882598 93.87882598 0 0 0 97.25171748 89.94378516h43.28544639zM905.22298584 328.06620849a93.87882598 93.87882598 0 0 0-97.25171748-89.94378515h-43.28544727V437.12304844h43.28544727A93.87882598 93.87882598 0 0 0 905.22298584 347.17926328zM633.70518418 705.83010615l-20.7995001 7.30793232a28.10743242 28.10743242 0 0 1-17.42660859-56.21486571l16.30231084-6.18363458a28.10743242 28.10743242 0 1 1 21.92379785 51.71767646zM330.14490928 639.49656503A28.10743242 28.10743242 0 0 1 376.80324805 609.14053711 177.63897568 177.63897568 0 0 0 511.71892578 676.59837597a28.10743242 28.10743242 0 0 1 0 56.21486573 231.60524678 231.60524678 0 0 1-181.57401651-93.31667667z" horiz-adv-x="1024" />
+
+
+ <glyph glyph-name="cellphone" unicode="" d="M785.066667 896H238.933333a102.4 102.4 0 0 1-102.4-102.4v-819.2a102.4 102.4 0 0 1 102.4-102.4h546.133334a102.4 102.4 0 0 1 102.4 102.4V793.6a102.4 102.4 0 0 1-102.4 102.4zM238.933333 827.733333h546.133334a34.133333 34.133333 0 0 0 34.133333-34.133333v-648.533333H204.8V793.6a34.133333 34.133333 0 0 0 34.133333 34.133333z m546.133334-887.466666H238.933333a34.133333 34.133333 0 0 0-34.133333 34.133333v102.4h614.4v-102.4a34.133333 34.133333 0 0 0-34.133333-34.133333zM512 8.53333299999997m-34.133333 0a34.133333 34.133333 0 1 1 68.266666 0 34.133333 34.133333 0 1 1-68.266666 0ZM426.666667 725.333333h170.666666a17.066667 17.066667 0 0 1 0 34.133334h-170.666666a17.066667 17.066667 0 0 1 0-34.133334z" horiz-adv-x="1024" />
+
+
+ <glyph glyph-name="print" unicode="" d="M843.946667 603.733333h-47.36V725.333333a90.026667 90.026667 0 0 1-94.72 85.333334H312.32a81.493333 81.493333 0 0 1-85.333333-85.333334v-121.6H170.666667a81.493333 81.493333 0 0 1-85.333334-85.333333v-325.12a89.173333 89.173333 0 0 1 85.333334-93.866667h56.746666v-52.48a89.6 89.6 0 0 1 89.6-89.6h389.973334a89.6 89.6 0 0 1 89.6 89.6v52.48h47.36a97.706667 97.706667 0 0 1 94.72 93.866667V518.4a90.026667 90.026667 0 0 1-94.72 85.333333zM279.466667 725.333333a30.72 30.72 0 0 0 32.853333 33.706667h389.546667c18.773333 0 42.666667-11.52 42.666666-33.706667v-121.6H279.466667z m465.066666-678.4a37.546667 37.546667 0 0 0-37.546666-37.973333H317.013333a37.546667 37.546667 0 0 0-37.546666 37.973333v170.666667a37.546667 37.546667 0 0 0 37.546666 38.4h389.973334a37.546667 37.546667 0 0 0 37.546666-37.973333z m142.506667 146.346667a45.653333 45.653333 0 0 0-42.666667-42.666667h-47.786666v66.133334a89.6 89.6 0 0 1-89.6 89.6H317.013333a89.6 89.6 0 0 1-89.6-89.6v-65.28H170.666667a37.546667 37.546667 0 0 0-33.28 42.666666v324.266667A31.146667 31.146667 0 0 0 170.666667 552.106667h673.28c19.2 0 42.666667-11.52 42.666666-33.706667z m-640 281.173333h-37.546667a13.226667 13.226667 0 0 0 0 26.026667h38.826667a13.226667 13.226667 0 1 0 0-26.026667z m94.293333 0H298.666667a13.226667 13.226667 0 1 0 0 26.026667h42.666666a13.226667 13.226667 0 0 0 0-26.026667z m426.666667-116.48H248.32a13.226667 13.226667 0 0 0 0 26.026667H768a13.226667 13.226667 0 0 0 0-26.026667z" horiz-adv-x="1024" />
+
+
+ <glyph glyph-name="cols" unicode="" d="M128 448h384V832H128z m64 320h256v-256H192zM576 832v-384h384V832z m320-320H640V768h256zM192 384h64v-384H192zM384 384h64v-384H384zM640 384h64v-384H640zM832 384h64v-384h-64z" horiz-adv-x="1024" />
+
+
+ <glyph glyph-name="wifi" unicode="" d="M723 275.5C666.8 324.4 593.4 354 513 354s-153.8-29.6-210.1-78.6c-3.2-2.8-3.6-7.8-0.8-11.2l36-42.9c2.9-3.4 8-3.8 11.4-0.9C393.1 258.8 450.3 282 513 282s119.9-23.2 163.5-61.5c3.4-2.9 8.5-2.5 11.4 0.9l36 42.9c2.8 3.3 2.4 8.3-0.9 11.2zM840.4 415.6C751.7 489.5 637.6 534 513 534s-238.7-44.5-327.5-118.4c-3.4-2.8-3.8-7.9-1-11.3l36-42.9c2.8-3.4 7.9-3.8 11.2-1C308 423.8 406.1 462 513 462s205-38.2 281.2-101.6c3.4-2.8 8.4-2.4 11.2 1l36 42.9c2.8 3.4 2.4 8.5-1 11.3zM957.1 554.6C835.7 654.2 680.3 714 511 714c-168.2 0-322.6-59-443.7-157.4-3.5-2.8-4-7.9-1.1-11.4l36-42.9c2.8-3.3 7.8-3.8 11.1-1.1C222 589.3 360.3 642 511 642c151.8 0 291-53.5 400-142.7 3.4-2.8 8.4-2.3 11.2 1.1l36 42.9c2.9 3.4 2.4 8.5-1.1 11.3zM512 118m-64 0a64 64 0 1 1 128 0 64 64 0 1 1-128 0Z" horiz-adv-x="1024" />
+
+
+ <glyph glyph-name="export" unicode="" d="M896.4374528 479.830016c0 26.673152-21.6236032 48.2967552-48.2967552 48.2967552H630.8069376c-26.673152 0-48.2967552-21.6236032-48.2967552-48.2967552v-83.04831147H384.69522773l-2.71428266 5.36849067c-41.336832 87.44686933-35.95195733 204.128256 150.601728 199.94487467v-108.91537067l172.19037866 164.757504L532.58267307 822.7110912v-106.57245867c-228.64418133 5.70709333-263.651328-183.517184-157.433856-314.01028266l4.6891008-5.34664534h-88.46595414c-26.673152 0-48.2967552-21.6236032-48.2967552-48.2967552v-66.78882986h-98.43616426c-26.673152 0-40.4258816-21.6236032-30.71781547-48.2967552l79.10304427-217.33485227c9.70806613-26.673152 39.20145067-48.2967552 65.87460266-48.2967552h603.70670934c23.75898453 0 37.2506624 17.16169387 33.05745066 39.76178347 0.4980736 2.77108053 0.77441707 5.619712 0.77441707 8.53497173v463.765504z m-60.37067093-306.4528896l-21.8464256 60.02223787c-9.70806613 26.673152-39.20145067 48.2967552-65.87460267 48.2967552H303.44697173v30.56708266c0 13.336576 10.81125547 24.14783147 24.14783147 24.14783147h315.28605013v107.1972352c0 13.336576 10.81125547 24.14783147 24.14783147 24.14783147h144.88917333c13.336576 0 24.14783147-10.81125547 24.14783147-24.14783147v-270.2311424z" horiz-adv-x="1024" />
+
+
+ <glyph glyph-name="rss" unicode="" d="M810.666667 42.624C810.666667 395.562667 523.562667 682.666667 170.666667 682.666667v-85.333334c305.834667 0 554.666667-248.832 554.666666-554.709333h85.333334zM512 42.624h85.333333C597.333333 277.930667 405.930667 469.333333 170.666667 469.333333v-85.333333c188.202667 0 341.333333-153.130667 341.333333-341.376zM256 128m-85.333333 0a85.333333 85.333333 0 1 1 170.666666 0 85.333333 85.333333 0 1 1-170.666666 0Z" horiz-adv-x="1024" />
+
+
+ <glyph glyph-name="slider" unicode="" d="M228.7 683.9v-66.7H112v66.7h116.7z m333.2-266.6v-66.7H112v66.7h449.9zM295.4 150.60000000000002V84H112v66.7h183.4v-0.1z m116.6 600c9 0 16.8-3.3 23.5-9.9 6.5-6.5 9.9-14.5 9.9-23.5v-133.3c0-9-3.3-16.8-9.9-23.5-6.5-6.5-14.5-9.9-23.5-9.9H278.8c-9 0-16.8 3.3-23.5 9.9-6.5 6.5-9.9 14.3-9.9 23.5V717.1c0 9 3.3 16.8 9.9 23.5 6.5 6.5 14.3 9.9 23.5 9.9h133.3v0.1h-0.1z m66.7-533.3c9 0 16.8-3.3 23.5-9.9 6.5-6.5 9.9-14.5 9.9-23.5v-133.3c0-9-3.3-16.8-9.9-23.5-6.5-6.5-14.5-9.9-23.5-9.9H345.3c-9 0-16.8 3.3-23.5 9.9-6.5 6.5-9.9 14.5-9.9 23.5V183.89999999999998c0 9 3.3 16.8 9.9 23.5 6.5 6.5 14.3 9.9 23.5 9.9h133.4v0.1zM912 683.9v-66.7H462.1v66.7H912z m0-533.3V84H528.6v66.7h383.3v-0.1h0.1zM745.2 483.9c9 0 16.8-3.3 23.5-9.9 6.5-6.5 9.9-14.5 9.9-23.5v-133.3c0-9-3.3-16.8-9.9-23.5-6.5-6.5-14.5-9.9-23.5-9.9H612c-9 0-16.8 3.3-23.5 9.9-6.5 6.5-9.9 14.3-9.9 23.5V450.6c0 9 3.3 16.8 9.9 23.5 6.5 6.5 14.5 9.9 23.5 9.9l133.2-0.1zM912 417.3v-66.7H795.3v66.7H912z" horiz-adv-x="1024" />
+
+
+ <glyph glyph-name="email" unicode="" d="M834.446 682.553H194.105c-50.176 0-91.022-40.846-91.022-91.022v-423.026c0-50.176 40.846-91.022 91.022-91.022h640.341c50.176 0 91.022 40.846 91.022 91.022V591.531c0 50.176-40.846 91.022-91.022 91.022z m36.409-514.048c0-20.025-16.384-36.409-36.409-36.409H194.105c-20.025 0-36.409 16.384-36.409 36.409V591.531c0 20.025 16.384 36.409 36.409 36.409h640.341c20.025 0 36.409-16.384 36.409-36.409v-423.026zM786.773 537.941L514.275 366.023 241.777 537.941c-12.743 8.078-29.582 4.21-37.661-8.533-8.078-12.743-4.21-29.582 8.533-37.661l286.72-180.907c4.551-2.845 9.557-4.21 14.563-4.21h0.91c5.006 0 10.013 1.365 14.563 4.21l286.72 180.907c12.743 8.078 16.611 24.917 8.533 37.661-8.306 12.857-25.145 16.611-37.888 8.533z" horiz-adv-x="1024" />
+
+
+ <glyph glyph-name="subtraction" unicode="" d="M785 348H239c-19.8 0-36 16.2-36 36s16.2 36 36 36h546c19.8 0 36-16.2 36-36s-16.2-36-36-36z" horiz-adv-x="1024" />
+
+
+ <glyph glyph-name="mike" unicode="" d="M512 256c115.2 0 208 92.8 208 208V624c0 115.2-92.8 208-208 208s-208-92.8-208-208v-160c0-115.2 92.8-208 208-208zM368 624c0 80 64 144 144 144s144-64 144-144v-160c0-80-64-144-144-144s-144 64-144 144V624zM844.8 416c0 17.6-14.4 32-32 32-16 0-30.4-12.8-32-28.8C758.4 289.6 646.4 192 512 192s-246.4 97.6-268.8 227.2c-1.6 16-16 28.8-32 28.8-17.6 0-32-14.4-32-32v-4.8C204.8 260.79999999999995 328 144 480 129.60000000000002V-32c0-17.6 14.4-32 32-32s32 14.4 32 32V129.60000000000002c152 14.4 275.2 131.2 299.2 280 0 1.6 1.6 4.8 1.6 6.4z" horiz-adv-x="1024" />
+
+
+ <glyph glyph-name="light" unicode="" d="M512 72c-172.313 0-312 139.687-312 312s139.687 312 312 312 312-139.687 312-312-139.687-312-312-312z m0 64c136.967 0 248 111.033 248 248 0 136.967-111.033 248-248 248-136.967 0-248-111.033-248-248 0-136.967 111.033-248 248-248z m0 696c17.673 0 32-14.327 32-32v-51c0-17.673-14.327-32-32-32-17.673 0-32 14.327-32 32V800c0 17.673 14.327 32 32 32z m0-785c17.673 0 32-14.327 32-32v-51c0-17.673-14.327-32-32-32-17.673 0-32 14.327-32 32v51c0 17.673 14.327 32 32 32z m325.945 11.055c-12.497-12.496-32.758-12.496-45.255 0l-36.063 36.063c-12.496 12.497-12.496 32.758 0 45.255 12.497 12.496 32.758 12.496 45.255 0l36.063-36.063c12.496-12.497 12.496-32.758 0-45.255z m-568 565c-12.497-12.496-32.758-12.496-45.255 0l-36.063 36.063c-12.496 12.497-12.496 32.758 0 45.255 12.497 12.496 32.758 12.496 45.255 0l36.063-36.063c12.496-12.497 12.496-32.758 0-45.255z m561 81.318c12.496-12.497 12.496-32.758 0-45.255l-36.063-36.063c-12.497-12.496-32.758-12.496-45.255 0-12.496 12.497-12.496 32.758 0 45.255l36.063 36.063c12.497 12.496 32.758 12.496 45.255 0z m-563.572-565c12.496-12.497 12.496-32.758 0-45.255l-36.063-36.063c-12.497-12.496-32.758-12.496-45.255 0-12.496 12.497-12.496 32.758 0 45.255l36.063 36.063c12.497 12.496 32.758 12.496 45.255 0zM960 384c0-17.673-14.327-32-32-32h-51c-17.673 0-32 14.327-32 32 0 17.673 14.327 32 32 32h51c17.673 0 32-14.327 32-32z m-781 0c0-17.673-14.327-32-32-32H96c-17.673 0-32 14.327-32 32 0 17.673 14.327 32 32 32h51c17.673 0 32-14.327 32-32z" horiz-adv-x="1024" />
+
+
+ <glyph glyph-name="gift" unicode="" d="M796.3 600h-6.7c5.1 6.7 9.6 13.4 13.4 20.1 18.3 32.2 20.8 63.1 7 87.1-9.1 15.7-33 41.2-91.9 36-35.4-3.2-76.1-17.2-114.7-39.4-37.9-21.9-68.9-49.3-89-77.5-4.5 6.4-9.5 12.8-15.1 19.1-19.8 22.3-45.4 42.8-74.1 59.4-38.4 22.2-79.3 35.9-115.1 38.5-43.3 3.2-75.8-10-91.4-37-13.8-24-11.3-54.8 7-86.7 3.7-6.5 8.1-13 13.1-19.5H236c-21.3 0-41.6-7.2-57.4-20.2-17.8-14.9-27.6-35.4-27.6-58v-50.8c0-34.4 23-64.6 55-76.6v-283.9c0-23.3 10.9-47.1 30.1-65.3 18.3-17.4 41.4-27.3 63.4-27.3h434.3c22 0 44.9 10 63 27.6 18.7 18.1 29.3 41.8 29.3 65.1V395c11 4.3 19.6 10.9 27.2 19.5 13.3 15.1 20.8 35.2 20.8 56.6v50.8c-0.1 45.3-32.8 78.1-77.8 78.1z m17.7-78.1v-50.8c0-7.7-3.2-20.3-15-22-0.9 0.1-1.7 0.1-2.6 0.1-1.5 0-2.9-0.1-4.3-0.3H543v91h253.3c11.9 0.1 17.7-5.8 17.7-18zM633.4 651.8c30.7 17.7 63.5 29.2 90 31.6 21.5 1.9 32.6-2.8 34.6-6.3 4.2-7.3-6.3-41.2-52.9-77.2H569.8c14 17 35.3 35.6 63.6 51.9z m-362.8 24.4c2.2 3.7 13.3 8.7 35 7.1 26.6-1.9 59.2-13.1 89.5-30.6 27.7-16 49.4-35.1 63.9-52.8H323.5c-20.3 15.6-36.4 32.9-45.8 49.4-8.9 15.6-8.5 24.4-7.1 26.9zM211 521.9c0 11.2 12.9 18.1 24.9 18.1H483v-91H240.1c-1.4 0.2-2.8 0.3-4.3 0.3-0.9 0-1.8 0-2.7-0.1-11.5 1.5-22.1 11.6-22.1 22v50.7z m55-411.3V389h217v-311H299.4c-13.2 0-33.4 17.5-33.4 32.6zM733.7 78H543V389h223v-278.4c0-15.5-19.1-32.6-32.3-32.6z" horiz-adv-x="1024" />
+
+
+ <glyph glyph-name="mute" unicode="" d="M739 294.4l180.2 180.2M735.391 297.9l180.24 180.24 7.07-7.07-180.239-180.24zM631.4-29.700000000000045c-5.1 0-10.1 1.3-14.5 3.7L277.1 162.20000000000005H116.8c-16 0-28.9 13-28.9 28.9v384c0 16 13 28.9 28.9 28.9h160.3l339.7 189.9c4.5 2.5 9.5 3.8 14.6 3.8 5.3 0 10.6-1.4 15.1-4.1 9.1-5.3 14.8-15.2 14.8-25.8v-767.6c0-10.5-5.6-20.4-14.7-25.8-4.6-2.7-9.9-4.1-15.2-4.1zM305.8 551.5v-336.7L601.4 51V716.8L305.8 551.5zM145.7 220.10000000000002h102.2v326H145.7v-326zM913.2 258.9c-9.3 0-18.1 3.6-24.7 10.3l-63.4 63.4-63.4-63.4c-6.6-6.6-15.4-10.3-24.7-10.3s-18.1 3.6-24.7 10.3c-13.6 13.6-13.6 35.9 0 49.5l63.4 63.4-67.4 67.4c-6.6 6.6-10.3 15.4-10.3 24.7 0 9.3 3.6 18.1 10.3 24.7 6.6 6.6 15.4 10.3 24.7 10.3s18.1-3.6 24.7-10.3l67.4-67.4 67.4 67.4c6.6 6.6 15.4 10.3 24.7 10.3s18.1-3.6 24.7-10.3c6.6-6.6 10.3-15.4 10.3-24.7 0-9.3-3.6-18.1-10.3-24.7L874.6 382l63.4-63.4c13.6-13.6 13.6-35.9 0-49.5-6.7-6.6-15.5-10.2-24.8-10.2z" horiz-adv-x="1024" />
+
+
+ <glyph glyph-name="reduce-circle" unicode="" d="M512-65.5c-60.6 0-119.4 11.9-174.8 35.3-53.5 22.6-101.5 55-142.7 96.2-41.2 41.2-73.6 89.2-96.2 142.7C74.9 264.1 63 322.9 63 383.5s11.9 119.4 35.3 174.8c22.6 53.5 55 101.5 96.2 142.7 41.2 41.2 89.2 73.6 142.7 96.2C392.6 820.6 451.4 832.5 512 832.5s119.4-11.9 174.8-35.3c53.5-22.6 101.5-55 142.7-96.2 41.2-41.2 73.6-89.2 96.2-142.7 23.4-55.4 35.3-114.2 35.3-174.8s-11.9-119.4-35.3-174.8c-22.6-53.5-55-101.5-96.2-142.7s-89.2-73.6-142.7-96.2c-55.4-23.4-114.2-35.3-174.8-35.3z m0 848c-220 0-399-179-399-399s179-399 399-399 399 179 399 399-179 399-399 399zM772 359H252c-13.8 0-25 11.2-25 25s11.2 25 25 25h520c13.8 0 25-11.2 25-25s-11.2-25-25-25z" horiz-adv-x="1024" />
+
+
+ <glyph glyph-name="music" unicode="" d="M575.4 832h-74.5v-633.5C385 251.20000000000005 249.3 180.70000000000005 226.8 76c-7.3-34.1 7.9-70.9 21.9-87.8 79.3-94.6 252.2-50.5 331.6 51.3 35.2 45.2 32.3 84.6 32.3 181.3V608.5c48.8-36.3 103.9-70.1 123.7-135 12.2-40.3-4.1-107.3-17-141.5-3.9-10.3-14.7-18.9-9.7-29.2 34.2-25.4 51.1 28.6 60.9 51.2 10.6 24.5 20.8 54.7 24.4 75.6C833.2 653.2 595.5 661.7 575.4 832z" horiz-adv-x="1024" />
+
+
+
+
+ </font>
+</defs></svg>
diff --git a/src/main/resources/static/JS/layui/font/iconfont.ttf b/src/main/resources/static/JS/layui/font/iconfont.ttf
new file mode 100644
index 0000000..06e30f9
--- /dev/null
+++ b/src/main/resources/static/JS/layui/font/iconfont.ttf
Binary files differ
diff --git a/src/main/resources/static/JS/layui/font/iconfont.woff b/src/main/resources/static/JS/layui/font/iconfont.woff
new file mode 100644
index 0000000..66a1783
--- /dev/null
+++ b/src/main/resources/static/JS/layui/font/iconfont.woff
Binary files differ
diff --git a/src/main/resources/static/JS/layui/font/iconfont.woff2 b/src/main/resources/static/JS/layui/font/iconfont.woff2
new file mode 100644
index 0000000..47e9980
--- /dev/null
+++ b/src/main/resources/static/JS/layui/font/iconfont.woff2
Binary files differ
diff --git a/src/main/resources/static/JS/layui/images/face/0.gif b/src/main/resources/static/JS/layui/images/face/0.gif
new file mode 100644
index 0000000..a63f0d5
--- /dev/null
+++ b/src/main/resources/static/JS/layui/images/face/0.gif
Binary files differ
diff --git a/src/main/resources/static/JS/layui/images/face/1.gif b/src/main/resources/static/JS/layui/images/face/1.gif
new file mode 100644
index 0000000..b2b78b2
--- /dev/null
+++ b/src/main/resources/static/JS/layui/images/face/1.gif
Binary files differ
diff --git a/src/main/resources/static/JS/layui/images/face/10.gif b/src/main/resources/static/JS/layui/images/face/10.gif
new file mode 100644
index 0000000..556c7e3
--- /dev/null
+++ b/src/main/resources/static/JS/layui/images/face/10.gif
Binary files differ
diff --git a/src/main/resources/static/JS/layui/images/face/11.gif b/src/main/resources/static/JS/layui/images/face/11.gif
new file mode 100644
index 0000000..2bfc58b
--- /dev/null
+++ b/src/main/resources/static/JS/layui/images/face/11.gif
Binary files differ
diff --git a/src/main/resources/static/JS/layui/images/face/12.gif b/src/main/resources/static/JS/layui/images/face/12.gif
new file mode 100644
index 0000000..1c321c7
--- /dev/null
+++ b/src/main/resources/static/JS/layui/images/face/12.gif
Binary files differ
diff --git a/src/main/resources/static/JS/layui/images/face/13.gif b/src/main/resources/static/JS/layui/images/face/13.gif
new file mode 100644
index 0000000..300bbc2
--- /dev/null
+++ b/src/main/resources/static/JS/layui/images/face/13.gif
Binary files differ
diff --git a/src/main/resources/static/JS/layui/images/face/14.gif b/src/main/resources/static/JS/layui/images/face/14.gif
new file mode 100644
index 0000000..43b6d0a
--- /dev/null
+++ b/src/main/resources/static/JS/layui/images/face/14.gif
Binary files differ
diff --git a/src/main/resources/static/JS/layui/images/face/15.gif b/src/main/resources/static/JS/layui/images/face/15.gif
new file mode 100644
index 0000000..c9f25fa
--- /dev/null
+++ b/src/main/resources/static/JS/layui/images/face/15.gif
Binary files differ
diff --git a/src/main/resources/static/JS/layui/images/face/16.gif b/src/main/resources/static/JS/layui/images/face/16.gif
new file mode 100644
index 0000000..34f28e4
--- /dev/null
+++ b/src/main/resources/static/JS/layui/images/face/16.gif
Binary files differ
diff --git a/src/main/resources/static/JS/layui/images/face/17.gif b/src/main/resources/static/JS/layui/images/face/17.gif
new file mode 100644
index 0000000..39cd035
--- /dev/null
+++ b/src/main/resources/static/JS/layui/images/face/17.gif
Binary files differ
diff --git a/src/main/resources/static/JS/layui/images/face/18.gif b/src/main/resources/static/JS/layui/images/face/18.gif
new file mode 100644
index 0000000..7bce299
--- /dev/null
+++ b/src/main/resources/static/JS/layui/images/face/18.gif
Binary files differ
diff --git a/src/main/resources/static/JS/layui/images/face/19.gif b/src/main/resources/static/JS/layui/images/face/19.gif
new file mode 100644
index 0000000..adac542
--- /dev/null
+++ b/src/main/resources/static/JS/layui/images/face/19.gif
Binary files differ
diff --git a/src/main/resources/static/JS/layui/images/face/2.gif b/src/main/resources/static/JS/layui/images/face/2.gif
new file mode 100644
index 0000000..7edbb58
--- /dev/null
+++ b/src/main/resources/static/JS/layui/images/face/2.gif
Binary files differ
diff --git a/src/main/resources/static/JS/layui/images/face/20.gif b/src/main/resources/static/JS/layui/images/face/20.gif
new file mode 100644
index 0000000..50631a6
--- /dev/null
+++ b/src/main/resources/static/JS/layui/images/face/20.gif
Binary files differ
diff --git a/src/main/resources/static/JS/layui/images/face/21.gif b/src/main/resources/static/JS/layui/images/face/21.gif
new file mode 100644
index 0000000..b984212
--- /dev/null
+++ b/src/main/resources/static/JS/layui/images/face/21.gif
Binary files differ
diff --git a/src/main/resources/static/JS/layui/images/face/22.gif b/src/main/resources/static/JS/layui/images/face/22.gif
new file mode 100644
index 0000000..1f0bd8b
--- /dev/null
+++ b/src/main/resources/static/JS/layui/images/face/22.gif
Binary files differ
diff --git a/src/main/resources/static/JS/layui/images/face/23.gif b/src/main/resources/static/JS/layui/images/face/23.gif
new file mode 100644
index 0000000..e05e0f9
--- /dev/null
+++ b/src/main/resources/static/JS/layui/images/face/23.gif
Binary files differ
diff --git a/src/main/resources/static/JS/layui/images/face/24.gif b/src/main/resources/static/JS/layui/images/face/24.gif
new file mode 100644
index 0000000..f35928a
--- /dev/null
+++ b/src/main/resources/static/JS/layui/images/face/24.gif
Binary files differ
diff --git a/src/main/resources/static/JS/layui/images/face/25.gif b/src/main/resources/static/JS/layui/images/face/25.gif
new file mode 100644
index 0000000..0b4a883
--- /dev/null
+++ b/src/main/resources/static/JS/layui/images/face/25.gif
Binary files differ
diff --git a/src/main/resources/static/JS/layui/images/face/26.gif b/src/main/resources/static/JS/layui/images/face/26.gif
new file mode 100644
index 0000000..45c4fb5
--- /dev/null
+++ b/src/main/resources/static/JS/layui/images/face/26.gif
Binary files differ
diff --git a/src/main/resources/static/JS/layui/images/face/27.gif b/src/main/resources/static/JS/layui/images/face/27.gif
new file mode 100644
index 0000000..7a4c013
--- /dev/null
+++ b/src/main/resources/static/JS/layui/images/face/27.gif
Binary files differ
diff --git a/src/main/resources/static/JS/layui/images/face/28.gif b/src/main/resources/static/JS/layui/images/face/28.gif
new file mode 100644
index 0000000..fc5a0cf
--- /dev/null
+++ b/src/main/resources/static/JS/layui/images/face/28.gif
Binary files differ
diff --git a/src/main/resources/static/JS/layui/images/face/29.gif b/src/main/resources/static/JS/layui/images/face/29.gif
new file mode 100644
index 0000000..5dd7442
--- /dev/null
+++ b/src/main/resources/static/JS/layui/images/face/29.gif
Binary files differ
diff --git a/src/main/resources/static/JS/layui/images/face/3.gif b/src/main/resources/static/JS/layui/images/face/3.gif
new file mode 100644
index 0000000..86df67b
--- /dev/null
+++ b/src/main/resources/static/JS/layui/images/face/3.gif
Binary files differ
diff --git a/src/main/resources/static/JS/layui/images/face/30.gif b/src/main/resources/static/JS/layui/images/face/30.gif
new file mode 100644
index 0000000..b751f98
--- /dev/null
+++ b/src/main/resources/static/JS/layui/images/face/30.gif
Binary files differ
diff --git a/src/main/resources/static/JS/layui/images/face/31.gif b/src/main/resources/static/JS/layui/images/face/31.gif
new file mode 100644
index 0000000..c9476d7
--- /dev/null
+++ b/src/main/resources/static/JS/layui/images/face/31.gif
Binary files differ
diff --git a/src/main/resources/static/JS/layui/images/face/32.gif b/src/main/resources/static/JS/layui/images/face/32.gif
new file mode 100644
index 0000000..9931b06
--- /dev/null
+++ b/src/main/resources/static/JS/layui/images/face/32.gif
Binary files differ
diff --git a/src/main/resources/static/JS/layui/images/face/33.gif b/src/main/resources/static/JS/layui/images/face/33.gif
new file mode 100644
index 0000000..59111a3
--- /dev/null
+++ b/src/main/resources/static/JS/layui/images/face/33.gif
Binary files differ
diff --git a/src/main/resources/static/JS/layui/images/face/34.gif b/src/main/resources/static/JS/layui/images/face/34.gif
new file mode 100644
index 0000000..a334548
--- /dev/null
+++ b/src/main/resources/static/JS/layui/images/face/34.gif
Binary files differ
diff --git a/src/main/resources/static/JS/layui/images/face/35.gif b/src/main/resources/static/JS/layui/images/face/35.gif
new file mode 100644
index 0000000..a932264
--- /dev/null
+++ b/src/main/resources/static/JS/layui/images/face/35.gif
Binary files differ
diff --git a/src/main/resources/static/JS/layui/images/face/36.gif b/src/main/resources/static/JS/layui/images/face/36.gif
new file mode 100644
index 0000000..6de432a
--- /dev/null
+++ b/src/main/resources/static/JS/layui/images/face/36.gif
Binary files differ
diff --git a/src/main/resources/static/JS/layui/images/face/37.gif b/src/main/resources/static/JS/layui/images/face/37.gif
new file mode 100644
index 0000000..d05f2da
--- /dev/null
+++ b/src/main/resources/static/JS/layui/images/face/37.gif
Binary files differ
diff --git a/src/main/resources/static/JS/layui/images/face/38.gif b/src/main/resources/static/JS/layui/images/face/38.gif
new file mode 100644
index 0000000..8b1c88a
--- /dev/null
+++ b/src/main/resources/static/JS/layui/images/face/38.gif
Binary files differ
diff --git a/src/main/resources/static/JS/layui/images/face/39.gif b/src/main/resources/static/JS/layui/images/face/39.gif
new file mode 100644
index 0000000..38b84a5
--- /dev/null
+++ b/src/main/resources/static/JS/layui/images/face/39.gif
Binary files differ
diff --git a/src/main/resources/static/JS/layui/images/face/4.gif b/src/main/resources/static/JS/layui/images/face/4.gif
new file mode 100644
index 0000000..d52200c
--- /dev/null
+++ b/src/main/resources/static/JS/layui/images/face/4.gif
Binary files differ
diff --git a/src/main/resources/static/JS/layui/images/face/40.gif b/src/main/resources/static/JS/layui/images/face/40.gif
new file mode 100644
index 0000000..ae42991
--- /dev/null
+++ b/src/main/resources/static/JS/layui/images/face/40.gif
Binary files differ
diff --git a/src/main/resources/static/JS/layui/images/face/41.gif b/src/main/resources/static/JS/layui/images/face/41.gif
new file mode 100644
index 0000000..b9c715c
--- /dev/null
+++ b/src/main/resources/static/JS/layui/images/face/41.gif
Binary files differ
diff --git a/src/main/resources/static/JS/layui/images/face/42.gif b/src/main/resources/static/JS/layui/images/face/42.gif
new file mode 100644
index 0000000..0eb1434
--- /dev/null
+++ b/src/main/resources/static/JS/layui/images/face/42.gif
Binary files differ
diff --git a/src/main/resources/static/JS/layui/images/face/43.gif b/src/main/resources/static/JS/layui/images/face/43.gif
new file mode 100644
index 0000000..ac0b700
--- /dev/null
+++ b/src/main/resources/static/JS/layui/images/face/43.gif
Binary files differ
diff --git a/src/main/resources/static/JS/layui/images/face/44.gif b/src/main/resources/static/JS/layui/images/face/44.gif
new file mode 100644
index 0000000..ad44497
--- /dev/null
+++ b/src/main/resources/static/JS/layui/images/face/44.gif
Binary files differ
diff --git a/src/main/resources/static/JS/layui/images/face/45.gif b/src/main/resources/static/JS/layui/images/face/45.gif
new file mode 100644
index 0000000..6837fca
--- /dev/null
+++ b/src/main/resources/static/JS/layui/images/face/45.gif
Binary files differ
diff --git a/src/main/resources/static/JS/layui/images/face/46.gif b/src/main/resources/static/JS/layui/images/face/46.gif
new file mode 100644
index 0000000..d62916d
--- /dev/null
+++ b/src/main/resources/static/JS/layui/images/face/46.gif
Binary files differ
diff --git a/src/main/resources/static/JS/layui/images/face/47.gif b/src/main/resources/static/JS/layui/images/face/47.gif
new file mode 100644
index 0000000..58a0836
--- /dev/null
+++ b/src/main/resources/static/JS/layui/images/face/47.gif
Binary files differ
diff --git a/src/main/resources/static/JS/layui/images/face/48.gif b/src/main/resources/static/JS/layui/images/face/48.gif
new file mode 100644
index 0000000..7ffd161
--- /dev/null
+++ b/src/main/resources/static/JS/layui/images/face/48.gif
Binary files differ
diff --git a/src/main/resources/static/JS/layui/images/face/49.gif b/src/main/resources/static/JS/layui/images/face/49.gif
new file mode 100644
index 0000000..959b992
--- /dev/null
+++ b/src/main/resources/static/JS/layui/images/face/49.gif
Binary files differ
diff --git a/src/main/resources/static/JS/layui/images/face/5.gif b/src/main/resources/static/JS/layui/images/face/5.gif
new file mode 100644
index 0000000..4e8b09f
--- /dev/null
+++ b/src/main/resources/static/JS/layui/images/face/5.gif
Binary files differ
diff --git a/src/main/resources/static/JS/layui/images/face/50.gif b/src/main/resources/static/JS/layui/images/face/50.gif
new file mode 100644
index 0000000..6e22e7f
--- /dev/null
+++ b/src/main/resources/static/JS/layui/images/face/50.gif
Binary files differ
diff --git a/src/main/resources/static/JS/layui/images/face/51.gif b/src/main/resources/static/JS/layui/images/face/51.gif
new file mode 100644
index 0000000..ad3f4d3
--- /dev/null
+++ b/src/main/resources/static/JS/layui/images/face/51.gif
Binary files differ
diff --git a/src/main/resources/static/JS/layui/images/face/52.gif b/src/main/resources/static/JS/layui/images/face/52.gif
new file mode 100644
index 0000000..39f8a22
--- /dev/null
+++ b/src/main/resources/static/JS/layui/images/face/52.gif
Binary files differ
diff --git a/src/main/resources/static/JS/layui/images/face/53.gif b/src/main/resources/static/JS/layui/images/face/53.gif
new file mode 100644
index 0000000..a181ee7
--- /dev/null
+++ b/src/main/resources/static/JS/layui/images/face/53.gif
Binary files differ
diff --git a/src/main/resources/static/JS/layui/images/face/54.gif b/src/main/resources/static/JS/layui/images/face/54.gif
new file mode 100644
index 0000000..e289d92
--- /dev/null
+++ b/src/main/resources/static/JS/layui/images/face/54.gif
Binary files differ
diff --git a/src/main/resources/static/JS/layui/images/face/55.gif b/src/main/resources/static/JS/layui/images/face/55.gif
new file mode 100644
index 0000000..4351083
--- /dev/null
+++ b/src/main/resources/static/JS/layui/images/face/55.gif
Binary files differ
diff --git a/src/main/resources/static/JS/layui/images/face/56.gif b/src/main/resources/static/JS/layui/images/face/56.gif
new file mode 100644
index 0000000..e0eff22
--- /dev/null
+++ b/src/main/resources/static/JS/layui/images/face/56.gif
Binary files differ
diff --git a/src/main/resources/static/JS/layui/images/face/57.gif b/src/main/resources/static/JS/layui/images/face/57.gif
new file mode 100644
index 0000000..0bf130f
--- /dev/null
+++ b/src/main/resources/static/JS/layui/images/face/57.gif
Binary files differ
diff --git a/src/main/resources/static/JS/layui/images/face/58.gif b/src/main/resources/static/JS/layui/images/face/58.gif
new file mode 100644
index 0000000..0f06508
--- /dev/null
+++ b/src/main/resources/static/JS/layui/images/face/58.gif
Binary files differ
diff --git a/src/main/resources/static/JS/layui/images/face/59.gif b/src/main/resources/static/JS/layui/images/face/59.gif
new file mode 100644
index 0000000..7081e4f
--- /dev/null
+++ b/src/main/resources/static/JS/layui/images/face/59.gif
Binary files differ
diff --git a/src/main/resources/static/JS/layui/images/face/6.gif b/src/main/resources/static/JS/layui/images/face/6.gif
new file mode 100644
index 0000000..f7715bf
--- /dev/null
+++ b/src/main/resources/static/JS/layui/images/face/6.gif
Binary files differ
diff --git a/src/main/resources/static/JS/layui/images/face/60.gif b/src/main/resources/static/JS/layui/images/face/60.gif
new file mode 100644
index 0000000..6e15f89
--- /dev/null
+++ b/src/main/resources/static/JS/layui/images/face/60.gif
Binary files differ
diff --git a/src/main/resources/static/JS/layui/images/face/61.gif b/src/main/resources/static/JS/layui/images/face/61.gif
new file mode 100644
index 0000000..f092d7e
--- /dev/null
+++ b/src/main/resources/static/JS/layui/images/face/61.gif
Binary files differ
diff --git a/src/main/resources/static/JS/layui/images/face/62.gif b/src/main/resources/static/JS/layui/images/face/62.gif
new file mode 100644
index 0000000..7fe4984
--- /dev/null
+++ b/src/main/resources/static/JS/layui/images/face/62.gif
Binary files differ
diff --git a/src/main/resources/static/JS/layui/images/face/63.gif b/src/main/resources/static/JS/layui/images/face/63.gif
new file mode 100644
index 0000000..cf8e23e
--- /dev/null
+++ b/src/main/resources/static/JS/layui/images/face/63.gif
Binary files differ
diff --git a/src/main/resources/static/JS/layui/images/face/64.gif b/src/main/resources/static/JS/layui/images/face/64.gif
new file mode 100644
index 0000000..a779719
--- /dev/null
+++ b/src/main/resources/static/JS/layui/images/face/64.gif
Binary files differ
diff --git a/src/main/resources/static/JS/layui/images/face/65.gif b/src/main/resources/static/JS/layui/images/face/65.gif
new file mode 100644
index 0000000..7bb98f2
--- /dev/null
+++ b/src/main/resources/static/JS/layui/images/face/65.gif
Binary files differ
diff --git a/src/main/resources/static/JS/layui/images/face/66.gif b/src/main/resources/static/JS/layui/images/face/66.gif
new file mode 100644
index 0000000..bb6d077
--- /dev/null
+++ b/src/main/resources/static/JS/layui/images/face/66.gif
Binary files differ
diff --git a/src/main/resources/static/JS/layui/images/face/67.gif b/src/main/resources/static/JS/layui/images/face/67.gif
new file mode 100644
index 0000000..6e33f7c
--- /dev/null
+++ b/src/main/resources/static/JS/layui/images/face/67.gif
Binary files differ
diff --git a/src/main/resources/static/JS/layui/images/face/68.gif b/src/main/resources/static/JS/layui/images/face/68.gif
new file mode 100644
index 0000000..1a6c400
--- /dev/null
+++ b/src/main/resources/static/JS/layui/images/face/68.gif
Binary files differ
diff --git a/src/main/resources/static/JS/layui/images/face/69.gif b/src/main/resources/static/JS/layui/images/face/69.gif
new file mode 100644
index 0000000..a02f0b2
--- /dev/null
+++ b/src/main/resources/static/JS/layui/images/face/69.gif
Binary files differ
diff --git a/src/main/resources/static/JS/layui/images/face/7.gif b/src/main/resources/static/JS/layui/images/face/7.gif
new file mode 100644
index 0000000..e6d4db8
--- /dev/null
+++ b/src/main/resources/static/JS/layui/images/face/7.gif
Binary files differ
diff --git a/src/main/resources/static/JS/layui/images/face/70.gif b/src/main/resources/static/JS/layui/images/face/70.gif
new file mode 100644
index 0000000..416c5c1
--- /dev/null
+++ b/src/main/resources/static/JS/layui/images/face/70.gif
Binary files differ
diff --git a/src/main/resources/static/JS/layui/images/face/71.gif b/src/main/resources/static/JS/layui/images/face/71.gif
new file mode 100644
index 0000000..c17d60c
--- /dev/null
+++ b/src/main/resources/static/JS/layui/images/face/71.gif
Binary files differ
diff --git a/src/main/resources/static/JS/layui/images/face/8.gif b/src/main/resources/static/JS/layui/images/face/8.gif
new file mode 100644
index 0000000..66f967b
--- /dev/null
+++ b/src/main/resources/static/JS/layui/images/face/8.gif
Binary files differ
diff --git a/src/main/resources/static/JS/layui/images/face/9.gif b/src/main/resources/static/JS/layui/images/face/9.gif
new file mode 100644
index 0000000..6044740
--- /dev/null
+++ b/src/main/resources/static/JS/layui/images/face/9.gif
Binary files differ
diff --git a/src/main/resources/static/JS/layui/lay/modules/carousel.js b/src/main/resources/static/JS/layui/lay/modules/carousel.js
new file mode 100644
index 0000000..2c4521b
--- /dev/null
+++ b/src/main/resources/static/JS/layui/lay/modules/carousel.js
@@ -0,0 +1,2 @@
+/** layui-v2.5.6 MIT License By https://www.layui.com */
+ ;layui.define("jquery",function(e){"use strict";var i=layui.$,n=(layui.hint(),layui.device(),{config:{},set:function(e){var n=this;return n.config=i.extend({},n.config,e),n},on:function(e,i){return layui.onevent.call(this,t,e,i)}}),t="carousel",a="layui-this",l=">*[carousel-item]>*",o="layui-carousel-left",r="layui-carousel-right",d="layui-carousel-prev",s="layui-carousel-next",u="layui-carousel-arrow",c="layui-carousel-ind",m=function(e){var t=this;t.config=i.extend({},t.config,n.config,e),t.render()};m.prototype.config={width:"600px",height:"280px",full:!1,arrow:"hover",indicator:"inside",autoplay:!0,interval:3e3,anim:"",trigger:"click",index:0},m.prototype.render=function(){var e=this,n=e.config;n.elem=i(n.elem),n.elem[0]&&(e.elemItem=n.elem.find(l),n.index<0&&(n.index=0),n.index>=e.elemItem.length&&(n.index=e.elemItem.length-1),n.interval<800&&(n.interval=800),n.full?n.elem.css({position:"fixed",width:"100%",height:"100%",zIndex:9999}):n.elem.css({width:n.width,height:n.height}),n.elem.attr("lay-anim",n.anim),e.elemItem.eq(n.index).addClass(a),e.elemItem.length<=1||(e.indicator(),e.arrow(),e.autoplay(),e.events()))},m.prototype.reload=function(e){var n=this;clearInterval(n.timer),n.config=i.extend({},n.config,e),n.render()},m.prototype.prevIndex=function(){var e=this,i=e.config,n=i.index-1;return n<0&&(n=e.elemItem.length-1),n},m.prototype.nextIndex=function(){var e=this,i=e.config,n=i.index+1;return n>=e.elemItem.length&&(n=0),n},m.prototype.addIndex=function(e){var i=this,n=i.config;e=e||1,n.index=n.index+e,n.index>=i.elemItem.length&&(n.index=0)},m.prototype.subIndex=function(e){var i=this,n=i.config;e=e||1,n.index=n.index-e,n.index<0&&(n.index=i.elemItem.length-1)},m.prototype.autoplay=function(){var e=this,i=e.config;i.autoplay&&(clearInterval(e.timer),e.timer=setInterval(function(){e.slide()},i.interval))},m.prototype.arrow=function(){var e=this,n=e.config,t=i(['<button class="layui-icon '+u+'" lay-type="sub">'+("updown"===n.anim?"":"")+"</button>",'<button class="layui-icon '+u+'" lay-type="add">'+("updown"===n.anim?"":"")+"</button>"].join(""));n.elem.attr("lay-arrow",n.arrow),n.elem.find("."+u)[0]&&n.elem.find("."+u).remove(),n.elem.append(t),t.on("click",function(){var n=i(this),t=n.attr("lay-type");e.slide(t)})},m.prototype.indicator=function(){var e=this,n=e.config,t=e.elemInd=i(['<div class="'+c+'"><ul>',function(){var i=[];return layui.each(e.elemItem,function(e){i.push("<li"+(n.index===e?' class="layui-this"':"")+"></li>")}),i.join("")}(),"</ul></div>"].join(""));n.elem.attr("lay-indicator",n.indicator),n.elem.find("."+c)[0]&&n.elem.find("."+c).remove(),n.elem.append(t),"updown"===n.anim&&t.css("margin-top",-(t.height()/2)),t.find("li").on("hover"===n.trigger?"mouseover":n.trigger,function(){var t=i(this),a=t.index();a>n.index?e.slide("add",a-n.index):a<n.index&&e.slide("sub",n.index-a)})},m.prototype.slide=function(e,i){var n=this,l=n.elemItem,u=n.config,c=u.index,m=u.elem.attr("lay-filter");n.haveSlide||("sub"===e?(n.subIndex(i),l.eq(u.index).addClass(d),setTimeout(function(){l.eq(c).addClass(r),l.eq(u.index).addClass(r)},50)):(n.addIndex(i),l.eq(u.index).addClass(s),setTimeout(function(){l.eq(c).addClass(o),l.eq(u.index).addClass(o)},50)),setTimeout(function(){l.removeClass(a+" "+d+" "+s+" "+o+" "+r),l.eq(u.index).addClass(a),n.haveSlide=!1},300),n.elemInd.find("li").eq(u.index).addClass(a).siblings().removeClass(a),n.haveSlide=!0,layui.event.call(this,t,"change("+m+")",{index:u.index,prevIndex:c,item:l.eq(u.index)}))},m.prototype.events=function(){var e=this,i=e.config;i.elem.data("haveEvents")||(i.elem.on("mouseenter",function(){clearInterval(e.timer)}).on("mouseleave",function(){e.autoplay()}),i.elem.data("haveEvents",!0))},n.render=function(e){var i=new m(e);return i},e(t,n)});
\ No newline at end of file
diff --git a/src/main/resources/static/JS/layui/lay/modules/code.js b/src/main/resources/static/JS/layui/lay/modules/code.js
new file mode 100644
index 0000000..877c86f
--- /dev/null
+++ b/src/main/resources/static/JS/layui/lay/modules/code.js
@@ -0,0 +1,2 @@
+/** layui-v2.5.6 MIT License By https://www.layui.com */
+ ;layui.define("jquery",function(e){"use strict";var a=layui.$,l="http://www.layui.com/doc/modules/code.html";e("code",function(e){var t=[];e=e||{},e.elem=a(e.elem||".layui-code"),e.about=!("about"in e)||e.about,e.elem.each(function(){t.push(this)}),layui.each(t.reverse(),function(t,i){var c=a(i),o=c.html();(c.attr("lay-encode")||e.encode)&&(o=o.replace(/&(?!#?[a-zA-Z0-9]+;)/g,"&").replace(/</g,"<").replace(/>/g,">").replace(/'/g,"'").replace(/"/g,""")),c.html('<ol class="layui-code-ol"><li>'+o.replace(/[\r\t\n]+/g,"</li><li>")+"</li></ol>"),c.find(">.layui-code-h3")[0]||c.prepend('<h3 class="layui-code-h3">'+(c.attr("lay-title")||e.title||"code")+(e.about?'<a href="'+l+'" target="_blank">layui.code</a>':"")+"</h3>");var d=c.find(">.layui-code-ol");c.addClass("layui-box layui-code-view"),(c.attr("lay-skin")||e.skin)&&c.addClass("layui-code-"+(c.attr("lay-skin")||e.skin)),(d.find("li").length/100|0)>0&&d.css("margin-left",(d.find("li").length/100|0)+"px"),(c.attr("lay-height")||e.height)&&d.css("max-height",c.attr("lay-height")||e.height)})})}).addcss("modules/code.css","skincodecss");
\ No newline at end of file
diff --git a/src/main/resources/static/JS/layui/lay/modules/colorpicker.js b/src/main/resources/static/JS/layui/lay/modules/colorpicker.js
new file mode 100644
index 0000000..0fc6395
--- /dev/null
+++ b/src/main/resources/static/JS/layui/lay/modules/colorpicker.js
@@ -0,0 +1,2 @@
+/** layui-v2.5.6 MIT License By https://www.layui.com */
+ ;layui.define("jquery",function(e){"use strict";var i=layui.jquery,o={config:{},index:layui.colorpicker?layui.colorpicker.index+1e4:0,set:function(e){var o=this;return o.config=i.extend({},o.config,e),o},on:function(e,i){return layui.onevent.call(this,"colorpicker",e,i)}},r=function(){var e=this,i=e.config;return{config:i}},t="colorpicker",n="layui-show",l="layui-colorpicker",c=".layui-colorpicker-main",a="layui-icon-down",s="layui-icon-close",f="layui-colorpicker-trigger-span",d="layui-colorpicker-trigger-i",u="layui-colorpicker-side",p="layui-colorpicker-side-slider",g="layui-colorpicker-basis",v="layui-colorpicker-alpha-bgcolor",h="layui-colorpicker-alpha-slider",m="layui-colorpicker-basis-cursor",b="layui-colorpicker-main-input",k=function(e){var i={h:0,s:0,b:0},o=Math.min(e.r,e.g,e.b),r=Math.max(e.r,e.g,e.b),t=r-o;return i.b=r,i.s=0!=r?255*t/r:0,0!=i.s?e.r==r?i.h=(e.g-e.b)/t:e.g==r?i.h=2+(e.b-e.r)/t:i.h=4+(e.r-e.g)/t:i.h=-1,r==o&&(i.h=0),i.h*=60,i.h<0&&(i.h+=360),i.s*=100/255,i.b*=100/255,i},y=function(e){var e=e.indexOf("#")>-1?e.substring(1):e;if(3==e.length){var i=e.split("");e=i[0]+i[0]+i[1]+i[1]+i[2]+i[2]}e=parseInt(e,16);var o={r:e>>16,g:(65280&e)>>8,b:255&e};return k(o)},x=function(e){var i={},o=e.h,r=255*e.s/100,t=255*e.b/100;if(0==r)i.r=i.g=i.b=t;else{var n=t,l=(255-r)*t/255,c=(n-l)*(o%60)/60;360==o&&(o=0),o<60?(i.r=n,i.b=l,i.g=l+c):o<120?(i.g=n,i.b=l,i.r=n-c):o<180?(i.g=n,i.r=l,i.b=l+c):o<240?(i.b=n,i.r=l,i.g=n-c):o<300?(i.b=n,i.g=l,i.r=l+c):o<360?(i.r=n,i.g=l,i.b=n-c):(i.r=0,i.g=0,i.b=0)}return{r:Math.round(i.r),g:Math.round(i.g),b:Math.round(i.b)}},C=function(e){var o=x(e),r=[o.r.toString(16),o.g.toString(16),o.b.toString(16)];return i.each(r,function(e,i){1==i.length&&(r[e]="0"+i)}),r.join("")},P=function(e){var i=/[0-9]{1,3}/g,o=e.match(i)||[];return{r:o[0],g:o[1],b:o[2]}},B=i(window),w=i(document),D=function(e){var r=this;r.index=++o.index,r.config=i.extend({},r.config,o.config,e),r.render()};D.prototype.config={color:"",size:null,alpha:!1,format:"hex",predefine:!1,colors:["#009688","#5FB878","#1E9FFF","#FF5722","#FFB800","#01AAED","#999","#c00","#ff8c00","#ffd700","#90ee90","#00ced1","#1e90ff","#c71585","rgb(0, 186, 189)","rgb(255, 120, 0)","rgb(250, 212, 0)","#393D49","rgba(0,0,0,.5)","rgba(255, 69, 0, 0.68)","rgba(144, 240, 144, 0.5)","rgba(31, 147, 255, 0.73)"]},D.prototype.render=function(){var e=this,o=e.config,r=i(['<div class="layui-unselect layui-colorpicker">',"<span "+("rgb"==o.format&&o.alpha?'class="layui-colorpicker-trigger-bgcolor"':"")+">",'<span class="layui-colorpicker-trigger-span" ','lay-type="'+("rgb"==o.format?o.alpha?"rgba":"torgb":"")+'" ','style="'+function(){var e="";return o.color?(e=o.color,(o.color.match(/[0-9]{1,3}/g)||[]).length>3&&(o.alpha&&"rgb"==o.format||(e="#"+C(k(P(o.color))))),"background: "+e):e}()+'">','<i class="layui-icon layui-colorpicker-trigger-i '+(o.color?a:s)+'"></i>',"</span>","</span>","</div>"].join("")),t=i(o.elem);o.size&&r.addClass("layui-colorpicker-"+o.size),t.addClass("layui-inline").html(e.elemColorBox=r),e.color=e.elemColorBox.find("."+f)[0].style.background,e.events()},D.prototype.renderPicker=function(){var e=this,o=e.config,r=e.elemColorBox[0],t=e.elemPicker=i(['<div id="layui-colorpicker'+e.index+'" data-index="'+e.index+'" class="layui-anim layui-anim-upbit layui-colorpicker-main">','<div class="layui-colorpicker-main-wrapper">','<div class="layui-colorpicker-basis">','<div class="layui-colorpicker-basis-white"></div>','<div class="layui-colorpicker-basis-black"></div>','<div class="layui-colorpicker-basis-cursor"></div>',"</div>",'<div class="layui-colorpicker-side">','<div class="layui-colorpicker-side-slider"></div>',"</div>","</div>",'<div class="layui-colorpicker-main-alpha '+(o.alpha?n:"")+'">','<div class="layui-colorpicker-alpha-bgcolor">','<div class="layui-colorpicker-alpha-slider"></div>',"</div>","</div>",function(){if(o.predefine){var e=['<div class="layui-colorpicker-main-pre">'];return layui.each(o.colors,function(i,o){e.push(['<div class="layui-colorpicker-pre'+((o.match(/[0-9]{1,3}/g)||[]).length>3?" layui-colorpicker-pre-isalpha":"")+'">','<div style="background:'+o+'"></div>',"</div>"].join(""))}),e.push("</div>"),e.join("")}return""}(),'<div class="layui-colorpicker-main-input">','<div class="layui-inline">','<input type="text" class="layui-input">',"</div>",'<div class="layui-btn-container">','<button class="layui-btn layui-btn-primary layui-btn-sm" colorpicker-events="clear">娓呯┖</button>','<button class="layui-btn layui-btn-sm" colorpicker-events="confirm">纭畾</button>',"</div","</div>","</div>"].join(""));e.elemColorBox.find("."+f)[0];i(c)[0]&&i(c).data("index")==e.index?e.removePicker(D.thisElemInd):(e.removePicker(D.thisElemInd),i("body").append(t)),D.thisElemInd=e.index,D.thisColor=r.style.background,e.position(),e.pickerEvents()},D.prototype.removePicker=function(e){var o=this;o.config;return i("#layui-colorpicker"+(e||o.index)).remove(),o},D.prototype.position=function(){var e=this,i=e.config,o=e.bindElem||e.elemColorBox[0],r=e.elemPicker[0],t=o.getBoundingClientRect(),n=r.offsetWidth,l=r.offsetHeight,c=function(e){return e=e?"scrollLeft":"scrollTop",document.body[e]|document.documentElement[e]},a=function(e){return document.documentElement[e?"clientWidth":"clientHeight"]},s=5,f=t.left,d=t.bottom;f-=(n-o.offsetWidth)/2,d+=s,f+n+s>a("width")?f=a("width")-n-s:f<s&&(f=s),d+l+s>a()&&(d=t.top>l?t.top-l:a()-l,d-=2*s),i.position&&(r.style.position=i.position),r.style.left=f+("fixed"===i.position?0:c(1))+"px",r.style.top=d+("fixed"===i.position?0:c())+"px"},D.prototype.val=function(){var e=this,i=(e.config,e.elemColorBox.find("."+f)),o=e.elemPicker.find("."+b),r=i[0],t=r.style.backgroundColor;if(t){var n=k(P(t)),l=i.attr("lay-type");if(e.select(n.h,n.s,n.b),"torgb"===l&&o.find("input").val(t),"rgba"===l){var c=P(t);if(3==(t.match(/[0-9]{1,3}/g)||[]).length)o.find("input").val("rgba("+c.r+", "+c.g+", "+c.b+", 1)"),e.elemPicker.find("."+h).css("left",280);else{o.find("input").val(t);var a=280*t.slice(t.lastIndexOf(",")+1,t.length-1);e.elemPicker.find("."+h).css("left",a)}e.elemPicker.find("."+v)[0].style.background="linear-gradient(to right, rgba("+c.r+", "+c.g+", "+c.b+", 0), rgb("+c.r+", "+c.g+", "+c.b+"))"}}else e.select(0,100,100),o.find("input").val(""),e.elemPicker.find("."+v)[0].style.background="",e.elemPicker.find("."+h).css("left",280)},D.prototype.side=function(){var e=this,o=e.config,r=e.elemColorBox.find("."+f),t=r.attr("lay-type"),n=e.elemPicker.find("."+u),l=e.elemPicker.find("."+p),c=e.elemPicker.find("."+g),y=e.elemPicker.find("."+m),C=e.elemPicker.find("."+v),w=e.elemPicker.find("."+h),D=l[0].offsetTop/180*360,E=100-(y[0].offsetTop+3)/180*100,H=(y[0].offsetLeft+3)/260*100,W=Math.round(w[0].offsetLeft/280*100)/100,j=e.elemColorBox.find("."+d),F=e.elemPicker.find(".layui-colorpicker-pre").children("div"),L=function(i,n,l,c){e.select(i,n,l);var f=x({h:i,s:n,b:l});if(j.addClass(a).removeClass(s),r[0].style.background="rgb("+f.r+", "+f.g+", "+f.b+")","torgb"===t&&e.elemPicker.find("."+b).find("input").val("rgb("+f.r+", "+f.g+", "+f.b+")"),"rgba"===t){var d=0;d=280*c,w.css("left",d),e.elemPicker.find("."+b).find("input").val("rgba("+f.r+", "+f.g+", "+f.b+", "+c+")"),r[0].style.background="rgba("+f.r+", "+f.g+", "+f.b+", "+c+")",C[0].style.background="linear-gradient(to right, rgba("+f.r+", "+f.g+", "+f.b+", 0), rgb("+f.r+", "+f.g+", "+f.b+"))"}o.change&&o.change(e.elemPicker.find("."+b).find("input").val())},M=i(['<div class="layui-auxiliar-moving" id="LAY-colorpicker-moving"></div'].join("")),Y=function(e){i("#LAY-colorpicker-moving")[0]||i("body").append(M),M.on("mousemove",e),M.on("mouseup",function(){M.remove()}).on("mouseleave",function(){M.remove()})};l.on("mousedown",function(e){var i=this.offsetTop,o=e.clientY,r=function(e){var r=i+(e.clientY-o),t=n[0].offsetHeight;r<0&&(r=0),r>t&&(r=t);var l=r/180*360;D=l,L(l,H,E,W),e.preventDefault()};Y(r),e.preventDefault()}),n.on("click",function(e){var o=e.clientY-i(this).offset().top;o<0&&(o=0),o>this.offsetHeight&&(o=this.offsetHeight);var r=o/180*360;D=r,L(r,H,E,W),e.preventDefault()}),y.on("mousedown",function(e){var i=this.offsetTop,o=this.offsetLeft,r=e.clientY,t=e.clientX,n=function(e){var n=i+(e.clientY-r),l=o+(e.clientX-t),a=c[0].offsetHeight-3,s=c[0].offsetWidth-3;n<-3&&(n=-3),n>a&&(n=a),l<-3&&(l=-3),l>s&&(l=s);var f=(l+3)/260*100,d=100-(n+3)/180*100;E=d,H=f,L(D,f,d,W),e.preventDefault()};layui.stope(e),Y(n),e.preventDefault()}),c.on("mousedown",function(e){var o=e.clientY-i(this).offset().top-3+B.scrollTop(),r=e.clientX-i(this).offset().left-3+B.scrollLeft();o<-3&&(o=-3),o>this.offsetHeight-3&&(o=this.offsetHeight-3),r<-3&&(r=-3),r>this.offsetWidth-3&&(r=this.offsetWidth-3);var t=(r+3)/260*100,n=100-(o+3)/180*100;E=n,H=t,L(D,t,n,W),e.preventDefault(),y.trigger(e,"mousedown")}),w.on("mousedown",function(e){var i=this.offsetLeft,o=e.clientX,r=function(e){var r=i+(e.clientX-o),t=C[0].offsetWidth;r<0&&(r=0),r>t&&(r=t);var n=Math.round(r/280*100)/100;W=n,L(D,H,E,n),e.preventDefault()};Y(r),e.preventDefault()}),C.on("click",function(e){var o=e.clientX-i(this).offset().left;o<0&&(o=0),o>this.offsetWidth&&(o=this.offsetWidth);var r=Math.round(o/280*100)/100;W=r,L(D,H,E,r),e.preventDefault()}),F.each(function(){i(this).on("click",function(){i(this).parent(".layui-colorpicker-pre").addClass("selected").siblings().removeClass("selected");var e,o=this.style.backgroundColor,r=k(P(o)),t=o.slice(o.lastIndexOf(",")+1,o.length-1);D=r.h,H=r.s,E=r.b,3==(o.match(/[0-9]{1,3}/g)||[]).length&&(t=1),W=t,e=280*t,L(r.h,r.s,r.b,t)})})},D.prototype.select=function(e,i,o,r){var t=this,n=(t.config,C({h:e,s:100,b:100})),l=C({h:e,s:i,b:o}),c=e/360*180,a=180-o/100*180-3,s=i/100*260-3;t.elemPicker.find("."+p).css("top",c),t.elemPicker.find("."+g)[0].style.background="#"+n,t.elemPicker.find("."+m).css({top:a,left:s}),"change"!==r&&t.elemPicker.find("."+b).find("input").val("#"+l)},D.prototype.pickerEvents=function(){var e=this,o=e.config,r=e.elemColorBox.find("."+f),t=e.elemPicker.find("."+b+" input"),n={clear:function(i){r[0].style.background="",e.elemColorBox.find("."+d).removeClass(a).addClass(s),e.color="",o.done&&o.done(""),e.removePicker()},confirm:function(i,n){var l=t.val(),c=l,f={};if(l.indexOf(",")>-1){if(f=k(P(l)),e.select(f.h,f.s,f.b),r[0].style.background=c="#"+C(f),(l.match(/[0-9]{1,3}/g)||[]).length>3&&"rgba"===r.attr("lay-type")){var u=280*l.slice(l.lastIndexOf(",")+1,l.length-1);e.elemPicker.find("."+h).css("left",u),r[0].style.background=l,c=l}}else f=y(l),r[0].style.background=c="#"+C(f),e.elemColorBox.find("."+d).removeClass(s).addClass(a);return"change"===n?(e.select(f.h,f.s,f.b,n),void(o.change&&o.change(c))):(e.color=l,o.done&&o.done(l),void e.removePicker())}};e.elemPicker.on("click","*[colorpicker-events]",function(){var e=i(this),o=e.attr("colorpicker-events");n[o]&&n[o].call(this,e)}),t.on("keyup",function(e){var o=i(this);n.confirm.call(this,o,13===e.keyCode?null:"change")})},D.prototype.events=function(){var e=this,o=e.config,r=e.elemColorBox.find("."+f);e.elemColorBox.on("click",function(){e.renderPicker(),i(c)[0]&&(e.val(),e.side())}),o.elem[0]&&!e.elemColorBox[0].eventHandler&&(w.on("click",function(o){if(!i(o.target).hasClass(l)&&!i(o.target).parents("."+l)[0]&&!i(o.target).hasClass(c.replace(/\./g,""))&&!i(o.target).parents(c)[0]&&e.elemPicker){if(e.color){var t=k(P(e.color));e.select(t.h,t.s,t.b)}else e.elemColorBox.find("."+d).removeClass(a).addClass(s);r[0].style.background=e.color||"",e.removePicker()}}),B.on("resize",function(){return!(!e.elemPicker||!i(c)[0])&&void e.position()}),e.elemColorBox[0].eventHandler=!0)},o.render=function(e){var i=new D(e);return r.call(i)},e(t,o)});
\ No newline at end of file
diff --git a/src/main/resources/static/JS/layui/lay/modules/element.js b/src/main/resources/static/JS/layui/lay/modules/element.js
new file mode 100644
index 0000000..290a1e8
--- /dev/null
+++ b/src/main/resources/static/JS/layui/lay/modules/element.js
@@ -0,0 +1,2 @@
+/** layui-v2.5.6 MIT License By https://www.layui.com */
+ ;layui.define("jquery",function(t){"use strict";var a=layui.$,i=(layui.hint(),layui.device()),e="element",l="layui-this",n="layui-show",s=function(){this.config={}};s.prototype.set=function(t){var i=this;return a.extend(!0,i.config,t),i},s.prototype.on=function(t,a){return layui.onevent.call(this,e,t,a)},s.prototype.tabAdd=function(t,i){var e=".layui-tab-title",l=a(".layui-tab[lay-filter="+t+"]"),n=l.children(e),s=n.children(".layui-tab-bar"),o=l.children(".layui-tab-content"),r='<li lay-id="'+(i.id||"")+'"'+(i.attr?' lay-attr="'+i.attr+'"':"")+">"+(i.title||"unnaming")+"</li>";return s[0]?s.before(r):n.append(r),o.append('<div class="layui-tab-item">'+(i.content||"")+"</div>"),f.hideTabMore(!0),f.tabAuto(),this},s.prototype.tabDelete=function(t,i){var e=".layui-tab-title",l=a(".layui-tab[lay-filter="+t+"]"),n=l.children(e),s=n.find('>li[lay-id="'+i+'"]');return f.tabDelete(null,s),this},s.prototype.tabChange=function(t,i){var e=".layui-tab-title",l=a(".layui-tab[lay-filter="+t+"]"),n=l.children(e),s=n.find('>li[lay-id="'+i+'"]');return f.tabClick.call(s[0],null,null,s),this},s.prototype.tab=function(t){t=t||{},b.on("click",t.headerElem,function(i){var e=a(this).index();f.tabClick.call(this,i,e,null,t)})},s.prototype.progress=function(t,i){var e="layui-progress",l=a("."+e+"[lay-filter="+t+"]"),n=l.find("."+e+"-bar"),s=n.find("."+e+"-text");return n.css("width",i),s.text(i),this};var o=".layui-nav",r="layui-nav-item",c="layui-nav-bar",u="layui-nav-tree",d="layui-nav-child",y="layui-nav-more",h="layui-anim layui-anim-upbit",f={tabClick:function(t,i,s,o){o=o||{};var r=s||a(this),i=i||r.parent().children("li").index(r),c=o.headerElem?r.parent():r.parents(".layui-tab").eq(0),u=o.bodyElem?a(o.bodyElem):c.children(".layui-tab-content").children(".layui-tab-item"),d=r.find("a"),y=c.attr("lay-filter");"javascript:;"!==d.attr("href")&&"_blank"===d.attr("target")||(r.addClass(l).siblings().removeClass(l),u.eq(i).addClass(n).siblings().removeClass(n)),layui.event.call(this,e,"tab("+y+")",{elem:c,index:i})},tabDelete:function(t,i){var n=i||a(this).parent(),s=n.index(),o=n.parents(".layui-tab").eq(0),r=o.children(".layui-tab-content").children(".layui-tab-item"),c=o.attr("lay-filter");n.hasClass(l)&&(n.next()[0]?f.tabClick.call(n.next()[0],null,s+1):n.prev()[0]&&f.tabClick.call(n.prev()[0],null,s-1)),n.remove(),r.eq(s).remove(),setTimeout(function(){f.tabAuto()},50),layui.event.call(this,e,"tabDelete("+c+")",{elem:o,index:s})},tabAuto:function(){var t="layui-tab-more",e="layui-tab-bar",l="layui-tab-close",n=this;a(".layui-tab").each(function(){var s=a(this),o=s.children(".layui-tab-title"),r=(s.children(".layui-tab-content").children(".layui-tab-item"),'lay-stope="tabmore"'),c=a('<span class="layui-unselect layui-tab-bar" '+r+"><i "+r+' class="layui-icon"></i></span>');if(n===window&&8!=i.ie&&f.hideTabMore(!0),s.attr("lay-allowClose")&&o.find("li").each(function(){var t=a(this);if(!t.find("."+l)[0]){var i=a('<i class="layui-icon layui-unselect '+l+'">ဆ</i>');i.on("click",f.tabDelete),t.append(i)}}),"string"!=typeof s.attr("lay-unauto"))if(o.prop("scrollWidth")>o.outerWidth()+1){if(o.find("."+e)[0])return;o.append(c),s.attr("overflow",""),c.on("click",function(a){o[this.title?"removeClass":"addClass"](t),this.title=this.title?"":"鏀剁缉"})}else o.find("."+e).remove(),s.removeAttr("overflow")})},hideTabMore:function(t){var i=a(".layui-tab-title");t!==!0&&"tabmore"===a(t.target).attr("lay-stope")||(i.removeClass("layui-tab-more"),i.find(".layui-tab-bar").attr("title",""))},clickThis:function(){var t=a(this),i=t.parents(o),n=i.attr("lay-filter"),s=t.parent(),c=t.siblings("."+d),y="string"==typeof s.attr("lay-unselect");"javascript:;"!==t.attr("href")&&"_blank"===t.attr("target")||y||c[0]||(i.find("."+l).removeClass(l),s.addClass(l)),i.hasClass(u)&&(c.removeClass(h),c[0]&&(s["none"===c.css("display")?"addClass":"removeClass"](r+"ed"),"all"===i.attr("lay-shrink")&&s.siblings().removeClass(r+"ed"))),layui.event.call(this,e,"nav("+n+")",t)},collapse:function(){var t=a(this),i=t.find(".layui-colla-icon"),l=t.siblings(".layui-colla-content"),s=t.parents(".layui-collapse").eq(0),o=s.attr("lay-filter"),r="none"===l.css("display");if("string"==typeof s.attr("lay-accordion")){var c=s.children(".layui-colla-item").children("."+n);c.siblings(".layui-colla-title").children(".layui-colla-icon").html(""),c.removeClass(n)}l[r?"addClass":"removeClass"](n),i.html(r?"":""),layui.event.call(this,e,"collapse("+o+")",{title:t,content:l,show:r})}};s.prototype.init=function(t,e){var l=function(){return e?'[lay-filter="'+e+'"]':""}(),s={tab:function(){f.tabAuto.call({})},nav:function(){var t=200,e={},s={},p={},b=function(l,o,r){var c=a(this),f=c.find("."+d);o.hasClass(u)?l.css({top:c.position().top,height:c.children("a").outerHeight(),opacity:1}):(f.addClass(h),l.css({left:c.position().left+parseFloat(c.css("marginLeft")),top:c.position().top+c.height()-l.height()}),e[r]=setTimeout(function(){l.css({width:c.width(),opacity:1})},i.ie&&i.ie<10?0:t),clearTimeout(p[r]),"block"===f.css("display")&&clearTimeout(s[r]),s[r]=setTimeout(function(){f.addClass(n),c.find("."+y).addClass(y+"d")},300))};a(o+l).each(function(i){var l=a(this),o=a('<span class="'+c+'"></span>'),h=l.find("."+r);l.find("."+c)[0]||(l.append(o),h.on("mouseenter",function(){b.call(this,o,l,i)}).on("mouseleave",function(){l.hasClass(u)||(clearTimeout(s[i]),s[i]=setTimeout(function(){l.find("."+d).removeClass(n),l.find("."+y).removeClass(y+"d")},300))}),l.on("mouseleave",function(){clearTimeout(e[i]),p[i]=setTimeout(function(){l.hasClass(u)?o.css({height:0,top:o.position().top+o.height()/2,opacity:0}):o.css({width:0,left:o.position().left+o.width()/2,opacity:0})},t)})),h.find("a").each(function(){var t=a(this),i=(t.parent(),t.siblings("."+d));i[0]&&!t.children("."+y)[0]&&t.append('<span class="'+y+'"></span>'),t.off("click",f.clickThis).on("click",f.clickThis)})})},breadcrumb:function(){var t=".layui-breadcrumb";a(t+l).each(function(){var t=a(this),i="lay-separator",e=t.attr(i)||"/",l=t.find("a");l.next("span["+i+"]")[0]||(l.each(function(t){t!==l.length-1&&a(this).after("<span "+i+">"+e+"</span>")}),t.css("visibility","visible"))})},progress:function(){var t="layui-progress";a("."+t+l).each(function(){var i=a(this),e=i.find(".layui-progress-bar"),l=e.attr("lay-percent");e.css("width",function(){return/^.+\/.+$/.test(l)?100*new Function("return "+l)()+"%":l}()),i.attr("lay-showPercent")&&setTimeout(function(){e.html('<span class="'+t+'-text">'+l+"</span>")},350)})},collapse:function(){var t="layui-collapse";a("."+t+l).each(function(){var t=a(this).find(".layui-colla-item");t.each(function(){var t=a(this),i=t.find(".layui-colla-title"),e=t.find(".layui-colla-content"),l="none"===e.css("display");i.find(".layui-colla-icon").remove(),i.append('<i class="layui-icon layui-colla-icon">'+(l?"":"")+"</i>"),i.off("click",f.collapse).on("click",f.collapse)})})}};return s[t]?s[t]():layui.each(s,function(t,a){a()})},s.prototype.render=s.prototype.init;var p=new s,b=a(document);p.render();var v=".layui-tab-title li";b.on("click",v,f.tabClick),b.on("click",f.hideTabMore),a(window).on("resize",f.tabAuto),t(e,p)});
\ No newline at end of file
diff --git a/src/main/resources/static/JS/layui/lay/modules/flow.js b/src/main/resources/static/JS/layui/lay/modules/flow.js
new file mode 100644
index 0000000..924c78d
--- /dev/null
+++ b/src/main/resources/static/JS/layui/lay/modules/flow.js
@@ -0,0 +1,2 @@
+/** layui-v2.5.6 MIT License By https://www.layui.com */
+ ;layui.define("jquery",function(e){"use strict";var l=layui.$,o=function(e){},t='<i class="layui-anim layui-anim-rotate layui-anim-loop layui-icon "></i>';o.prototype.load=function(e){var o,i,n,r,a=this,c=0;e=e||{};var f=l(e.elem);if(f[0]){var m=l(e.scrollElem||document),u=e.mb||50,s=!("isAuto"in e)||e.isAuto,v=e.end||"娌℃湁鏇村浜�",y=e.scrollElem&&e.scrollElem!==document,d="<cite>鍔犺浇鏇村</cite>",h=l('<div class="layui-flow-more"><a href="javascript:;">'+d+"</a></div>");f.find(".layui-flow-more")[0]||f.append(h);var p=function(e,t){e=l(e),h.before(e),t=0==t||null,t?h.html(v):h.find("a").html(d),i=t,o=null,n&&n()},g=function(){o=!0,h.find("a").html(t),"function"==typeof e.done&&e.done(++c,p)};if(g(),h.find("a").on("click",function(){l(this);i||o||g()}),e.isLazyimg)var n=a.lazyimg({elem:e.elem+" img",scrollElem:e.scrollElem});return s?(m.on("scroll",function(){var e=l(this),t=e.scrollTop();r&&clearTimeout(r),!i&&f.width()&&(r=setTimeout(function(){var i=y?e.height():l(window).height(),n=y?e.prop("scrollHeight"):document.documentElement.scrollHeight;n-t-i<=u&&(o||g())},100))}),a):a}},o.prototype.lazyimg=function(e){var o,t=this,i=0;e=e||{};var n=l(e.scrollElem||document),r=e.elem||"img",a=e.scrollElem&&e.scrollElem!==document,c=function(e,l){var o=n.scrollTop(),r=o+l,c=a?function(){return e.offset().top-n.offset().top+o}():e.offset().top;if(c>=o&&c<=r&&!e.attr("src")){var m=e.attr("lay-src");layui.img(m,function(){var l=t.lazyimg.elem.eq(i);e.attr("src",m).removeAttr("lay-src"),l[0]&&f(l),i++})}},f=function(e,o){var f=a?(o||n).height():l(window).height(),m=n.scrollTop(),u=m+f;if(t.lazyimg.elem=l(r),e)c(e,f);else for(var s=0;s<t.lazyimg.elem.length;s++){var v=t.lazyimg.elem.eq(s),y=a?function(){return v.offset().top-n.offset().top+m}():v.offset().top;if(c(v,f),i=s,y>u)break}};if(f(),!o){var m;n.on("scroll",function(){var e=l(this);m&&clearTimeout(m),m=setTimeout(function(){f(null,e)},50)}),o=!0}return f},e("flow",new o)});
\ No newline at end of file
diff --git a/src/main/resources/static/JS/layui/lay/modules/form.js b/src/main/resources/static/JS/layui/lay/modules/form.js
new file mode 100644
index 0000000..818dd39
--- /dev/null
+++ b/src/main/resources/static/JS/layui/lay/modules/form.js
@@ -0,0 +1,2 @@
+/** layui-v2.5.6 MIT License By https://www.layui.com */
+ ;layui.define("layer",function(e){"use strict";var t=layui.$,i=layui.layer,a=layui.hint(),n=layui.device(),l="form",r=".layui-form",s="layui-this",o="layui-hide",c="layui-disabled",u=function(){this.config={verify:{required:[/[\S]+/,"蹇呭～椤逛笉鑳戒负绌�"],phone:[/^1\d{10}$/,"璇疯緭鍏ユ纭殑鎵嬫満鍙�"],email:[/^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/,"閭鏍煎紡涓嶆纭�"],url:[/(^#)|(^http(s*):\/\/[^\s]+\.[^\s]+)/,"閾炬帴鏍煎紡涓嶆纭�"],number:function(e){if(!e||isNaN(e))return"鍙兘濉啓鏁板瓧"},date:[/^(\d{4})[-\/](\d{1}|0\d{1}|1[0-2])([-\/](\d{1}|0\d{1}|[1-2][0-9]|3[0-1]))*$/,"鏃ユ湡鏍煎紡涓嶆纭�"],identity:[/(^\d{15}$)|(^\d{17}(x|X|\d)$)/,"璇疯緭鍏ユ纭殑韬唤璇佸彿"]}}};u.prototype.set=function(e){var i=this;return t.extend(!0,i.config,e),i},u.prototype.verify=function(e){var i=this;return t.extend(!0,i.config.verify,e),i},u.prototype.on=function(e,t){return layui.onevent.call(this,l,e,t)},u.prototype.val=function(e,i){var a=this,n=t(r+'[lay-filter="'+e+'"]');return n.each(function(e,a){var n=t(this);layui.each(i,function(e,t){var i,a=n.find('[name="'+e+'"]');a[0]&&(i=a[0].type,"checkbox"===i?a[0].checked=t:"radio"===i?a.each(function(){this.value==t&&(this.checked=!0)}):a.val(t))})}),f.render(null,e),a.getValue(e)},u.prototype.getValue=function(e,i){i=i||t(r+'[lay-filter="'+e+'"]').eq(0);var a={},n={},l=i.find("input,select,textarea");return layui.each(l,function(e,t){if(t.name=(t.name||"").replace(/^\s*|\s*&/,""),t.name){if(/^.*\[\]$/.test(t.name)){var i=t.name.match(/^(.*)\[\]$/g)[0];a[i]=0|a[i],t.name=t.name.replace(/^(.*)\[\]$/,"$1["+a[i]++ +"]")}/^checkbox|radio$/.test(t.type)&&!t.checked||(n[t.name]=t.value)}}),n},u.prototype.render=function(e,i){var n=this,u=t(r+function(){return i?'[lay-filter="'+i+'"]':""}()),d={select:function(){var e,i="璇烽�夋嫨",a="layui-form-select",n="layui-select-title",r="layui-select-none",d="",f=u.find("select"),v=function(i,l){t(i.target).parent().hasClass(n)&&!l||(t("."+a).removeClass(a+"ed "+a+"up"),e&&d&&e.val(d)),e=null},y=function(i,u,f){var y,p=t(this),m=i.find("."+n),k=m.find("input"),g=i.find("dl"),x=g.children("dd"),b=this.selectedIndex;if(!u){var C=function(){var e=i.offset().top+i.outerHeight()+5-h.scrollTop(),t=g.outerHeight();b=p[0].selectedIndex,i.addClass(a+"ed"),x.removeClass(o),y=null,x.eq(b).addClass(s).siblings().removeClass(s),e+t>h.height()&&e>=t&&i.addClass(a+"up"),T()},w=function(e){i.removeClass(a+"ed "+a+"up"),k.blur(),y=null,e||$(k.val(),function(e){var i=p[0].selectedIndex;e&&(d=t(p[0].options[i]).html(),0===i&&d===k.attr("placeholder")&&(d=""),k.val(d||""))})},T=function(){var e=g.children("dd."+s);if(e[0]){var t=e.position().top,i=g.height(),a=e.height();t>i&&g.scrollTop(t+g.scrollTop()-i+a-5),t<0&&g.scrollTop(t+g.scrollTop()-5)}};m.on("click",function(e){i.hasClass(a+"ed")?w():(v(e,!0),C()),g.find("."+r).remove()}),m.find(".layui-edge").on("click",function(){k.focus()}),k.on("keyup",function(e){var t=e.keyCode;9===t&&C()}).on("keydown",function(e){var t=e.keyCode;9===t&&w();var i=function(t,a){var n,l;e.preventDefault();var r=function(){var e=g.children("dd."+s);if(g.children("dd."+o)[0]&&"next"===t){var i=g.children("dd:not(."+o+",."+c+")"),n=i.eq(0).index();if(n>=0&&n<e.index()&&!i.hasClass(s))return i.eq(0).prev()[0]?i.eq(0).prev():g.children(":last")}return a&&a[0]?a:y&&y[0]?y:e}();return l=r[t](),n=r[t]("dd:not(."+o+")"),l[0]?(y=r[t](),n[0]&&!n.hasClass(c)||!y[0]?(n.addClass(s).siblings().removeClass(s),void T()):i(t,y)):y=null};38===t&&i("prev"),40===t&&i("next"),13===t&&(e.preventDefault(),g.children("dd."+s).trigger("click"))});var $=function(e,i,a){var n=0;layui.each(x,function(){var i=t(this),l=i.text(),r=l.indexOf(e)===-1;(""===e||"blur"===a?e!==l:r)&&n++,"keyup"===a&&i[r?"addClass":"removeClass"](o)});var l=n===x.length;return i(l),l},q=function(e){var t=this.value,i=e.keyCode;return 9!==i&&13!==i&&37!==i&&38!==i&&39!==i&&40!==i&&($(t,function(e){e?g.find("."+r)[0]||g.append('<p class="'+r+'">鏃犲尮閰嶉」</p>'):g.find("."+r).remove()},"keyup"),""===t&&g.find("."+r).remove(),void T())};f&&k.on("keyup",q).on("blur",function(i){var a=p[0].selectedIndex;e=k,d=t(p[0].options[a]).html(),0===a&&d===k.attr("placeholder")&&(d=""),setTimeout(function(){$(k.val(),function(e){d||k.val("")},"blur")},200)}),x.on("click",function(){var e=t(this),a=e.attr("lay-value"),n=p.attr("lay-filter");return!e.hasClass(c)&&(e.hasClass("layui-select-tips")?k.val(""):(k.val(e.text()),e.addClass(s)),e.siblings().removeClass(s),p.val(a).removeClass("layui-form-danger"),layui.event.call(this,l,"select("+n+")",{elem:p[0],value:a,othis:i}),w(!0),!1)}),i.find("dl>dt").on("click",function(e){return!1}),t(document).off("click",v).on("click",v)}};f.each(function(e,l){var r=t(this),o=r.next("."+a),u=this.disabled,d=l.value,f=t(l.options[l.selectedIndex]),v=l.options[0];if("string"==typeof r.attr("lay-ignore"))return r.show();var h="string"==typeof r.attr("lay-search"),p=v?v.value?i:v.innerHTML||i:i,m=t(['<div class="'+(h?"":"layui-unselect ")+a,(u?" layui-select-disabled":"")+'">','<div class="'+n+'">','<input type="text" placeholder="'+p+'" '+('value="'+(d?f.html():"")+'"')+(!u&&h?"":" readonly")+' class="layui-input'+(h?"":" layui-unselect")+(u?" "+c:"")+'">','<i class="layui-edge"></i></div>','<dl class="layui-anim layui-anim-upbit'+(r.find("optgroup")[0]?" layui-select-group":"")+'">',function(e){var t=[];return layui.each(e,function(e,a){0!==e||a.value?"optgroup"===a.tagName.toLowerCase()?t.push("<dt>"+a.label+"</dt>"):t.push('<dd lay-value="'+a.value+'" class="'+(d===a.value?s:"")+(a.disabled?" "+c:"")+'">'+a.innerHTML+"</dd>"):t.push('<dd lay-value="" class="layui-select-tips">'+(a.innerHTML||i)+"</dd>")}),0===t.length&&t.push('<dd lay-value="" class="'+c+'">娌℃湁閫夐」</dd>'),t.join("")}(r.find("*"))+"</dl>","</div>"].join(""));o[0]&&o.remove(),r.after(m),y.call(this,m,u,h)})},checkbox:function(){var e={checkbox:["layui-form-checkbox","layui-form-checked","checkbox"],_switch:["layui-form-switch","layui-form-onswitch","switch"]},i=u.find("input[type=checkbox]"),a=function(e,i){var a=t(this);e.on("click",function(){var t=a.attr("lay-filter"),n=(a.attr("lay-text")||"").split("|");a[0].disabled||(a[0].checked?(a[0].checked=!1,e.removeClass(i[1]).find("em").text(n[1])):(a[0].checked=!0,e.addClass(i[1]).find("em").text(n[0])),layui.event.call(a[0],l,i[2]+"("+t+")",{elem:a[0],value:a[0].value,othis:e}))})};i.each(function(i,n){var l=t(this),r=l.attr("lay-skin"),s=(l.attr("lay-text")||"").split("|"),o=this.disabled;"switch"===r&&(r="_"+r);var u=e[r]||e.checkbox;if("string"==typeof l.attr("lay-ignore"))return l.show();var d=l.next("."+u[0]),f=t(['<div class="layui-unselect '+u[0],n.checked?" "+u[1]:"",o?" layui-checkbox-disbaled "+c:"",'"',r?' lay-skin="'+r+'"':"",">",function(){var e=n.title.replace(/\s/g,""),t={checkbox:[e?"<span>"+n.title+"</span>":"",'<i class="layui-icon layui-icon-ok"></i>'].join(""),_switch:"<em>"+((n.checked?s[0]:s[1])||"")+"</em><i></i>"};return t[r]||t.checkbox}(),"</div>"].join(""));d[0]&&d.remove(),l.after(f),a.call(this,f,u)})},radio:function(){var e="layui-form-radio",i=["",""],a=u.find("input[type=radio]"),n=function(a){var n=t(this),s="layui-anim-scaleSpring";a.on("click",function(){var o=n[0].name,c=n.parents(r),u=n.attr("lay-filter"),d=c.find("input[name="+o.replace(/(\.|#|\[|\])/g,"\\$1")+"]");n[0].disabled||(layui.each(d,function(){var a=t(this).next("."+e);this.checked=!1,a.removeClass(e+"ed"),a.find(".layui-icon").removeClass(s).html(i[1])}),n[0].checked=!0,a.addClass(e+"ed"),a.find(".layui-icon").addClass(s).html(i[0]),layui.event.call(n[0],l,"radio("+u+")",{elem:n[0],value:n[0].value,othis:a}))})};a.each(function(a,l){var r=t(this),s=r.next("."+e),o=this.disabled;if("string"==typeof r.attr("lay-ignore"))return r.show();s[0]&&s.remove();var u=t(['<div class="layui-unselect '+e,l.checked?" "+e+"ed":"",(o?" layui-radio-disbaled "+c:"")+'">','<i class="layui-anim layui-icon">'+i[l.checked?0:1]+"</i>","<div>"+function(){var e=l.title||"";return"string"==typeof r.next().attr("lay-radio")&&(e=r.next().html(),r.next().remove()),e}()+"</div>","</div>"].join(""));r.after(u),n.call(this,u)})}};return e?d[e]?d[e]():a.error("涓嶆敮鎸佺殑"+e+"琛ㄥ崟娓叉煋"):layui.each(d,function(e,t){t()}),n};var d=function(){var e=null,a=f.config.verify,s="layui-form-danger",o={},c=t(this),u=c.parents(r),d=u.find("*[lay-verify]"),v=c.parents("form")[0],h=c.attr("lay-filter");return layui.each(d,function(l,r){var o=t(this),c=o.attr("lay-verify").split("|"),u=o.attr("lay-verType"),d=o.val();if(o.removeClass(s),layui.each(c,function(t,l){var c,f="",v="function"==typeof a[l];if(a[l]){var c=v?f=a[l](d,r):!a[l][0].test(d);if(f=f||a[l][1],"required"===l&&(f=o.attr("lay-reqText")||f),c)return"tips"===u?i.tips(f,function(){return"string"==typeof o.attr("lay-ignore")||"select"!==r.tagName.toLowerCase()&&!/^checkbox|radio$/.test(r.type)?o:o.next()}(),{tips:1}):"alert"===u?i.alert(f,{title:"鎻愮ず",shadeClose:!0}):i.msg(f,{icon:5,shift:6}),n.android||n.ios||setTimeout(function(){r.focus()},7),o.addClass(s),e=!0}}),e)return e}),!e&&(o=f.getValue(null,u),layui.event.call(this,l,"submit("+h+")",{elem:this,form:v,field:o}))},f=new u,v=t(document),h=t(window);f.render(),v.on("reset",r,function(){var e=t(this).attr("lay-filter");setTimeout(function(){f.render(null,e)},50)}),v.on("submit",r,d).on("click","*[lay-submit]",d),e(l,f)});
\ No newline at end of file
diff --git a/src/main/resources/static/JS/layui/lay/modules/jquery.js b/src/main/resources/static/JS/layui/lay/modules/jquery.js
new file mode 100644
index 0000000..10d8c2b
--- /dev/null
+++ b/src/main/resources/static/JS/layui/lay/modules/jquery.js
@@ -0,0 +1,5 @@
+/** layui-v2.5.6 MIT License By https://www.layui.com */
+ ;!function(e,t){"object"==typeof module&&"object"==typeof module.exports?module.exports=e.document?t(e,!0):function(e){if(!e.document)throw new Error("jQuery requires a window with a document");return t(e)}:t(e)}("undefined"!=typeof window?window:this,function(e,t){function n(e){var t=!!e&&"length"in e&&e.length,n=pe.type(e);return"function"!==n&&!pe.isWindow(e)&&("array"===n||0===t||"number"==typeof t&&t>0&&t-1 in e)}function r(e,t,n){if(pe.isFunction(t))return pe.grep(e,function(e,r){return!!t.call(e,r,e)!==n});if(t.nodeType)return pe.grep(e,function(e){return e===t!==n});if("string"==typeof t){if(Ce.test(t))return pe.filter(t,e,n);t=pe.filter(t,e)}return pe.grep(e,function(e){return pe.inArray(e,t)>-1!==n})}function i(e,t){do e=e[t];while(e&&1!==e.nodeType);return e}function o(e){var t={};return pe.each(e.match(De)||[],function(e,n){t[n]=!0}),t}function a(){re.addEventListener?(re.removeEventListener("DOMContentLoaded",s),e.removeEventListener("load",s)):(re.detachEvent("onreadystatechange",s),e.detachEvent("onload",s))}function s(){(re.addEventListener||"load"===e.event.type||"complete"===re.readyState)&&(a(),pe.ready())}function u(e,t,n){if(void 0===n&&1===e.nodeType){var r="data-"+t.replace(_e,"-$1").toLowerCase();if(n=e.getAttribute(r),"string"==typeof n){try{n="true"===n||"false"!==n&&("null"===n?null:+n+""===n?+n:qe.test(n)?pe.parseJSON(n):n)}catch(i){}pe.data(e,t,n)}else n=void 0}return n}function l(e){var t;for(t in e)if(("data"!==t||!pe.isEmptyObject(e[t]))&&"toJSON"!==t)return!1;return!0}function c(e,t,n,r){if(He(e)){var i,o,a=pe.expando,s=e.nodeType,u=s?pe.cache:e,l=s?e[a]:e[a]&&a;if(l&&u[l]&&(r||u[l].data)||void 0!==n||"string"!=typeof t)return l||(l=s?e[a]=ne.pop()||pe.guid++:a),u[l]||(u[l]=s?{}:{toJSON:pe.noop}),"object"!=typeof t&&"function"!=typeof t||(r?u[l]=pe.extend(u[l],t):u[l].data=pe.extend(u[l].data,t)),o=u[l],r||(o.data||(o.data={}),o=o.data),void 0!==n&&(o[pe.camelCase(t)]=n),"string"==typeof t?(i=o[t],null==i&&(i=o[pe.camelCase(t)])):i=o,i}}function f(e,t,n){if(He(e)){var r,i,o=e.nodeType,a=o?pe.cache:e,s=o?e[pe.expando]:pe.expando;if(a[s]){if(t&&(r=n?a[s]:a[s].data)){pe.isArray(t)?t=t.concat(pe.map(t,pe.camelCase)):t in r?t=[t]:(t=pe.camelCase(t),t=t in r?[t]:t.split(" ")),i=t.length;for(;i--;)delete r[t[i]];if(n?!l(r):!pe.isEmptyObject(r))return}(n||(delete a[s].data,l(a[s])))&&(o?pe.cleanData([e],!0):fe.deleteExpando||a!=a.window?delete a[s]:a[s]=void 0)}}}function d(e,t,n,r){var i,o=1,a=20,s=r?function(){return r.cur()}:function(){return pe.css(e,t,"")},u=s(),l=n&&n[3]||(pe.cssNumber[t]?"":"px"),c=(pe.cssNumber[t]||"px"!==l&&+u)&&Me.exec(pe.css(e,t));if(c&&c[3]!==l){l=l||c[3],n=n||[],c=+u||1;do o=o||".5",c/=o,pe.style(e,t,c+l);while(o!==(o=s()/u)&&1!==o&&--a)}return n&&(c=+c||+u||0,i=n[1]?c+(n[1]+1)*n[2]:+n[2],r&&(r.unit=l,r.start=c,r.end=i)),i}function p(e){var t=ze.split("|"),n=e.createDocumentFragment();if(n.createElement)for(;t.length;)n.createElement(t.pop());return n}function h(e,t){var n,r,i=0,o="undefined"!=typeof e.getElementsByTagName?e.getElementsByTagName(t||"*"):"undefined"!=typeof e.querySelectorAll?e.querySelectorAll(t||"*"):void 0;if(!o)for(o=[],n=e.childNodes||e;null!=(r=n[i]);i++)!t||pe.nodeName(r,t)?o.push(r):pe.merge(o,h(r,t));return void 0===t||t&&pe.nodeName(e,t)?pe.merge([e],o):o}function g(e,t){for(var n,r=0;null!=(n=e[r]);r++)pe._data(n,"globalEval",!t||pe._data(t[r],"globalEval"))}function m(e){Be.test(e.type)&&(e.defaultChecked=e.checked)}function y(e,t,n,r,i){for(var o,a,s,u,l,c,f,d=e.length,y=p(t),v=[],x=0;x<d;x++)if(a=e[x],a||0===a)if("object"===pe.type(a))pe.merge(v,a.nodeType?[a]:a);else if(Ue.test(a)){for(u=u||y.appendChild(t.createElement("div")),l=(We.exec(a)||["",""])[1].toLowerCase(),f=Xe[l]||Xe._default,u.innerHTML=f[1]+pe.htmlPrefilter(a)+f[2],o=f[0];o--;)u=u.lastChild;if(!fe.leadingWhitespace&&$e.test(a)&&v.push(t.createTextNode($e.exec(a)[0])),!fe.tbody)for(a="table"!==l||Ve.test(a)?"<table>"!==f[1]||Ve.test(a)?0:u:u.firstChild,o=a&&a.childNodes.length;o--;)pe.nodeName(c=a.childNodes[o],"tbody")&&!c.childNodes.length&&a.removeChild(c);for(pe.merge(v,u.childNodes),u.textContent="";u.firstChild;)u.removeChild(u.firstChild);u=y.lastChild}else v.push(t.createTextNode(a));for(u&&y.removeChild(u),fe.appendChecked||pe.grep(h(v,"input"),m),x=0;a=v[x++];)if(r&&pe.inArray(a,r)>-1)i&&i.push(a);else if(s=pe.contains(a.ownerDocument,a),u=h(y.appendChild(a),"script"),s&&g(u),n)for(o=0;a=u[o++];)Ie.test(a.type||"")&&n.push(a);return u=null,y}function v(){return!0}function x(){return!1}function b(){try{return re.activeElement}catch(e){}}function w(e,t,n,r,i,o){var a,s;if("object"==typeof t){"string"!=typeof n&&(r=r||n,n=void 0);for(s in t)w(e,s,n,r,t[s],o);return e}if(null==r&&null==i?(i=n,r=n=void 0):null==i&&("string"==typeof n?(i=r,r=void 0):(i=r,r=n,n=void 0)),i===!1)i=x;else if(!i)return e;return 1===o&&(a=i,i=function(e){return pe().off(e),a.apply(this,arguments)},i.guid=a.guid||(a.guid=pe.guid++)),e.each(function(){pe.event.add(this,t,i,r,n)})}function T(e,t){return pe.nodeName(e,"table")&&pe.nodeName(11!==t.nodeType?t:t.firstChild,"tr")?e.getElementsByTagName("tbody")[0]||e.appendChild(e.ownerDocument.createElement("tbody")):e}function C(e){return e.type=(null!==pe.find.attr(e,"type"))+"/"+e.type,e}function E(e){var t=it.exec(e.type);return t?e.type=t[1]:e.removeAttribute("type"),e}function N(e,t){if(1===t.nodeType&&pe.hasData(e)){var n,r,i,o=pe._data(e),a=pe._data(t,o),s=o.events;if(s){delete a.handle,a.events={};for(n in s)for(r=0,i=s[n].length;r<i;r++)pe.event.add(t,n,s[n][r])}a.data&&(a.data=pe.extend({},a.data))}}function k(e,t){var n,r,i;if(1===t.nodeType){if(n=t.nodeName.toLowerCase(),!fe.noCloneEvent&&t[pe.expando]){i=pe._data(t);for(r in i.events)pe.removeEvent(t,r,i.handle);t.removeAttribute(pe.expando)}"script"===n&&t.text!==e.text?(C(t).text=e.text,E(t)):"object"===n?(t.parentNode&&(t.outerHTML=e.outerHTML),fe.html5Clone&&e.innerHTML&&!pe.trim(t.innerHTML)&&(t.innerHTML=e.innerHTML)):"input"===n&&Be.test(e.type)?(t.defaultChecked=t.checked=e.checked,t.value!==e.value&&(t.value=e.value)):"option"===n?t.defaultSelected=t.selected=e.defaultSelected:"input"!==n&&"textarea"!==n||(t.defaultValue=e.defaultValue)}}function S(e,t,n,r){t=oe.apply([],t);var i,o,a,s,u,l,c=0,f=e.length,d=f-1,p=t[0],g=pe.isFunction(p);if(g||f>1&&"string"==typeof p&&!fe.checkClone&&rt.test(p))return e.each(function(i){var o=e.eq(i);g&&(t[0]=p.call(this,i,o.html())),S(o,t,n,r)});if(f&&(l=y(t,e[0].ownerDocument,!1,e,r),i=l.firstChild,1===l.childNodes.length&&(l=i),i||r)){for(s=pe.map(h(l,"script"),C),a=s.length;c<f;c++)o=l,c!==d&&(o=pe.clone(o,!0,!0),a&&pe.merge(s,h(o,"script"))),n.call(e[c],o,c);if(a)for(u=s[s.length-1].ownerDocument,pe.map(s,E),c=0;c<a;c++)o=s[c],Ie.test(o.type||"")&&!pe._data(o,"globalEval")&&pe.contains(u,o)&&(o.src?pe._evalUrl&&pe._evalUrl(o.src):pe.globalEval((o.text||o.textContent||o.innerHTML||"").replace(ot,"")));l=i=null}return e}function A(e,t,n){for(var r,i=t?pe.filter(t,e):e,o=0;null!=(r=i[o]);o++)n||1!==r.nodeType||pe.cleanData(h(r)),r.parentNode&&(n&&pe.contains(r.ownerDocument,r)&&g(h(r,"script")),r.parentNode.removeChild(r));return e}function D(e,t){var n=pe(t.createElement(e)).appendTo(t.body),r=pe.css(n[0],"display");return n.detach(),r}function j(e){var t=re,n=lt[e];return n||(n=D(e,t),"none"!==n&&n||(ut=(ut||pe("<iframe frameborder='0' width='0' height='0'/>")).appendTo(t.documentElement),t=(ut[0].contentWindow||ut[0].contentDocument).document,t.write(),t.close(),n=D(e,t),ut.detach()),lt[e]=n),n}function L(e,t){return{get:function(){return e()?void delete this.get:(this.get=t).apply(this,arguments)}}}function H(e){if(e in Et)return e;for(var t=e.charAt(0).toUpperCase()+e.slice(1),n=Ct.length;n--;)if(e=Ct[n]+t,e in Et)return e}function q(e,t){for(var n,r,i,o=[],a=0,s=e.length;a<s;a++)r=e[a],r.style&&(o[a]=pe._data(r,"olddisplay"),n=r.style.display,t?(o[a]||"none"!==n||(r.style.display=""),""===r.style.display&&Re(r)&&(o[a]=pe._data(r,"olddisplay",j(r.nodeName)))):(i=Re(r),(n&&"none"!==n||!i)&&pe._data(r,"olddisplay",i?n:pe.css(r,"display"))));for(a=0;a<s;a++)r=e[a],r.style&&(t&&"none"!==r.style.display&&""!==r.style.display||(r.style.display=t?o[a]||"":"none"));return e}function _(e,t,n){var r=bt.exec(t);return r?Math.max(0,r[1]-(n||0))+(r[2]||"px"):t}function F(e,t,n,r,i){for(var o=n===(r?"border":"content")?4:"width"===t?1:0,a=0;o<4;o+=2)"margin"===n&&(a+=pe.css(e,n+Oe[o],!0,i)),r?("content"===n&&(a-=pe.css(e,"padding"+Oe[o],!0,i)),"margin"!==n&&(a-=pe.css(e,"border"+Oe[o]+"Width",!0,i))):(a+=pe.css(e,"padding"+Oe[o],!0,i),"padding"!==n&&(a+=pe.css(e,"border"+Oe[o]+"Width",!0,i)));return a}function M(t,n,r){var i=!0,o="width"===n?t.offsetWidth:t.offsetHeight,a=ht(t),s=fe.boxSizing&&"border-box"===pe.css(t,"boxSizing",!1,a);if(re.msFullscreenElement&&e.top!==e&&t.getClientRects().length&&(o=Math.round(100*t.getBoundingClientRect()[n])),o<=0||null==o){if(o=gt(t,n,a),(o<0||null==o)&&(o=t.style[n]),ft.test(o))return o;i=s&&(fe.boxSizingReliable()||o===t.style[n]),o=parseFloat(o)||0}return o+F(t,n,r||(s?"border":"content"),i,a)+"px"}function O(e,t,n,r,i){return new O.prototype.init(e,t,n,r,i)}function R(){return e.setTimeout(function(){Nt=void 0}),Nt=pe.now()}function P(e,t){var n,r={height:e},i=0;for(t=t?1:0;i<4;i+=2-t)n=Oe[i],r["margin"+n]=r["padding"+n]=e;return t&&(r.opacity=r.width=e),r}function B(e,t,n){for(var r,i=($.tweeners[t]||[]).concat($.tweeners["*"]),o=0,a=i.length;o<a;o++)if(r=i[o].call(n,t,e))return r}function W(e,t,n){var r,i,o,a,s,u,l,c,f=this,d={},p=e.style,h=e.nodeType&&Re(e),g=pe._data(e,"fxshow");n.queue||(s=pe._queueHooks(e,"fx"),null==s.unqueued&&(s.unqueued=0,u=s.empty.fire,s.empty.fire=function(){s.unqueued||u()}),s.unqueued++,f.always(function(){f.always(function(){s.unqueued--,pe.queue(e,"fx").length||s.empty.fire()})})),1===e.nodeType&&("height"in t||"width"in t)&&(n.overflow=[p.overflow,p.overflowX,p.overflowY],l=pe.css(e,"display"),c="none"===l?pe._data(e,"olddisplay")||j(e.nodeName):l,"inline"===c&&"none"===pe.css(e,"float")&&(fe.inlineBlockNeedsLayout&&"inline"!==j(e.nodeName)?p.zoom=1:p.display="inline-block")),n.overflow&&(p.overflow="hidden",fe.shrinkWrapBlocks()||f.always(function(){p.overflow=n.overflow[0],p.overflowX=n.overflow[1],p.overflowY=n.overflow[2]}));for(r in t)if(i=t[r],St.exec(i)){if(delete t[r],o=o||"toggle"===i,i===(h?"hide":"show")){if("show"!==i||!g||void 0===g[r])continue;h=!0}d[r]=g&&g[r]||pe.style(e,r)}else l=void 0;if(pe.isEmptyObject(d))"inline"===("none"===l?j(e.nodeName):l)&&(p.display=l);else{g?"hidden"in g&&(h=g.hidden):g=pe._data(e,"fxshow",{}),o&&(g.hidden=!h),h?pe(e).show():f.done(function(){pe(e).hide()}),f.done(function(){var t;pe._removeData(e,"fxshow");for(t in d)pe.style(e,t,d[t])});for(r in d)a=B(h?g[r]:0,r,f),r in g||(g[r]=a.start,h&&(a.end=a.start,a.start="width"===r||"height"===r?1:0))}}function I(e,t){var n,r,i,o,a;for(n in e)if(r=pe.camelCase(n),i=t[r],o=e[n],pe.isArray(o)&&(i=o[1],o=e[n]=o[0]),n!==r&&(e[r]=o,delete e[n]),a=pe.cssHooks[r],a&&"expand"in a){o=a.expand(o),delete e[r];for(n in o)n in e||(e[n]=o[n],t[n]=i)}else t[r]=i}function $(e,t,n){var r,i,o=0,a=$.prefilters.length,s=pe.Deferred().always(function(){delete u.elem}),u=function(){if(i)return!1;for(var t=Nt||R(),n=Math.max(0,l.startTime+l.duration-t),r=n/l.duration||0,o=1-r,a=0,u=l.tweens.length;a<u;a++)l.tweens[a].run(o);return s.notifyWith(e,[l,o,n]),o<1&&u?n:(s.resolveWith(e,[l]),!1)},l=s.promise({elem:e,props:pe.extend({},t),opts:pe.extend(!0,{specialEasing:{},easing:pe.easing._default},n),originalProperties:t,originalOptions:n,startTime:Nt||R(),duration:n.duration,tweens:[],createTween:function(t,n){var r=pe.Tween(e,l.opts,t,n,l.opts.specialEasing[t]||l.opts.easing);return l.tweens.push(r),r},stop:function(t){var n=0,r=t?l.tweens.length:0;if(i)return this;for(i=!0;n<r;n++)l.tweens[n].run(1);return t?(s.notifyWith(e,[l,1,0]),s.resolveWith(e,[l,t])):s.rejectWith(e,[l,t]),this}}),c=l.props;for(I(c,l.opts.specialEasing);o<a;o++)if(r=$.prefilters[o].call(l,e,c,l.opts))return pe.isFunction(r.stop)&&(pe._queueHooks(l.elem,l.opts.queue).stop=pe.proxy(r.stop,r)),r;return pe.map(c,B,l),pe.isFunction(l.opts.start)&&l.opts.start.call(e,l),pe.fx.timer(pe.extend(u,{elem:e,anim:l,queue:l.opts.queue})),l.progress(l.opts.progress).done(l.opts.done,l.opts.complete).fail(l.opts.fail).always(l.opts.always)}function z(e){return pe.attr(e,"class")||""}function X(e){return function(t,n){"string"!=typeof t&&(n=t,t="*");var r,i=0,o=t.toLowerCase().match(De)||[];if(pe.isFunction(n))for(;r=o[i++];)"+"===r.charAt(0)?(r=r.slice(1)||"*",(e[r]=e[r]||[]).unshift(n)):(e[r]=e[r]||[]).push(n)}}function U(e,t,n,r){function i(s){var u;return o[s]=!0,pe.each(e[s]||[],function(e,s){var l=s(t,n,r);return"string"!=typeof l||a||o[l]?a?!(u=l):void 0:(t.dataTypes.unshift(l),i(l),!1)}),u}var o={},a=e===Qt;return i(t.dataTypes[0])||!o["*"]&&i("*")}function V(e,t){var n,r,i=pe.ajaxSettings.flatOptions||{};for(r in t)void 0!==t[r]&&((i[r]?e:n||(n={}))[r]=t[r]);return n&&pe.extend(!0,e,n),e}function Y(e,t,n){for(var r,i,o,a,s=e.contents,u=e.dataTypes;"*"===u[0];)u.shift(),void 0===i&&(i=e.mimeType||t.getResponseHeader("Content-Type"));if(i)for(a in s)if(s[a]&&s[a].test(i)){u.unshift(a);break}if(u[0]in n)o=u[0];else{for(a in n){if(!u[0]||e.converters[a+" "+u[0]]){o=a;break}r||(r=a)}o=o||r}if(o)return o!==u[0]&&u.unshift(o),n[o]}function J(e,t,n,r){var i,o,a,s,u,l={},c=e.dataTypes.slice();if(c[1])for(a in e.converters)l[a.toLowerCase()]=e.converters[a];for(o=c.shift();o;)if(e.responseFields[o]&&(n[e.responseFields[o]]=t),!u&&r&&e.dataFilter&&(t=e.dataFilter(t,e.dataType)),u=o,o=c.shift())if("*"===o)o=u;else if("*"!==u&&u!==o){if(a=l[u+" "+o]||l["* "+o],!a)for(i in l)if(s=i.split(" "),s[1]===o&&(a=l[u+" "+s[0]]||l["* "+s[0]])){a===!0?a=l[i]:l[i]!==!0&&(o=s[0],c.unshift(s[1]));break}if(a!==!0)if(a&&e["throws"])t=a(t);else try{t=a(t)}catch(f){return{state:"parsererror",error:a?f:"No conversion from "+u+" to "+o}}}return{state:"success",data:t}}function G(e){return e.style&&e.style.display||pe.css(e,"display")}function K(e){for(;e&&1===e.nodeType;){if("none"===G(e)||"hidden"===e.type)return!0;e=e.parentNode}return!1}function Q(e,t,n,r){var i;if(pe.isArray(t))pe.each(t,function(t,i){n||rn.test(e)?r(e,i):Q(e+"["+("object"==typeof i&&null!=i?t:"")+"]",i,n,r)});else if(n||"object"!==pe.type(t))r(e,t);else for(i in t)Q(e+"["+i+"]",t[i],n,r)}function Z(){try{return new e.XMLHttpRequest}catch(t){}}function ee(){try{return new e.ActiveXObject("Microsoft.XMLHTTP")}catch(t){}}function te(e){return pe.isWindow(e)?e:9===e.nodeType&&(e.defaultView||e.parentWindow)}var ne=[],re=e.document,ie=ne.slice,oe=ne.concat,ae=ne.push,se=ne.indexOf,ue={},le=ue.toString,ce=ue.hasOwnProperty,fe={},de="1.12.3",pe=function(e,t){return new pe.fn.init(e,t)},he=/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g,ge=/^-ms-/,me=/-([\da-z])/gi,ye=function(e,t){return t.toUpperCase()};pe.fn=pe.prototype={jquery:de,constructor:pe,selector:"",length:0,toArray:function(){return ie.call(this)},get:function(e){return null!=e?e<0?this[e+this.length]:this[e]:ie.call(this)},pushStack:function(e){var t=pe.merge(this.constructor(),e);return t.prevObject=this,t.context=this.context,t},each:function(e){return pe.each(this,e)},map:function(e){return this.pushStack(pe.map(this,function(t,n){return e.call(t,n,t)}))},slice:function(){return this.pushStack(ie.apply(this,arguments))},first:function(){return this.eq(0)},last:function(){return this.eq(-1)},eq:function(e){var t=this.length,n=+e+(e<0?t:0);return this.pushStack(n>=0&&n<t?[this[n]]:[])},end:function(){return this.prevObject||this.constructor()},push:ae,sort:ne.sort,splice:ne.splice},pe.extend=pe.fn.extend=function(){var e,t,n,r,i,o,a=arguments[0]||{},s=1,u=arguments.length,l=!1;for("boolean"==typeof a&&(l=a,a=arguments[s]||{},s++),"object"==typeof a||pe.isFunction(a)||(a={}),s===u&&(a=this,s--);s<u;s++)if(null!=(i=arguments[s]))for(r in i)e=a[r],n=i[r],a!==n&&(l&&n&&(pe.isPlainObject(n)||(t=pe.isArray(n)))?(t?(t=!1,o=e&&pe.isArray(e)?e:[]):o=e&&pe.isPlainObject(e)?e:{},a[r]=pe.extend(l,o,n)):void 0!==n&&(a[r]=n));return a},pe.extend({expando:"jQuery"+(de+Math.random()).replace(/\D/g,""),isReady:!0,error:function(e){throw new Error(e)},noop:function(){},isFunction:function(e){return"function"===pe.type(e)},isArray:Array.isArray||function(e){return"array"===pe.type(e)},isWindow:function(e){return null!=e&&e==e.window},isNumeric:function(e){var t=e&&e.toString();return!pe.isArray(e)&&t-parseFloat(t)+1>=0},isEmptyObject:function(e){var t;for(t in e)return!1;return!0},isPlainObject:function(e){var t;if(!e||"object"!==pe.type(e)||e.nodeType||pe.isWindow(e))return!1;try{if(e.constructor&&!ce.call(e,"constructor")&&!ce.call(e.constructor.prototype,"isPrototypeOf"))return!1}catch(n){return!1}if(!fe.ownFirst)for(t in e)return ce.call(e,t);for(t in e);return void 0===t||ce.call(e,t)},type:function(e){return null==e?e+"":"object"==typeof e||"function"==typeof e?ue[le.call(e)]||"object":typeof e},globalEval:function(t){t&&pe.trim(t)&&(e.execScript||function(t){e.eval.call(e,t)})(t)},camelCase:function(e){return e.replace(ge,"ms-").replace(me,ye)},nodeName:function(e,t){return e.nodeName&&e.nodeName.toLowerCase()===t.toLowerCase()},each:function(e,t){var r,i=0;if(n(e))for(r=e.length;i<r&&t.call(e[i],i,e[i])!==!1;i++);else for(i in e)if(t.call(e[i],i,e[i])===!1)break;return e},trim:function(e){return null==e?"":(e+"").replace(he,"")},makeArray:function(e,t){var r=t||[];return null!=e&&(n(Object(e))?pe.merge(r,"string"==typeof e?[e]:e):ae.call(r,e)),r},inArray:function(e,t,n){var r;if(t){if(se)return se.call(t,e,n);for(r=t.length,n=n?n<0?Math.max(0,r+n):n:0;n<r;n++)if(n in t&&t[n]===e)return n}return-1},merge:function(e,t){for(var n=+t.length,r=0,i=e.length;r<n;)e[i++]=t[r++];if(n!==n)for(;void 0!==t[r];)e[i++]=t[r++];return e.length=i,e},grep:function(e,t,n){for(var r,i=[],o=0,a=e.length,s=!n;o<a;o++)r=!t(e[o],o),r!==s&&i.push(e[o]);return i},map:function(e,t,r){var i,o,a=0,s=[];if(n(e))for(i=e.length;a<i;a++)o=t(e[a],a,r),null!=o&&s.push(o);else for(a in e)o=t(e[a],a,r),null!=o&&s.push(o);return oe.apply([],s)},guid:1,proxy:function(e,t){var n,r,i;if("string"==typeof t&&(i=e[t],t=e,e=i),pe.isFunction(e))return n=ie.call(arguments,2),r=function(){return e.apply(t||this,n.concat(ie.call(arguments)))},r.guid=e.guid=e.guid||pe.guid++,r},now:function(){return+new Date},support:fe}),"function"==typeof Symbol&&(pe.fn[Symbol.iterator]=ne[Symbol.iterator]),pe.each("Boolean Number String Function Array Date RegExp Object Error Symbol".split(" "),function(e,t){ue["[object "+t+"]"]=t.toLowerCase()});var ve=function(e){function t(e,t,n,r){var i,o,a,s,u,l,f,p,h=t&&t.ownerDocument,g=t?t.nodeType:9;if(n=n||[],"string"!=typeof e||!e||1!==g&&9!==g&&11!==g)return n;if(!r&&((t?t.ownerDocument||t:B)!==H&&L(t),t=t||H,_)){if(11!==g&&(l=ye.exec(e)))if(i=l[1]){if(9===g){if(!(a=t.getElementById(i)))return n;if(a.id===i)return n.push(a),n}else if(h&&(a=h.getElementById(i))&&R(t,a)&&a.id===i)return n.push(a),n}else{if(l[2])return Q.apply(n,t.getElementsByTagName(e)),n;if((i=l[3])&&w.getElementsByClassName&&t.getElementsByClassName)return Q.apply(n,t.getElementsByClassName(i)),n}if(w.qsa&&!X[e+" "]&&(!F||!F.test(e))){if(1!==g)h=t,p=e;else if("object"!==t.nodeName.toLowerCase()){for((s=t.getAttribute("id"))?s=s.replace(xe,"\\$&"):t.setAttribute("id",s=P),f=N(e),o=f.length,u=de.test(s)?"#"+s:"[id='"+s+"']";o--;)f[o]=u+" "+d(f[o]);p=f.join(","),h=ve.test(e)&&c(t.parentNode)||t}if(p)try{return Q.apply(n,h.querySelectorAll(p)),n}catch(m){}finally{s===P&&t.removeAttribute("id")}}}return S(e.replace(se,"$1"),t,n,r)}function n(){function e(n,r){return t.push(n+" ")>T.cacheLength&&delete e[t.shift()],e[n+" "]=r}var t=[];return e}function r(e){return e[P]=!0,e}function i(e){var t=H.createElement("div");try{return!!e(t)}catch(n){return!1}finally{t.parentNode&&t.parentNode.removeChild(t),t=null}}function o(e,t){for(var n=e.split("|"),r=n.length;r--;)T.attrHandle[n[r]]=t}function a(e,t){var n=t&&e,r=n&&1===e.nodeType&&1===t.nodeType&&(~t.sourceIndex||V)-(~e.sourceIndex||V);if(r)return r;if(n)for(;n=n.nextSibling;)if(n===t)return-1;return e?1:-1}function s(e){return function(t){var n=t.nodeName.toLowerCase();return"input"===n&&t.type===e}}function u(e){return function(t){var n=t.nodeName.toLowerCase();return("input"===n||"button"===n)&&t.type===e}}function l(e){return r(function(t){return t=+t,r(function(n,r){for(var i,o=e([],n.length,t),a=o.length;a--;)n[i=o[a]]&&(n[i]=!(r[i]=n[i]))})})}function c(e){return e&&"undefined"!=typeof e.getElementsByTagName&&e}function f(){}function d(e){for(var t=0,n=e.length,r="";t<n;t++)r+=e[t].value;return r}function p(e,t,n){var r=t.dir,i=n&&"parentNode"===r,o=I++;return t.first?function(t,n,o){for(;t=t[r];)if(1===t.nodeType||i)return e(t,n,o)}:function(t,n,a){var s,u,l,c=[W,o];if(a){for(;t=t[r];)if((1===t.nodeType||i)&&e(t,n,a))return!0}else for(;t=t[r];)if(1===t.nodeType||i){if(l=t[P]||(t[P]={}),u=l[t.uniqueID]||(l[t.uniqueID]={}),(s=u[r])&&s[0]===W&&s[1]===o)return c[2]=s[2];if(u[r]=c,c[2]=e(t,n,a))return!0}}}function h(e){return e.length>1?function(t,n,r){for(var i=e.length;i--;)if(!e[i](t,n,r))return!1;return!0}:e[0]}function g(e,n,r){for(var i=0,o=n.length;i<o;i++)t(e,n[i],r);return r}function m(e,t,n,r,i){for(var o,a=[],s=0,u=e.length,l=null!=t;s<u;s++)(o=e[s])&&(n&&!n(o,r,i)||(a.push(o),l&&t.push(s)));return a}function y(e,t,n,i,o,a){return i&&!i[P]&&(i=y(i)),o&&!o[P]&&(o=y(o,a)),r(function(r,a,s,u){var l,c,f,d=[],p=[],h=a.length,y=r||g(t||"*",s.nodeType?[s]:s,[]),v=!e||!r&&t?y:m(y,d,e,s,u),x=n?o||(r?e:h||i)?[]:a:v;if(n&&n(v,x,s,u),i)for(l=m(x,p),i(l,[],s,u),c=l.length;c--;)(f=l[c])&&(x[p[c]]=!(v[p[c]]=f));if(r){if(o||e){if(o){for(l=[],c=x.length;c--;)(f=x[c])&&l.push(v[c]=f);o(null,x=[],l,u)}for(c=x.length;c--;)(f=x[c])&&(l=o?ee(r,f):d[c])>-1&&(r[l]=!(a[l]=f))}}else x=m(x===a?x.splice(h,x.length):x),o?o(null,a,x,u):Q.apply(a,x)})}function v(e){for(var t,n,r,i=e.length,o=T.relative[e[0].type],a=o||T.relative[" "],s=o?1:0,u=p(function(e){return e===t},a,!0),l=p(function(e){return ee(t,e)>-1},a,!0),c=[function(e,n,r){var i=!o&&(r||n!==A)||((t=n).nodeType?u(e,n,r):l(e,n,r));return t=null,i}];s<i;s++)if(n=T.relative[e[s].type])c=[p(h(c),n)];else{if(n=T.filter[e[s].type].apply(null,e[s].matches),n[P]){for(r=++s;r<i&&!T.relative[e[r].type];r++);return y(s>1&&h(c),s>1&&d(e.slice(0,s-1).concat({value:" "===e[s-2].type?"*":""})).replace(se,"$1"),n,s<r&&v(e.slice(s,r)),r<i&&v(e=e.slice(r)),r<i&&d(e))}c.push(n)}return h(c)}function x(e,n){var i=n.length>0,o=e.length>0,a=function(r,a,s,u,l){var c,f,d,p=0,h="0",g=r&&[],y=[],v=A,x=r||o&&T.find.TAG("*",l),b=W+=null==v?1:Math.random()||.1,w=x.length;for(l&&(A=a===H||a||l);h!==w&&null!=(c=x[h]);h++){if(o&&c){for(f=0,a||c.ownerDocument===H||(L(c),s=!_);d=e[f++];)if(d(c,a||H,s)){u.push(c);break}l&&(W=b)}i&&((c=!d&&c)&&p--,r&&g.push(c))}if(p+=h,i&&h!==p){for(f=0;d=n[f++];)d(g,y,a,s);if(r){if(p>0)for(;h--;)g[h]||y[h]||(y[h]=G.call(u));y=m(y)}Q.apply(u,y),l&&!r&&y.length>0&&p+n.length>1&&t.uniqueSort(u)}return l&&(W=b,A=v),g};return i?r(a):a}var b,w,T,C,E,N,k,S,A,D,j,L,H,q,_,F,M,O,R,P="sizzle"+1*new Date,B=e.document,W=0,I=0,$=n(),z=n(),X=n(),U=function(e,t){return e===t&&(j=!0),0},V=1<<31,Y={}.hasOwnProperty,J=[],G=J.pop,K=J.push,Q=J.push,Z=J.slice,ee=function(e,t){for(var n=0,r=e.length;n<r;n++)if(e[n]===t)return n;return-1},te="checked|selected|async|autofocus|autoplay|controls|defer|disabled|hidden|ismap|loop|multiple|open|readonly|required|scoped",ne="[\\x20\\t\\r\\n\\f]",re="(?:\\\\.|[\\w-]|[^\\x00-\\xa0])+",ie="\\["+ne+"*("+re+")(?:"+ne+"*([*^$|!~]?=)"+ne+"*(?:'((?:\\\\.|[^\\\\'])*)'|\"((?:\\\\.|[^\\\\\"])*)\"|("+re+"))|)"+ne+"*\\]",oe=":("+re+")(?:\\((('((?:\\\\.|[^\\\\'])*)'|\"((?:\\\\.|[^\\\\\"])*)\")|((?:\\\\.|[^\\\\()[\\]]|"+ie+")*)|.*)\\)|)",ae=new RegExp(ne+"+","g"),se=new RegExp("^"+ne+"+|((?:^|[^\\\\])(?:\\\\.)*)"+ne+"+$","g"),ue=new RegExp("^"+ne+"*,"+ne+"*"),le=new RegExp("^"+ne+"*([>+~]|"+ne+")"+ne+"*"),ce=new RegExp("="+ne+"*([^\\]'\"]*?)"+ne+"*\\]","g"),fe=new RegExp(oe),de=new RegExp("^"+re+"$"),pe={ID:new RegExp("^#("+re+")"),CLASS:new RegExp("^\\.("+re+")"),TAG:new RegExp("^("+re+"|[*])"),ATTR:new RegExp("^"+ie),PSEUDO:new RegExp("^"+oe),CHILD:new RegExp("^:(only|first|last|nth|nth-last)-(child|of-type)(?:\\("+ne+"*(even|odd|(([+-]|)(\\d*)n|)"+ne+"*(?:([+-]|)"+ne+"*(\\d+)|))"+ne+"*\\)|)","i"),bool:new RegExp("^(?:"+te+")$","i"),needsContext:new RegExp("^"+ne+"*[>+~]|:(even|odd|eq|gt|lt|nth|first|last)(?:\\("+ne+"*((?:-\\d)?\\d*)"+ne+"*\\)|)(?=[^-]|$)","i")},he=/^(?:input|select|textarea|button)$/i,ge=/^h\d$/i,me=/^[^{]+\{\s*\[native \w/,ye=/^(?:#([\w-]+)|(\w+)|\.([\w-]+))$/,ve=/[+~]/,xe=/'|\\/g,be=new RegExp("\\\\([\\da-f]{1,6}"+ne+"?|("+ne+")|.)","ig"),we=function(e,t,n){var r="0x"+t-65536;return r!==r||n?t:r<0?String.fromCharCode(r+65536):String.fromCharCode(r>>10|55296,1023&r|56320)},Te=function(){L()};try{Q.apply(J=Z.call(B.childNodes),B.childNodes),J[B.childNodes.length].nodeType}catch(Ce){Q={apply:J.length?function(e,t){K.apply(e,Z.call(t))}:function(e,t){for(var n=e.length,r=0;e[n++]=t[r++];);e.length=n-1}}}w=t.support={},E=t.isXML=function(e){var t=e&&(e.ownerDocument||e).documentElement;return!!t&&"HTML"!==t.nodeName},L=t.setDocument=function(e){var t,n,r=e?e.ownerDocument||e:B;return r!==H&&9===r.nodeType&&r.documentElement?(H=r,q=H.documentElement,_=!E(H),(n=H.defaultView)&&n.top!==n&&(n.addEventListener?n.addEventListener("unload",Te,!1):n.attachEvent&&n.attachEvent("onunload",Te)),w.attributes=i(function(e){return e.className="i",!e.getAttribute("className")}),w.getElementsByTagName=i(function(e){return e.appendChild(H.createComment("")),!e.getElementsByTagName("*").length}),w.getElementsByClassName=me.test(H.getElementsByClassName),w.getById=i(function(e){return q.appendChild(e).id=P,!H.getElementsByName||!H.getElementsByName(P).length}),w.getById?(T.find.ID=function(e,t){if("undefined"!=typeof t.getElementById&&_){var n=t.getElementById(e);return n?[n]:[]}},T.filter.ID=function(e){var t=e.replace(be,we);return function(e){return e.getAttribute("id")===t}}):(delete T.find.ID,T.filter.ID=function(e){var t=e.replace(be,we);return function(e){var n="undefined"!=typeof e.getAttributeNode&&e.getAttributeNode("id");return n&&n.value===t}}),T.find.TAG=w.getElementsByTagName?function(e,t){return"undefined"!=typeof t.getElementsByTagName?t.getElementsByTagName(e):w.qsa?t.querySelectorAll(e):void 0}:function(e,t){var n,r=[],i=0,o=t.getElementsByTagName(e);if("*"===e){for(;n=o[i++];)1===n.nodeType&&r.push(n);return r}return o},T.find.CLASS=w.getElementsByClassName&&function(e,t){if("undefined"!=typeof t.getElementsByClassName&&_)return t.getElementsByClassName(e)},M=[],F=[],(w.qsa=me.test(H.querySelectorAll))&&(i(function(e){q.appendChild(e).innerHTML="<a id='"+P+"'></a><select id='"+P+"-\r\\' msallowcapture=''><option selected=''></option></select>",e.querySelectorAll("[msallowcapture^='']").length&&F.push("[*^$]="+ne+"*(?:''|\"\")"),e.querySelectorAll("[selected]").length||F.push("\\["+ne+"*(?:value|"+te+")"),e.querySelectorAll("[id~="+P+"-]").length||F.push("~="),e.querySelectorAll(":checked").length||F.push(":checked"),e.querySelectorAll("a#"+P+"+*").length||F.push(".#.+[+~]")}),i(function(e){var t=H.createElement("input");t.setAttribute("type","hidden"),e.appendChild(t).setAttribute("name","D"),e.querySelectorAll("[name=d]").length&&F.push("name"+ne+"*[*^$|!~]?="),e.querySelectorAll(":enabled").length||F.push(":enabled",":disabled"),e.querySelectorAll("*,:x"),F.push(",.*:")})),(w.matchesSelector=me.test(O=q.matches||q.webkitMatchesSelector||q.mozMatchesSelector||q.oMatchesSelector||q.msMatchesSelector))&&i(function(e){w.disconnectedMatch=O.call(e,"div"),O.call(e,"[s!='']:x"),M.push("!=",oe)}),F=F.length&&new RegExp(F.join("|")),M=M.length&&new RegExp(M.join("|")),t=me.test(q.compareDocumentPosition),R=t||me.test(q.contains)?function(e,t){var n=9===e.nodeType?e.documentElement:e,r=t&&t.parentNode;return e===r||!(!r||1!==r.nodeType||!(n.contains?n.contains(r):e.compareDocumentPosition&&16&e.compareDocumentPosition(r)))}:function(e,t){if(t)for(;t=t.parentNode;)if(t===e)return!0;return!1},U=t?function(e,t){if(e===t)return j=!0,0;var n=!e.compareDocumentPosition-!t.compareDocumentPosition;return n?n:(n=(e.ownerDocument||e)===(t.ownerDocument||t)?e.compareDocumentPosition(t):1,1&n||!w.sortDetached&&t.compareDocumentPosition(e)===n?e===H||e.ownerDocument===B&&R(B,e)?-1:t===H||t.ownerDocument===B&&R(B,t)?1:D?ee(D,e)-ee(D,t):0:4&n?-1:1)}:function(e,t){if(e===t)return j=!0,0;var n,r=0,i=e.parentNode,o=t.parentNode,s=[e],u=[t];if(!i||!o)return e===H?-1:t===H?1:i?-1:o?1:D?ee(D,e)-ee(D,t):0;if(i===o)return a(e,t);for(n=e;n=n.parentNode;)s.unshift(n);for(n=t;n=n.parentNode;)u.unshift(n);for(;s[r]===u[r];)r++;return r?a(s[r],u[r]):s[r]===B?-1:u[r]===B?1:0},H):H},t.matches=function(e,n){return t(e,null,null,n)},t.matchesSelector=function(e,n){if((e.ownerDocument||e)!==H&&L(e),n=n.replace(ce,"='$1']"),w.matchesSelector&&_&&!X[n+" "]&&(!M||!M.test(n))&&(!F||!F.test(n)))try{var r=O.call(e,n);if(r||w.disconnectedMatch||e.document&&11!==e.document.nodeType)return r}catch(i){}return t(n,H,null,[e]).length>0},t.contains=function(e,t){return(e.ownerDocument||e)!==H&&L(e),R(e,t)},t.attr=function(e,t){(e.ownerDocument||e)!==H&&L(e);var n=T.attrHandle[t.toLowerCase()],r=n&&Y.call(T.attrHandle,t.toLowerCase())?n(e,t,!_):void 0;return void 0!==r?r:w.attributes||!_?e.getAttribute(t):(r=e.getAttributeNode(t))&&r.specified?r.value:null},t.error=function(e){throw new Error("Syntax error, unrecognized expression: "+e)},t.uniqueSort=function(e){var t,n=[],r=0,i=0;if(j=!w.detectDuplicates,D=!w.sortStable&&e.slice(0),e.sort(U),j){for(;t=e[i++];)t===e[i]&&(r=n.push(i));for(;r--;)e.splice(n[r],1)}return D=null,e},C=t.getText=function(e){var t,n="",r=0,i=e.nodeType;if(i){if(1===i||9===i||11===i){if("string"==typeof e.textContent)return e.textContent;for(e=e.firstChild;e;e=e.nextSibling)n+=C(e)}else if(3===i||4===i)return e.nodeValue}else for(;t=e[r++];)n+=C(t);return n},T=t.selectors={cacheLength:50,createPseudo:r,match:pe,attrHandle:{},find:{},relative:{">":{dir:"parentNode",first:!0}," ":{dir:"parentNode"},"+":{dir:"previousSibling",first:!0},"~":{dir:"previousSibling"}},preFilter:{ATTR:function(e){return e[1]=e[1].replace(be,we),e[3]=(e[3]||e[4]||e[5]||"").replace(be,we),"~="===e[2]&&(e[3]=" "+e[3]+" "),e.slice(0,4)},CHILD:function(e){return e[1]=e[1].toLowerCase(),"nth"===e[1].slice(0,3)?(e[3]||t.error(e[0]),e[4]=+(e[4]?e[5]+(e[6]||1):2*("even"===e[3]||"odd"===e[3])),e[5]=+(e[7]+e[8]||"odd"===e[3])):e[3]&&t.error(e[0]),e},PSEUDO:function(e){var t,n=!e[6]&&e[2];return pe.CHILD.test(e[0])?null:(e[3]?e[2]=e[4]||e[5]||"":n&&fe.test(n)&&(t=N(n,!0))&&(t=n.indexOf(")",n.length-t)-n.length)&&(e[0]=e[0].slice(0,t),e[2]=n.slice(0,t)),e.slice(0,3))}},filter:{TAG:function(e){var t=e.replace(be,we).toLowerCase();return"*"===e?function(){return!0}:function(e){return e.nodeName&&e.nodeName.toLowerCase()===t}},CLASS:function(e){var t=$[e+" "];return t||(t=new RegExp("(^|"+ne+")"+e+"("+ne+"|$)"))&&$(e,function(e){return t.test("string"==typeof e.className&&e.className||"undefined"!=typeof e.getAttribute&&e.getAttribute("class")||"")})},ATTR:function(e,n,r){return function(i){var o=t.attr(i,e);return null==o?"!="===n:!n||(o+="","="===n?o===r:"!="===n?o!==r:"^="===n?r&&0===o.indexOf(r):"*="===n?r&&o.indexOf(r)>-1:"$="===n?r&&o.slice(-r.length)===r:"~="===n?(" "+o.replace(ae," ")+" ").indexOf(r)>-1:"|="===n&&(o===r||o.slice(0,r.length+1)===r+"-"))}},CHILD:function(e,t,n,r,i){var o="nth"!==e.slice(0,3),a="last"!==e.slice(-4),s="of-type"===t;return 1===r&&0===i?function(e){return!!e.parentNode}:function(t,n,u){var l,c,f,d,p,h,g=o!==a?"nextSibling":"previousSibling",m=t.parentNode,y=s&&t.nodeName.toLowerCase(),v=!u&&!s,x=!1;if(m){if(o){for(;g;){for(d=t;d=d[g];)if(s?d.nodeName.toLowerCase()===y:1===d.nodeType)return!1;h=g="only"===e&&!h&&"nextSibling"}return!0}if(h=[a?m.firstChild:m.lastChild],a&&v){for(d=m,f=d[P]||(d[P]={}),c=f[d.uniqueID]||(f[d.uniqueID]={}),
+l=c[e]||[],p=l[0]===W&&l[1],x=p&&l[2],d=p&&m.childNodes[p];d=++p&&d&&d[g]||(x=p=0)||h.pop();)if(1===d.nodeType&&++x&&d===t){c[e]=[W,p,x];break}}else if(v&&(d=t,f=d[P]||(d[P]={}),c=f[d.uniqueID]||(f[d.uniqueID]={}),l=c[e]||[],p=l[0]===W&&l[1],x=p),x===!1)for(;(d=++p&&d&&d[g]||(x=p=0)||h.pop())&&((s?d.nodeName.toLowerCase()!==y:1!==d.nodeType)||!++x||(v&&(f=d[P]||(d[P]={}),c=f[d.uniqueID]||(f[d.uniqueID]={}),c[e]=[W,x]),d!==t)););return x-=i,x===r||x%r===0&&x/r>=0}}},PSEUDO:function(e,n){var i,o=T.pseudos[e]||T.setFilters[e.toLowerCase()]||t.error("unsupported pseudo: "+e);return o[P]?o(n):o.length>1?(i=[e,e,"",n],T.setFilters.hasOwnProperty(e.toLowerCase())?r(function(e,t){for(var r,i=o(e,n),a=i.length;a--;)r=ee(e,i[a]),e[r]=!(t[r]=i[a])}):function(e){return o(e,0,i)}):o}},pseudos:{not:r(function(e){var t=[],n=[],i=k(e.replace(se,"$1"));return i[P]?r(function(e,t,n,r){for(var o,a=i(e,null,r,[]),s=e.length;s--;)(o=a[s])&&(e[s]=!(t[s]=o))}):function(e,r,o){return t[0]=e,i(t,null,o,n),t[0]=null,!n.pop()}}),has:r(function(e){return function(n){return t(e,n).length>0}}),contains:r(function(e){return e=e.replace(be,we),function(t){return(t.textContent||t.innerText||C(t)).indexOf(e)>-1}}),lang:r(function(e){return de.test(e||"")||t.error("unsupported lang: "+e),e=e.replace(be,we).toLowerCase(),function(t){var n;do if(n=_?t.lang:t.getAttribute("xml:lang")||t.getAttribute("lang"))return n=n.toLowerCase(),n===e||0===n.indexOf(e+"-");while((t=t.parentNode)&&1===t.nodeType);return!1}}),target:function(t){var n=e.location&&e.location.hash;return n&&n.slice(1)===t.id},root:function(e){return e===q},focus:function(e){return e===H.activeElement&&(!H.hasFocus||H.hasFocus())&&!!(e.type||e.href||~e.tabIndex)},enabled:function(e){return e.disabled===!1},disabled:function(e){return e.disabled===!0},checked:function(e){var t=e.nodeName.toLowerCase();return"input"===t&&!!e.checked||"option"===t&&!!e.selected},selected:function(e){return e.parentNode&&e.parentNode.selectedIndex,e.selected===!0},empty:function(e){for(e=e.firstChild;e;e=e.nextSibling)if(e.nodeType<6)return!1;return!0},parent:function(e){return!T.pseudos.empty(e)},header:function(e){return ge.test(e.nodeName)},input:function(e){return he.test(e.nodeName)},button:function(e){var t=e.nodeName.toLowerCase();return"input"===t&&"button"===e.type||"button"===t},text:function(e){var t;return"input"===e.nodeName.toLowerCase()&&"text"===e.type&&(null==(t=e.getAttribute("type"))||"text"===t.toLowerCase())},first:l(function(){return[0]}),last:l(function(e,t){return[t-1]}),eq:l(function(e,t,n){return[n<0?n+t:n]}),even:l(function(e,t){for(var n=0;n<t;n+=2)e.push(n);return e}),odd:l(function(e,t){for(var n=1;n<t;n+=2)e.push(n);return e}),lt:l(function(e,t,n){for(var r=n<0?n+t:n;--r>=0;)e.push(r);return e}),gt:l(function(e,t,n){for(var r=n<0?n+t:n;++r<t;)e.push(r);return e})}},T.pseudos.nth=T.pseudos.eq;for(b in{radio:!0,checkbox:!0,file:!0,password:!0,image:!0})T.pseudos[b]=s(b);for(b in{submit:!0,reset:!0})T.pseudos[b]=u(b);return f.prototype=T.filters=T.pseudos,T.setFilters=new f,N=t.tokenize=function(e,n){var r,i,o,a,s,u,l,c=z[e+" "];if(c)return n?0:c.slice(0);for(s=e,u=[],l=T.preFilter;s;){r&&!(i=ue.exec(s))||(i&&(s=s.slice(i[0].length)||s),u.push(o=[])),r=!1,(i=le.exec(s))&&(r=i.shift(),o.push({value:r,type:i[0].replace(se," ")}),s=s.slice(r.length));for(a in T.filter)!(i=pe[a].exec(s))||l[a]&&!(i=l[a](i))||(r=i.shift(),o.push({value:r,type:a,matches:i}),s=s.slice(r.length));if(!r)break}return n?s.length:s?t.error(e):z(e,u).slice(0)},k=t.compile=function(e,t){var n,r=[],i=[],o=X[e+" "];if(!o){for(t||(t=N(e)),n=t.length;n--;)o=v(t[n]),o[P]?r.push(o):i.push(o);o=X(e,x(i,r)),o.selector=e}return o},S=t.select=function(e,t,n,r){var i,o,a,s,u,l="function"==typeof e&&e,f=!r&&N(e=l.selector||e);if(n=n||[],1===f.length){if(o=f[0]=f[0].slice(0),o.length>2&&"ID"===(a=o[0]).type&&w.getById&&9===t.nodeType&&_&&T.relative[o[1].type]){if(t=(T.find.ID(a.matches[0].replace(be,we),t)||[])[0],!t)return n;l&&(t=t.parentNode),e=e.slice(o.shift().value.length)}for(i=pe.needsContext.test(e)?0:o.length;i--&&(a=o[i],!T.relative[s=a.type]);)if((u=T.find[s])&&(r=u(a.matches[0].replace(be,we),ve.test(o[0].type)&&c(t.parentNode)||t))){if(o.splice(i,1),e=r.length&&d(o),!e)return Q.apply(n,r),n;break}}return(l||k(e,f))(r,t,!_,n,!t||ve.test(e)&&c(t.parentNode)||t),n},w.sortStable=P.split("").sort(U).join("")===P,w.detectDuplicates=!!j,L(),w.sortDetached=i(function(e){return 1&e.compareDocumentPosition(H.createElement("div"))}),i(function(e){return e.innerHTML="<a href='#'></a>","#"===e.firstChild.getAttribute("href")})||o("type|href|height|width",function(e,t,n){if(!n)return e.getAttribute(t,"type"===t.toLowerCase()?1:2)}),w.attributes&&i(function(e){return e.innerHTML="<input/>",e.firstChild.setAttribute("value",""),""===e.firstChild.getAttribute("value")})||o("value",function(e,t,n){if(!n&&"input"===e.nodeName.toLowerCase())return e.defaultValue}),i(function(e){return null==e.getAttribute("disabled")})||o(te,function(e,t,n){var r;if(!n)return e[t]===!0?t.toLowerCase():(r=e.getAttributeNode(t))&&r.specified?r.value:null}),t}(e);pe.find=ve,pe.expr=ve.selectors,pe.expr[":"]=pe.expr.pseudos,pe.uniqueSort=pe.unique=ve.uniqueSort,pe.text=ve.getText,pe.isXMLDoc=ve.isXML,pe.contains=ve.contains;var xe=function(e,t,n){for(var r=[],i=void 0!==n;(e=e[t])&&9!==e.nodeType;)if(1===e.nodeType){if(i&&pe(e).is(n))break;r.push(e)}return r},be=function(e,t){for(var n=[];e;e=e.nextSibling)1===e.nodeType&&e!==t&&n.push(e);return n},we=pe.expr.match.needsContext,Te=/^<([\w-]+)\s*\/?>(?:<\/\1>|)$/,Ce=/^.[^:#\[\.,]*$/;pe.filter=function(e,t,n){var r=t[0];return n&&(e=":not("+e+")"),1===t.length&&1===r.nodeType?pe.find.matchesSelector(r,e)?[r]:[]:pe.find.matches(e,pe.grep(t,function(e){return 1===e.nodeType}))},pe.fn.extend({find:function(e){var t,n=[],r=this,i=r.length;if("string"!=typeof e)return this.pushStack(pe(e).filter(function(){for(t=0;t<i;t++)if(pe.contains(r[t],this))return!0}));for(t=0;t<i;t++)pe.find(e,r[t],n);return n=this.pushStack(i>1?pe.unique(n):n),n.selector=this.selector?this.selector+" "+e:e,n},filter:function(e){return this.pushStack(r(this,e||[],!1))},not:function(e){return this.pushStack(r(this,e||[],!0))},is:function(e){return!!r(this,"string"==typeof e&&we.test(e)?pe(e):e||[],!1).length}});var Ee,Ne=/^(?:\s*(<[\w\W]+>)[^>]*|#([\w-]*))$/,ke=pe.fn.init=function(e,t,n){var r,i;if(!e)return this;if(n=n||Ee,"string"==typeof e){if(r="<"===e.charAt(0)&&">"===e.charAt(e.length-1)&&e.length>=3?[null,e,null]:Ne.exec(e),!r||!r[1]&&t)return!t||t.jquery?(t||n).find(e):this.constructor(t).find(e);if(r[1]){if(t=t instanceof pe?t[0]:t,pe.merge(this,pe.parseHTML(r[1],t&&t.nodeType?t.ownerDocument||t:re,!0)),Te.test(r[1])&&pe.isPlainObject(t))for(r in t)pe.isFunction(this[r])?this[r](t[r]):this.attr(r,t[r]);return this}if(i=re.getElementById(r[2]),i&&i.parentNode){if(i.id!==r[2])return Ee.find(e);this.length=1,this[0]=i}return this.context=re,this.selector=e,this}return e.nodeType?(this.context=this[0]=e,this.length=1,this):pe.isFunction(e)?"undefined"!=typeof n.ready?n.ready(e):e(pe):(void 0!==e.selector&&(this.selector=e.selector,this.context=e.context),pe.makeArray(e,this))};ke.prototype=pe.fn,Ee=pe(re);var Se=/^(?:parents|prev(?:Until|All))/,Ae={children:!0,contents:!0,next:!0,prev:!0};pe.fn.extend({has:function(e){var t,n=pe(e,this),r=n.length;return this.filter(function(){for(t=0;t<r;t++)if(pe.contains(this,n[t]))return!0})},closest:function(e,t){for(var n,r=0,i=this.length,o=[],a=we.test(e)||"string"!=typeof e?pe(e,t||this.context):0;r<i;r++)for(n=this[r];n&&n!==t;n=n.parentNode)if(n.nodeType<11&&(a?a.index(n)>-1:1===n.nodeType&&pe.find.matchesSelector(n,e))){o.push(n);break}return this.pushStack(o.length>1?pe.uniqueSort(o):o)},index:function(e){return e?"string"==typeof e?pe.inArray(this[0],pe(e)):pe.inArray(e.jquery?e[0]:e,this):this[0]&&this[0].parentNode?this.first().prevAll().length:-1},add:function(e,t){return this.pushStack(pe.uniqueSort(pe.merge(this.get(),pe(e,t))))},addBack:function(e){return this.add(null==e?this.prevObject:this.prevObject.filter(e))}}),pe.each({parent:function(e){var t=e.parentNode;return t&&11!==t.nodeType?t:null},parents:function(e){return xe(e,"parentNode")},parentsUntil:function(e,t,n){return xe(e,"parentNode",n)},next:function(e){return i(e,"nextSibling")},prev:function(e){return i(e,"previousSibling")},nextAll:function(e){return xe(e,"nextSibling")},prevAll:function(e){return xe(e,"previousSibling")},nextUntil:function(e,t,n){return xe(e,"nextSibling",n)},prevUntil:function(e,t,n){return xe(e,"previousSibling",n)},siblings:function(e){return be((e.parentNode||{}).firstChild,e)},children:function(e){return be(e.firstChild)},contents:function(e){return pe.nodeName(e,"iframe")?e.contentDocument||e.contentWindow.document:pe.merge([],e.childNodes)}},function(e,t){pe.fn[e]=function(n,r){var i=pe.map(this,t,n);return"Until"!==e.slice(-5)&&(r=n),r&&"string"==typeof r&&(i=pe.filter(r,i)),this.length>1&&(Ae[e]||(i=pe.uniqueSort(i)),Se.test(e)&&(i=i.reverse())),this.pushStack(i)}});var De=/\S+/g;pe.Callbacks=function(e){e="string"==typeof e?o(e):pe.extend({},e);var t,n,r,i,a=[],s=[],u=-1,l=function(){for(i=e.once,r=t=!0;s.length;u=-1)for(n=s.shift();++u<a.length;)a[u].apply(n[0],n[1])===!1&&e.stopOnFalse&&(u=a.length,n=!1);e.memory||(n=!1),t=!1,i&&(a=n?[]:"")},c={add:function(){return a&&(n&&!t&&(u=a.length-1,s.push(n)),function r(t){pe.each(t,function(t,n){pe.isFunction(n)?e.unique&&c.has(n)||a.push(n):n&&n.length&&"string"!==pe.type(n)&&r(n)})}(arguments),n&&!t&&l()),this},remove:function(){return pe.each(arguments,function(e,t){for(var n;(n=pe.inArray(t,a,n))>-1;)a.splice(n,1),n<=u&&u--}),this},has:function(e){return e?pe.inArray(e,a)>-1:a.length>0},empty:function(){return a&&(a=[]),this},disable:function(){return i=s=[],a=n="",this},disabled:function(){return!a},lock:function(){return i=!0,n||c.disable(),this},locked:function(){return!!i},fireWith:function(e,n){return i||(n=n||[],n=[e,n.slice?n.slice():n],s.push(n),t||l()),this},fire:function(){return c.fireWith(this,arguments),this},fired:function(){return!!r}};return c},pe.extend({Deferred:function(e){var t=[["resolve","done",pe.Callbacks("once memory"),"resolved"],["reject","fail",pe.Callbacks("once memory"),"rejected"],["notify","progress",pe.Callbacks("memory")]],n="pending",r={state:function(){return n},always:function(){return i.done(arguments).fail(arguments),this},then:function(){var e=arguments;return pe.Deferred(function(n){pe.each(t,function(t,o){var a=pe.isFunction(e[t])&&e[t];i[o[1]](function(){var e=a&&a.apply(this,arguments);e&&pe.isFunction(e.promise)?e.promise().progress(n.notify).done(n.resolve).fail(n.reject):n[o[0]+"With"](this===r?n.promise():this,a?[e]:arguments)})}),e=null}).promise()},promise:function(e){return null!=e?pe.extend(e,r):r}},i={};return r.pipe=r.then,pe.each(t,function(e,o){var a=o[2],s=o[3];r[o[1]]=a.add,s&&a.add(function(){n=s},t[1^e][2].disable,t[2][2].lock),i[o[0]]=function(){return i[o[0]+"With"](this===i?r:this,arguments),this},i[o[0]+"With"]=a.fireWith}),r.promise(i),e&&e.call(i,i),i},when:function(e){var t,n,r,i=0,o=ie.call(arguments),a=o.length,s=1!==a||e&&pe.isFunction(e.promise)?a:0,u=1===s?e:pe.Deferred(),l=function(e,n,r){return function(i){n[e]=this,r[e]=arguments.length>1?ie.call(arguments):i,r===t?u.notifyWith(n,r):--s||u.resolveWith(n,r)}};if(a>1)for(t=new Array(a),n=new Array(a),r=new Array(a);i<a;i++)o[i]&&pe.isFunction(o[i].promise)?o[i].promise().progress(l(i,n,t)).done(l(i,r,o)).fail(u.reject):--s;return s||u.resolveWith(r,o),u.promise()}});var je;pe.fn.ready=function(e){return pe.ready.promise().done(e),this},pe.extend({isReady:!1,readyWait:1,holdReady:function(e){e?pe.readyWait++:pe.ready(!0)},ready:function(e){(e===!0?--pe.readyWait:pe.isReady)||(pe.isReady=!0,e!==!0&&--pe.readyWait>0||(je.resolveWith(re,[pe]),pe.fn.triggerHandler&&(pe(re).triggerHandler("ready"),pe(re).off("ready"))))}}),pe.ready.promise=function(t){if(!je)if(je=pe.Deferred(),"complete"===re.readyState||"loading"!==re.readyState&&!re.documentElement.doScroll)e.setTimeout(pe.ready);else if(re.addEventListener)re.addEventListener("DOMContentLoaded",s),e.addEventListener("load",s);else{re.attachEvent("onreadystatechange",s),e.attachEvent("onload",s);var n=!1;try{n=null==e.frameElement&&re.documentElement}catch(r){}n&&n.doScroll&&!function i(){if(!pe.isReady){try{n.doScroll("left")}catch(t){return e.setTimeout(i,50)}a(),pe.ready()}}()}return je.promise(t)},pe.ready.promise();var Le;for(Le in pe(fe))break;fe.ownFirst="0"===Le,fe.inlineBlockNeedsLayout=!1,pe(function(){var e,t,n,r;n=re.getElementsByTagName("body")[0],n&&n.style&&(t=re.createElement("div"),r=re.createElement("div"),r.style.cssText="position:absolute;border:0;width:0;height:0;top:0;left:-9999px",n.appendChild(r).appendChild(t),"undefined"!=typeof t.style.zoom&&(t.style.cssText="display:inline;margin:0;border:0;padding:1px;width:1px;zoom:1",fe.inlineBlockNeedsLayout=e=3===t.offsetWidth,e&&(n.style.zoom=1)),n.removeChild(r))}),function(){var e=re.createElement("div");fe.deleteExpando=!0;try{delete e.test}catch(t){fe.deleteExpando=!1}e=null}();var He=function(e){var t=pe.noData[(e.nodeName+" ").toLowerCase()],n=+e.nodeType||1;return(1===n||9===n)&&(!t||t!==!0&&e.getAttribute("classid")===t)},qe=/^(?:\{[\w\W]*\}|\[[\w\W]*\])$/,_e=/([A-Z])/g;pe.extend({cache:{},noData:{"applet ":!0,"embed ":!0,"object ":"clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"},hasData:function(e){return e=e.nodeType?pe.cache[e[pe.expando]]:e[pe.expando],!!e&&!l(e)},data:function(e,t,n){return c(e,t,n)},removeData:function(e,t){return f(e,t)},_data:function(e,t,n){return c(e,t,n,!0)},_removeData:function(e,t){return f(e,t,!0)}}),pe.fn.extend({data:function(e,t){var n,r,i,o=this[0],a=o&&o.attributes;if(void 0===e){if(this.length&&(i=pe.data(o),1===o.nodeType&&!pe._data(o,"parsedAttrs"))){for(n=a.length;n--;)a[n]&&(r=a[n].name,0===r.indexOf("data-")&&(r=pe.camelCase(r.slice(5)),u(o,r,i[r])));pe._data(o,"parsedAttrs",!0)}return i}return"object"==typeof e?this.each(function(){pe.data(this,e)}):arguments.length>1?this.each(function(){pe.data(this,e,t)}):o?u(o,e,pe.data(o,e)):void 0},removeData:function(e){return this.each(function(){pe.removeData(this,e)})}}),pe.extend({queue:function(e,t,n){var r;if(e)return t=(t||"fx")+"queue",r=pe._data(e,t),n&&(!r||pe.isArray(n)?r=pe._data(e,t,pe.makeArray(n)):r.push(n)),r||[]},dequeue:function(e,t){t=t||"fx";var n=pe.queue(e,t),r=n.length,i=n.shift(),o=pe._queueHooks(e,t),a=function(){pe.dequeue(e,t)};"inprogress"===i&&(i=n.shift(),r--),i&&("fx"===t&&n.unshift("inprogress"),delete o.stop,i.call(e,a,o)),!r&&o&&o.empty.fire()},_queueHooks:function(e,t){var n=t+"queueHooks";return pe._data(e,n)||pe._data(e,n,{empty:pe.Callbacks("once memory").add(function(){pe._removeData(e,t+"queue"),pe._removeData(e,n)})})}}),pe.fn.extend({queue:function(e,t){var n=2;return"string"!=typeof e&&(t=e,e="fx",n--),arguments.length<n?pe.queue(this[0],e):void 0===t?this:this.each(function(){var n=pe.queue(this,e,t);pe._queueHooks(this,e),"fx"===e&&"inprogress"!==n[0]&&pe.dequeue(this,e)})},dequeue:function(e){return this.each(function(){pe.dequeue(this,e)})},clearQueue:function(e){return this.queue(e||"fx",[])},promise:function(e,t){var n,r=1,i=pe.Deferred(),o=this,a=this.length,s=function(){--r||i.resolveWith(o,[o])};for("string"!=typeof e&&(t=e,e=void 0),e=e||"fx";a--;)n=pe._data(o[a],e+"queueHooks"),n&&n.empty&&(r++,n.empty.add(s));return s(),i.promise(t)}}),function(){var e;fe.shrinkWrapBlocks=function(){if(null!=e)return e;e=!1;var t,n,r;return n=re.getElementsByTagName("body")[0],n&&n.style?(t=re.createElement("div"),r=re.createElement("div"),r.style.cssText="position:absolute;border:0;width:0;height:0;top:0;left:-9999px",n.appendChild(r).appendChild(t),"undefined"!=typeof t.style.zoom&&(t.style.cssText="-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;display:block;margin:0;border:0;padding:1px;width:1px;zoom:1",t.appendChild(re.createElement("div")).style.width="5px",e=3!==t.offsetWidth),n.removeChild(r),e):void 0}}();var Fe=/[+-]?(?:\d*\.|)\d+(?:[eE][+-]?\d+|)/.source,Me=new RegExp("^(?:([+-])=|)("+Fe+")([a-z%]*)$","i"),Oe=["Top","Right","Bottom","Left"],Re=function(e,t){return e=t||e,"none"===pe.css(e,"display")||!pe.contains(e.ownerDocument,e)},Pe=function(e,t,n,r,i,o,a){var s=0,u=e.length,l=null==n;if("object"===pe.type(n)){i=!0;for(s in n)Pe(e,t,s,n[s],!0,o,a)}else if(void 0!==r&&(i=!0,pe.isFunction(r)||(a=!0),l&&(a?(t.call(e,r),t=null):(l=t,t=function(e,t,n){return l.call(pe(e),n)})),t))for(;s<u;s++)t(e[s],n,a?r:r.call(e[s],s,t(e[s],n)));return i?e:l?t.call(e):u?t(e[0],n):o},Be=/^(?:checkbox|radio)$/i,We=/<([\w:-]+)/,Ie=/^$|\/(?:java|ecma)script/i,$e=/^\s+/,ze="abbr|article|aside|audio|bdi|canvas|data|datalist|details|dialog|figcaption|figure|footer|header|hgroup|main|mark|meter|nav|output|picture|progress|section|summary|template|time|video";!function(){var e=re.createElement("div"),t=re.createDocumentFragment(),n=re.createElement("input");e.innerHTML=" <link/><table></table><a href='/a'>a</a><input type='checkbox'/>",fe.leadingWhitespace=3===e.firstChild.nodeType,fe.tbody=!e.getElementsByTagName("tbody").length,fe.htmlSerialize=!!e.getElementsByTagName("link").length,fe.html5Clone="<:nav></:nav>"!==re.createElement("nav").cloneNode(!0).outerHTML,n.type="checkbox",n.checked=!0,t.appendChild(n),fe.appendChecked=n.checked,e.innerHTML="<textarea>x</textarea>",fe.noCloneChecked=!!e.cloneNode(!0).lastChild.defaultValue,t.appendChild(e),n=re.createElement("input"),n.setAttribute("type","radio"),n.setAttribute("checked","checked"),n.setAttribute("name","t"),e.appendChild(n),fe.checkClone=e.cloneNode(!0).cloneNode(!0).lastChild.checked,fe.noCloneEvent=!!e.addEventListener,e[pe.expando]=1,fe.attributes=!e.getAttribute(pe.expando)}();var Xe={option:[1,"<select multiple='multiple'>","</select>"],legend:[1,"<fieldset>","</fieldset>"],area:[1,"<map>","</map>"],param:[1,"<object>","</object>"],thead:[1,"<table>","</table>"],tr:[2,"<table><tbody>","</tbody></table>"],col:[2,"<table><tbody></tbody><colgroup>","</colgroup></table>"],td:[3,"<table><tbody><tr>","</tr></tbody></table>"],_default:fe.htmlSerialize?[0,"",""]:[1,"X<div>","</div>"]};Xe.optgroup=Xe.option,Xe.tbody=Xe.tfoot=Xe.colgroup=Xe.caption=Xe.thead,Xe.th=Xe.td;var Ue=/<|&#?\w+;/,Ve=/<tbody/i;!function(){var t,n,r=re.createElement("div");for(t in{submit:!0,change:!0,focusin:!0})n="on"+t,(fe[t]=n in e)||(r.setAttribute(n,"t"),fe[t]=r.attributes[n].expando===!1);r=null}();var Ye=/^(?:input|select|textarea)$/i,Je=/^key/,Ge=/^(?:mouse|pointer|contextmenu|drag|drop)|click/,Ke=/^(?:focusinfocus|focusoutblur)$/,Qe=/^([^.]*)(?:\.(.+)|)/;pe.event={global:{},add:function(e,t,n,r,i){var o,a,s,u,l,c,f,d,p,h,g,m=pe._data(e);if(m){for(n.handler&&(u=n,n=u.handler,i=u.selector),n.guid||(n.guid=pe.guid++),(a=m.events)||(a=m.events={}),(c=m.handle)||(c=m.handle=function(e){return"undefined"==typeof pe||e&&pe.event.triggered===e.type?void 0:pe.event.dispatch.apply(c.elem,arguments)},c.elem=e),t=(t||"").match(De)||[""],s=t.length;s--;)o=Qe.exec(t[s])||[],p=g=o[1],h=(o[2]||"").split(".").sort(),p&&(l=pe.event.special[p]||{},p=(i?l.delegateType:l.bindType)||p,l=pe.event.special[p]||{},f=pe.extend({type:p,origType:g,data:r,handler:n,guid:n.guid,selector:i,needsContext:i&&pe.expr.match.needsContext.test(i),namespace:h.join(".")},u),(d=a[p])||(d=a[p]=[],d.delegateCount=0,l.setup&&l.setup.call(e,r,h,c)!==!1||(e.addEventListener?e.addEventListener(p,c,!1):e.attachEvent&&e.attachEvent("on"+p,c))),l.add&&(l.add.call(e,f),f.handler.guid||(f.handler.guid=n.guid)),i?d.splice(d.delegateCount++,0,f):d.push(f),pe.event.global[p]=!0);e=null}},remove:function(e,t,n,r,i){var o,a,s,u,l,c,f,d,p,h,g,m=pe.hasData(e)&&pe._data(e);if(m&&(c=m.events)){for(t=(t||"").match(De)||[""],l=t.length;l--;)if(s=Qe.exec(t[l])||[],p=g=s[1],h=(s[2]||"").split(".").sort(),p){for(f=pe.event.special[p]||{},p=(r?f.delegateType:f.bindType)||p,d=c[p]||[],s=s[2]&&new RegExp("(^|\\.)"+h.join("\\.(?:.*\\.|)")+"(\\.|$)"),u=o=d.length;o--;)a=d[o],!i&&g!==a.origType||n&&n.guid!==a.guid||s&&!s.test(a.namespace)||r&&r!==a.selector&&("**"!==r||!a.selector)||(d.splice(o,1),a.selector&&d.delegateCount--,f.remove&&f.remove.call(e,a));u&&!d.length&&(f.teardown&&f.teardown.call(e,h,m.handle)!==!1||pe.removeEvent(e,p,m.handle),delete c[p])}else for(p in c)pe.event.remove(e,p+t[l],n,r,!0);pe.isEmptyObject(c)&&(delete m.handle,pe._removeData(e,"events"))}},trigger:function(t,n,r,i){var o,a,s,u,l,c,f,d=[r||re],p=ce.call(t,"type")?t.type:t,h=ce.call(t,"namespace")?t.namespace.split("."):[];if(s=c=r=r||re,3!==r.nodeType&&8!==r.nodeType&&!Ke.test(p+pe.event.triggered)&&(p.indexOf(".")>-1&&(h=p.split("."),p=h.shift(),h.sort()),a=p.indexOf(":")<0&&"on"+p,t=t[pe.expando]?t:new pe.Event(p,"object"==typeof t&&t),t.isTrigger=i?2:3,t.namespace=h.join("."),t.rnamespace=t.namespace?new RegExp("(^|\\.)"+h.join("\\.(?:.*\\.|)")+"(\\.|$)"):null,t.result=void 0,t.target||(t.target=r),n=null==n?[t]:pe.makeArray(n,[t]),l=pe.event.special[p]||{},i||!l.trigger||l.trigger.apply(r,n)!==!1)){if(!i&&!l.noBubble&&!pe.isWindow(r)){for(u=l.delegateType||p,Ke.test(u+p)||(s=s.parentNode);s;s=s.parentNode)d.push(s),c=s;c===(r.ownerDocument||re)&&d.push(c.defaultView||c.parentWindow||e)}for(f=0;(s=d[f++])&&!t.isPropagationStopped();)t.type=f>1?u:l.bindType||p,o=(pe._data(s,"events")||{})[t.type]&&pe._data(s,"handle"),o&&o.apply(s,n),o=a&&s[a],o&&o.apply&&He(s)&&(t.result=o.apply(s,n),t.result===!1&&t.preventDefault());if(t.type=p,!i&&!t.isDefaultPrevented()&&(!l._default||l._default.apply(d.pop(),n)===!1)&&He(r)&&a&&r[p]&&!pe.isWindow(r)){c=r[a],c&&(r[a]=null),pe.event.triggered=p;try{r[p]()}catch(g){}pe.event.triggered=void 0,c&&(r[a]=c)}return t.result}},dispatch:function(e){e=pe.event.fix(e);var t,n,r,i,o,a=[],s=ie.call(arguments),u=(pe._data(this,"events")||{})[e.type]||[],l=pe.event.special[e.type]||{};if(s[0]=e,e.delegateTarget=this,!l.preDispatch||l.preDispatch.call(this,e)!==!1){for(a=pe.event.handlers.call(this,e,u),t=0;(i=a[t++])&&!e.isPropagationStopped();)for(e.currentTarget=i.elem,n=0;(o=i.handlers[n++])&&!e.isImmediatePropagationStopped();)e.rnamespace&&!e.rnamespace.test(o.namespace)||(e.handleObj=o,e.data=o.data,r=((pe.event.special[o.origType]||{}).handle||o.handler).apply(i.elem,s),void 0!==r&&(e.result=r)===!1&&(e.preventDefault(),e.stopPropagation()));return l.postDispatch&&l.postDispatch.call(this,e),e.result}},handlers:function(e,t){var n,r,i,o,a=[],s=t.delegateCount,u=e.target;if(s&&u.nodeType&&("click"!==e.type||isNaN(e.button)||e.button<1))for(;u!=this;u=u.parentNode||this)if(1===u.nodeType&&(u.disabled!==!0||"click"!==e.type)){for(r=[],n=0;n<s;n++)o=t[n],i=o.selector+" ",void 0===r[i]&&(r[i]=o.needsContext?pe(i,this).index(u)>-1:pe.find(i,this,null,[u]).length),r[i]&&r.push(o);r.length&&a.push({elem:u,handlers:r})}return s<t.length&&a.push({elem:this,handlers:t.slice(s)}),a},fix:function(e){if(e[pe.expando])return e;var t,n,r,i=e.type,o=e,a=this.fixHooks[i];for(a||(this.fixHooks[i]=a=Ge.test(i)?this.mouseHooks:Je.test(i)?this.keyHooks:{}),r=a.props?this.props.concat(a.props):this.props,e=new pe.Event(o),t=r.length;t--;)n=r[t],e[n]=o[n];return e.target||(e.target=o.srcElement||re),3===e.target.nodeType&&(e.target=e.target.parentNode),e.metaKey=!!e.metaKey,a.filter?a.filter(e,o):e},props:"altKey bubbles cancelable ctrlKey currentTarget detail eventPhase metaKey relatedTarget shiftKey target timeStamp view which".split(" "),fixHooks:{},keyHooks:{props:"char charCode key keyCode".split(" "),filter:function(e,t){return null==e.which&&(e.which=null!=t.charCode?t.charCode:t.keyCode),e}},mouseHooks:{props:"button buttons clientX clientY fromElement offsetX offsetY pageX pageY screenX screenY toElement".split(" "),filter:function(e,t){var n,r,i,o=t.button,a=t.fromElement;return null==e.pageX&&null!=t.clientX&&(r=e.target.ownerDocument||re,i=r.documentElement,n=r.body,e.pageX=t.clientX+(i&&i.scrollLeft||n&&n.scrollLeft||0)-(i&&i.clientLeft||n&&n.clientLeft||0),e.pageY=t.clientY+(i&&i.scrollTop||n&&n.scrollTop||0)-(i&&i.clientTop||n&&n.clientTop||0)),!e.relatedTarget&&a&&(e.relatedTarget=a===e.target?t.toElement:a),e.which||void 0===o||(e.which=1&o?1:2&o?3:4&o?2:0),e}},special:{load:{noBubble:!0},focus:{trigger:function(){if(this!==b()&&this.focus)try{return this.focus(),!1}catch(e){}},delegateType:"focusin"},blur:{trigger:function(){if(this===b()&&this.blur)return this.blur(),!1},delegateType:"focusout"},click:{trigger:function(){if(pe.nodeName(this,"input")&&"checkbox"===this.type&&this.click)return this.click(),!1},_default:function(e){return pe.nodeName(e.target,"a")}},beforeunload:{postDispatch:function(e){void 0!==e.result&&e.originalEvent&&(e.originalEvent.returnValue=e.result)}}},simulate:function(e,t,n){var r=pe.extend(new pe.Event,n,{type:e,isSimulated:!0});pe.event.trigger(r,null,t),r.isDefaultPrevented()&&n.preventDefault()}},pe.removeEvent=re.removeEventListener?function(e,t,n){e.removeEventListener&&e.removeEventListener(t,n)}:function(e,t,n){var r="on"+t;e.detachEvent&&("undefined"==typeof e[r]&&(e[r]=null),e.detachEvent(r,n))},pe.Event=function(e,t){return this instanceof pe.Event?(e&&e.type?(this.originalEvent=e,this.type=e.type,this.isDefaultPrevented=e.defaultPrevented||void 0===e.defaultPrevented&&e.returnValue===!1?v:x):this.type=e,t&&pe.extend(this,t),this.timeStamp=e&&e.timeStamp||pe.now(),void(this[pe.expando]=!0)):new pe.Event(e,t)},pe.Event.prototype={constructor:pe.Event,isDefaultPrevented:x,isPropagationStopped:x,isImmediatePropagationStopped:x,preventDefault:function(){var e=this.originalEvent;this.isDefaultPrevented=v,e&&(e.preventDefault?e.preventDefault():e.returnValue=!1)},stopPropagation:function(){var e=this.originalEvent;this.isPropagationStopped=v,e&&!this.isSimulated&&(e.stopPropagation&&e.stopPropagation(),e.cancelBubble=!0)},stopImmediatePropagation:function(){var e=this.originalEvent;this.isImmediatePropagationStopped=v,e&&e.stopImmediatePropagation&&e.stopImmediatePropagation(),this.stopPropagation()}},pe.each({mouseenter:"mouseover",mouseleave:"mouseout",pointerenter:"pointerover",pointerleave:"pointerout"},function(e,t){pe.event.special[e]={delegateType:t,bindType:t,handle:function(e){var n,r=this,i=e.relatedTarget,o=e.handleObj;return i&&(i===r||pe.contains(r,i))||(e.type=o.origType,n=o.handler.apply(this,arguments),e.type=t),n}}}),fe.submit||(pe.event.special.submit={setup:function(){return!pe.nodeName(this,"form")&&void pe.event.add(this,"click._submit keypress._submit",function(e){var t=e.target,n=pe.nodeName(t,"input")||pe.nodeName(t,"button")?pe.prop(t,"form"):void 0;n&&!pe._data(n,"submit")&&(pe.event.add(n,"submit._submit",function(e){e._submitBubble=!0}),pe._data(n,"submit",!0))})},postDispatch:function(e){e._submitBubble&&(delete e._submitBubble,this.parentNode&&!e.isTrigger&&pe.event.simulate("submit",this.parentNode,e))},teardown:function(){return!pe.nodeName(this,"form")&&void pe.event.remove(this,"._submit")}}),fe.change||(pe.event.special.change={setup:function(){return Ye.test(this.nodeName)?("checkbox"!==this.type&&"radio"!==this.type||(pe.event.add(this,"propertychange._change",function(e){"checked"===e.originalEvent.propertyName&&(this._justChanged=!0)}),pe.event.add(this,"click._change",function(e){this._justChanged&&!e.isTrigger&&(this._justChanged=!1),pe.event.simulate("change",this,e)})),!1):void pe.event.add(this,"beforeactivate._change",function(e){var t=e.target;Ye.test(t.nodeName)&&!pe._data(t,"change")&&(pe.event.add(t,"change._change",function(e){!this.parentNode||e.isSimulated||e.isTrigger||pe.event.simulate("change",this.parentNode,e)}),pe._data(t,"change",!0))})},handle:function(e){var t=e.target;if(this!==t||e.isSimulated||e.isTrigger||"radio"!==t.type&&"checkbox"!==t.type)return e.handleObj.handler.apply(this,arguments)},teardown:function(){return pe.event.remove(this,"._change"),!Ye.test(this.nodeName)}}),fe.focusin||pe.each({focus:"focusin",blur:"focusout"},function(e,t){var n=function(e){pe.event.simulate(t,e.target,pe.event.fix(e))};pe.event.special[t]={setup:function(){var r=this.ownerDocument||this,i=pe._data(r,t);i||r.addEventListener(e,n,!0),pe._data(r,t,(i||0)+1)},teardown:function(){var r=this.ownerDocument||this,i=pe._data(r,t)-1;i?pe._data(r,t,i):(r.removeEventListener(e,n,!0),pe._removeData(r,t))}}}),pe.fn.extend({on:function(e,t,n,r){return w(this,e,t,n,r)},one:function(e,t,n,r){return w(this,e,t,n,r,1)},off:function(e,t,n){var r,i;if(e&&e.preventDefault&&e.handleObj)return r=e.handleObj,pe(e.delegateTarget).off(r.namespace?r.origType+"."+r.namespace:r.origType,r.selector,r.handler),this;if("object"==typeof e){for(i in e)this.off(i,t,e[i]);return this}return t!==!1&&"function"!=typeof t||(n=t,t=void 0),n===!1&&(n=x),this.each(function(){pe.event.remove(this,e,n,t)})},trigger:function(e,t){return this.each(function(){pe.event.trigger(e,t,this)})},triggerHandler:function(e,t){var n=this[0];if(n)return pe.event.trigger(e,t,n,!0)}});var Ze=/ jQuery\d+="(?:null|\d+)"/g,et=new RegExp("<(?:"+ze+")[\\s/>]","i"),tt=/<(?!area|br|col|embed|hr|img|input|link|meta|param)(([\w:-]+)[^>]*)\/>/gi,nt=/<script|<style|<link/i,rt=/checked\s*(?:[^=]|=\s*.checked.)/i,it=/^true\/(.*)/,ot=/^\s*<!(?:\[CDATA\[|--)|(?:\]\]|--)>\s*$/g,at=p(re),st=at.appendChild(re.createElement("div"));pe.extend({htmlPrefilter:function(e){return e.replace(tt,"<$1></$2>")},clone:function(e,t,n){var r,i,o,a,s,u=pe.contains(e.ownerDocument,e);if(fe.html5Clone||pe.isXMLDoc(e)||!et.test("<"+e.nodeName+">")?o=e.cloneNode(!0):(st.innerHTML=e.outerHTML,st.removeChild(o=st.firstChild)),!(fe.noCloneEvent&&fe.noCloneChecked||1!==e.nodeType&&11!==e.nodeType||pe.isXMLDoc(e)))for(r=h(o),s=h(e),a=0;null!=(i=s[a]);++a)r[a]&&k(i,r[a]);if(t)if(n)for(s=s||h(e),r=r||h(o),a=0;null!=(i=s[a]);a++)N(i,r[a]);else N(e,o);return r=h(o,"script"),r.length>0&&g(r,!u&&h(e,"script")),r=s=i=null,o},cleanData:function(e,t){for(var n,r,i,o,a=0,s=pe.expando,u=pe.cache,l=fe.attributes,c=pe.event.special;null!=(n=e[a]);a++)if((t||He(n))&&(i=n[s],o=i&&u[i])){if(o.events)for(r in o.events)c[r]?pe.event.remove(n,r):pe.removeEvent(n,r,o.handle);u[i]&&(delete u[i],l||"undefined"==typeof n.removeAttribute?n[s]=void 0:n.removeAttribute(s),ne.push(i))}}}),pe.fn.extend({domManip:S,detach:function(e){return A(this,e,!0)},remove:function(e){return A(this,e)},text:function(e){return Pe(this,function(e){return void 0===e?pe.text(this):this.empty().append((this[0]&&this[0].ownerDocument||re).createTextNode(e))},null,e,arguments.length)},append:function(){return S(this,arguments,function(e){if(1===this.nodeType||11===this.nodeType||9===this.nodeType){var t=T(this,e);t.appendChild(e)}})},prepend:function(){return S(this,arguments,function(e){if(1===this.nodeType||11===this.nodeType||9===this.nodeType){var t=T(this,e);t.insertBefore(e,t.firstChild)}})},before:function(){return S(this,arguments,function(e){this.parentNode&&this.parentNode.insertBefore(e,this)})},after:function(){return S(this,arguments,function(e){this.parentNode&&this.parentNode.insertBefore(e,this.nextSibling)})},empty:function(){for(var e,t=0;null!=(e=this[t]);t++){for(1===e.nodeType&&pe.cleanData(h(e,!1));e.firstChild;)e.removeChild(e.firstChild);e.options&&pe.nodeName(e,"select")&&(e.options.length=0)}return this},clone:function(e,t){return e=null!=e&&e,t=null==t?e:t,this.map(function(){return pe.clone(this,e,t)})},html:function(e){return Pe(this,function(e){var t=this[0]||{},n=0,r=this.length;if(void 0===e)return 1===t.nodeType?t.innerHTML.replace(Ze,""):void 0;if("string"==typeof e&&!nt.test(e)&&(fe.htmlSerialize||!et.test(e))&&(fe.leadingWhitespace||!$e.test(e))&&!Xe[(We.exec(e)||["",""])[1].toLowerCase()]){e=pe.htmlPrefilter(e);try{for(;n<r;n++)t=this[n]||{},1===t.nodeType&&(pe.cleanData(h(t,!1)),t.innerHTML=e);t=0}catch(i){}}t&&this.empty().append(e)},null,e,arguments.length)},replaceWith:function(){var e=[];return S(this,arguments,function(t){var n=this.parentNode;pe.inArray(this,e)<0&&(pe.cleanData(h(this)),
+n&&n.replaceChild(t,this))},e)}}),pe.each({appendTo:"append",prependTo:"prepend",insertBefore:"before",insertAfter:"after",replaceAll:"replaceWith"},function(e,t){pe.fn[e]=function(e){for(var n,r=0,i=[],o=pe(e),a=o.length-1;r<=a;r++)n=r===a?this:this.clone(!0),pe(o[r])[t](n),ae.apply(i,n.get());return this.pushStack(i)}});var ut,lt={HTML:"block",BODY:"block"},ct=/^margin/,ft=new RegExp("^("+Fe+")(?!px)[a-z%]+$","i"),dt=function(e,t,n,r){var i,o,a={};for(o in t)a[o]=e.style[o],e.style[o]=t[o];i=n.apply(e,r||[]);for(o in t)e.style[o]=a[o];return i},pt=re.documentElement;!function(){function t(){var t,c,f=re.documentElement;f.appendChild(u),l.style.cssText="-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;margin:auto;border:1px;padding:1px;top:1%;width:50%",n=i=s=!1,r=a=!0,e.getComputedStyle&&(c=e.getComputedStyle(l),n="1%"!==(c||{}).top,s="2px"===(c||{}).marginLeft,i="4px"===(c||{width:"4px"}).width,l.style.marginRight="50%",r="4px"===(c||{marginRight:"4px"}).marginRight,t=l.appendChild(re.createElement("div")),t.style.cssText=l.style.cssText="-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;display:block;margin:0;border:0;padding:0",t.style.marginRight=t.style.width="0",l.style.width="1px",a=!parseFloat((e.getComputedStyle(t)||{}).marginRight),l.removeChild(t)),l.style.display="none",o=0===l.getClientRects().length,o&&(l.style.display="",l.innerHTML="<table><tr><td></td><td>t</td></tr></table>",t=l.getElementsByTagName("td"),t[0].style.cssText="margin:0;border:0;padding:0;display:none",o=0===t[0].offsetHeight,o&&(t[0].style.display="",t[1].style.display="none",o=0===t[0].offsetHeight)),f.removeChild(u)}var n,r,i,o,a,s,u=re.createElement("div"),l=re.createElement("div");l.style&&(l.style.cssText="float:left;opacity:.5",fe.opacity="0.5"===l.style.opacity,fe.cssFloat=!!l.style.cssFloat,l.style.backgroundClip="content-box",l.cloneNode(!0).style.backgroundClip="",fe.clearCloneStyle="content-box"===l.style.backgroundClip,u=re.createElement("div"),u.style.cssText="border:0;width:8px;height:0;top:0;left:-9999px;padding:0;margin-top:1px;position:absolute",l.innerHTML="",u.appendChild(l),fe.boxSizing=""===l.style.boxSizing||""===l.style.MozBoxSizing||""===l.style.WebkitBoxSizing,pe.extend(fe,{reliableHiddenOffsets:function(){return null==n&&t(),o},boxSizingReliable:function(){return null==n&&t(),i},pixelMarginRight:function(){return null==n&&t(),r},pixelPosition:function(){return null==n&&t(),n},reliableMarginRight:function(){return null==n&&t(),a},reliableMarginLeft:function(){return null==n&&t(),s}}))}();var ht,gt,mt=/^(top|right|bottom|left)$/;e.getComputedStyle?(ht=function(t){var n=t.ownerDocument.defaultView;return n&&n.opener||(n=e),n.getComputedStyle(t)},gt=function(e,t,n){var r,i,o,a,s=e.style;return n=n||ht(e),a=n?n.getPropertyValue(t)||n[t]:void 0,""!==a&&void 0!==a||pe.contains(e.ownerDocument,e)||(a=pe.style(e,t)),n&&!fe.pixelMarginRight()&&ft.test(a)&&ct.test(t)&&(r=s.width,i=s.minWidth,o=s.maxWidth,s.minWidth=s.maxWidth=s.width=a,a=n.width,s.width=r,s.minWidth=i,s.maxWidth=o),void 0===a?a:a+""}):pt.currentStyle&&(ht=function(e){return e.currentStyle},gt=function(e,t,n){var r,i,o,a,s=e.style;return n=n||ht(e),a=n?n[t]:void 0,null==a&&s&&s[t]&&(a=s[t]),ft.test(a)&&!mt.test(t)&&(r=s.left,i=e.runtimeStyle,o=i&&i.left,o&&(i.left=e.currentStyle.left),s.left="fontSize"===t?"1em":a,a=s.pixelLeft+"px",s.left=r,o&&(i.left=o)),void 0===a?a:a+""||"auto"});var yt=/alpha\([^)]*\)/i,vt=/opacity\s*=\s*([^)]*)/i,xt=/^(none|table(?!-c[ea]).+)/,bt=new RegExp("^("+Fe+")(.*)$","i"),wt={position:"absolute",visibility:"hidden",display:"block"},Tt={letterSpacing:"0",fontWeight:"400"},Ct=["Webkit","O","Moz","ms"],Et=re.createElement("div").style;pe.extend({cssHooks:{opacity:{get:function(e,t){if(t){var n=gt(e,"opacity");return""===n?"1":n}}}},cssNumber:{animationIterationCount:!0,columnCount:!0,fillOpacity:!0,flexGrow:!0,flexShrink:!0,fontWeight:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,widows:!0,zIndex:!0,zoom:!0},cssProps:{"float":fe.cssFloat?"cssFloat":"styleFloat"},style:function(e,t,n,r){if(e&&3!==e.nodeType&&8!==e.nodeType&&e.style){var i,o,a,s=pe.camelCase(t),u=e.style;if(t=pe.cssProps[s]||(pe.cssProps[s]=H(s)||s),a=pe.cssHooks[t]||pe.cssHooks[s],void 0===n)return a&&"get"in a&&void 0!==(i=a.get(e,!1,r))?i:u[t];if(o=typeof n,"string"===o&&(i=Me.exec(n))&&i[1]&&(n=d(e,t,i),o="number"),null!=n&&n===n&&("number"===o&&(n+=i&&i[3]||(pe.cssNumber[s]?"":"px")),fe.clearCloneStyle||""!==n||0!==t.indexOf("background")||(u[t]="inherit"),!(a&&"set"in a&&void 0===(n=a.set(e,n,r)))))try{u[t]=n}catch(l){}}},css:function(e,t,n,r){var i,o,a,s=pe.camelCase(t);return t=pe.cssProps[s]||(pe.cssProps[s]=H(s)||s),a=pe.cssHooks[t]||pe.cssHooks[s],a&&"get"in a&&(o=a.get(e,!0,n)),void 0===o&&(o=gt(e,t,r)),"normal"===o&&t in Tt&&(o=Tt[t]),""===n||n?(i=parseFloat(o),n===!0||isFinite(i)?i||0:o):o}}),pe.each(["height","width"],function(e,t){pe.cssHooks[t]={get:function(e,n,r){if(n)return xt.test(pe.css(e,"display"))&&0===e.offsetWidth?dt(e,wt,function(){return M(e,t,r)}):M(e,t,r)},set:function(e,n,r){var i=r&&ht(e);return _(e,n,r?F(e,t,r,fe.boxSizing&&"border-box"===pe.css(e,"boxSizing",!1,i),i):0)}}}),fe.opacity||(pe.cssHooks.opacity={get:function(e,t){return vt.test((t&&e.currentStyle?e.currentStyle.filter:e.style.filter)||"")?.01*parseFloat(RegExp.$1)+"":t?"1":""},set:function(e,t){var n=e.style,r=e.currentStyle,i=pe.isNumeric(t)?"alpha(opacity="+100*t+")":"",o=r&&r.filter||n.filter||"";n.zoom=1,(t>=1||""===t)&&""===pe.trim(o.replace(yt,""))&&n.removeAttribute&&(n.removeAttribute("filter"),""===t||r&&!r.filter)||(n.filter=yt.test(o)?o.replace(yt,i):o+" "+i)}}),pe.cssHooks.marginRight=L(fe.reliableMarginRight,function(e,t){if(t)return dt(e,{display:"inline-block"},gt,[e,"marginRight"])}),pe.cssHooks.marginLeft=L(fe.reliableMarginLeft,function(e,t){if(t)return(parseFloat(gt(e,"marginLeft"))||(pe.contains(e.ownerDocument,e)?e.getBoundingClientRect().left-dt(e,{marginLeft:0},function(){return e.getBoundingClientRect().left}):0))+"px"}),pe.each({margin:"",padding:"",border:"Width"},function(e,t){pe.cssHooks[e+t]={expand:function(n){for(var r=0,i={},o="string"==typeof n?n.split(" "):[n];r<4;r++)i[e+Oe[r]+t]=o[r]||o[r-2]||o[0];return i}},ct.test(e)||(pe.cssHooks[e+t].set=_)}),pe.fn.extend({css:function(e,t){return Pe(this,function(e,t,n){var r,i,o={},a=0;if(pe.isArray(t)){for(r=ht(e),i=t.length;a<i;a++)o[t[a]]=pe.css(e,t[a],!1,r);return o}return void 0!==n?pe.style(e,t,n):pe.css(e,t)},e,t,arguments.length>1)},show:function(){return q(this,!0)},hide:function(){return q(this)},toggle:function(e){return"boolean"==typeof e?e?this.show():this.hide():this.each(function(){Re(this)?pe(this).show():pe(this).hide()})}}),pe.Tween=O,O.prototype={constructor:O,init:function(e,t,n,r,i,o){this.elem=e,this.prop=n,this.easing=i||pe.easing._default,this.options=t,this.start=this.now=this.cur(),this.end=r,this.unit=o||(pe.cssNumber[n]?"":"px")},cur:function(){var e=O.propHooks[this.prop];return e&&e.get?e.get(this):O.propHooks._default.get(this)},run:function(e){var t,n=O.propHooks[this.prop];return this.options.duration?this.pos=t=pe.easing[this.easing](e,this.options.duration*e,0,1,this.options.duration):this.pos=t=e,this.now=(this.end-this.start)*t+this.start,this.options.step&&this.options.step.call(this.elem,this.now,this),n&&n.set?n.set(this):O.propHooks._default.set(this),this}},O.prototype.init.prototype=O.prototype,O.propHooks={_default:{get:function(e){var t;return 1!==e.elem.nodeType||null!=e.elem[e.prop]&&null==e.elem.style[e.prop]?e.elem[e.prop]:(t=pe.css(e.elem,e.prop,""),t&&"auto"!==t?t:0)},set:function(e){pe.fx.step[e.prop]?pe.fx.step[e.prop](e):1!==e.elem.nodeType||null==e.elem.style[pe.cssProps[e.prop]]&&!pe.cssHooks[e.prop]?e.elem[e.prop]=e.now:pe.style(e.elem,e.prop,e.now+e.unit)}}},O.propHooks.scrollTop=O.propHooks.scrollLeft={set:function(e){e.elem.nodeType&&e.elem.parentNode&&(e.elem[e.prop]=e.now)}},pe.easing={linear:function(e){return e},swing:function(e){return.5-Math.cos(e*Math.PI)/2},_default:"swing"},pe.fx=O.prototype.init,pe.fx.step={};var Nt,kt,St=/^(?:toggle|show|hide)$/,At=/queueHooks$/;pe.Animation=pe.extend($,{tweeners:{"*":[function(e,t){var n=this.createTween(e,t);return d(n.elem,e,Me.exec(t),n),n}]},tweener:function(e,t){pe.isFunction(e)?(t=e,e=["*"]):e=e.match(De);for(var n,r=0,i=e.length;r<i;r++)n=e[r],$.tweeners[n]=$.tweeners[n]||[],$.tweeners[n].unshift(t)},prefilters:[W],prefilter:function(e,t){t?$.prefilters.unshift(e):$.prefilters.push(e)}}),pe.speed=function(e,t,n){var r=e&&"object"==typeof e?pe.extend({},e):{complete:n||!n&&t||pe.isFunction(e)&&e,duration:e,easing:n&&t||t&&!pe.isFunction(t)&&t};return r.duration=pe.fx.off?0:"number"==typeof r.duration?r.duration:r.duration in pe.fx.speeds?pe.fx.speeds[r.duration]:pe.fx.speeds._default,null!=r.queue&&r.queue!==!0||(r.queue="fx"),r.old=r.complete,r.complete=function(){pe.isFunction(r.old)&&r.old.call(this),r.queue&&pe.dequeue(this,r.queue)},r},pe.fn.extend({fadeTo:function(e,t,n,r){return this.filter(Re).css("opacity",0).show().end().animate({opacity:t},e,n,r)},animate:function(e,t,n,r){var i=pe.isEmptyObject(e),o=pe.speed(t,n,r),a=function(){var t=$(this,pe.extend({},e),o);(i||pe._data(this,"finish"))&&t.stop(!0)};return a.finish=a,i||o.queue===!1?this.each(a):this.queue(o.queue,a)},stop:function(e,t,n){var r=function(e){var t=e.stop;delete e.stop,t(n)};return"string"!=typeof e&&(n=t,t=e,e=void 0),t&&e!==!1&&this.queue(e||"fx",[]),this.each(function(){var t=!0,i=null!=e&&e+"queueHooks",o=pe.timers,a=pe._data(this);if(i)a[i]&&a[i].stop&&r(a[i]);else for(i in a)a[i]&&a[i].stop&&At.test(i)&&r(a[i]);for(i=o.length;i--;)o[i].elem!==this||null!=e&&o[i].queue!==e||(o[i].anim.stop(n),t=!1,o.splice(i,1));!t&&n||pe.dequeue(this,e)})},finish:function(e){return e!==!1&&(e=e||"fx"),this.each(function(){var t,n=pe._data(this),r=n[e+"queue"],i=n[e+"queueHooks"],o=pe.timers,a=r?r.length:0;for(n.finish=!0,pe.queue(this,e,[]),i&&i.stop&&i.stop.call(this,!0),t=o.length;t--;)o[t].elem===this&&o[t].queue===e&&(o[t].anim.stop(!0),o.splice(t,1));for(t=0;t<a;t++)r[t]&&r[t].finish&&r[t].finish.call(this);delete n.finish})}}),pe.each(["toggle","show","hide"],function(e,t){var n=pe.fn[t];pe.fn[t]=function(e,r,i){return null==e||"boolean"==typeof e?n.apply(this,arguments):this.animate(P(t,!0),e,r,i)}}),pe.each({slideDown:P("show"),slideUp:P("hide"),slideToggle:P("toggle"),fadeIn:{opacity:"show"},fadeOut:{opacity:"hide"},fadeToggle:{opacity:"toggle"}},function(e,t){pe.fn[e]=function(e,n,r){return this.animate(t,e,n,r)}}),pe.timers=[],pe.fx.tick=function(){var e,t=pe.timers,n=0;for(Nt=pe.now();n<t.length;n++)e=t[n],e()||t[n]!==e||t.splice(n--,1);t.length||pe.fx.stop(),Nt=void 0},pe.fx.timer=function(e){pe.timers.push(e),e()?pe.fx.start():pe.timers.pop()},pe.fx.interval=13,pe.fx.start=function(){kt||(kt=e.setInterval(pe.fx.tick,pe.fx.interval))},pe.fx.stop=function(){e.clearInterval(kt),kt=null},pe.fx.speeds={slow:600,fast:200,_default:400},pe.fn.delay=function(t,n){return t=pe.fx?pe.fx.speeds[t]||t:t,n=n||"fx",this.queue(n,function(n,r){var i=e.setTimeout(n,t);r.stop=function(){e.clearTimeout(i)}})},function(){var e,t=re.createElement("input"),n=re.createElement("div"),r=re.createElement("select"),i=r.appendChild(re.createElement("option"));n=re.createElement("div"),n.setAttribute("className","t"),n.innerHTML=" <link/><table></table><a href='/a'>a</a><input type='checkbox'/>",e=n.getElementsByTagName("a")[0],t.setAttribute("type","checkbox"),n.appendChild(t),e=n.getElementsByTagName("a")[0],e.style.cssText="top:1px",fe.getSetAttribute="t"!==n.className,fe.style=/top/.test(e.getAttribute("style")),fe.hrefNormalized="/a"===e.getAttribute("href"),fe.checkOn=!!t.value,fe.optSelected=i.selected,fe.enctype=!!re.createElement("form").enctype,r.disabled=!0,fe.optDisabled=!i.disabled,t=re.createElement("input"),t.setAttribute("value",""),fe.input=""===t.getAttribute("value"),t.value="t",t.setAttribute("type","radio"),fe.radioValue="t"===t.value}();var Dt=/\r/g,jt=/[\x20\t\r\n\f]+/g;pe.fn.extend({val:function(e){var t,n,r,i=this[0];{if(arguments.length)return r=pe.isFunction(e),this.each(function(n){var i;1===this.nodeType&&(i=r?e.call(this,n,pe(this).val()):e,null==i?i="":"number"==typeof i?i+="":pe.isArray(i)&&(i=pe.map(i,function(e){return null==e?"":e+""})),t=pe.valHooks[this.type]||pe.valHooks[this.nodeName.toLowerCase()],t&&"set"in t&&void 0!==t.set(this,i,"value")||(this.value=i))});if(i)return t=pe.valHooks[i.type]||pe.valHooks[i.nodeName.toLowerCase()],t&&"get"in t&&void 0!==(n=t.get(i,"value"))?n:(n=i.value,"string"==typeof n?n.replace(Dt,""):null==n?"":n)}}}),pe.extend({valHooks:{option:{get:function(e){var t=pe.find.attr(e,"value");return null!=t?t:pe.trim(pe.text(e)).replace(jt," ")}},select:{get:function(e){for(var t,n,r=e.options,i=e.selectedIndex,o="select-one"===e.type||i<0,a=o?null:[],s=o?i+1:r.length,u=i<0?s:o?i:0;u<s;u++)if(n=r[u],(n.selected||u===i)&&(fe.optDisabled?!n.disabled:null===n.getAttribute("disabled"))&&(!n.parentNode.disabled||!pe.nodeName(n.parentNode,"optgroup"))){if(t=pe(n).val(),o)return t;a.push(t)}return a},set:function(e,t){for(var n,r,i=e.options,o=pe.makeArray(t),a=i.length;a--;)if(r=i[a],pe.inArray(pe.valHooks.option.get(r),o)>-1)try{r.selected=n=!0}catch(s){r.scrollHeight}else r.selected=!1;return n||(e.selectedIndex=-1),i}}}}),pe.each(["radio","checkbox"],function(){pe.valHooks[this]={set:function(e,t){if(pe.isArray(t))return e.checked=pe.inArray(pe(e).val(),t)>-1}},fe.checkOn||(pe.valHooks[this].get=function(e){return null===e.getAttribute("value")?"on":e.value})});var Lt,Ht,qt=pe.expr.attrHandle,_t=/^(?:checked|selected)$/i,Ft=fe.getSetAttribute,Mt=fe.input;pe.fn.extend({attr:function(e,t){return Pe(this,pe.attr,e,t,arguments.length>1)},removeAttr:function(e){return this.each(function(){pe.removeAttr(this,e)})}}),pe.extend({attr:function(e,t,n){var r,i,o=e.nodeType;if(3!==o&&8!==o&&2!==o)return"undefined"==typeof e.getAttribute?pe.prop(e,t,n):(1===o&&pe.isXMLDoc(e)||(t=t.toLowerCase(),i=pe.attrHooks[t]||(pe.expr.match.bool.test(t)?Ht:Lt)),void 0!==n?null===n?void pe.removeAttr(e,t):i&&"set"in i&&void 0!==(r=i.set(e,n,t))?r:(e.setAttribute(t,n+""),n):i&&"get"in i&&null!==(r=i.get(e,t))?r:(r=pe.find.attr(e,t),null==r?void 0:r))},attrHooks:{type:{set:function(e,t){if(!fe.radioValue&&"radio"===t&&pe.nodeName(e,"input")){var n=e.value;return e.setAttribute("type",t),n&&(e.value=n),t}}}},removeAttr:function(e,t){var n,r,i=0,o=t&&t.match(De);if(o&&1===e.nodeType)for(;n=o[i++];)r=pe.propFix[n]||n,pe.expr.match.bool.test(n)?Mt&&Ft||!_t.test(n)?e[r]=!1:e[pe.camelCase("default-"+n)]=e[r]=!1:pe.attr(e,n,""),e.removeAttribute(Ft?n:r)}}),Ht={set:function(e,t,n){return t===!1?pe.removeAttr(e,n):Mt&&Ft||!_t.test(n)?e.setAttribute(!Ft&&pe.propFix[n]||n,n):e[pe.camelCase("default-"+n)]=e[n]=!0,n}},pe.each(pe.expr.match.bool.source.match(/\w+/g),function(e,t){var n=qt[t]||pe.find.attr;Mt&&Ft||!_t.test(t)?qt[t]=function(e,t,r){var i,o;return r||(o=qt[t],qt[t]=i,i=null!=n(e,t,r)?t.toLowerCase():null,qt[t]=o),i}:qt[t]=function(e,t,n){if(!n)return e[pe.camelCase("default-"+t)]?t.toLowerCase():null}}),Mt&&Ft||(pe.attrHooks.value={set:function(e,t,n){return pe.nodeName(e,"input")?void(e.defaultValue=t):Lt&&Lt.set(e,t,n)}}),Ft||(Lt={set:function(e,t,n){var r=e.getAttributeNode(n);if(r||e.setAttributeNode(r=e.ownerDocument.createAttribute(n)),r.value=t+="","value"===n||t===e.getAttribute(n))return t}},qt.id=qt.name=qt.coords=function(e,t,n){var r;if(!n)return(r=e.getAttributeNode(t))&&""!==r.value?r.value:null},pe.valHooks.button={get:function(e,t){var n=e.getAttributeNode(t);if(n&&n.specified)return n.value},set:Lt.set},pe.attrHooks.contenteditable={set:function(e,t,n){Lt.set(e,""!==t&&t,n)}},pe.each(["width","height"],function(e,t){pe.attrHooks[t]={set:function(e,n){if(""===n)return e.setAttribute(t,"auto"),n}}})),fe.style||(pe.attrHooks.style={get:function(e){return e.style.cssText||void 0},set:function(e,t){return e.style.cssText=t+""}});var Ot=/^(?:input|select|textarea|button|object)$/i,Rt=/^(?:a|area)$/i;pe.fn.extend({prop:function(e,t){return Pe(this,pe.prop,e,t,arguments.length>1)},removeProp:function(e){return e=pe.propFix[e]||e,this.each(function(){try{this[e]=void 0,delete this[e]}catch(t){}})}}),pe.extend({prop:function(e,t,n){var r,i,o=e.nodeType;if(3!==o&&8!==o&&2!==o)return 1===o&&pe.isXMLDoc(e)||(t=pe.propFix[t]||t,i=pe.propHooks[t]),void 0!==n?i&&"set"in i&&void 0!==(r=i.set(e,n,t))?r:e[t]=n:i&&"get"in i&&null!==(r=i.get(e,t))?r:e[t]},propHooks:{tabIndex:{get:function(e){var t=pe.find.attr(e,"tabindex");return t?parseInt(t,10):Ot.test(e.nodeName)||Rt.test(e.nodeName)&&e.href?0:-1}}},propFix:{"for":"htmlFor","class":"className"}}),fe.hrefNormalized||pe.each(["href","src"],function(e,t){pe.propHooks[t]={get:function(e){return e.getAttribute(t,4)}}}),fe.optSelected||(pe.propHooks.selected={get:function(e){var t=e.parentNode;return t&&(t.selectedIndex,t.parentNode&&t.parentNode.selectedIndex),null},set:function(e){var t=e.parentNode;t&&(t.selectedIndex,t.parentNode&&t.parentNode.selectedIndex)}}),pe.each(["tabIndex","readOnly","maxLength","cellSpacing","cellPadding","rowSpan","colSpan","useMap","frameBorder","contentEditable"],function(){pe.propFix[this.toLowerCase()]=this}),fe.enctype||(pe.propFix.enctype="encoding");var Pt=/[\t\r\n\f]/g;pe.fn.extend({addClass:function(e){var t,n,r,i,o,a,s,u=0;if(pe.isFunction(e))return this.each(function(t){pe(this).addClass(e.call(this,t,z(this)))});if("string"==typeof e&&e)for(t=e.match(De)||[];n=this[u++];)if(i=z(n),r=1===n.nodeType&&(" "+i+" ").replace(Pt," ")){for(a=0;o=t[a++];)r.indexOf(" "+o+" ")<0&&(r+=o+" ");s=pe.trim(r),i!==s&&pe.attr(n,"class",s)}return this},removeClass:function(e){var t,n,r,i,o,a,s,u=0;if(pe.isFunction(e))return this.each(function(t){pe(this).removeClass(e.call(this,t,z(this)))});if(!arguments.length)return this.attr("class","");if("string"==typeof e&&e)for(t=e.match(De)||[];n=this[u++];)if(i=z(n),r=1===n.nodeType&&(" "+i+" ").replace(Pt," ")){for(a=0;o=t[a++];)for(;r.indexOf(" "+o+" ")>-1;)r=r.replace(" "+o+" "," ");s=pe.trim(r),i!==s&&pe.attr(n,"class",s)}return this},toggleClass:function(e,t){var n=typeof e;return"boolean"==typeof t&&"string"===n?t?this.addClass(e):this.removeClass(e):pe.isFunction(e)?this.each(function(n){pe(this).toggleClass(e.call(this,n,z(this),t),t)}):this.each(function(){var t,r,i,o;if("string"===n)for(r=0,i=pe(this),o=e.match(De)||[];t=o[r++];)i.hasClass(t)?i.removeClass(t):i.addClass(t);else void 0!==e&&"boolean"!==n||(t=z(this),t&&pe._data(this,"__className__",t),pe.attr(this,"class",t||e===!1?"":pe._data(this,"__className__")||""))})},hasClass:function(e){var t,n,r=0;for(t=" "+e+" ";n=this[r++];)if(1===n.nodeType&&(" "+z(n)+" ").replace(Pt," ").indexOf(t)>-1)return!0;return!1}}),pe.each("blur focus focusin focusout load resize scroll unload click dblclick mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave change select submit keydown keypress keyup error contextmenu".split(" "),function(e,t){pe.fn[t]=function(e,n){return arguments.length>0?this.on(t,null,e,n):this.trigger(t)}}),pe.fn.extend({hover:function(e,t){return this.mouseenter(e).mouseleave(t||e)}});var Bt=e.location,Wt=pe.now(),It=/\?/,$t=/(,)|(\[|{)|(}|])|"(?:[^"\\\r\n]|\\["\\\/bfnrt]|\\u[\da-fA-F]{4})*"\s*:?|true|false|null|-?(?!0\d)\d+(?:\.\d+|)(?:[eE][+-]?\d+|)/g;pe.parseJSON=function(t){if(e.JSON&&e.JSON.parse)return e.JSON.parse(t+"");var n,r=null,i=pe.trim(t+"");return i&&!pe.trim(i.replace($t,function(e,t,i,o){return n&&t&&(r=0),0===r?e:(n=i||t,r+=!o-!i,"")}))?Function("return "+i)():pe.error("Invalid JSON: "+t)},pe.parseXML=function(t){var n,r;if(!t||"string"!=typeof t)return null;try{e.DOMParser?(r=new e.DOMParser,n=r.parseFromString(t,"text/xml")):(n=new e.ActiveXObject("Microsoft.XMLDOM"),n.async="false",n.loadXML(t))}catch(i){n=void 0}return n&&n.documentElement&&!n.getElementsByTagName("parsererror").length||pe.error("Invalid XML: "+t),n};var zt=/#.*$/,Xt=/([?&])_=[^&]*/,Ut=/^(.*?):[ \t]*([^\r\n]*)\r?$/gm,Vt=/^(?:about|app|app-storage|.+-extension|file|res|widget):$/,Yt=/^(?:GET|HEAD)$/,Jt=/^\/\//,Gt=/^([\w.+-]+:)(?:\/\/(?:[^\/?#]*@|)([^\/?#:]*)(?::(\d+)|)|)/,Kt={},Qt={},Zt="*/".concat("*"),en=Bt.href,tn=Gt.exec(en.toLowerCase())||[];pe.extend({active:0,lastModified:{},etag:{},ajaxSettings:{url:en,type:"GET",isLocal:Vt.test(tn[1]),global:!0,processData:!0,async:!0,contentType:"application/x-www-form-urlencoded; charset=UTF-8",accepts:{"*":Zt,text:"text/plain",html:"text/html",xml:"application/xml, text/xml",json:"application/json, text/javascript"},contents:{xml:/\bxml\b/,html:/\bhtml/,json:/\bjson\b/},responseFields:{xml:"responseXML",text:"responseText",json:"responseJSON"},converters:{"* text":String,"text html":!0,"text json":pe.parseJSON,"text xml":pe.parseXML},flatOptions:{url:!0,context:!0}},ajaxSetup:function(e,t){return t?V(V(e,pe.ajaxSettings),t):V(pe.ajaxSettings,e)},ajaxPrefilter:X(Kt),ajaxTransport:X(Qt),ajax:function(t,n){function r(t,n,r,i){var o,f,v,x,w,C=n;2!==b&&(b=2,u&&e.clearTimeout(u),c=void 0,s=i||"",T.readyState=t>0?4:0,o=t>=200&&t<300||304===t,r&&(x=Y(d,T,r)),x=J(d,x,T,o),o?(d.ifModified&&(w=T.getResponseHeader("Last-Modified"),w&&(pe.lastModified[a]=w),w=T.getResponseHeader("etag"),w&&(pe.etag[a]=w)),204===t||"HEAD"===d.type?C="nocontent":304===t?C="notmodified":(C=x.state,f=x.data,v=x.error,o=!v)):(v=C,!t&&C||(C="error",t<0&&(t=0))),T.status=t,T.statusText=(n||C)+"",o?g.resolveWith(p,[f,C,T]):g.rejectWith(p,[T,C,v]),T.statusCode(y),y=void 0,l&&h.trigger(o?"ajaxSuccess":"ajaxError",[T,d,o?f:v]),m.fireWith(p,[T,C]),l&&(h.trigger("ajaxComplete",[T,d]),--pe.active||pe.event.trigger("ajaxStop")))}"object"==typeof t&&(n=t,t=void 0),n=n||{};var i,o,a,s,u,l,c,f,d=pe.ajaxSetup({},n),p=d.context||d,h=d.context&&(p.nodeType||p.jquery)?pe(p):pe.event,g=pe.Deferred(),m=pe.Callbacks("once memory"),y=d.statusCode||{},v={},x={},b=0,w="canceled",T={readyState:0,getResponseHeader:function(e){var t;if(2===b){if(!f)for(f={};t=Ut.exec(s);)f[t[1].toLowerCase()]=t[2];t=f[e.toLowerCase()]}return null==t?null:t},getAllResponseHeaders:function(){return 2===b?s:null},setRequestHeader:function(e,t){var n=e.toLowerCase();return b||(e=x[n]=x[n]||e,v[e]=t),this},overrideMimeType:function(e){return b||(d.mimeType=e),this},statusCode:function(e){var t;if(e)if(b<2)for(t in e)y[t]=[y[t],e[t]];else T.always(e[T.status]);return this},abort:function(e){var t=e||w;return c&&c.abort(t),r(0,t),this}};if(g.promise(T).complete=m.add,T.success=T.done,T.error=T.fail,d.url=((t||d.url||en)+"").replace(zt,"").replace(Jt,tn[1]+"//"),d.type=n.method||n.type||d.method||d.type,d.dataTypes=pe.trim(d.dataType||"*").toLowerCase().match(De)||[""],null==d.crossDomain&&(i=Gt.exec(d.url.toLowerCase()),d.crossDomain=!(!i||i[1]===tn[1]&&i[2]===tn[2]&&(i[3]||("http:"===i[1]?"80":"443"))===(tn[3]||("http:"===tn[1]?"80":"443")))),d.data&&d.processData&&"string"!=typeof d.data&&(d.data=pe.param(d.data,d.traditional)),U(Kt,d,n,T),2===b)return T;l=pe.event&&d.global,l&&0===pe.active++&&pe.event.trigger("ajaxStart"),d.type=d.type.toUpperCase(),d.hasContent=!Yt.test(d.type),a=d.url,d.hasContent||(d.data&&(a=d.url+=(It.test(a)?"&":"?")+d.data,delete d.data),d.cache===!1&&(d.url=Xt.test(a)?a.replace(Xt,"$1_="+Wt++):a+(It.test(a)?"&":"?")+"_="+Wt++)),d.ifModified&&(pe.lastModified[a]&&T.setRequestHeader("If-Modified-Since",pe.lastModified[a]),pe.etag[a]&&T.setRequestHeader("If-None-Match",pe.etag[a])),(d.data&&d.hasContent&&d.contentType!==!1||n.contentType)&&T.setRequestHeader("Content-Type",d.contentType),T.setRequestHeader("Accept",d.dataTypes[0]&&d.accepts[d.dataTypes[0]]?d.accepts[d.dataTypes[0]]+("*"!==d.dataTypes[0]?", "+Zt+"; q=0.01":""):d.accepts["*"]);for(o in d.headers)T.setRequestHeader(o,d.headers[o]);if(d.beforeSend&&(d.beforeSend.call(p,T,d)===!1||2===b))return T.abort();w="abort";for(o in{success:1,error:1,complete:1})T[o](d[o]);if(c=U(Qt,d,n,T)){if(T.readyState=1,l&&h.trigger("ajaxSend",[T,d]),2===b)return T;d.async&&d.timeout>0&&(u=e.setTimeout(function(){T.abort("timeout")},d.timeout));try{b=1,c.send(v,r)}catch(C){if(!(b<2))throw C;r(-1,C)}}else r(-1,"No Transport");return T},getJSON:function(e,t,n){return pe.get(e,t,n,"json")},getScript:function(e,t){return pe.get(e,void 0,t,"script")}}),pe.each(["get","post"],function(e,t){pe[t]=function(e,n,r,i){return pe.isFunction(n)&&(i=i||r,r=n,n=void 0),pe.ajax(pe.extend({url:e,type:t,dataType:i,data:n,success:r},pe.isPlainObject(e)&&e))}}),pe._evalUrl=function(e){return pe.ajax({url:e,type:"GET",dataType:"script",cache:!0,async:!1,global:!1,"throws":!0})},pe.fn.extend({wrapAll:function(e){if(pe.isFunction(e))return this.each(function(t){pe(this).wrapAll(e.call(this,t))});if(this[0]){var t=pe(e,this[0].ownerDocument).eq(0).clone(!0);this[0].parentNode&&t.insertBefore(this[0]),t.map(function(){for(var e=this;e.firstChild&&1===e.firstChild.nodeType;)e=e.firstChild;return e}).append(this)}return this},wrapInner:function(e){return pe.isFunction(e)?this.each(function(t){pe(this).wrapInner(e.call(this,t))}):this.each(function(){var t=pe(this),n=t.contents();n.length?n.wrapAll(e):t.append(e)})},wrap:function(e){var t=pe.isFunction(e);return this.each(function(n){pe(this).wrapAll(t?e.call(this,n):e)})},unwrap:function(){return this.parent().each(function(){pe.nodeName(this,"body")||pe(this).replaceWith(this.childNodes)}).end()}}),pe.expr.filters.hidden=function(e){return fe.reliableHiddenOffsets()?e.offsetWidth<=0&&e.offsetHeight<=0&&!e.getClientRects().length:K(e)},pe.expr.filters.visible=function(e){return!pe.expr.filters.hidden(e)};var nn=/%20/g,rn=/\[\]$/,on=/\r?\n/g,an=/^(?:submit|button|image|reset|file)$/i,sn=/^(?:input|select|textarea|keygen)/i;pe.param=function(e,t){var n,r=[],i=function(e,t){t=pe.isFunction(t)?t():null==t?"":t,r[r.length]=encodeURIComponent(e)+"="+encodeURIComponent(t)};if(void 0===t&&(t=pe.ajaxSettings&&pe.ajaxSettings.traditional),pe.isArray(e)||e.jquery&&!pe.isPlainObject(e))pe.each(e,function(){i(this.name,this.value)});else for(n in e)Q(n,e[n],t,i);return r.join("&").replace(nn,"+")},pe.fn.extend({serialize:function(){return pe.param(this.serializeArray())},serializeArray:function(){return this.map(function(){var e=pe.prop(this,"elements");return e?pe.makeArray(e):this}).filter(function(){var e=this.type;return this.name&&!pe(this).is(":disabled")&&sn.test(this.nodeName)&&!an.test(e)&&(this.checked||!Be.test(e))}).map(function(e,t){var n=pe(this).val();return null==n?null:pe.isArray(n)?pe.map(n,function(e){return{name:t.name,value:e.replace(on,"\r\n")}}):{name:t.name,value:n.replace(on,"\r\n")}}).get()}}),pe.ajaxSettings.xhr=void 0!==e.ActiveXObject?function(){return this.isLocal?ee():re.documentMode>8?Z():/^(get|post|head|put|delete|options)$/i.test(this.type)&&Z()||ee()}:Z;var un=0,ln={},cn=pe.ajaxSettings.xhr();e.attachEvent&&e.attachEvent("onunload",function(){for(var e in ln)ln[e](void 0,!0)}),fe.cors=!!cn&&"withCredentials"in cn,cn=fe.ajax=!!cn,cn&&pe.ajaxTransport(function(t){if(!t.crossDomain||fe.cors){var n;return{send:function(r,i){var o,a=t.xhr(),s=++un;if(a.open(t.type,t.url,t.async,t.username,t.password),t.xhrFields)for(o in t.xhrFields)a[o]=t.xhrFields[o];t.mimeType&&a.overrideMimeType&&a.overrideMimeType(t.mimeType),t.crossDomain||r["X-Requested-With"]||(r["X-Requested-With"]="XMLHttpRequest");for(o in r)void 0!==r[o]&&a.setRequestHeader(o,r[o]+"");a.send(t.hasContent&&t.data||null),n=function(e,r){var o,u,l;if(n&&(r||4===a.readyState))if(delete ln[s],n=void 0,a.onreadystatechange=pe.noop,r)4!==a.readyState&&a.abort();else{l={},o=a.status,"string"==typeof a.responseText&&(l.text=a.responseText);try{u=a.statusText}catch(c){u=""}o||!t.isLocal||t.crossDomain?1223===o&&(o=204):o=l.text?200:404}l&&i(o,u,l,a.getAllResponseHeaders())},t.async?4===a.readyState?e.setTimeout(n):a.onreadystatechange=ln[s]=n:n()},abort:function(){n&&n(void 0,!0)}}}}),pe.ajaxSetup({accepts:{script:"text/javascript, application/javascript, application/ecmascript, application/x-ecmascript"},contents:{script:/\b(?:java|ecma)script\b/},converters:{"text script":function(e){return pe.globalEval(e),e}}}),pe.ajaxPrefilter("script",function(e){void 0===e.cache&&(e.cache=!1),e.crossDomain&&(e.type="GET",e.global=!1)}),pe.ajaxTransport("script",function(e){if(e.crossDomain){var t,n=re.head||pe("head")[0]||re.documentElement;return{send:function(r,i){t=re.createElement("script"),t.async=!0,e.scriptCharset&&(t.charset=e.scriptCharset),t.src=e.url,t.onload=t.onreadystatechange=function(e,n){(n||!t.readyState||/loaded|complete/.test(t.readyState))&&(t.onload=t.onreadystatechange=null,t.parentNode&&t.parentNode.removeChild(t),t=null,n||i(200,"success"))},n.insertBefore(t,n.firstChild)},abort:function(){t&&t.onload(void 0,!0)}}}});var fn=[],dn=/(=)\?(?=&|$)|\?\?/;pe.ajaxSetup({jsonp:"callback",jsonpCallback:function(){var e=fn.pop()||pe.expando+"_"+Wt++;return this[e]=!0,e}}),pe.ajaxPrefilter("json jsonp",function(t,n,r){var i,o,a,s=t.jsonp!==!1&&(dn.test(t.url)?"url":"string"==typeof t.data&&0===(t.contentType||"").indexOf("application/x-www-form-urlencoded")&&dn.test(t.data)&&"data");if(s||"jsonp"===t.dataTypes[0])return i=t.jsonpCallback=pe.isFunction(t.jsonpCallback)?t.jsonpCallback():t.jsonpCallback,s?t[s]=t[s].replace(dn,"$1"+i):t.jsonp!==!1&&(t.url+=(It.test(t.url)?"&":"?")+t.jsonp+"="+i),t.converters["script json"]=function(){return a||pe.error(i+" was not called"),a[0]},t.dataTypes[0]="json",o=e[i],e[i]=function(){a=arguments},r.always(function(){void 0===o?pe(e).removeProp(i):e[i]=o,t[i]&&(t.jsonpCallback=n.jsonpCallback,fn.push(i)),a&&pe.isFunction(o)&&o(a[0]),a=o=void 0}),"script"}),pe.parseHTML=function(e,t,n){if(!e||"string"!=typeof e)return null;"boolean"==typeof t&&(n=t,t=!1),t=t||re;var r=Te.exec(e),i=!n&&[];return r?[t.createElement(r[1])]:(r=y([e],t,i),i&&i.length&&pe(i).remove(),pe.merge([],r.childNodes))};var pn=pe.fn.load;return pe.fn.load=function(e,t,n){if("string"!=typeof e&&pn)return pn.apply(this,arguments);var r,i,o,a=this,s=e.indexOf(" ");return s>-1&&(r=pe.trim(e.slice(s,e.length)),e=e.slice(0,s)),pe.isFunction(t)?(n=t,t=void 0):t&&"object"==typeof t&&(i="POST"),a.length>0&&pe.ajax({url:e,type:i||"GET",dataType:"html",data:t}).done(function(e){o=arguments,a.html(r?pe("<div>").append(pe.parseHTML(e)).find(r):e)}).always(n&&function(e,t){a.each(function(){n.apply(this,o||[e.responseText,t,e])})}),this},pe.each(["ajaxStart","ajaxStop","ajaxComplete","ajaxError","ajaxSuccess","ajaxSend"],function(e,t){pe.fn[t]=function(e){return this.on(t,e)}}),pe.expr.filters.animated=function(e){return pe.grep(pe.timers,function(t){return e===t.elem}).length},pe.offset={setOffset:function(e,t,n){var r,i,o,a,s,u,l,c=pe.css(e,"position"),f=pe(e),d={};"static"===c&&(e.style.position="relative"),s=f.offset(),o=pe.css(e,"top"),u=pe.css(e,"left"),l=("absolute"===c||"fixed"===c)&&pe.inArray("auto",[o,u])>-1,l?(r=f.position(),a=r.top,i=r.left):(a=parseFloat(o)||0,i=parseFloat(u)||0),pe.isFunction(t)&&(t=t.call(e,n,pe.extend({},s))),null!=t.top&&(d.top=t.top-s.top+a),null!=t.left&&(d.left=t.left-s.left+i),"using"in t?t.using.call(e,d):f.css(d)}},pe.fn.extend({offset:function(e){if(arguments.length)return void 0===e?this:this.each(function(t){pe.offset.setOffset(this,e,t)});var t,n,r={top:0,left:0},i=this[0],o=i&&i.ownerDocument;if(o)return t=o.documentElement,pe.contains(t,i)?("undefined"!=typeof i.getBoundingClientRect&&(r=i.getBoundingClientRect()),n=te(o),{top:r.top+(n.pageYOffset||t.scrollTop)-(t.clientTop||0),left:r.left+(n.pageXOffset||t.scrollLeft)-(t.clientLeft||0)}):r},position:function(){if(this[0]){var e,t,n={top:0,left:0},r=this[0];return"fixed"===pe.css(r,"position")?t=r.getBoundingClientRect():(e=this.offsetParent(),t=this.offset(),pe.nodeName(e[0],"html")||(n=e.offset()),n.top+=pe.css(e[0],"borderTopWidth",!0),n.left+=pe.css(e[0],"borderLeftWidth",!0)),{top:t.top-n.top-pe.css(r,"marginTop",!0),left:t.left-n.left-pe.css(r,"marginLeft",!0)}}},offsetParent:function(){return this.map(function(){
+for(var e=this.offsetParent;e&&!pe.nodeName(e,"html")&&"static"===pe.css(e,"position");)e=e.offsetParent;return e||pt})}}),pe.each({scrollLeft:"pageXOffset",scrollTop:"pageYOffset"},function(e,t){var n=/Y/.test(t);pe.fn[e]=function(r){return Pe(this,function(e,r,i){var o=te(e);return void 0===i?o?t in o?o[t]:o.document.documentElement[r]:e[r]:void(o?o.scrollTo(n?pe(o).scrollLeft():i,n?i:pe(o).scrollTop()):e[r]=i)},e,r,arguments.length,null)}}),pe.each(["top","left"],function(e,t){pe.cssHooks[t]=L(fe.pixelPosition,function(e,n){if(n)return n=gt(e,t),ft.test(n)?pe(e).position()[t]+"px":n})}),pe.each({Height:"height",Width:"width"},function(e,t){pe.each({padding:"inner"+e,content:t,"":"outer"+e},function(n,r){pe.fn[r]=function(r,i){var o=arguments.length&&(n||"boolean"!=typeof r),a=n||(r===!0||i===!0?"margin":"border");return Pe(this,function(t,n,r){var i;return pe.isWindow(t)?t.document.documentElement["client"+e]:9===t.nodeType?(i=t.documentElement,Math.max(t.body["scroll"+e],i["scroll"+e],t.body["offset"+e],i["offset"+e],i["client"+e])):void 0===r?pe.css(t,n,a):pe.style(t,n,r,a)},t,o?r:void 0,o,null)}})}),pe.fn.extend({bind:function(e,t,n){return this.on(e,null,t,n)},unbind:function(e,t){return this.off(e,null,t)},delegate:function(e,t,n,r){return this.on(t,e,n,r)},undelegate:function(e,t,n){return 1===arguments.length?this.off(e,"**"):this.off(t,e||"**",n)}}),pe.fn.size=function(){return this.length},pe.fn.andSelf=pe.fn.addBack,layui.define(function(e){layui.$=pe,e("jquery",pe)}),pe});
\ No newline at end of file
diff --git a/src/main/resources/static/JS/layui/lay/modules/laydate.js b/src/main/resources/static/JS/layui/lay/modules/laydate.js
new file mode 100644
index 0000000..0766cb5
--- /dev/null
+++ b/src/main/resources/static/JS/layui/lay/modules/laydate.js
@@ -0,0 +1,2 @@
+/** layui-v2.5.6 MIT License By https://www.layui.com */
+ ;!function(){"use strict";var e=window.layui&&layui.define,t={getPath:function(){var e=document.currentScript?document.currentScript.src:function(){for(var e,t=document.scripts,n=t.length-1,a=n;a>0;a--)if("interactive"===t[a].readyState){e=t[a].src;break}return e||t[n].src}();return e.substring(0,e.lastIndexOf("/")+1)}(),getStyle:function(e,t){var n=e.currentStyle?e.currentStyle:window.getComputedStyle(e,null);return n[n.getPropertyValue?"getPropertyValue":"getAttribute"](t)},link:function(e,a,i){if(n.path){var r=document.getElementsByTagName("head")[0],o=document.createElement("link");"string"==typeof a&&(i=a);var s=(i||e).replace(/\.|\//g,""),l="layuicss-"+s,d=0;o.rel="stylesheet",o.href=n.path+e,o.id=l,document.getElementById(l)||r.appendChild(o),"function"==typeof a&&!function c(){return++d>80?window.console&&console.error("laydate.css: Invalid"):void(1989===parseInt(t.getStyle(document.getElementById(l),"width"))?a():setTimeout(c,100))}()}}},n={v:"5.0.9",config:{},index:window.laydate&&window.laydate.v?1e5:0,path:t.getPath,set:function(e){var t=this;return t.config=w.extend({},t.config,e),t},ready:function(a){var i="laydate",r="",o=(e?"modules/laydate/":"theme/")+"default/laydate.css?v="+n.v+r;return e?layui.addcss(o,a,i):t.link(o,a,i),this}},a=function(){var e=this;return{hint:function(t){e.hint.call(e,t)},config:e.config}},i="laydate",r=".layui-laydate",o="layui-this",s="laydate-disabled",l="寮�濮嬫棩鏈熻秴鍑轰簡缁撴潫鏃ユ湡<br>寤鸿閲嶆柊閫夋嫨",d=[100,2e5],c="layui-laydate-static",m="layui-laydate-list",u="laydate-selected",h="layui-laydate-hint",y="laydate-day-prev",f="laydate-day-next",p="layui-laydate-footer",g=".laydate-btns-confirm",v="laydate-time-text",D=".laydate-btns-time",T=function(e){var t=this;t.index=++n.index,t.config=w.extend({},t.config,n.config,e),n.ready(function(){t.init()})},w=function(e){return new C(e)},C=function(e){for(var t=0,n="object"==typeof e?[e]:(this.selector=e,document.querySelectorAll(e||null));t<n.length;t++)this.push(n[t])};C.prototype=[],C.prototype.constructor=C,w.extend=function(){var e=1,t=arguments,n=function(e,t){e=e||(t.constructor===Array?[]:{});for(var a in t)e[a]=t[a]&&t[a].constructor===Object?n(e[a],t[a]):t[a];return e};for(t[0]="object"==typeof t[0]?t[0]:{};e<t.length;e++)"object"==typeof t[e]&&n(t[0],t[e]);return t[0]},w.ie=function(){var e=navigator.userAgent.toLowerCase();return!!(window.ActiveXObject||"ActiveXObject"in window)&&((e.match(/msie\s(\d+)/)||[])[1]||"11")}(),w.stope=function(e){e=e||window.event,e.stopPropagation?e.stopPropagation():e.cancelBubble=!0},w.each=function(e,t){var n,a=this;if("function"!=typeof t)return a;if(e=e||[],e.constructor===Object){for(n in e)if(t.call(e[n],n,e[n]))break}else for(n=0;n<e.length&&!t.call(e[n],n,e[n]);n++);return a},w.digit=function(e,t,n){var a="";e=String(e),t=t||2;for(var i=e.length;i<t;i++)a+="0";return e<Math.pow(10,t)?a+(0|e):e},w.elem=function(e,t){var n=document.createElement(e);return w.each(t||{},function(e,t){n.setAttribute(e,t)}),n},C.addStr=function(e,t){return e=e.replace(/\s+/," "),t=t.replace(/\s+/," ").split(" "),w.each(t,function(t,n){new RegExp("\\b"+n+"\\b").test(e)||(e=e+" "+n)}),e.replace(/^\s|\s$/,"")},C.removeStr=function(e,t){return e=e.replace(/\s+/," "),t=t.replace(/\s+/," ").split(" "),w.each(t,function(t,n){var a=new RegExp("\\b"+n+"\\b");a.test(e)&&(e=e.replace(a,""))}),e.replace(/\s+/," ").replace(/^\s|\s$/,"")},C.prototype.find=function(e){var t=this,n=0,a=[],i="object"==typeof e;return this.each(function(r,o){for(var s=i?[e]:o.querySelectorAll(e||null);n<s.length;n++)a.push(s[n]);t.shift()}),i||(t.selector=(t.selector?t.selector+" ":"")+e),w.each(a,function(e,n){t.push(n)}),t},C.prototype.each=function(e){return w.each.call(this,this,e)},C.prototype.addClass=function(e,t){return this.each(function(n,a){a.className=C[t?"removeStr":"addStr"](a.className,e)})},C.prototype.removeClass=function(e){return this.addClass(e,!0)},C.prototype.hasClass=function(e){var t=!1;return this.each(function(n,a){new RegExp("\\b"+e+"\\b").test(a.className)&&(t=!0)}),t},C.prototype.attr=function(e,t){var n=this;return void 0===t?function(){if(n.length>0)return n[0].getAttribute(e)}():n.each(function(n,a){a.setAttribute(e,t)})},C.prototype.removeAttr=function(e){return this.each(function(t,n){n.removeAttribute(e)})},C.prototype.html=function(e){return this.each(function(t,n){n.innerHTML=e})},C.prototype.val=function(e){return this.each(function(t,n){n.value=e})},C.prototype.append=function(e){return this.each(function(t,n){"object"==typeof e?n.appendChild(e):n.innerHTML=n.innerHTML+e})},C.prototype.remove=function(e){return this.each(function(t,n){e?n.removeChild(e):n.parentNode.removeChild(n)})},C.prototype.on=function(e,t){return this.each(function(n,a){a.attachEvent?a.attachEvent("on"+e,function(e){e.target=e.srcElement,t.call(a,e)}):a.addEventListener(e,t,!1)})},C.prototype.off=function(e,t){return this.each(function(n,a){a.detachEvent?a.detachEvent("on"+e,t):a.removeEventListener(e,t,!1)})},T.isLeapYear=function(e){return e%4===0&&e%100!==0||e%400===0},T.prototype.config={type:"date",range:!1,format:"yyyy-MM-dd",value:null,isInitValue:!0,min:"1900-1-1",max:"2099-12-31",trigger:"focus",show:!1,showBottom:!0,btns:["clear","now","confirm"],lang:"cn",theme:"default",position:null,calendar:!1,mark:{},zIndex:null,done:null,change:null},T.prototype.lang=function(){var e=this,t=e.config,n={cn:{weeks:["鏃�","涓�","浜�","涓�","鍥�","浜�","鍏�"],time:["鏃�","鍒�","绉�"],timeTips:"閫夋嫨鏃堕棿",startTime:"寮�濮嬫椂闂�",endTime:"缁撴潫鏃堕棿",dateTips:"杩斿洖鏃ユ湡",month:["涓�","浜�","涓�","鍥�","浜�","鍏�","涓�","鍏�","涔�","鍗�","鍗佷竴","鍗佷簩"],tools:{confirm:"纭畾",clear:"娓呯┖",now:"鐜板湪"}},en:{weeks:["Su","Mo","Tu","We","Th","Fr","Sa"],time:["Hours","Minutes","Seconds"],timeTips:"Select Time",startTime:"Start Time",endTime:"End Time",dateTips:"Select Date",month:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],tools:{confirm:"Confirm",clear:"Clear",now:"Now"}}};return n[t.lang]||n.cn},T.prototype.init=function(){var e=this,t=e.config,n="yyyy|y|MM|M|dd|d|HH|H|mm|m|ss|s",a="static"===t.position,i={year:"yyyy",month:"yyyy-MM",date:"yyyy-MM-dd",time:"HH:mm:ss",datetime:"yyyy-MM-dd HH:mm:ss"};t.elem=w(t.elem),t.eventElem=w(t.eventElem),t.elem[0]&&(t.range===!0&&(t.range="-"),t.format===i.date&&(t.format=i[t.type]),e.format=t.format.match(new RegExp(n+"|.","g"))||[],e.EXP_IF="",e.EXP_SPLIT="",w.each(e.format,function(t,a){var i=new RegExp(n).test(a)?"\\d{"+function(){return new RegExp(n).test(e.format[0===t?t+1:t-1]||"")?/^yyyy|y$/.test(a)?4:a.length:/^yyyy$/.test(a)?"1,4":/^y$/.test(a)?"1,308":"1,2"}()+"}":"\\"+a;e.EXP_IF=e.EXP_IF+i,e.EXP_SPLIT=e.EXP_SPLIT+"("+i+")"}),e.EXP_IF=new RegExp("^"+(t.range?e.EXP_IF+"\\s\\"+t.range+"\\s"+e.EXP_IF:e.EXP_IF)+"$"),e.EXP_SPLIT=new RegExp("^"+e.EXP_SPLIT+"$",""),e.isInput(t.elem[0])||"focus"===t.trigger&&(t.trigger="click"),t.elem.attr("lay-key")||(t.elem.attr("lay-key",e.index),t.eventElem.attr("lay-key",e.index)),t.mark=w.extend({},t.calendar&&"cn"===t.lang?{"0-1-1":"鍏冩棪","0-2-14":"鎯呬汉","0-3-8":"濡囧コ","0-3-12":"妞嶆爲","0-4-1":"鎰氫汉","0-5-1":"鍔冲姩","0-5-4":"闈掑勾","0-6-1":"鍎跨","0-9-10":"鏁欏笀","0-9-18":"鍥借��","0-10-1":"鍥藉簡","0-12-25":"鍦ｈ癁"}:{},t.mark),w.each(["min","max"],function(e,n){var a=[],i=[];if("number"==typeof t[n]){var r=t[n],o=(new Date).getTime(),s=864e5,l=new Date(r?r<s?o+r*s:r:o);a=[l.getFullYear(),l.getMonth()+1,l.getDate()],r<s||(i=[l.getHours(),l.getMinutes(),l.getSeconds()])}else a=(t[n].match(/\d+-\d+-\d+/)||[""])[0].split("-"),i=(t[n].match(/\d+:\d+:\d+/)||[""])[0].split(":");t[n]={year:0|a[0]||(new Date).getFullYear(),month:a[1]?(0|a[1])-1:(new Date).getMonth(),date:0|a[2]||(new Date).getDate(),hours:0|i[0],minutes:0|i[1],seconds:0|i[2]}}),e.elemID="layui-laydate"+t.elem.attr("lay-key"),(t.show||a)&&e.render(),a||e.events(),t.value&&t.isInitValue&&(t.value.constructor===Date?e.setValue(e.parse(0,e.systemDate(t.value))):e.setValue(t.value)))},T.prototype.render=function(){var e=this,t=e.config,n=e.lang(),a="static"===t.position,i=e.elem=w.elem("div",{id:e.elemID,"class":["layui-laydate",t.range?" layui-laydate-range":"",a?" "+c:"",t.theme&&"default"!==t.theme&&!/^#/.test(t.theme)?" laydate-theme-"+t.theme:""].join("")}),r=e.elemMain=[],o=e.elemHeader=[],s=e.elemCont=[],l=e.table=[],d=e.footer=w.elem("div",{"class":p});if(t.zIndex&&(i.style.zIndex=t.zIndex),w.each(new Array(2),function(e){if(!t.range&&e>0)return!0;var a=w.elem("div",{"class":"layui-laydate-header"}),i=[function(){var e=w.elem("i",{"class":"layui-icon laydate-icon laydate-prev-y"});return e.innerHTML="",e}(),function(){var e=w.elem("i",{"class":"layui-icon laydate-icon laydate-prev-m"});return e.innerHTML="",e}(),function(){var e=w.elem("div",{"class":"laydate-set-ym"}),t=w.elem("span"),n=w.elem("span");return e.appendChild(t),e.appendChild(n),e}(),function(){var e=w.elem("i",{"class":"layui-icon laydate-icon laydate-next-m"});return e.innerHTML="",e}(),function(){var e=w.elem("i",{"class":"layui-icon laydate-icon laydate-next-y"});return e.innerHTML="",e}()],d=w.elem("div",{"class":"layui-laydate-content"}),c=w.elem("table"),m=w.elem("thead"),u=w.elem("tr");w.each(i,function(e,t){a.appendChild(t)}),m.appendChild(u),w.each(new Array(6),function(e){var t=c.insertRow(0);w.each(new Array(7),function(a){if(0===e){var i=w.elem("th");i.innerHTML=n.weeks[a],u.appendChild(i)}t.insertCell(a)})}),c.insertBefore(m,c.children[0]),d.appendChild(c),r[e]=w.elem("div",{"class":"layui-laydate-main laydate-main-list-"+e}),r[e].appendChild(a),r[e].appendChild(d),o.push(i),s.push(d),l.push(c)}),w(d).html(function(){var e=[],i=[];return"datetime"===t.type&&e.push('<span lay-type="datetime" class="laydate-btns-time">'+n.timeTips+"</span>"),w.each(t.btns,function(e,r){var o=n.tools[r]||"btn";t.range&&"now"===r||(a&&"clear"===r&&(o="cn"===t.lang?"閲嶇疆":"Reset"),i.push('<span lay-type="'+r+'" class="laydate-btns-'+r+'">'+o+"</span>"))}),e.push('<div class="laydate-footer-btns">'+i.join("")+"</div>"),e.join("")}()),w.each(r,function(e,t){i.appendChild(t)}),t.showBottom&&i.appendChild(d),/^#/.test(t.theme)){var m=w.elem("style"),u=["#{{id}} .layui-laydate-header{background-color:{{theme}};}","#{{id}} .layui-this{background-color:{{theme}} !important;}"].join("").replace(/{{id}}/g,e.elemID).replace(/{{theme}}/g,t.theme);"styleSheet"in m?(m.setAttribute("type","text/css"),m.styleSheet.cssText=u):m.innerHTML=u,w(i).addClass("laydate-theme-molv"),i.appendChild(m)}e.remove(T.thisElemDate),a?t.elem.append(i):(document.body.appendChild(i),e.position()),e.checkDate().calendar(),e.changeEvent(),T.thisElemDate=e.elemID,"function"==typeof t.ready&&t.ready(w.extend({},t.dateTime,{month:t.dateTime.month+1}))},T.prototype.remove=function(e){var t=this,n=(t.config,w("#"+(e||t.elemID)));return n.hasClass(c)||t.checkDate(function(){n.remove()}),t},T.prototype.position=function(){var e=this,t=e.config,n=e.bindElem||t.elem[0],a=n.getBoundingClientRect(),i=e.elem.offsetWidth,r=e.elem.offsetHeight,o=function(e){return e=e?"scrollLeft":"scrollTop",document.body[e]|document.documentElement[e]},s=function(e){return document.documentElement[e?"clientWidth":"clientHeight"]},l=5,d=a.left,c=a.bottom;d+i+l>s("width")&&(d=s("width")-i-l),c+r+l>s()&&(c=a.top>r?a.top-r:s()-r,c-=2*l),t.position&&(e.elem.style.position=t.position),e.elem.style.left=d+("fixed"===t.position?0:o(1))+"px",e.elem.style.top=c+("fixed"===t.position?0:o())+"px"},T.prototype.hint=function(e){var t=this,n=(t.config,w.elem("div",{"class":h}));t.elem&&(n.innerHTML=e||"",w(t.elem).find("."+h).remove(),t.elem.appendChild(n),clearTimeout(t.hinTimer),t.hinTimer=setTimeout(function(){w(t.elem).find("."+h).remove()},3e3))},T.prototype.getAsYM=function(e,t,n){return n?t--:t++,t<0&&(t=11,e--),t>11&&(t=0,e++),[e,t]},T.prototype.systemDate=function(e){var t=e||new Date;return{year:t.getFullYear(),month:t.getMonth(),date:t.getDate(),hours:e?e.getHours():0,minutes:e?e.getMinutes():0,seconds:e?e.getSeconds():0}},T.prototype.checkDate=function(e){var t,a,i=this,r=(new Date,i.config),o=r.dateTime=r.dateTime||i.systemDate(),s=i.bindElem||r.elem[0],l=(i.isInput(s)?"val":"html",i.isInput(s)?s.value:"static"===r.position?"":s.innerHTML),c=function(e){e.year>d[1]&&(e.year=d[1],a=!0),e.month>11&&(e.month=11,a=!0),e.hours>23&&(e.hours=0,a=!0),e.minutes>59&&(e.minutes=0,e.hours++,a=!0),e.seconds>59&&(e.seconds=0,e.minutes++,a=!0),t=n.getEndDate(e.month+1,e.year),e.date>t&&(e.date=t,a=!0)},m=function(e,t,n){var o=["startTime","endTime"];t=(t.match(i.EXP_SPLIT)||[]).slice(1),n=n||0,r.range&&(i[o[n]]=i[o[n]]||{}),w.each(i.format,function(s,l){var c=parseFloat(t[s]);t[s].length<l.length&&(a=!0),/yyyy|y/.test(l)?(c<d[0]&&(c=d[0],a=!0),e.year=c):/MM|M/.test(l)?(c<1&&(c=1,a=!0),e.month=c-1):/dd|d/.test(l)?(c<1&&(c=1,a=!0),e.date=c):/HH|H/.test(l)?(c<1&&(c=0,a=!0),e.hours=c,r.range&&(i[o[n]].hours=c)):/mm|m/.test(l)?(c<1&&(c=0,a=!0),e.minutes=c,r.range&&(i[o[n]].minutes=c)):/ss|s/.test(l)&&(c<1&&(c=0,a=!0),e.seconds=c,r.range&&(i[o[n]].seconds=c))}),c(e)};return"limit"===e?(c(o),i):(l=l||r.value,"string"==typeof l&&(l=l.replace(/\s+/g," ").replace(/^\s|\s$/g,"")),i.startState&&!i.endState&&(delete i.startState,i.endState=!0),"string"==typeof l&&l?i.EXP_IF.test(l)?r.range?(l=l.split(" "+r.range+" "),i.startDate=i.startDate||i.systemDate(),i.endDate=i.endDate||i.systemDate(),r.dateTime=w.extend({},i.startDate),w.each([i.startDate,i.endDate],function(e,t){m(t,l[e],e)})):m(o,l):(i.hint("鏃ユ湡鏍煎紡涓嶅悎娉�<br>蹇呴』閬靛惊涓嬭堪鏍煎紡锛�<br>"+(r.range?r.format+" "+r.range+" "+r.format:r.format)+"<br>宸蹭负浣犻噸缃�"),a=!0):l&&l.constructor===Date?r.dateTime=i.systemDate(l):(r.dateTime=i.systemDate(),delete i.startState,delete i.endState,delete i.startDate,delete i.endDate,delete i.startTime,delete i.endTime),c(o),a&&l&&i.setValue(r.range?i.endDate?i.parse():"":i.parse()),e&&e(),i)},T.prototype.mark=function(e,t){var n,a=this,i=a.config;return w.each(i.mark,function(e,a){var i=e.split("-");i[0]!=t[0]&&0!=i[0]||i[1]!=t[1]&&0!=i[1]||i[2]!=t[2]||(n=a||t[2])}),n&&e.html('<span class="laydate-day-mark">'+n+"</span>"),a},T.prototype.limit=function(e,t,n,a){var i,r=this,o=r.config,l={},d=o[n>41?"endDate":"dateTime"],c=w.extend({},d,t||{});return w.each({now:c,min:o.min,max:o.max},function(e,t){l[e]=r.newDate(w.extend({year:t.year,month:t.month,date:t.date},function(){var e={};return w.each(a,function(n,a){e[a]=t[a]}),e}())).getTime()}),i=l.now<l.min||l.now>l.max,e&&e[i?"addClass":"removeClass"](s),i},T.prototype.calendar=function(e){var t,a,i,r=this,s=r.config,l=e||s.dateTime,c=new Date,m=r.lang(),u="date"!==s.type&&"datetime"!==s.type,h=e?1:0,y=w(r.table[h]).find("td"),f=w(r.elemHeader[h][2]).find("span");if(l.year<d[0]&&(l.year=d[0],r.hint("鏈�浣庡彧鑳芥敮鎸佸埌鍏厓"+d[0]+"骞�")),l.year>d[1]&&(l.year=d[1],r.hint("鏈�楂樺彧鑳芥敮鎸佸埌鍏厓"+d[1]+"骞�")),r.firstDate||(r.firstDate=w.extend({},l)),c.setFullYear(l.year,l.month,1),t=c.getDay(),a=n.getEndDate(l.month||12,l.year),i=n.getEndDate(l.month+1,l.year),w.each(y,function(e,n){var d=[l.year,l.month],c=0;n=w(n),n.removeAttr("class"),e<t?(c=a-t+e,n.addClass("laydate-day-prev"),d=r.getAsYM(l.year,l.month,"sub")):e>=t&&e<i+t?(c=e-t,s.range||c+1===l.date&&n.addClass(o)):(c=e-i-t,n.addClass("laydate-day-next"),d=r.getAsYM(l.year,l.month)),d[1]++,d[2]=c+1,n.attr("lay-ymd",d.join("-")).html(d[2]),r.mark(n,d).limit(n,{year:d[0],month:d[1]-1,date:d[2]},e)}),w(f[0]).attr("lay-ym",l.year+"-"+(l.month+1)),w(f[1]).attr("lay-ym",l.year+"-"+(l.month+1)),"cn"===s.lang?(w(f[0]).attr("lay-type","year").html(l.year+"骞�"),w(f[1]).attr("lay-type","month").html(l.month+1+"鏈�")):(w(f[0]).attr("lay-type","month").html(m.month[l.month]),w(f[1]).attr("lay-type","year").html(l.year)),u&&(s.range&&(e?r.endDate=r.endDate||{year:l.year+("year"===s.type?1:0),month:l.month+("month"===s.type?0:-1)}:r.startDate=r.startDate||{year:l.year,month:l.month},e&&(r.listYM=[[r.startDate.year,r.startDate.month+1],[r.endDate.year,r.endDate.month+1]],r.list(s.type,0).list(s.type,1),"time"===s.type?r.setBtnStatus("鏃堕棿",w.extend({},r.systemDate(),r.startTime),w.extend({},r.systemDate(),r.endTime)):r.setBtnStatus(!0))),s.range||(r.listYM=[[l.year,l.month+1]],r.list(s.type,0))),s.range&&!e){var p=r.getAsYM(l.year,l.month);r.calendar(w.extend({},l,{year:p[0],month:p[1]}))}return s.range||r.limit(w(r.footer).find(g),null,0,["hours","minutes","seconds"]),s.range&&e&&!u&&r.stampRange(),r},T.prototype.list=function(e,t){var n=this,a=n.config,i=a.dateTime,r=n.lang(),l=a.range&&"date"!==a.type&&"datetime"!==a.type,d=w.elem("ul",{"class":m+" "+{year:"laydate-year-list",month:"laydate-month-list",time:"laydate-time-list"}[e]}),c=n.elemHeader[t],u=w(c[2]).find("span"),h=n.elemCont[t||0],y=w(h).find("."+m)[0],f="cn"===a.lang,p=f?"骞�":"",T=n.listYM[t]||{},C=["hours","minutes","seconds"],x=["startTime","endTime"][t];if(T[0]<1&&(T[0]=1),"year"===e){var M,b=M=T[0]-7;b<1&&(b=M=1),w.each(new Array(15),function(e){var i=w.elem("li",{"lay-ym":M}),r={year:M};M==T[0]&&w(i).addClass(o),i.innerHTML=M+p,d.appendChild(i),M<n.firstDate.year?(r.month=a.min.month,r.date=a.min.date):M>=n.firstDate.year&&(r.month=a.max.month,r.date=a.max.date),n.limit(w(i),r,t),M++}),w(u[f?0:1]).attr("lay-ym",M-8+"-"+T[1]).html(b+p+" - "+(M-1+p))}else if("month"===e)w.each(new Array(12),function(e){var i=w.elem("li",{"lay-ym":e}),s={year:T[0],month:e};e+1==T[1]&&w(i).addClass(o),i.innerHTML=r.month[e]+(f?"鏈�":""),d.appendChild(i),T[0]<n.firstDate.year?s.date=a.min.date:T[0]>=n.firstDate.year&&(s.date=a.max.date),n.limit(w(i),s,t)}),w(u[f?0:1]).attr("lay-ym",T[0]+"-"+T[1]).html(T[0]+p);else if("time"===e){var E=function(){w(d).find("ol").each(function(e,a){w(a).find("li").each(function(a,i){n.limit(w(i),[{hours:a},{hours:n[x].hours,minutes:a},{hours:n[x].hours,minutes:n[x].minutes,seconds:a}][e],t,[["hours"],["hours","minutes"],["hours","minutes","seconds"]][e])})}),a.range||n.limit(w(n.footer).find(g),n[x],0,["hours","minutes","seconds"])};a.range?n[x]||(n[x]={hours:0,minutes:0,seconds:0}):n[x]=i,w.each([24,60,60],function(e,t){var a=w.elem("li"),i=["<p>"+r.time[e]+"</p><ol>"];w.each(new Array(t),function(t){i.push("<li"+(n[x][C[e]]===t?' class="'+o+'"':"")+">"+w.digit(t,2)+"</li>")}),a.innerHTML=i.join("")+"</ol>",d.appendChild(a)}),E()}if(y&&h.removeChild(y),h.appendChild(d),"year"===e||"month"===e)w(n.elemMain[t]).addClass("laydate-ym-show"),w(d).find("li").on("click",function(){var r=0|w(this).attr("lay-ym");if(!w(this).hasClass(s)){if(0===t)i[e]=r,l&&(n.startDate[e]=r),n.limit(w(n.footer).find(g),null,0);else if(l)n.endDate[e]=r;else{var c="year"===e?n.getAsYM(r,T[1]-1,"sub"):n.getAsYM(T[0],r,"sub");w.extend(i,{year:c[0],month:c[1]})}"year"===a.type||"month"===a.type?(w(d).find("."+o).removeClass(o),w(this).addClass(o),"month"===a.type&&"year"===e&&(n.listYM[t][0]=r,l&&(n[["startDate","endDate"][t]].year=r),n.list("month",t))):(n.checkDate("limit").calendar(),n.closeList()),n.setBtnStatus(),a.range||n.done(null,"change"),w(n.footer).find(D).removeClass(s)}});else{var S=w.elem("span",{"class":v}),k=function(){w(d).find("ol").each(function(e){var t=this,a=w(t).find("li");t.scrollTop=30*(n[x][C[e]]-2),t.scrollTop<=0&&a.each(function(e,n){if(!w(this).hasClass(s))return t.scrollTop=30*(e-2),!0})})},H=w(c[2]).find("."+v);k(),S.innerHTML=a.range?[r.startTime,r.endTime][t]:r.timeTips,w(n.elemMain[t]).addClass("laydate-time-show"),H[0]&&H.remove(),c[2].appendChild(S),w(d).find("ol").each(function(e){var t=this;w(t).find("li").on("click",function(){var r=0|this.innerHTML;w(this).hasClass(s)||(a.range?n[x][C[e]]=r:i[C[e]]=r,w(t).find("."+o).removeClass(o),w(this).addClass(o),E(),k(),(n.endDate||"time"===a.type)&&n.done(null,"change"),n.setBtnStatus())})})}return n},T.prototype.listYM=[],T.prototype.closeList=function(){var e=this;e.config;w.each(e.elemCont,function(t,n){w(this).find("."+m).remove(),w(e.elemMain[t]).removeClass("laydate-ym-show laydate-time-show")}),w(e.elem).find("."+v).remove()},T.prototype.setBtnStatus=function(e,t,n){var a,i=this,r=i.config,o=w(i.footer).find(g),d=r.range&&"date"!==r.type&&"time"!==r.type;d&&(t=t||i.startDate,n=n||i.endDate,a=i.newDate(t).getTime()>i.newDate(n).getTime(),i.limit(null,t)||i.limit(null,n)?o.addClass(s):o[a?"addClass":"removeClass"](s),e&&a&&i.hint("string"==typeof e?l.replace(/鏃ユ湡/g,e):l))},T.prototype.parse=function(e,t){var n=this,a=n.config,i=t||(e?w.extend({},n.endDate,n.endTime):a.range?w.extend({},n.startDate,n.startTime):a.dateTime),r=n.format.concat();return w.each(r,function(e,t){/yyyy|y/.test(t)?r[e]=w.digit(i.year,t.length):/MM|M/.test(t)?r[e]=w.digit(i.month+1,t.length):/dd|d/.test(t)?r[e]=w.digit(i.date,t.length):/HH|H/.test(t)?r[e]=w.digit(i.hours,t.length):/mm|m/.test(t)?r[e]=w.digit(i.minutes,t.length):/ss|s/.test(t)&&(r[e]=w.digit(i.seconds,t.length))}),a.range&&!e?r.join("")+" "+a.range+" "+n.parse(1):r.join("")},T.prototype.newDate=function(e){return e=e||{},new Date(e.year||1,e.month||0,e.date||1,e.hours||0,e.minutes||0,e.seconds||0)},T.prototype.setValue=function(e){var t=this,n=t.config,a=t.bindElem||n.elem[0],i=t.isInput(a)?"val":"html";return"static"===n.position||w(a)[i](e||""),this},T.prototype.stampRange=function(){var e,t,n=this,a=n.config,i=w(n.elem).find("td");if(a.range&&!n.endDate&&w(n.footer).find(g).addClass(s),n.endDate)return e=n.newDate({year:n.startDate.year,month:n.startDate.month,date:n.startDate.date}).getTime(),t=n.newDate({year:n.endDate.year,month:n.endDate.month,date:n.endDate.date}).getTime(),e>t?n.hint(l):void w.each(i,function(a,i){var r=w(i).attr("lay-ymd").split("-"),s=n.newDate({year:r[0],month:r[1]-1,date:r[2]}).getTime();w(i).removeClass(u+" "+o),s!==e&&s!==t||w(i).addClass(w(i).hasClass(y)||w(i).hasClass(f)?u:o),s>e&&s<t&&w(i).addClass(u)})},T.prototype.done=function(e,t){var n=this,a=n.config,i=w.extend({},n.startDate?w.extend(n.startDate,n.startTime):a.dateTime),r=w.extend({},w.extend(n.endDate,n.endTime));return w.each([i,r],function(e,t){"month"in t&&w.extend(t,{month:t.month+1})}),e=e||[n.parse(),i,r],"function"==typeof a[t||"done"]&&a[t||"done"].apply(a,e),n},T.prototype.choose=function(e){var t=this,n=t.config,a=n.dateTime,i=w(t.elem).find("td"),r=e.attr("lay-ymd").split("-"),l=function(e){new Date;e&&w.extend(a,r),n.range&&(t.startDate?w.extend(t.startDate,r):t.startDate=w.extend({},r,t.startTime),t.startYMD=r)};if(r={year:0|r[0],month:(0|r[1])-1,date:0|r[2]},!e.hasClass(s))if(n.range){if(w.each(["startTime","endTime"],function(e,n){t[n]=t[n]||{hours:0,minutes:0,seconds:0}}),t.endState)l(),delete t.endState,delete t.endDate,t.startState=!0,i.removeClass(o+" "+u),e.addClass(o);else if(t.startState){if(e.addClass(o),t.endDate?w.extend(t.endDate,r):t.endDate=w.extend({},r,t.endTime),t.newDate(r).getTime()<t.newDate(t.startYMD).getTime()){var d=w.extend({},t.endDate,{hours:t.startDate.hours,minutes:t.startDate.minutes,seconds:t.startDate.seconds});w.extend(t.endDate,t.startDate,{hours:t.endDate.hours,minutes:t.endDate.minutes,seconds:t.endDate.seconds}),t.startDate=d}n.showBottom||t.done(),t.stampRange(),t.endState=!0,t.done(null,"change")}else e.addClass(o),l(),t.startState=!0;w(t.footer).find(g)[t.endDate?"removeClass":"addClass"](s)}else"static"===n.position?(l(!0),t.calendar().done().done(null,"change")):"date"===n.type?(l(!0),t.setValue(t.parse()).remove().done()):"datetime"===n.type&&(l(!0),t.calendar().done(null,"change"))},T.prototype.tool=function(e,t){var n=this,a=n.config,i=a.dateTime,r="static"===a.position,o={datetime:function(){w(e).hasClass(s)||(n.list("time",0),a.range&&n.list("time",1),w(e).attr("lay-type","date").html(n.lang().dateTips))},date:function(){n.closeList(),w(e).attr("lay-type","datetime").html(n.lang().timeTips)},clear:function(){n.setValue("").remove(),r&&(w.extend(i,n.firstDate),n.calendar()),a.range&&(delete n.startState,delete n.endState,delete n.endDate,delete n.startTime,delete n.endTime),n.done(["",{},{}])},now:function(){var e=new Date;w.extend(i,n.systemDate(),{hours:e.getHours(),minutes:e.getMinutes(),seconds:e.getSeconds()}),n.setValue(n.parse()).remove(),r&&n.calendar(),n.done()},confirm:function(){if(a.range){if(!n.endDate)return n.hint("璇峰厛閫夋嫨鏃ユ湡鑼冨洿");if(w(e).hasClass(s))return n.hint("time"===a.type?l.replace(/鏃ユ湡/g,"鏃堕棿"):l)}else if(w(e).hasClass(s))return n.hint("涓嶅湪鏈夋晥鏃ユ湡鎴栨椂闂磋寖鍥村唴");n.done(),n.setValue(n.parse()).remove()}};o[t]&&o[t]()},T.prototype.change=function(e){var t=this,n=t.config,a=n.dateTime,i=n.range&&("year"===n.type||"month"===n.type),r=t.elemCont[e||0],o=t.listYM[e],s=function(s){var l=["startDate","endDate"][e],d=w(r).find(".laydate-year-list")[0],c=w(r).find(".laydate-month-list")[0];return d&&(o[0]=s?o[0]-15:o[0]+15,t.list("year",e)),c&&(s?o[0]--:o[0]++,t.list("month",e)),(d||c)&&(w.extend(a,{year:o[0]}),i&&(t[l].year=o[0]),n.range||t.done(null,"change"),t.setBtnStatus(),n.range||t.limit(w(t.footer).find(g),{year:o[0]})),d||c};return{prevYear:function(){s("sub")||(a.year--,t.checkDate("limit").calendar(),n.range||t.done(null,"change"))},prevMonth:function(){var e=t.getAsYM(a.year,a.month,"sub");w.extend(a,{year:e[0],month:e[1]}),t.checkDate("limit").calendar(),n.range||t.done(null,"change")},nextMonth:function(){var e=t.getAsYM(a.year,a.month);w.extend(a,{year:e[0],month:e[1]}),t.checkDate("limit").calendar(),n.range||t.done(null,"change")},nextYear:function(){s()||(a.year++,t.checkDate("limit").calendar(),n.range||t.done(null,"change"))}}},T.prototype.changeEvent=function(){var e=this;e.config;w(e.elem).on("click",function(e){w.stope(e)}),w.each(e.elemHeader,function(t,n){w(n[0]).on("click",function(n){e.change(t).prevYear()}),w(n[1]).on("click",function(n){e.change(t).prevMonth()}),w(n[2]).find("span").on("click",function(n){var a=w(this),i=a.attr("lay-ym"),r=a.attr("lay-type");i&&(i=i.split("-"),e.listYM[t]=[0|i[0],0|i[1]],e.list(r,t),w(e.footer).find(D).addClass(s))}),w(n[3]).on("click",function(n){e.change(t).nextMonth()}),w(n[4]).on("click",function(n){e.change(t).nextYear()})}),w.each(e.table,function(t,n){var a=w(n).find("td");a.on("click",function(){e.choose(w(this))})}),w(e.footer).find("span").on("click",function(){var t=w(this).attr("lay-type");e.tool(this,t)})},T.prototype.isInput=function(e){return/input|textarea/.test(e.tagName.toLocaleLowerCase())},T.prototype.events=function(){var e=this,t=e.config,n=function(n,a){n.on(t.trigger,function(){a&&(e.bindElem=this),e.render()})};t.elem[0]&&!t.elem[0].eventHandler&&(n(t.elem,"bind"),n(t.eventElem),w(document).on("click",function(n){n.target!==t.elem[0]&&n.target!==t.eventElem[0]&&n.target!==w(t.closeStop)[0]&&e.remove()}).on("keydown",function(t){13===t.keyCode&&w("#"+e.elemID)[0]&&e.elemID===T.thisElem&&(t.preventDefault(),w(e.footer).find(g)[0].click())}),w(window).on("resize",function(){return!(!e.elem||!w(r)[0])&&void e.position()}),t.elem[0].eventHandler=!0)},n.render=function(e){var t=new T(e);return a.call(t)},n.getEndDate=function(e,t){var n=new Date;return n.setFullYear(t||n.getFullYear(),e||n.getMonth()+1,1),new Date(n.getTime()-864e5).getDate()},window.lay=window.lay||w,e?(n.ready(),layui.define(function(e){n.path=layui.cache.dir,e(i,n)})):"function"==typeof define&&define.amd?define(function(){return n}):function(){n.ready(),window.laydate=n}()}();
\ No newline at end of file
diff --git a/src/main/resources/static/JS/layui/lay/modules/layedit.js b/src/main/resources/static/JS/layui/lay/modules/layedit.js
new file mode 100644
index 0000000..6a18044
--- /dev/null
+++ b/src/main/resources/static/JS/layui/lay/modules/layedit.js
@@ -0,0 +1,2 @@
+/** layui-v2.5.6 MIT License By https://www.layui.com */
+ ;layui.define(["layer","form"],function(t){"use strict";var e=layui.$,i=layui.layer,a=layui.form,l=(layui.hint(),layui.device()),n="layedit",o="layui-show",r="layui-disabled",c=function(){var t=this;t.index=0,t.config={tool:["strong","italic","underline","del","|","left","center","right","|","link","unlink","face","image"],hideTool:[],height:280}};c.prototype.set=function(t){var i=this;return e.extend(!0,i.config,t),i},c.prototype.on=function(t,e){return layui.onevent(n,t,e)},c.prototype.build=function(t,i){i=i||{};var a=this,n=a.config,r="layui-layedit",c=e("string"==typeof t?"#"+t:t),u="LAY_layedit_"+ ++a.index,d=c.next("."+r),y=e.extend({},n,i),f=function(){var t=[],e={};return layui.each(y.hideTool,function(t,i){e[i]=!0}),layui.each(y.tool,function(i,a){C[a]&&!e[a]&&t.push(C[a])}),t.join("")}(),m=e(['<div class="'+r+'">','<div class="layui-unselect layui-layedit-tool">'+f+"</div>",'<div class="layui-layedit-iframe">','<iframe id="'+u+'" name="'+u+'" textarea="'+t+'" frameborder="0"></iframe>',"</div>","</div>"].join(""));return l.ie&&l.ie<8?c.removeClass("layui-hide").addClass(o):(d[0]&&d.remove(),s.call(a,m,c[0],y),c.addClass("layui-hide").after(m),a.index)},c.prototype.getContent=function(t){var e=u(t);if(e[0])return d(e[0].document.body.innerHTML)},c.prototype.getText=function(t){var i=u(t);if(i[0])return e(i[0].document.body).text()},c.prototype.setContent=function(t,i,a){var l=u(t);l[0]&&(a?e(l[0].document.body).append(i):e(l[0].document.body).html(i),layedit.sync(t))},c.prototype.sync=function(t){var i=u(t);if(i[0]){var a=e("#"+i[1].attr("textarea"));a.val(d(i[0].document.body.innerHTML))}},c.prototype.getSelection=function(t){var e=u(t);if(e[0]){var i=m(e[0].document);return document.selection?i.text:i.toString()}};var s=function(t,i,a){var l=this,n=t.find("iframe");n.css({height:a.height}).on("load",function(){var o=n.contents(),r=n.prop("contentWindow"),c=o.find("head"),s=e(["<style>","*{margin: 0; padding: 0;}","body{padding: 10px; line-height: 20px; overflow-x: hidden; word-wrap: break-word; font: 14px Helvetica Neue,Helvetica,PingFang SC,Microsoft YaHei,Tahoma,Arial,sans-serif; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important;}","a{color:#01AAED; text-decoration:none;}a:hover{color:#c00}","p{margin-bottom: 10px;}","img{display: inline-block; border: none; vertical-align: middle;}","pre{margin: 10px 0; padding: 10px; line-height: 20px; border: 1px solid #ddd; border-left-width: 6px; background-color: #F2F2F2; color: #333; font-family: Courier New; font-size: 12px;}","</style>"].join("")),u=o.find("body");c.append(s),u.attr("contenteditable","true").css({"min-height":a.height}).html(i.value||""),y.apply(l,[r,n,i,a]),g.call(l,r,t,a)})},u=function(t){var i=e("#LAY_layedit_"+t),a=i.prop("contentWindow");return[a,i]},d=function(t){return 8==l.ie&&(t=t.replace(/<.+>/g,function(t){return t.toLowerCase()})),t},y=function(t,a,n,o){var r=t.document,c=e(r.body);c.on("keydown",function(t){var e=t.keyCode;if(13===e){var a=m(r),l=p(a),n=l.parentNode;if("pre"===n.tagName.toLowerCase()){if(t.shiftKey)return;return i.msg("璇锋殏鏃剁敤shift+enter"),!1}r.execCommand("formatBlock",!1,"<p>")}}),e(n).parents("form").on("submit",function(){var t=c.html();8==l.ie&&(t=t.replace(/<.+>/g,function(t){return t.toLowerCase()})),n.value=t}),c.on("paste",function(e){r.execCommand("formatBlock",!1,"<p>"),setTimeout(function(){f.call(t,c),n.value=c.html()},100)})},f=function(t){var i=this;i.document;t.find("*[style]").each(function(){var t=this.style.textAlign;this.removeAttribute("style"),e(this).css({"text-align":t||""})}),t.find("table").addClass("layui-table"),t.find("script,link").remove()},m=function(t){return t.selection?t.selection.createRange():t.getSelection().getRangeAt(0)},p=function(t){return t.endContainer||t.parentElement().childNodes[0]},v=function(t,i,a){var l=this.document,n=document.createElement(t);for(var o in i)n.setAttribute(o,i[o]);if(n.removeAttribute("text"),l.selection){var r=a.text||i.text;if("a"===t&&!r)return;r&&(n.innerHTML=r),a.pasteHTML(e(n).prop("outerHTML")),a.select()}else{var r=a.toString()||i.text;if("a"===t&&!r)return;r&&(n.innerHTML=r),a.deleteContents(),a.insertNode(n)}},h=function(t,i){var a=this.document,l="layedit-tool-active",n=p(m(a)),o=function(e){return t.find(".layedit-tool-"+e)};i&&i[i.hasClass(l)?"removeClass":"addClass"](l),t.find(">i").removeClass(l),o("unlink").addClass(r),e(n).parents().each(function(){var t=this.tagName.toLowerCase(),e=this.style.textAlign;"b"!==t&&"strong"!==t||o("b").addClass(l),"i"!==t&&"em"!==t||o("i").addClass(l),"u"===t&&o("u").addClass(l),"strike"===t&&o("d").addClass(l),"p"===t&&("center"===e?o("center").addClass(l):"right"===e?o("right").addClass(l):o("left").addClass(l)),"a"===t&&(o("link").addClass(l),o("unlink").removeClass(r))})},g=function(t,a,l){var n=t.document,o=e(n.body),c={link:function(i){var a=p(i),l=e(a).parent();b.call(o,{href:l.attr("href"),target:l.attr("target")},function(e){var a=l[0];"A"===a.tagName?a.href=e.url:v.call(t,"a",{target:e.target,href:e.url,text:e.url},i)})},unlink:function(t){n.execCommand("unlink")},face:function(e){x.call(this,function(i){v.call(t,"img",{src:i.src,alt:i.alt},e)})},image:function(a){var n=this;layui.use("upload",function(o){var r=l.uploadImage||{};o.render({url:r.url,method:r.type,elem:e(n).find("input")[0],done:function(e){0==e.code?(e.data=e.data||{},v.call(t,"img",{src:e.data.src,alt:e.data.title},a)):i.msg(e.msg||"涓婁紶澶辫触")}})})},code:function(e){k.call(o,function(i){v.call(t,"pre",{text:i.code,"lay-lang":i.lang},e)})},help:function(){i.open({type:2,title:"甯姪",area:["600px","380px"],shadeClose:!0,shade:.1,skin:"layui-layer-msg",content:["http://www.layui.com/about/layedit/help.html","no"]})}},s=a.find(".layui-layedit-tool"),u=function(){var i=e(this),a=i.attr("layedit-event"),l=i.attr("lay-command");if(!i.hasClass(r)){o.focus();var u=m(n);u.commonAncestorContainer;l?(n.execCommand(l),/justifyLeft|justifyCenter|justifyRight/.test(l)&&n.execCommand("formatBlock",!1,"<p>"),setTimeout(function(){o.focus()},10)):c[a]&&c[a].call(this,u),h.call(t,s,i)}},d=/image/;s.find(">i").on("mousedown",function(){var t=e(this),i=t.attr("layedit-event");d.test(i)||u.call(this)}).on("click",function(){var t=e(this),i=t.attr("layedit-event");d.test(i)&&u.call(this)}),o.on("click",function(){h.call(t,s),i.close(x.index)})},b=function(t,e){var l=this,n=i.open({type:1,id:"LAY_layedit_link",area:"350px",shade:.05,shadeClose:!0,moveType:1,title:"瓒呴摼鎺�",skin:"layui-layer-msg",content:['<ul class="layui-form" style="margin: 15px;">','<li class="layui-form-item">','<label class="layui-form-label" style="width: 60px;">URL</label>','<div class="layui-input-block" style="margin-left: 90px">','<input name="url" lay-verify="url" value="'+(t.href||"")+'" autofocus="true" autocomplete="off" class="layui-input">',"</div>","</li>",'<li class="layui-form-item">','<label class="layui-form-label" style="width: 60px;">鎵撳紑鏂瑰紡</label>','<div class="layui-input-block" style="margin-left: 90px">','<input type="radio" name="target" value="_self" class="layui-input" title="褰撳墠绐楀彛"'+("_self"!==t.target&&t.target?"":"checked")+">",'<input type="radio" name="target" value="_blank" class="layui-input" title="鏂扮獥鍙�" '+("_blank"===t.target?"checked":"")+">","</div>","</li>",'<li class="layui-form-item" style="text-align: center;">','<button type="button" lay-submit lay-filter="layedit-link-yes" class="layui-btn"> 纭畾 </button>','<button style="margin-left: 20px;" type="button" class="layui-btn layui-btn-primary"> 鍙栨秷 </button>',"</li>","</ul>"].join(""),success:function(t,n){var o="submit(layedit-link-yes)";a.render("radio"),t.find(".layui-btn-primary").on("click",function(){i.close(n),l.focus()}),a.on(o,function(t){i.close(b.index),e&&e(t.field)})}});b.index=n},x=function(t){var a=function(){var t=["[寰瑧]","[鍢诲樆]","[鍝堝搱]","[鍙埍]","[鍙�淽","[鎸栭蓟]","[鍚冩儕]","[瀹崇緸]","[鎸ょ溂]","[闂槾]","[閯欒]","[鐖变綘]","[娉猐","[鍋风瑧]","[浜蹭翰]","[鐢熺梾]","[澶紑蹇僝","[鐧界溂]","[鍙冲摷鍝糫","[宸﹀摷鍝糫","[鍢榏","[琛癩","[濮斿眻]","[鍚怾","[鍝堟瑺]","[鎶辨姳]","[鎬抅","[鐤戦棶]","[棣嬪槾]","[鎷滄嫓]","[鎬濊�僝","[姹梋","[鍥癩","[鐫","[閽盷","[澶辨湜]","[閰穄","[鑹瞉","[鍝糫","[榧撴帉]","[鏅昡","[鎮蹭激]","[鎶撶媯]","[榛戠嚎]","[闃撮櫓]","[鎬掗獋]","[浜掔矇]","[蹇僝","[浼ゅ績]","[鐚ご]","[鐔婄尗]","[鍏斿瓙]","[ok]","[鑰禲","[good]","[NO]","[璧瀅","[鏉","[寮盷","[鑽夋偿椹琞","[绁為┈]","[鍥","[娴簯]","[缁欏姏]","[鍥磋]","[濞佹]","[濂ョ壒鏇糫","[绀肩墿]","[閽焆","[璇濈瓛]","[铚＄儧]","[铔嬬硶]"],e={};return layui.each(t,function(t,i){e[i]=layui.cache.dir+"images/face/"+t+".gif"}),e}();return x.hide=x.hide||function(t){"face"!==e(t.target).attr("layedit-event")&&i.close(x.index)},x.index=i.tips(function(){var t=[];return layui.each(a,function(e,i){t.push('<li title="'+e+'"><img src="'+i+'" alt="'+e+'"></li>')}),'<ul class="layui-clear">'+t.join("")+"</ul>"}(),this,{tips:1,time:0,skin:"layui-box layui-util-face",maxWidth:500,success:function(l,n){l.css({marginTop:-4,marginLeft:-10}).find(".layui-clear>li").on("click",function(){t&&t({src:a[this.title],alt:this.title}),i.close(n)}),e(document).off("click",x.hide).on("click",x.hide)}})},k=function(t){var e=this,l=i.open({type:1,id:"LAY_layedit_code",area:"550px",shade:.05,shadeClose:!0,moveType:1,title:"鎻掑叆浠ｇ爜",skin:"layui-layer-msg",content:['<ul class="layui-form layui-form-pane" style="margin: 15px;">','<li class="layui-form-item">','<label class="layui-form-label">璇烽�夋嫨璇█</label>','<div class="layui-input-block">','<select name="lang">','<option value="JavaScript">JavaScript</option>','<option value="HTML">HTML</option>','<option value="CSS">CSS</option>','<option value="Java">Java</option>','<option value="PHP">PHP</option>','<option value="C#">C#</option>','<option value="Python">Python</option>','<option value="Ruby">Ruby</option>','<option value="Go">Go</option>',"</select>","</div>","</li>",'<li class="layui-form-item layui-form-text">','<label class="layui-form-label">浠ｇ爜</label>','<div class="layui-input-block">','<textarea name="code" lay-verify="required" autofocus="true" class="layui-textarea" style="height: 200px;"></textarea>',"</div>","</li>",'<li class="layui-form-item" style="text-align: center;">','<button type="button" lay-submit lay-filter="layedit-code-yes" class="layui-btn"> 纭畾 </button>','<button style="margin-left: 20px;" type="button" class="layui-btn layui-btn-primary"> 鍙栨秷 </button>',"</li>","</ul>"].join(""),success:function(l,n){var o="submit(layedit-code-yes)";a.render("select"),l.find(".layui-btn-primary").on("click",function(){i.close(n),e.focus()}),a.on(o,function(e){i.close(k.index),t&&t(e.field)})}});k.index=l},C={html:'<i class="layui-icon layedit-tool-html" title="HTML婧愪唬鐮�" lay-command="html" layedit-event="html""></i><span class="layedit-tool-mid"></span>',strong:'<i class="layui-icon layedit-tool-b" title="鍔犵矖" lay-command="Bold" layedit-event="b""></i>',italic:'<i class="layui-icon layedit-tool-i" title="鏂滀綋" lay-command="italic" layedit-event="i""></i>',underline:'<i class="layui-icon layedit-tool-u" title="涓嬪垝绾�" lay-command="underline" layedit-event="u""></i>',del:'<i class="layui-icon layedit-tool-d" title="鍒犻櫎绾�" lay-command="strikeThrough" layedit-event="d""></i>',"|":'<span class="layedit-tool-mid"></span>',left:'<i class="layui-icon layedit-tool-left" title="宸﹀榻�" lay-command="justifyLeft" layedit-event="left""></i>',center:'<i class="layui-icon layedit-tool-center" title="灞呬腑瀵归綈" lay-command="justifyCenter" layedit-event="center""></i>',right:'<i class="layui-icon layedit-tool-right" title="鍙冲榻�" lay-command="justifyRight" layedit-event="right""></i>',link:'<i class="layui-icon layedit-tool-link" title="鎻掑叆閾炬帴" layedit-event="link""></i>',unlink:'<i class="layui-icon layedit-tool-unlink layui-disabled" title="娓呴櫎閾炬帴" lay-command="unlink" layedit-event="unlink""></i>',face:'<i class="layui-icon layedit-tool-face" title="琛ㄦ儏" layedit-event="face""></i>',image:'<i class="layui-icon layedit-tool-image" title="鍥剧墖" layedit-event="image"><input type="file" name="file"></i>',code:'<i class="layui-icon layedit-tool-code" title="鎻掑叆浠ｇ爜" layedit-event="code"></i>',help:'<i class="layui-icon layedit-tool-help" title="甯姪" layedit-event="help"></i>'},w=new c;t(n,w)});
\ No newline at end of file
diff --git a/src/main/resources/static/JS/layui/lay/modules/layer.js b/src/main/resources/static/JS/layui/lay/modules/layer.js
new file mode 100644
index 0000000..03e780c
--- /dev/null
+++ b/src/main/resources/static/JS/layui/lay/modules/layer.js
@@ -0,0 +1,2 @@
+/** layui-v2.5.6 MIT License By https://www.layui.com */
+ ;!function(e,t){"use strict";var i,n,a=e.layui&&layui.define,o={getPath:function(){var e=document.currentScript?document.currentScript.src:function(){for(var e,t=document.scripts,i=t.length-1,n=i;n>0;n--)if("interactive"===t[n].readyState){e=t[n].src;break}return e||t[i].src}();return e.substring(0,e.lastIndexOf("/")+1)}(),config:{},end:{},minIndex:0,minLeft:[],btn:["确定","取消"],type:["dialog","page","iframe","loading","tips"],getStyle:function(t,i){var n=t.currentStyle?t.currentStyle:e.getComputedStyle(t,null);return n[n.getPropertyValue?"getPropertyValue":"getAttribute"](i)},link:function(t,i,n){if(r.path){var a=document.getElementsByTagName("head")[0],s=document.createElement("link");"string"==typeof i&&(n=i);var l=(n||t).replace(/\.|\//g,""),f="layuicss-"+l,c=0;s.rel="stylesheet",s.href=r.path+t,s.id=f,document.getElementById(f)||a.appendChild(s),"function"==typeof i&&!function u(){return++c>80?e.console&&console.error("layer.css: Invalid"):void(1989===parseInt(o.getStyle(document.getElementById(f),"width"))?i():setTimeout(u,100))}()}}},r={v:"3.1.1",ie:function(){var t=navigator.userAgent.toLowerCase();return!!(e.ActiveXObject||"ActiveXObject"in e)&&((t.match(/msie\s(\d+)/)||[])[1]||"11")}(),index:e.layer&&e.layer.v?1e5:0,path:o.getPath,config:function(e,t){return e=e||{},r.cache=o.config=i.extend({},o.config,e),r.path=o.config.path||r.path,"string"==typeof e.extend&&(e.extend=[e.extend]),o.config.path&&r.ready(),e.extend?(a?layui.addcss("modules/layer/"+e.extend):o.link("theme/"+e.extend),this):this},ready:function(e){var t="layer",i="",n=(a?"modules/layer/":"theme/")+"default/layer.css?v="+r.v+i;return a?layui.addcss(n,e,t):o.link(n,e,t),this},alert:function(e,t,n){var a="function"==typeof t;return a&&(n=t),r.open(i.extend({content:e,yes:n},a?{}:t))},confirm:function(e,t,n,a){var s="function"==typeof t;return s&&(a=n,n=t),r.open(i.extend({content:e,btn:o.btn,yes:n,btn2:a},s?{}:t))},msg:function(e,n,a){var s="function"==typeof n,f=o.config.skin,c=(f?f+" "+f+"-msg":"")||"layui-layer-msg",u=l.anim.length-1;return s&&(a=n),r.open(i.extend({content:e,time:3e3,shade:!1,skin:c,title:!1,closeBtn:!1,btn:!1,resize:!1,end:a},s&&!o.config.skin?{skin:c+" layui-layer-hui",anim:u}:function(){return n=n||{},(n.icon===-1||n.icon===t&&!o.config.skin)&&(n.skin=c+" "+(n.skin||"layui-layer-hui")),n}()))},load:function(e,t){return r.open(i.extend({type:3,icon:e||0,resize:!1,shade:.01},t))},tips:function(e,t,n){return r.open(i.extend({type:4,content:[e,t],closeBtn:!1,time:3e3,shade:!1,resize:!1,fixed:!1,maxWidth:210},n))}},s=function(e){var t=this;t.index=++r.index,t.config=i.extend({},t.config,o.config,e),document.body?t.creat():setTimeout(function(){t.creat()},30)};s.pt=s.prototype;var l=["layui-layer",".layui-layer-title",".layui-layer-main",".layui-layer-dialog","layui-layer-iframe","layui-layer-content","layui-layer-btn","layui-layer-close"];l.anim=["layer-anim-00","layer-anim-01","layer-anim-02","layer-anim-03","layer-anim-04","layer-anim-05","layer-anim-06"],s.pt.config={type:0,shade:.3,fixed:!0,move:l[1],title:"信息",offset:"auto",area:"auto",closeBtn:1,time:0,zIndex:19891014,maxWidth:360,anim:0,isOutAnim:!0,icon:-1,moveType:1,resize:!0,scrollbar:!0,tips:2},s.pt.vessel=function(e,t){var n=this,a=n.index,r=n.config,s=r.zIndex+a,f="object"==typeof r.title,c=r.maxmin&&(1===r.type||2===r.type),u=r.title?'<div class="layui-layer-title" style="'+(f?r.title[1]:"")+'">'+(f?r.title[0]:r.title)+"</div>":"";return r.zIndex=s,t([r.shade?'<div class="layui-layer-shade" id="layui-layer-shade'+a+'" times="'+a+'" style="'+("z-index:"+(s-1)+"; ")+'"></div>':"",'<div class="'+l[0]+(" layui-layer-"+o.type[r.type])+(0!=r.type&&2!=r.type||r.shade?"":" layui-layer-border")+" "+(r.skin||"")+'" id="'+l[0]+a+'" type="'+o.type[r.type]+'" times="'+a+'" showtime="'+r.time+'" conType="'+(e?"object":"string")+'" style="z-index: '+s+"; width:"+r.area[0]+";height:"+r.area[1]+(r.fixed?"":";position:absolute;")+'">'+(e&&2!=r.type?"":u)+'<div id="'+(r.id||"")+'" class="layui-layer-content'+(0==r.type&&r.icon!==-1?" layui-layer-padding":"")+(3==r.type?" layui-layer-loading"+r.icon:"")+'">'+(0==r.type&&r.icon!==-1?'<i class="layui-layer-ico layui-layer-ico'+r.icon+'"></i>':"")+(1==r.type&&e?"":r.content||"")+'</div><span class="layui-layer-setwin">'+function(){var e=c?'<a class="layui-layer-min" href="javascript:;"><cite></cite></a><a class="layui-layer-ico layui-layer-max" href="javascript:;"></a>':"";return r.closeBtn&&(e+='<a class="layui-layer-ico '+l[7]+" "+l[7]+(r.title?r.closeBtn:4==r.type?"1":"2")+'" href="javascript:;"></a>'),e}()+"</span>"+(r.btn?function(){var e="";"string"==typeof r.btn&&(r.btn=[r.btn]);for(var t=0,i=r.btn.length;t<i;t++)e+='<a class="'+l[6]+t+'">'+r.btn[t]+"</a>";return'<div class="'+l[6]+" layui-layer-btn-"+(r.btnAlign||"")+'">'+e+"</div>"}():"")+(r.resize?'<span class="layui-layer-resize"></span>':"")+"</div>"],u,i('<div class="layui-layer-move"></div>')),n},s.pt.creat=function(){var e=this,t=e.config,a=e.index,s=t.content,f="object"==typeof s,c=i("body");if(!t.id||!i("#"+t.id)[0]){switch("string"==typeof t.area&&(t.area="auto"===t.area?["",""]:[t.area,""]),t.shift&&(t.anim=t.shift),6==r.ie&&(t.fixed=!1),t.type){case 0:t.btn="btn"in t?t.btn:o.btn[0],r.closeAll("dialog");break;case 2:var s=t.content=f?t.content:[t.content||"","auto"];t.content='<iframe scrolling="'+(t.content[1]||"auto")+'" allowtransparency="true" id="'+l[4]+a+'" name="'+l[4]+a+'" onload="this.className=\'\';" class="layui-layer-load" frameborder="0" src="'+t.content[0]+'"></iframe>';break;case 3:delete t.title,delete t.closeBtn,t.icon===-1&&0===t.icon,r.closeAll("loading");break;case 4:f||(t.content=[t.content,"body"]),t.follow=t.content[1],t.content=t.content[0]+'<i class="layui-layer-TipsG"></i>',delete t.title,t.tips="object"==typeof t.tips?t.tips:[t.tips,!0],t.tipsMore||r.closeAll("tips")}if(e.vessel(f,function(n,r,u){c.append(n[0]),f?function(){2==t.type||4==t.type?function(){i("body").append(n[1])}():function(){s.parents("."+l[0])[0]||(s.data("display",s.css("display")).show().addClass("layui-layer-wrap").wrap(n[1]),i("#"+l[0]+a).find("."+l[5]).before(r))}()}():c.append(n[1]),i(".layui-layer-move")[0]||c.append(o.moveElem=u),e.layero=i("#"+l[0]+a),t.scrollbar||l.html.css("overflow","hidden").attr("layer-full",a)}).auto(a),i("#layui-layer-shade"+e.index).css({"background-color":t.shade[1]||"#000",opacity:t.shade[0]||t.shade}),2==t.type&&6==r.ie&&e.layero.find("iframe").attr("src",s[0]),4==t.type?e.tips():e.offset(),t.fixed&&n.on("resize",function(){e.offset(),(/^\d+%$/.test(t.area[0])||/^\d+%$/.test(t.area[1]))&&e.auto(a),4==t.type&&e.tips()}),t.time<=0||setTimeout(function(){r.close(e.index)},t.time),e.move().callback(),l.anim[t.anim]){var u="layer-anim "+l.anim[t.anim];e.layero.addClass(u).one("webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend",function(){i(this).removeClass(u)})}t.isOutAnim&&e.layero.data("isOutAnim",!0)}},s.pt.auto=function(e){var t=this,a=t.config,o=i("#"+l[0]+e);""===a.area[0]&&a.maxWidth>0&&(r.ie&&r.ie<8&&a.btn&&o.width(o.innerWidth()),o.outerWidth()>a.maxWidth&&o.width(a.maxWidth));var s=[o.innerWidth(),o.innerHeight()],f=o.find(l[1]).outerHeight()||0,c=o.find("."+l[6]).outerHeight()||0,u=function(e){e=o.find(e),e.height(s[1]-f-c-2*(0|parseFloat(e.css("padding-top"))))};switch(a.type){case 2:u("iframe");break;default:""===a.area[1]?a.maxHeight>0&&o.outerHeight()>a.maxHeight?(s[1]=a.maxHeight,u("."+l[5])):a.fixed&&s[1]>=n.height()&&(s[1]=n.height(),u("."+l[5])):u("."+l[5])}return t},s.pt.offset=function(){var e=this,t=e.config,i=e.layero,a=[i.outerWidth(),i.outerHeight()],o="object"==typeof t.offset;e.offsetTop=(n.height()-a[1])/2,e.offsetLeft=(n.width()-a[0])/2,o?(e.offsetTop=t.offset[0],e.offsetLeft=t.offset[1]||e.offsetLeft):"auto"!==t.offset&&("t"===t.offset?e.offsetTop=0:"r"===t.offset?e.offsetLeft=n.width()-a[0]:"b"===t.offset?e.offsetTop=n.height()-a[1]:"l"===t.offset?e.offsetLeft=0:"lt"===t.offset?(e.offsetTop=0,e.offsetLeft=0):"lb"===t.offset?(e.offsetTop=n.height()-a[1],e.offsetLeft=0):"rt"===t.offset?(e.offsetTop=0,e.offsetLeft=n.width()-a[0]):"rb"===t.offset?(e.offsetTop=n.height()-a[1],e.offsetLeft=n.width()-a[0]):e.offsetTop=t.offset),t.fixed||(e.offsetTop=/%$/.test(e.offsetTop)?n.height()*parseFloat(e.offsetTop)/100:parseFloat(e.offsetTop),e.offsetLeft=/%$/.test(e.offsetLeft)?n.width()*parseFloat(e.offsetLeft)/100:parseFloat(e.offsetLeft),e.offsetTop+=n.scrollTop(),e.offsetLeft+=n.scrollLeft()),i.attr("minLeft")&&(e.offsetTop=n.height()-(i.find(l[1]).outerHeight()||0),e.offsetLeft=i.css("left")),i.css({top:e.offsetTop,left:e.offsetLeft})},s.pt.tips=function(){var e=this,t=e.config,a=e.layero,o=[a.outerWidth(),a.outerHeight()],r=i(t.follow);r[0]||(r=i("body"));var s={width:r.outerWidth(),height:r.outerHeight(),top:r.offset().top,left:r.offset().left},f=a.find(".layui-layer-TipsG"),c=t.tips[0];t.tips[1]||f.remove(),s.autoLeft=function(){s.left+o[0]-n.width()>0?(s.tipLeft=s.left+s.width-o[0],f.css({right:12,left:"auto"})):s.tipLeft=s.left},s.where=[function(){s.autoLeft(),s.tipTop=s.top-o[1]-10,f.removeClass("layui-layer-TipsB").addClass("layui-layer-TipsT").css("border-right-color",t.tips[1])},function(){s.tipLeft=s.left+s.width+10,s.tipTop=s.top,f.removeClass("layui-layer-TipsL").addClass("layui-layer-TipsR").css("border-bottom-color",t.tips[1])},function(){s.autoLeft(),s.tipTop=s.top+s.height+10,f.removeClass("layui-layer-TipsT").addClass("layui-layer-TipsB").css("border-right-color",t.tips[1])},function(){s.tipLeft=s.left-o[0]-10,s.tipTop=s.top,f.removeClass("layui-layer-TipsR").addClass("layui-layer-TipsL").css("border-bottom-color",t.tips[1])}],s.where[c-1](),1===c?s.top-(n.scrollTop()+o[1]+16)<0&&s.where[2]():2===c?n.width()-(s.left+s.width+o[0]+16)>0||s.where[3]():3===c?s.top-n.scrollTop()+s.height+o[1]+16-n.height()>0&&s.where[0]():4===c&&o[0]+16-s.left>0&&s.where[1](),a.find("."+l[5]).css({"background-color":t.tips[1],"padding-right":t.closeBtn?"30px":""}),a.css({left:s.tipLeft-(t.fixed?n.scrollLeft():0),top:s.tipTop-(t.fixed?n.scrollTop():0)})},s.pt.move=function(){var e=this,t=e.config,a=i(document),s=e.layero,l=s.find(t.move),f=s.find(".layui-layer-resize"),c={};return t.move&&l.css("cursor","move"),l.on("mousedown",function(e){e.preventDefault(),t.move&&(c.moveStart=!0,c.offset=[e.clientX-parseFloat(s.css("left")),e.clientY-parseFloat(s.css("top"))],o.moveElem.css("cursor","move").show())}),f.on("mousedown",function(e){e.preventDefault(),c.resizeStart=!0,c.offset=[e.clientX,e.clientY],c.area=[s.outerWidth(),s.outerHeight()],o.moveElem.css("cursor","se-resize").show()}),a.on("mousemove",function(i){if(c.moveStart){var a=i.clientX-c.offset[0],o=i.clientY-c.offset[1],l="fixed"===s.css("position");if(i.preventDefault(),c.stX=l?0:n.scrollLeft(),c.stY=l?0:n.scrollTop(),!t.moveOut){var f=n.width()-s.outerWidth()+c.stX,u=n.height()-s.outerHeight()+c.stY;a<c.stX&&(a=c.stX),a>f&&(a=f),o<c.stY&&(o=c.stY),o>u&&(o=u)}s.css({left:a,top:o})}if(t.resize&&c.resizeStart){var a=i.clientX-c.offset[0],o=i.clientY-c.offset[1];i.preventDefault(),r.style(e.index,{width:c.area[0]+a,height:c.area[1]+o}),c.isResize=!0,t.resizing&&t.resizing(s)}}).on("mouseup",function(e){c.moveStart&&(delete c.moveStart,o.moveElem.hide(),t.moveEnd&&t.moveEnd(s)),c.resizeStart&&(delete c.resizeStart,o.moveElem.hide())}),e},s.pt.callback=function(){function e(){var e=a.cancel&&a.cancel(t.index,n);e===!1||r.close(t.index)}var t=this,n=t.layero,a=t.config;t.openLayer(),a.success&&(2==a.type?n.find("iframe").on("load",function(){a.success(n,t.index)}):a.success(n,t.index)),6==r.ie&&t.IE6(n),n.find("."+l[6]).children("a").on("click",function(){var e=i(this).index();if(0===e)a.yes?a.yes(t.index,n):a.btn1?a.btn1(t.index,n):r.close(t.index);else{var o=a["btn"+(e+1)]&&a["btn"+(e+1)](t.index,n);o===!1||r.close(t.index)}}),n.find("."+l[7]).on("click",e),a.shadeClose&&i("#layui-layer-shade"+t.index).on("click",function(){r.close(t.index)}),n.find(".layui-layer-min").on("click",function(){var e=a.min&&a.min(n);e===!1||r.min(t.index,a)}),n.find(".layui-layer-max").on("click",function(){i(this).hasClass("layui-layer-maxmin")?(r.restore(t.index),a.restore&&a.restore(n)):(r.full(t.index,a),setTimeout(function(){a.full&&a.full(n)},100))}),a.end&&(o.end[t.index]=a.end)},o.reselect=function(){i.each(i("select"),function(e,t){var n=i(this);n.parents("."+l[0])[0]||1==n.attr("layer")&&i("."+l[0]).length<1&&n.removeAttr("layer").show(),n=null})},s.pt.IE6=function(e){i("select").each(function(e,t){var n=i(this);n.parents("."+l[0])[0]||"none"===n.css("display")||n.attr({layer:"1"}).hide(),n=null})},s.pt.openLayer=function(){var e=this;r.zIndex=e.config.zIndex,r.setTop=function(e){var t=function(){r.zIndex++,e.css("z-index",r.zIndex+1)};return r.zIndex=parseInt(e[0].style.zIndex),e.on("mousedown",t),r.zIndex}},o.record=function(e){var t=[e.width(),e.height(),e.position().top,e.position().left+parseFloat(e.css("margin-left"))];e.find(".layui-layer-max").addClass("layui-layer-maxmin"),e.attr({area:t})},o.rescollbar=function(e){l.html.attr("layer-full")==e&&(l.html[0].style.removeProperty?l.html[0].style.removeProperty("overflow"):l.html[0].style.removeAttribute("overflow"),l.html.removeAttr("layer-full"))},e.layer=r,r.getChildFrame=function(e,t){return t=t||i("."+l[4]).attr("times"),i("#"+l[0]+t).find("iframe").contents().find(e)},r.getFrameIndex=function(e){return i("#"+e).parents("."+l[4]).attr("times")},r.iframeAuto=function(e){if(e){var t=r.getChildFrame("html",e).outerHeight(),n=i("#"+l[0]+e),a=n.find(l[1]).outerHeight()||0,o=n.find("."+l[6]).outerHeight()||0;n.css({height:t+a+o}),n.find("iframe").css({height:t})}},r.iframeSrc=function(e,t){i("#"+l[0]+e).find("iframe").attr("src",t)},r.style=function(e,t,n){var a=i("#"+l[0]+e),r=a.find(".layui-layer-content"),s=a.attr("type"),f=a.find(l[1]).outerHeight()||0,c=a.find("."+l[6]).outerHeight()||0;a.attr("minLeft");s!==o.type[3]&&s!==o.type[4]&&(n||(parseFloat(t.width)<=260&&(t.width=260),parseFloat(t.height)-f-c<=64&&(t.height=64+f+c)),a.css(t),c=a.find("."+l[6]).outerHeight(),s===o.type[2]?a.find("iframe").css({height:parseFloat(t.height)-f-c}):r.css({height:parseFloat(t.height)-f-c-parseFloat(r.css("padding-top"))-parseFloat(r.css("padding-bottom"))}))},r.min=function(e,t){var a=i("#"+l[0]+e),s=a.find(l[1]).outerHeight()||0,f=a.attr("minLeft")||181*o.minIndex+"px",c=a.css("position");o.record(a),o.minLeft[0]&&(f=o.minLeft[0],o.minLeft.shift()),a.attr("position",c),r.style(e,{width:180,height:s,left:f,top:n.height()-s,position:"fixed",overflow:"hidden"},!0),a.find(".layui-layer-min").hide(),"page"===a.attr("type")&&a.find(l[4]).hide(),o.rescollbar(e),a.attr("minLeft")||o.minIndex++,a.attr("minLeft",f)},r.restore=function(e){var t=i("#"+l[0]+e),n=t.attr("area").split(",");t.attr("type");r.style(e,{width:parseFloat(n[0]),height:parseFloat(n[1]),top:parseFloat(n[2]),left:parseFloat(n[3]),position:t.attr("position"),overflow:"visible"},!0),t.find(".layui-layer-max").removeClass("layui-layer-maxmin"),t.find(".layui-layer-min").show(),"page"===t.attr("type")&&t.find(l[4]).show(),o.rescollbar(e)},r.full=function(e){var t,a=i("#"+l[0]+e);o.record(a),l.html.attr("layer-full")||l.html.css("overflow","hidden").attr("layer-full",e),clearTimeout(t),t=setTimeout(function(){var t="fixed"===a.css("position");r.style(e,{top:t?0:n.scrollTop(),left:t?0:n.scrollLeft(),width:n.width(),height:n.height()},!0),a.find(".layui-layer-min").hide()},100)},r.title=function(e,t){var n=i("#"+l[0]+(t||r.index)).find(l[1]);n.html(e)},r.close=function(e){var t=i("#"+l[0]+e),n=t.attr("type"),a="layer-anim-close";if(t[0]){var s="layui-layer-wrap",f=function(){if(n===o.type[1]&&"object"===t.attr("conType")){t.children(":not(."+l[5]+")").remove();for(var a=t.find("."+s),r=0;r<2;r++)a.unwrap();a.css("display",a.data("display")).removeClass(s)}else{if(n===o.type[2])try{var f=i("#"+l[4]+e)[0];f.contentWindow.document.write(""),f.contentWindow.close(),t.find("."+l[5])[0].removeChild(f)}catch(c){}t[0].innerHTML="",t.remove()}"function"==typeof o.end[e]&&o.end[e](),delete o.end[e]};t.data("isOutAnim")&&t.addClass("layer-anim "+a),i("#layui-layer-moves, #layui-layer-shade"+e).remove(),6==r.ie&&o.reselect(),o.rescollbar(e),t.attr("minLeft")&&(o.minIndex--,o.minLeft.push(t.attr("minLeft"))),r.ie&&r.ie<10||!t.data("isOutAnim")?f():setTimeout(function(){f()},200)}},r.closeAll=function(e){i.each(i("."+l[0]),function(){var t=i(this),n=e?t.attr("type")===e:1;n&&r.close(t.attr("times")),n=null})};var f=r.cache||{},c=function(e){return f.skin?" "+f.skin+" "+f.skin+"-"+e:""};r.prompt=function(e,t){var a="";if(e=e||{},"function"==typeof e&&(t=e),e.area){var o=e.area;a='style="width: '+o[0]+"; height: "+o[1]+';"',delete e.area}var s,l=2==e.formType?'<textarea class="layui-layer-input"'+a+"></textarea>":function(){return'<input type="'+(1==e.formType?"password":"text")+'" class="layui-layer-input">'}(),f=e.success;return delete e.success,r.open(i.extend({type:1,btn:["确定","取消"],content:l,skin:"layui-layer-prompt"+c("prompt"),maxWidth:n.width(),success:function(t){s=t.find(".layui-layer-input"),s.val(e.value||"").focus(),"function"==typeof f&&f(t)},resize:!1,yes:function(i){var n=s.val();""===n?s.focus():n.length>(e.maxlength||500)?r.tips("最多输入"+(e.maxlength||500)+"个字数",s,{tips:1}):t&&t(n,i,s)}},e))},r.tab=function(e){e=e||{};var t=e.tab||{},n="layui-this",a=e.success;return delete e.success,r.open(i.extend({type:1,skin:"layui-layer-tab"+c("tab"),resize:!1,title:function(){var e=t.length,i=1,a="";if(e>0)for(a='<span class="'+n+'">'+t[0].title+"</span>";i<e;i++)a+="<span>"+t[i].title+"</span>";return a}(),content:'<ul class="layui-layer-tabmain">'+function(){var e=t.length,i=1,a="";if(e>0)for(a='<li class="layui-layer-tabli '+n+'">'+(t[0].content||"no content")+"</li>";i<e;i++)a+='<li class="layui-layer-tabli">'+(t[i].content||"no content")+"</li>";return a}()+"</ul>",success:function(t){var o=t.find(".layui-layer-title").children(),r=t.find(".layui-layer-tabmain").children();o.on("mousedown",function(t){t.stopPropagation?t.stopPropagation():t.cancelBubble=!0;var a=i(this),o=a.index();a.addClass(n).siblings().removeClass(n),r.eq(o).show().siblings().hide(),"function"==typeof e.change&&e.change(o)}),"function"==typeof a&&a(t)}},e))},r.photos=function(t,n,a){function o(e,t,i){var n=new Image;return n.src=e,n.complete?t(n):(n.onload=function(){n.onload=null,t(n)},void(n.onerror=function(e){n.onerror=null,i(e)}))}var s={};if(t=t||{},t.photos){var l=t.photos.constructor===Object,f=l?t.photos:{},u=f.data||[],d=f.start||0;s.imgIndex=(0|d)+1,t.img=t.img||"img";var y=t.success;if(delete t.success,l){if(0===u.length)return r.msg("没有图片")}else{var p=i(t.photos),h=function(){u=[],p.find(t.img).each(function(e){var t=i(this);t.attr("layer-index",e),u.push({alt:t.attr("alt"),pid:t.attr("layer-pid"),src:t.attr("layer-src")||t.attr("src"),thumb:t.attr("src")})})};if(h(),0===u.length)return;if(n||p.on("click",t.img,function(){var e=i(this),n=e.attr("layer-index");r.photos(i.extend(t,{photos:{start:n,data:u,tab:t.tab},full:t.full}),!0),h()}),!n)return}s.imgprev=function(e){s.imgIndex--,s.imgIndex<1&&(s.imgIndex=u.length),s.tabimg(e)},s.imgnext=function(e,t){s.imgIndex++,s.imgIndex>u.length&&(s.imgIndex=1,t)||s.tabimg(e)},s.keyup=function(e){if(!s.end){var t=e.keyCode;e.preventDefault(),37===t?s.imgprev(!0):39===t?s.imgnext(!0):27===t&&r.close(s.index)}},s.tabimg=function(e){if(!(u.length<=1))return f.start=s.imgIndex-1,r.close(s.index),r.photos(t,!0,e)},s.event=function(){s.bigimg.hover(function(){s.imgsee.show()},function(){s.imgsee.hide()}),s.bigimg.find(".layui-layer-imgprev").on("click",function(e){e.preventDefault(),s.imgprev()}),s.bigimg.find(".layui-layer-imgnext").on("click",function(e){e.preventDefault(),s.imgnext()}),i(document).on("keyup",s.keyup)},s.loadi=r.load(1,{shade:!("shade"in t)&&.9,scrollbar:!1}),o(u[d].src,function(n){r.close(s.loadi),s.index=r.open(i.extend({type:1,id:"layui-layer-photos",area:function(){var a=[n.width,n.height],o=[i(e).width()-100,i(e).height()-100];if(!t.full&&(a[0]>o[0]||a[1]>o[1])){var r=[a[0]/o[0],a[1]/o[1]];r[0]>r[1]?(a[0]=a[0]/r[0],a[1]=a[1]/r[0]):r[0]<r[1]&&(a[0]=a[0]/r[1],a[1]=a[1]/r[1])}return[a[0]+"px",a[1]+"px"]}(),title:!1,shade:.9,shadeClose:!0,closeBtn:!1,move:".layui-layer-phimg img",moveType:1,scrollbar:!1,moveOut:!0,isOutAnim:!1,skin:"layui-layer-photos"+c("photos"),content:'<div class="layui-layer-phimg"><img src="'+u[d].src+'" alt="'+(u[d].alt||"")+'" layer-pid="'+u[d].pid+'"><div class="layui-layer-imgsee">'+(u.length>1?'<span class="layui-layer-imguide"><a href="javascript:;" class="layui-layer-iconext layui-layer-imgprev"></a><a href="javascript:;" class="layui-layer-iconext layui-layer-imgnext"></a></span>':"")+'<div class="layui-layer-imgbar" style="display:'+(a?"block":"")+'"><span class="layui-layer-imgtit"><a href="javascript:;">'+(u[d].alt||"")+"</a><em>"+s.imgIndex+"/"+u.length+"</em></span></div></div></div>",success:function(e,i){s.bigimg=e.find(".layui-layer-phimg"),s.imgsee=e.find(".layui-layer-imguide,.layui-layer-imgbar"),s.event(e),t.tab&&t.tab(u[d],e),"function"==typeof y&&y(e)},end:function(){s.end=!0,i(document).off("keyup",s.keyup)}},t))},function(){r.close(s.loadi),r.msg("当前图片地址异常<br>是否继续查看下一张？",{time:3e4,btn:["下一张","不看了"],yes:function(){u.length>1&&s.imgnext(!0,!0)}})})}},o.run=function(t){i=t,n=i(e),l.html=i("html"),r.open=function(e){var t=new s(e);return t.index}},e.layui&&layui.define?(r.ready(),layui.define("jquery",function(t){r.path=layui.cache.dir,o.run(layui.$),e.layer=r,t("layer",r)})):"function"==typeof define&&define.amd?define(["jquery"],function(){return o.run(e.jQuery),r}):function(){o.run(e.jQuery),r.ready()}()}(window);
\ No newline at end of file
diff --git a/src/main/resources/static/JS/layui/lay/modules/laypage.js b/src/main/resources/static/JS/layui/lay/modules/laypage.js
new file mode 100644
index 0000000..2e2ab0d
--- /dev/null
+++ b/src/main/resources/static/JS/layui/lay/modules/laypage.js
@@ -0,0 +1,2 @@
+/** layui-v2.5.6 MIT License By https://www.layui.com */
+ ;layui.define(function(e){"use strict";var a=document,t="getElementById",n="getElementsByTagName",i="laypage",r="layui-disabled",u=function(e){var a=this;a.config=e||{},a.config.index=++s.index,a.render(!0)};u.prototype.type=function(){var e=this.config;if("object"==typeof e.elem)return void 0===e.elem.length?2:3},u.prototype.view=function(){var e=this,a=e.config,t=a.groups="groups"in a?0|a.groups:5;a.layout="object"==typeof a.layout?a.layout:["prev","page","next"],a.count=0|a.count,a.curr=0|a.curr||1,a.limits="object"==typeof a.limits?a.limits:[10,20,30,40,50],a.limit=0|a.limit||10,a.pages=Math.ceil(a.count/a.limit)||1,a.curr>a.pages&&(a.curr=a.pages),t<0?t=1:t>a.pages&&(t=a.pages),a.prev="prev"in a?a.prev:"上一页",a.next="next"in a?a.next:"下一页";var n=a.pages>t?Math.ceil((a.curr+(t>1?1:0))/(t>0?t:1)):1,i={prev:function(){return a.prev?'<a href="javascript:;" class="layui-laypage-prev'+(1==a.curr?" "+r:"")+'" data-page="'+(a.curr-1)+'">'+a.prev+"</a>":""}(),page:function(){var e=[];if(a.count<1)return"";n>1&&a.first!==!1&&0!==t&&e.push('<a href="javascript:;" class="layui-laypage-first" data-page="1" title="首页">'+(a.first||1)+"</a>");var i=Math.floor((t-1)/2),r=n>1?a.curr-i:1,u=n>1?function(){var e=a.curr+(t-i-1);return e>a.pages?a.pages:e}():t;for(u-r<t-1&&(r=u-t+1),a.first!==!1&&r>2&&e.push('<span class="layui-laypage-spr">…</span>');r<=u;r++)r===a.curr?e.push('<span class="layui-laypage-curr"><em class="layui-laypage-em" '+(/^#/.test(a.theme)?'style="background-color:'+a.theme+';"':"")+"></em><em>"+r+"</em></span>"):e.push('<a href="javascript:;" data-page="'+r+'">'+r+"</a>");return a.pages>t&&a.pages>u&&a.last!==!1&&(u+1<a.pages&&e.push('<span class="layui-laypage-spr">…</span>'),0!==t&&e.push('<a href="javascript:;" class="layui-laypage-last" title="尾页" data-page="'+a.pages+'">'+(a.last||a.pages)+"</a>")),e.join("")}(),next:function(){return a.next?'<a href="javascript:;" class="layui-laypage-next'+(a.curr==a.pages?" "+r:"")+'" data-page="'+(a.curr+1)+'">'+a.next+"</a>":""}(),count:'<span class="layui-laypage-count">鍏� '+a.count+" 鏉�</span>",limit:function(){var e=['<span class="layui-laypage-limits"><select lay-ignore>'];return layui.each(a.limits,function(t,n){e.push('<option value="'+n+'"'+(n===a.limit?"selected":"")+">"+n+" 鏉�/椤�</option>")}),e.join("")+"</select></span>"}(),refresh:['<a href="javascript:;" data-page="'+a.curr+'" class="layui-laypage-refresh">','<i class="layui-icon layui-icon-refresh"></i>',"</a>"].join(""),skip:function(){return['<span class="layui-laypage-skip">到第','<input type="text" min="1" value="'+a.curr+'" class="layui-input">','页<button type="button" class="layui-laypage-btn">确定</button>',"</span>"].join("")}()};return['<div class="layui-box layui-laypage layui-laypage-'+(a.theme?/^#/.test(a.theme)?"molv":a.theme:"default")+'" id="layui-laypage-'+a.index+'">',function(){var e=[];return layui.each(a.layout,function(a,t){i[t]&&e.push(i[t])}),e.join("")}(),"</div>"].join("")},u.prototype.jump=function(e,a){if(e){var t=this,i=t.config,r=e.children,u=e[n]("button")[0],l=e[n]("input")[0],p=e[n]("select")[0],c=function(){var e=0|l.value.replace(/\s|\D/g,"");e&&(i.curr=e,t.render())};if(a)return c();for(var o=0,y=r.length;o<y;o++)"a"===r[o].nodeName.toLowerCase()&&s.on(r[o],"click",function(){var e=0|this.getAttribute("data-page");e<1||e>i.pages||(i.curr=e,t.render())});p&&s.on(p,"change",function(){var e=this.value;i.curr*e>i.count&&(i.curr=Math.ceil(i.count/e)),i.limit=e,t.render()}),u&&s.on(u,"click",function(){c()})}},u.prototype.skip=function(e){if(e){var a=this,t=e[n]("input")[0];t&&s.on(t,"keyup",function(t){var n=this.value,i=t.keyCode;/^(37|38|39|40)$/.test(i)||(/\D/.test(n)&&(this.value=n.replace(/\D/,"")),13===i&&a.jump(e,!0))})}},u.prototype.render=function(e){var n=this,i=n.config,r=n.type(),u=n.view();2===r?i.elem&&(i.elem.innerHTML=u):3===r?i.elem.html(u):a[t](i.elem)&&(a[t](i.elem).innerHTML=u),i.jump&&i.jump(i,e);var s=a[t]("layui-laypage-"+i.index);n.jump(s),i.hash&&!e&&(location.hash="!"+i.hash+"="+i.curr),n.skip(s)};var s={render:function(e){var a=new u(e);return a.index},index:layui.laypage?layui.laypage.index+1e4:0,on:function(e,a,t){return e.attachEvent?e.attachEvent("on"+a,function(a){a.target=a.srcElement,t.call(e,a)}):e.addEventListener(a,t,!1),this}};e(i,s)});
\ No newline at end of file
diff --git a/src/main/resources/static/JS/layui/lay/modules/laytpl.js b/src/main/resources/static/JS/layui/lay/modules/laytpl.js
new file mode 100644
index 0000000..11cc3c4
--- /dev/null
+++ b/src/main/resources/static/JS/layui/lay/modules/laytpl.js
@@ -0,0 +1,2 @@
+/** layui-v2.5.6 MIT License By https://www.layui.com */
+ ;layui.define(function(e){"use strict";var r={open:"{{",close:"}}"},c={exp:function(e){return new RegExp(e,"g")},query:function(e,c,t){var o=["#([\\s\\S])+?","([^{#}])*?"][e||0];return n((c||"")+r.open+o+r.close+(t||""))},escape:function(e){return String(e||"").replace(/&(?!#?[a-zA-Z0-9]+;)/g,"&").replace(/</g,"<").replace(/>/g,">").replace(/'/g,"'").replace(/"/g,""")},error:function(e,r){var c="Laytpl Error锛�";return"object"==typeof console&&console.error(c+e+"\n"+(r||"")),c+e}},n=c.exp,t=function(e){this.tpl=e};t.pt=t.prototype,window.errors=0,t.pt.parse=function(e,t){var o=this,p=e,a=n("^"+r.open+"#",""),l=n(r.close+"$","");e=e.replace(/\s+|\r|\t|\n/g," ").replace(n(r.open+"#"),r.open+"# ").replace(n(r.close+"}"),"} "+r.close).replace(/\\/g,"\\\\").replace(n(r.open+"!(.+?)!"+r.close),function(e){return e=e.replace(n("^"+r.open+"!"),"").replace(n("!"+r.close),"").replace(n(r.open+"|"+r.close),function(e){return e.replace(/(.)/g,"\\$1")})}).replace(/(?="|')/g,"\\").replace(c.query(),function(e){return e=e.replace(a,"").replace(l,""),'";'+e.replace(/\\/g,"")+';view+="'}).replace(c.query(1),function(e){var c='"+(';return e.replace(/\s/g,"")===r.open+r.close?"":(e=e.replace(n(r.open+"|"+r.close),""),/^=/.test(e)&&(e=e.replace(/^=/,""),c='"+_escape_('),c+e.replace(/\\/g,"")+')+"')}),e='"use strict";var view = "'+e+'";return view;';try{return o.cache=e=new Function("d, _escape_",e),e(t,c.escape)}catch(u){return delete o.cache,c.error(u,p)}},t.pt.render=function(e,r){var n,t=this;return e?(n=t.cache?t.cache(e,c.escape):t.parse(t.tpl,e),r?void r(n):n):c.error("no data")};var o=function(e){return"string"!=typeof e?c.error("Template not found"):new t(e)};o.config=function(e){e=e||{};for(var c in e)r[c]=e[c]},o.v="1.2.0",e("laytpl",o)});
\ No newline at end of file
diff --git a/src/main/resources/static/JS/layui/lay/modules/mobile.js b/src/main/resources/static/JS/layui/lay/modules/mobile.js
new file mode 100644
index 0000000..ebda601
--- /dev/null
+++ b/src/main/resources/static/JS/layui/lay/modules/mobile.js
@@ -0,0 +1,2 @@
+/** layui-v2.5.6 MIT License By https://www.layui.com */
+ ;layui.define(function(i){i("layui.mobile",layui.v)});layui.define(function(e){"use strict";var r={open:"{{",close:"}}"},c={exp:function(e){return new RegExp(e,"g")},query:function(e,c,t){var o=["#([\\s\\S])+?","([^{#}])*?"][e||0];return n((c||"")+r.open+o+r.close+(t||""))},escape:function(e){return String(e||"").replace(/&(?!#?[a-zA-Z0-9]+;)/g,"&").replace(/</g,"<").replace(/>/g,">").replace(/'/g,"'").replace(/"/g,""")},error:function(e,r){var c="Laytpl Error锛�";return"object"==typeof console&&console.error(c+e+"\n"+(r||"")),c+e}},n=c.exp,t=function(e){this.tpl=e};t.pt=t.prototype,window.errors=0,t.pt.parse=function(e,t){var o=this,p=e,a=n("^"+r.open+"#",""),l=n(r.close+"$","");e=e.replace(/\s+|\r|\t|\n/g," ").replace(n(r.open+"#"),r.open+"# ").replace(n(r.close+"}"),"} "+r.close).replace(/\\/g,"\\\\").replace(n(r.open+"!(.+?)!"+r.close),function(e){return e=e.replace(n("^"+r.open+"!"),"").replace(n("!"+r.close),"").replace(n(r.open+"|"+r.close),function(e){return e.replace(/(.)/g,"\\$1")})}).replace(/(?="|')/g,"\\").replace(c.query(),function(e){return e=e.replace(a,"").replace(l,""),'";'+e.replace(/\\/g,"")+';view+="'}).replace(c.query(1),function(e){var c='"+(';return e.replace(/\s/g,"")===r.open+r.close?"":(e=e.replace(n(r.open+"|"+r.close),""),/^=/.test(e)&&(e=e.replace(/^=/,""),c='"+_escape_('),c+e.replace(/\\/g,"")+')+"')}),e='"use strict";var view = "'+e+'";return view;';try{return o.cache=e=new Function("d, _escape_",e),e(t,c.escape)}catch(u){return delete o.cache,c.error(u,p)}},t.pt.render=function(e,r){var n,t=this;return e?(n=t.cache?t.cache(e,c.escape):t.parse(t.tpl,e),r?void r(n):n):c.error("no data")};var o=function(e){return"string"!=typeof e?c.error("Template not found"):new t(e)};o.config=function(e){e=e||{};for(var c in e)r[c]=e[c]},o.v="1.2.0",e("laytpl",o)});layui.define(function(e){"use strict";var t=(window,document),i="querySelectorAll",n="getElementsByClassName",a=function(e){return t[i](e)},s={type:0,shade:!0,shadeClose:!0,fixed:!0,anim:"scale"},l={extend:function(e){var t=JSON.parse(JSON.stringify(s));for(var i in e)t[i]=e[i];return t},timer:{},end:{}};l.touch=function(e,t){e.addEventListener("click",function(e){t.call(this,e)},!1)};var o=0,r=["layui-m-layer"],d=function(e){var t=this;t.config=l.extend(e),t.view()};d.prototype.view=function(){var e=this,i=e.config,s=t.createElement("div");e.id=s.id=r[0]+o,s.setAttribute("class",r[0]+" "+r[0]+(i.type||0)),s.setAttribute("index",o);var l=function(){var e="object"==typeof i.title;return i.title?'<h3 style="'+(e?i.title[1]:"")+'">'+(e?i.title[0]:i.title)+"</h3>":""}(),d=function(){"string"==typeof i.btn&&(i.btn=[i.btn]);var e,t=(i.btn||[]).length;return 0!==t&&i.btn?(e='<span yes type="1">'+i.btn[0]+"</span>",2===t&&(e='<span no type="0">'+i.btn[1]+"</span>"+e),'<div class="layui-m-layerbtn">'+e+"</div>"):""}();if(i.fixed||(i.top=i.hasOwnProperty("top")?i.top:100,i.style=i.style||"",i.style+=" top:"+(t.body.scrollTop+i.top)+"px"),2===i.type&&(i.content='<i></i><i class="layui-m-layerload"></i><i></i><p>'+(i.content||"")+"</p>"),i.skin&&(i.anim="up"),"msg"===i.skin&&(i.shade=!1),s.innerHTML=(i.shade?"<div "+("string"==typeof i.shade?'style="'+i.shade+'"':"")+' class="layui-m-layershade"></div>':"")+'<div class="layui-m-layermain" '+(i.fixed?"":'style="position:static;"')+'><div class="layui-m-layersection"><div class="layui-m-layerchild '+(i.skin?"layui-m-layer-"+i.skin+" ":"")+(i.className?i.className:"")+" "+(i.anim?"layui-m-anim-"+i.anim:"")+'" '+(i.style?'style="'+i.style+'"':"")+">"+l+'<div class="layui-m-layercont">'+i.content+"</div>"+d+"</div></div></div>",!i.type||2===i.type){var y=t[n](r[0]+i.type),u=y.length;u>=1&&c.close(y[0].getAttribute("index"))}document.body.appendChild(s);var m=e.elem=a("#"+e.id)[0];i.success&&i.success(m),e.index=o++,e.action(i,m)},d.prototype.action=function(e,t){var i=this;e.time&&(l.timer[i.index]=setTimeout(function(){c.close(i.index)},1e3*e.time));var a=function(){var t=this.getAttribute("type");0==t?(e.no&&e.no(),c.close(i.index)):e.yes?e.yes(i.index):c.close(i.index)};if(e.btn)for(var s=t[n]("layui-m-layerbtn")[0].children,o=s.length,r=0;r<o;r++)l.touch(s[r],a);if(e.shade&&e.shadeClose){var d=t[n]("layui-m-layershade")[0];l.touch(d,function(){c.close(i.index,e.end)})}e.end&&(l.end[i.index]=e.end)};var c={v:"2.0 m",index:o,open:function(e){var t=new d(e||{});return t.index},close:function(e){var i=a("#"+r[0]+e)[0];i&&(i.innerHTML="",t.body.removeChild(i),clearTimeout(l.timer[e]),delete l.timer[e],"function"==typeof l.end[e]&&l.end[e](),delete l.end[e])},closeAll:function(){for(var e=t[n](r[0]),i=0,a=e.length;i<a;i++)c.close(0|e[0].getAttribute("index"))}};e("layer-mobile",c)});layui.define(function(t){var e=function(){function t(t){return null==t?String(t):J[W.call(t)]||"object"}function e(e){return"function"==t(e)}function n(t){return null!=t&&t==t.window}function r(t){return null!=t&&t.nodeType==t.DOCUMENT_NODE}function i(e){return"object"==t(e)}function o(t){return i(t)&&!n(t)&&Object.getPrototypeOf(t)==Object.prototype}function a(t){var e=!!t&&"length"in t&&t.length,r=T.type(t);return"function"!=r&&!n(t)&&("array"==r||0===e||"number"==typeof e&&e>0&&e-1 in t)}function s(t){return A.call(t,function(t){return null!=t})}function u(t){return t.length>0?T.fn.concat.apply([],t):t}function c(t){return t.replace(/::/g,"/").replace(/([A-Z]+)([A-Z][a-z])/g,"$1_$2").replace(/([a-z\d])([A-Z])/g,"$1_$2").replace(/_/g,"-").toLowerCase()}function l(t){return t in F?F[t]:F[t]=new RegExp("(^|\\s)"+t+"(\\s|$)")}function f(t,e){return"number"!=typeof e||k[c(t)]?e:e+"px"}function h(t){var e,n;return $[t]||(e=L.createElement(t),L.body.appendChild(e),n=getComputedStyle(e,"").getPropertyValue("display"),e.parentNode.removeChild(e),"none"==n&&(n="block"),$[t]=n),$[t]}function p(t){return"children"in t?D.call(t.children):T.map(t.childNodes,function(t){if(1==t.nodeType)return t})}function d(t,e){var n,r=t?t.length:0;for(n=0;n<r;n++)this[n]=t[n];this.length=r,this.selector=e||""}function m(t,e,n){for(j in e)n&&(o(e[j])||Q(e[j]))?(o(e[j])&&!o(t[j])&&(t[j]={}),Q(e[j])&&!Q(t[j])&&(t[j]=[]),m(t[j],e[j],n)):e[j]!==E&&(t[j]=e[j])}function v(t,e){return null==e?T(t):T(t).filter(e)}function g(t,n,r,i){return e(n)?n.call(t,r,i):n}function y(t,e,n){null==n?t.removeAttribute(e):t.setAttribute(e,n)}function x(t,e){var n=t.className||"",r=n&&n.baseVal!==E;return e===E?r?n.baseVal:n:void(r?n.baseVal=e:t.className=e)}function b(t){try{return t?"true"==t||"false"!=t&&("null"==t?null:+t+""==t?+t:/^[\[\{]/.test(t)?T.parseJSON(t):t):t}catch(e){return t}}function w(t,e){e(t);for(var n=0,r=t.childNodes.length;n<r;n++)w(t.childNodes[n],e)}var E,j,T,S,C,N,O=[],P=O.concat,A=O.filter,D=O.slice,L=window.document,$={},F={},k={"column-count":1,columns:1,"font-weight":1,"line-height":1,opacity:1,"z-index":1,zoom:1},M=/^\s*<(\w+|!)[^>]*>/,R=/^<(\w+)\s*\/?>(?:<\/\1>|)$/,z=/<(?!area|br|col|embed|hr|img|input|link|meta|param)(([\w:]+)[^>]*)\/>/gi,Z=/^(?:body|html)$/i,q=/([A-Z])/g,H=["val","css","html","text","data","width","height","offset"],I=["after","prepend","before","append"],V=L.createElement("table"),_=L.createElement("tr"),B={tr:L.createElement("tbody"),tbody:V,thead:V,tfoot:V,td:_,th:_,"*":L.createElement("div")},U=/complete|loaded|interactive/,X=/^[\w-]*$/,J={},W=J.toString,Y={},G=L.createElement("div"),K={tabindex:"tabIndex",readonly:"readOnly","for":"htmlFor","class":"className",maxlength:"maxLength",cellspacing:"cellSpacing",cellpadding:"cellPadding",rowspan:"rowSpan",colspan:"colSpan",usemap:"useMap",frameborder:"frameBorder",contenteditable:"contentEditable"},Q=Array.isArray||function(t){return t instanceof Array};return Y.matches=function(t,e){if(!e||!t||1!==t.nodeType)return!1;var n=t.matches||t.webkitMatchesSelector||t.mozMatchesSelector||t.oMatchesSelector||t.matchesSelector;if(n)return n.call(t,e);var r,i=t.parentNode,o=!i;return o&&(i=G).appendChild(t),r=~Y.qsa(i,e).indexOf(t),o&&G.removeChild(t),r},C=function(t){return t.replace(/-+(.)?/g,function(t,e){return e?e.toUpperCase():""})},N=function(t){return A.call(t,function(e,n){return t.indexOf(e)==n})},Y.fragment=function(t,e,n){var r,i,a;return R.test(t)&&(r=T(L.createElement(RegExp.$1))),r||(t.replace&&(t=t.replace(z,"<$1></$2>")),e===E&&(e=M.test(t)&&RegExp.$1),e in B||(e="*"),a=B[e],a.innerHTML=""+t,r=T.each(D.call(a.childNodes),function(){a.removeChild(this)})),o(n)&&(i=T(r),T.each(n,function(t,e){H.indexOf(t)>-1?i[t](e):i.attr(t,e)})),r},Y.Z=function(t,e){return new d(t,e)},Y.isZ=function(t){return t instanceof Y.Z},Y.init=function(t,n){var r;if(!t)return Y.Z();if("string"==typeof t)if(t=t.trim(),"<"==t[0]&&M.test(t))r=Y.fragment(t,RegExp.$1,n),t=null;else{if(n!==E)return T(n).find(t);r=Y.qsa(L,t)}else{if(e(t))return T(L).ready(t);if(Y.isZ(t))return t;if(Q(t))r=s(t);else if(i(t))r=[t],t=null;else if(M.test(t))r=Y.fragment(t.trim(),RegExp.$1,n),t=null;else{if(n!==E)return T(n).find(t);r=Y.qsa(L,t)}}return Y.Z(r,t)},T=function(t,e){return Y.init(t,e)},T.extend=function(t){var e,n=D.call(arguments,1);return"boolean"==typeof t&&(e=t,t=n.shift()),n.forEach(function(n){m(t,n,e)}),t},Y.qsa=function(t,e){var n,r="#"==e[0],i=!r&&"."==e[0],o=r||i?e.slice(1):e,a=X.test(o);return t.getElementById&&a&&r?(n=t.getElementById(o))?[n]:[]:1!==t.nodeType&&9!==t.nodeType&&11!==t.nodeType?[]:D.call(a&&!r&&t.getElementsByClassName?i?t.getElementsByClassName(o):t.getElementsByTagName(e):t.querySelectorAll(e))},T.contains=L.documentElement.contains?function(t,e){return t!==e&&t.contains(e)}:function(t,e){for(;e&&(e=e.parentNode);)if(e===t)return!0;return!1},T.type=t,T.isFunction=e,T.isWindow=n,T.isArray=Q,T.isPlainObject=o,T.isEmptyObject=function(t){var e;for(e in t)return!1;return!0},T.isNumeric=function(t){var e=Number(t),n=typeof t;return null!=t&&"boolean"!=n&&("string"!=n||t.length)&&!isNaN(e)&&isFinite(e)||!1},T.inArray=function(t,e,n){return O.indexOf.call(e,t,n)},T.camelCase=C,T.trim=function(t){return null==t?"":String.prototype.trim.call(t)},T.uuid=0,T.support={},T.expr={},T.noop=function(){},T.map=function(t,e){var n,r,i,o=[];if(a(t))for(r=0;r<t.length;r++)n=e(t[r],r),null!=n&&o.push(n);else for(i in t)n=e(t[i],i),null!=n&&o.push(n);return u(o)},T.each=function(t,e){var n,r;if(a(t)){for(n=0;n<t.length;n++)if(e.call(t[n],n,t[n])===!1)return t}else for(r in t)if(e.call(t[r],r,t[r])===!1)return t;return t},T.grep=function(t,e){return A.call(t,e)},window.JSON&&(T.parseJSON=JSON.parse),T.each("Boolean Number String Function Array Date RegExp Object Error".split(" "),function(t,e){J["[object "+e+"]"]=e.toLowerCase()}),T.fn={constructor:Y.Z,length:0,forEach:O.forEach,reduce:O.reduce,push:O.push,sort:O.sort,splice:O.splice,indexOf:O.indexOf,concat:function(){var t,e,n=[];for(t=0;t<arguments.length;t++)e=arguments[t],n[t]=Y.isZ(e)?e.toArray():e;return P.apply(Y.isZ(this)?this.toArray():this,n)},map:function(t){return T(T.map(this,function(e,n){return t.call(e,n,e)}))},slice:function(){return T(D.apply(this,arguments))},ready:function(t){return U.test(L.readyState)&&L.body?t(T):L.addEventListener("DOMContentLoaded",function(){t(T)},!1),this},get:function(t){return t===E?D.call(this):this[t>=0?t:t+this.length]},toArray:function(){return this.get()},size:function(){return this.length},remove:function(){return this.each(function(){null!=this.parentNode&&this.parentNode.removeChild(this)})},each:function(t){return O.every.call(this,function(e,n){return t.call(e,n,e)!==!1}),this},filter:function(t){return e(t)?this.not(this.not(t)):T(A.call(this,function(e){return Y.matches(e,t)}))},add:function(t,e){return T(N(this.concat(T(t,e))))},is:function(t){return this.length>0&&Y.matches(this[0],t)},not:function(t){var n=[];if(e(t)&&t.call!==E)this.each(function(e){t.call(this,e)||n.push(this)});else{var r="string"==typeof t?this.filter(t):a(t)&&e(t.item)?D.call(t):T(t);this.forEach(function(t){r.indexOf(t)<0&&n.push(t)})}return T(n)},has:function(t){return this.filter(function(){return i(t)?T.contains(this,t):T(this).find(t).size()})},eq:function(t){return t===-1?this.slice(t):this.slice(t,+t+1)},first:function(){var t=this[0];return t&&!i(t)?t:T(t)},last:function(){var t=this[this.length-1];return t&&!i(t)?t:T(t)},find:function(t){var e,n=this;return e=t?"object"==typeof t?T(t).filter(function(){var t=this;return O.some.call(n,function(e){return T.contains(e,t)})}):1==this.length?T(Y.qsa(this[0],t)):this.map(function(){return Y.qsa(this,t)}):T()},closest:function(t,e){var n=[],i="object"==typeof t&&T(t);return this.each(function(o,a){for(;a&&!(i?i.indexOf(a)>=0:Y.matches(a,t));)a=a!==e&&!r(a)&&a.parentNode;a&&n.indexOf(a)<0&&n.push(a)}),T(n)},parents:function(t){for(var e=[],n=this;n.length>0;)n=T.map(n,function(t){if((t=t.parentNode)&&!r(t)&&e.indexOf(t)<0)return e.push(t),t});return v(e,t)},parent:function(t){return v(N(this.pluck("parentNode")),t)},children:function(t){return v(this.map(function(){return p(this)}),t)},contents:function(){return this.map(function(){return this.contentDocument||D.call(this.childNodes)})},siblings:function(t){return v(this.map(function(t,e){return A.call(p(e.parentNode),function(t){return t!==e})}),t)},empty:function(){return this.each(function(){this.innerHTML=""})},pluck:function(t){return T.map(this,function(e){return e[t]})},show:function(){return this.each(function(){"none"==this.style.display&&(this.style.display=""),"none"==getComputedStyle(this,"").getPropertyValue("display")&&(this.style.display=h(this.nodeName))})},replaceWith:function(t){return this.before(t).remove()},wrap:function(t){var n=e(t);if(this[0]&&!n)var r=T(t).get(0),i=r.parentNode||this.length>1;return this.each(function(e){T(this).wrapAll(n?t.call(this,e):i?r.cloneNode(!0):r)})},wrapAll:function(t){if(this[0]){T(this[0]).before(t=T(t));for(var e;(e=t.children()).length;)t=e.first();T(t).append(this)}return this},wrapInner:function(t){var n=e(t);return this.each(function(e){var r=T(this),i=r.contents(),o=n?t.call(this,e):t;i.length?i.wrapAll(o):r.append(o)})},unwrap:function(){return this.parent().each(function(){T(this).replaceWith(T(this).children())}),this},clone:function(){return this.map(function(){return this.cloneNode(!0)})},hide:function(){return this.css("display","none")},toggle:function(t){return this.each(function(){var e=T(this);(t===E?"none"==e.css("display"):t)?e.show():e.hide()})},prev:function(t){return T(this.pluck("previousElementSibling")).filter(t||"*")},next:function(t){return T(this.pluck("nextElementSibling")).filter(t||"*")},html:function(t){return 0 in arguments?this.each(function(e){var n=this.innerHTML;T(this).empty().append(g(this,t,e,n))}):0 in this?this[0].innerHTML:null},text:function(t){return 0 in arguments?this.each(function(e){var n=g(this,t,e,this.textContent);this.textContent=null==n?"":""+n}):0 in this?this.pluck("textContent").join(""):null},attr:function(t,e){var n;return"string"!=typeof t||1 in arguments?this.each(function(n){if(1===this.nodeType)if(i(t))for(j in t)y(this,j,t[j]);else y(this,t,g(this,e,n,this.getAttribute(t)))}):0 in this&&1==this[0].nodeType&&null!=(n=this[0].getAttribute(t))?n:E},removeAttr:function(t){return this.each(function(){1===this.nodeType&&t.split(" ").forEach(function(t){y(this,t)},this)})},prop:function(t,e){return t=K[t]||t,1 in arguments?this.each(function(n){this[t]=g(this,e,n,this[t])}):this[0]&&this[0][t]},removeProp:function(t){return t=K[t]||t,this.each(function(){delete this[t]})},data:function(t,e){var n="data-"+t.replace(q,"-$1").toLowerCase(),r=1 in arguments?this.attr(n,e):this.attr(n);return null!==r?b(r):E},val:function(t){return 0 in arguments?(null==t&&(t=""),this.each(function(e){this.value=g(this,t,e,this.value)})):this[0]&&(this[0].multiple?T(this[0]).find("option").filter(function(){return this.selected}).pluck("value"):this[0].value)},offset:function(t){if(t)return this.each(function(e){var n=T(this),r=g(this,t,e,n.offset()),i=n.offsetParent().offset(),o={top:r.top-i.top,left:r.left-i.left};"static"==n.css("position")&&(o.position="relative"),n.css(o)});if(!this.length)return null;if(L.documentElement!==this[0]&&!T.contains(L.documentElement,this[0]))return{top:0,left:0};var e=this[0].getBoundingClientRect();return{left:e.left+window.pageXOffset,top:e.top+window.pageYOffset,width:Math.round(e.width),height:Math.round(e.height)}},css:function(e,n){if(arguments.length<2){var r=this[0];if("string"==typeof e){if(!r)return;return r.style[C(e)]||getComputedStyle(r,"").getPropertyValue(e)}if(Q(e)){if(!r)return;var i={},o=getComputedStyle(r,"");return T.each(e,function(t,e){i[e]=r.style[C(e)]||o.getPropertyValue(e)}),i}}var a="";if("string"==t(e))n||0===n?a=c(e)+":"+f(e,n):this.each(function(){this.style.removeProperty(c(e))});else for(j in e)e[j]||0===e[j]?a+=c(j)+":"+f(j,e[j])+";":this.each(function(){this.style.removeProperty(c(j))});return this.each(function(){this.style.cssText+=";"+a})},index:function(t){return t?this.indexOf(T(t)[0]):this.parent().children().indexOf(this[0])},hasClass:function(t){return!!t&&O.some.call(this,function(t){return this.test(x(t))},l(t))},addClass:function(t){return t?this.each(function(e){if("className"in this){S=[];var n=x(this),r=g(this,t,e,n);r.split(/\s+/g).forEach(function(t){T(this).hasClass(t)||S.push(t)},this),S.length&&x(this,n+(n?" ":"")+S.join(" "))}}):this},removeClass:function(t){return this.each(function(e){if("className"in this){if(t===E)return x(this,"");S=x(this),g(this,t,e,S).split(/\s+/g).forEach(function(t){S=S.replace(l(t)," ")}),x(this,S.trim())}})},toggleClass:function(t,e){return t?this.each(function(n){var r=T(this),i=g(this,t,n,x(this));i.split(/\s+/g).forEach(function(t){(e===E?!r.hasClass(t):e)?r.addClass(t):r.removeClass(t)})}):this},scrollTop:function(t){if(this.length){var e="scrollTop"in this[0];return t===E?e?this[0].scrollTop:this[0].pageYOffset:this.each(e?function(){this.scrollTop=t}:function(){this.scrollTo(this.scrollX,t)})}},scrollLeft:function(t){if(this.length){var e="scrollLeft"in this[0];return t===E?e?this[0].scrollLeft:this[0].pageXOffset:this.each(e?function(){this.scrollLeft=t}:function(){this.scrollTo(t,this.scrollY)})}},position:function(){if(this.length){var t=this[0],e=this.offsetParent(),n=this.offset(),r=Z.test(e[0].nodeName)?{top:0,left:0}:e.offset();return n.top-=parseFloat(T(t).css("margin-top"))||0,n.left-=parseFloat(T(t).css("margin-left"))||0,r.top+=parseFloat(T(e[0]).css("border-top-width"))||0,r.left+=parseFloat(T(e[0]).css("border-left-width"))||0,{top:n.top-r.top,left:n.left-r.left}}},offsetParent:function(){return this.map(function(){for(var t=this.offsetParent||L.body;t&&!Z.test(t.nodeName)&&"static"==T(t).css("position");)t=t.offsetParent;return t})}},T.fn.detach=T.fn.remove,["width","height"].forEach(function(t){var e=t.replace(/./,function(t){return t[0].toUpperCase()});T.fn[t]=function(i){var o,a=this[0];return i===E?n(a)?a["inner"+e]:r(a)?a.documentElement["scroll"+e]:(o=this.offset())&&o[t]:this.each(function(e){a=T(this),a.css(t,g(this,i,e,a[t]()))})}}),I.forEach(function(e,n){var r=n%2;T.fn[e]=function(){var e,i,o=T.map(arguments,function(n){var r=[];return e=t(n),"array"==e?(n.forEach(function(t){return t.nodeType!==E?r.push(t):T.zepto.isZ(t)?r=r.concat(t.get()):void(r=r.concat(Y.fragment(t)))}),r):"object"==e||null==n?n:Y.fragment(n)}),a=this.length>1;return o.length<1?this:this.each(function(t,e){i=r?e:e.parentNode,e=0==n?e.nextSibling:1==n?e.firstChild:2==n?e:null;var s=T.contains(L.documentElement,i);o.forEach(function(t){if(a)t=t.cloneNode(!0);else if(!i)return T(t).remove();i.insertBefore(t,e),s&&w(t,function(t){if(!(null==t.nodeName||"SCRIPT"!==t.nodeName.toUpperCase()||t.type&&"text/javascript"!==t.type||t.src)){var e=t.ownerDocument?t.ownerDocument.defaultView:window;e.eval.call(e,t.innerHTML)}})})})},T.fn[r?e+"To":"insert"+(n?"Before":"After")]=function(t){return T(t)[e](this),this}}),Y.Z.prototype=d.prototype=T.fn,Y.uniq=N,Y.deserializeValue=b,T.zepto=Y,T}();!function(t){function e(t){return t._zid||(t._zid=h++)}function n(t,n,o,a){if(n=r(n),n.ns)var s=i(n.ns);return(v[e(t)]||[]).filter(function(t){return t&&(!n.e||t.e==n.e)&&(!n.ns||s.test(t.ns))&&(!o||e(t.fn)===e(o))&&(!a||t.sel==a)})}function r(t){var e=(""+t).split(".");return{e:e[0],ns:e.slice(1).sort().join(" ")}}function i(t){return new RegExp("(?:^| )"+t.replace(" "," .* ?")+"(?: |$)")}function o(t,e){return t.del&&!y&&t.e in x||!!e}function a(t){return b[t]||y&&x[t]||t}function s(n,i,s,u,l,h,p){var d=e(n),m=v[d]||(v[d]=[]);i.split(/\s/).forEach(function(e){if("ready"==e)return t(document).ready(s);var i=r(e);i.fn=s,i.sel=l,i.e in b&&(s=function(e){var n=e.relatedTarget;if(!n||n!==this&&!t.contains(this,n))return i.fn.apply(this,arguments)}),i.del=h;var d=h||s;i.proxy=function(t){if(t=c(t),!t.isImmediatePropagationStopped()){t.data=u;var e=d.apply(n,t._args==f?[t]:[t].concat(t._args));return e===!1&&(t.preventDefault(),t.stopPropagation()),e}},i.i=m.length,m.push(i),"addEventListener"in n&&n.addEventListener(a(i.e),i.proxy,o(i,p))})}function u(t,r,i,s,u){var c=e(t);(r||"").split(/\s/).forEach(function(e){n(t,e,i,s).forEach(function(e){delete v[c][e.i],"removeEventListener"in t&&t.removeEventListener(a(e.e),e.proxy,o(e,u))})})}function c(e,n){return!n&&e.isDefaultPrevented||(n||(n=e),t.each(T,function(t,r){var i=n[t];e[t]=function(){return this[r]=w,i&&i.apply(n,arguments)},e[r]=E}),e.timeStamp||(e.timeStamp=Date.now()),(n.defaultPrevented!==f?n.defaultPrevented:"returnValue"in n?n.returnValue===!1:n.getPreventDefault&&n.getPreventDefault())&&(e.isDefaultPrevented=w)),e}function l(t){var e,n={originalEvent:t};for(e in t)j.test(e)||t[e]===f||(n[e]=t[e]);return c(n,t)}var f,h=1,p=Array.prototype.slice,d=t.isFunction,m=function(t){return"string"==typeof t},v={},g={},y="onfocusin"in window,x={focus:"focusin",blur:"focusout"},b={mouseenter:"mouseover",mouseleave:"mouseout"};g.click=g.mousedown=g.mouseup=g.mousemove="MouseEvents",t.event={add:s,remove:u},t.proxy=function(n,r){var i=2 in arguments&&p.call(arguments,2);if(d(n)){var o=function(){return n.apply(r,i?i.concat(p.call(arguments)):arguments)};return o._zid=e(n),o}if(m(r))return i?(i.unshift(n[r],n),t.proxy.apply(null,i)):t.proxy(n[r],n);throw new TypeError("expected function")},t.fn.bind=function(t,e,n){return this.on(t,e,n)},t.fn.unbind=function(t,e){return this.off(t,e)},t.fn.one=function(t,e,n,r){return this.on(t,e,n,r,1)};var w=function(){return!0},E=function(){return!1},j=/^([A-Z]|returnValue$|layer[XY]$|webkitMovement[XY]$)/,T={preventDefault:"isDefaultPrevented",stopImmediatePropagation:"isImmediatePropagationStopped",stopPropagation:"isPropagationStopped"};t.fn.delegate=function(t,e,n){return this.on(e,t,n)},t.fn.undelegate=function(t,e,n){return this.off(e,t,n)},t.fn.live=function(e,n){return t(document.body).delegate(this.selector,e,n),this},t.fn.die=function(e,n){return t(document.body).undelegate(this.selector,e,n),this},t.fn.on=function(e,n,r,i,o){var a,c,h=this;return e&&!m(e)?(t.each(e,function(t,e){h.on(t,n,r,e,o)}),h):(m(n)||d(i)||i===!1||(i=r,r=n,n=f),i!==f&&r!==!1||(i=r,r=f),i===!1&&(i=E),h.each(function(f,h){o&&(a=function(t){return u(h,t.type,i),i.apply(this,arguments)}),n&&(c=function(e){var r,o=t(e.target).closest(n,h).get(0);if(o&&o!==h)return r=t.extend(l(e),{currentTarget:o,liveFired:h}),(a||i).apply(o,[r].concat(p.call(arguments,1)))}),s(h,e,i,r,n,c||a)}))},t.fn.off=function(e,n,r){var i=this;return e&&!m(e)?(t.each(e,function(t,e){i.off(t,n,e)}),i):(m(n)||d(r)||r===!1||(r=n,n=f),r===!1&&(r=E),i.each(function(){u(this,e,r,n)}))},t.fn.trigger=function(e,n){return e=m(e)||t.isPlainObject(e)?t.Event(e):c(e),e._args=n,this.each(function(){e.type in x&&"function"==typeof this[e.type]?this[e.type]():"dispatchEvent"in this?this.dispatchEvent(e):t(this).triggerHandler(e,n)})},t.fn.triggerHandler=function(e,r){var i,o;return this.each(function(a,s){i=l(m(e)?t.Event(e):e),i._args=r,i.target=s,t.each(n(s,e.type||e),function(t,e){if(o=e.proxy(i),i.isImmediatePropagationStopped())return!1})}),o},"focusin focusout focus blur load resize scroll unload click dblclick mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave change select keydown keypress keyup error".split(" ").forEach(function(e){t.fn[e]=function(t){return 0 in arguments?this.bind(e,t):this.trigger(e)}}),t.Event=function(t,e){m(t)||(e=t,t=e.type);var n=document.createEvent(g[t]||"Events"),r=!0;if(e)for(var i in e)"bubbles"==i?r=!!e[i]:n[i]=e[i];return n.initEvent(t,r,!0),c(n)}}(e),function(t){function e(e,n,r){var i=t.Event(n);return t(e).trigger(i,r),!i.isDefaultPrevented()}function n(t,n,r,i){if(t.global)return e(n||x,r,i)}function r(e){e.global&&0===t.active++&&n(e,null,"ajaxStart")}function i(e){e.global&&!--t.active&&n(e,null,"ajaxStop")}function o(t,e){var r=e.context;return e.beforeSend.call(r,t,e)!==!1&&n(e,r,"ajaxBeforeSend",[t,e])!==!1&&void n(e,r,"ajaxSend",[t,e])}function a(t,e,r,i){var o=r.context,a="success";r.success.call(o,t,a,e),i&&i.resolveWith(o,[t,a,e]),n(r,o,"ajaxSuccess",[e,r,t]),u(a,e,r)}function s(t,e,r,i,o){var a=i.context;i.error.call(a,r,e,t),o&&o.rejectWith(a,[r,e,t]),n(i,a,"ajaxError",[r,i,t||e]),u(e,r,i)}function u(t,e,r){var o=r.context;r.complete.call(o,e,t),n(r,o,"ajaxComplete",[e,r]),i(r)}function c(t,e,n){if(n.dataFilter==l)return t;var r=n.context;return n.dataFilter.call(r,t,e)}function l(){}function f(t){return t&&(t=t.split(";",2)[0]),t&&(t==T?"html":t==j?"json":w.test(t)?"script":E.test(t)&&"xml")||"text"}function h(t,e){return""==e?t:(t+"&"+e).replace(/[&?]{1,2}/,"?")}function p(e){e.processData&&e.data&&"string"!=t.type(e.data)&&(e.data=t.param(e.data,e.traditional)),!e.data||e.type&&"GET"!=e.type.toUpperCase()&&"jsonp"!=e.dataType||(e.url=h(e.url,e.data),e.data=void 0)}function d(e,n,r,i){return t.isFunction(n)&&(i=r,r=n,n=void 0),t.isFunction(r)||(i=r,r=void 0),{url:e,data:n,success:r,dataType:i}}function m(e,n,r,i){var o,a=t.isArray(n),s=t.isPlainObject(n);t.each(n,function(n,u){o=t.type(u),i&&(n=r?i:i+"["+(s||"object"==o||"array"==o?n:"")+"]"),!i&&a?e.add(u.name,u.value):"array"==o||!r&&"object"==o?m(e,u,r,n):e.add(n,u)})}var v,g,y=+new Date,x=window.document,b=/<script\b[^<]*(?:(?!<\/script>)<[^<]*)*<\/script>/gi,w=/^(?:text|application)\/javascript/i,E=/^(?:text|application)\/xml/i,j="application/json",T="text/html",S=/^\s*$/,C=x.createElement("a");C.href=window.location.href,t.active=0,t.ajaxJSONP=function(e,n){if(!("type"in e))return t.ajax(e);var r,i,u=e.jsonpCallback,c=(t.isFunction(u)?u():u)||"Zepto"+y++,l=x.createElement("script"),f=window[c],h=function(e){t(l).triggerHandler("error",e||"abort")},p={abort:h};return n&&n.promise(p),t(l).on("load error",function(o,u){clearTimeout(i),t(l).off().remove(),"error"!=o.type&&r?a(r[0],p,e,n):s(null,u||"error",p,e,n),window[c]=f,r&&t.isFunction(f)&&f(r[0]),f=r=void 0}),o(p,e)===!1?(h("abort"),p):(window[c]=function(){r=arguments},l.src=e.url.replace(/\?(.+)=\?/,"?$1="+c),x.head.appendChild(l),e.timeout>0&&(i=setTimeout(function(){h("timeout")},e.timeout)),p)},t.ajaxSettings={type:"GET",beforeSend:l,success:l,error:l,complete:l,context:null,global:!0,xhr:function(){return new window.XMLHttpRequest},accepts:{script:"text/javascript, application/javascript, application/x-javascript",json:j,xml:"application/xml, text/xml",html:T,text:"text/plain"},crossDomain:!1,timeout:0,processData:!0,cache:!0,dataFilter:l},t.ajax=function(e){var n,i,u=t.extend({},e||{}),d=t.Deferred&&t.Deferred();for(v in t.ajaxSettings)void 0===u[v]&&(u[v]=t.ajaxSettings[v]);r(u),u.crossDomain||(n=x.createElement("a"),n.href=u.url,n.href=n.href,u.crossDomain=C.protocol+"//"+C.host!=n.protocol+"//"+n.host),u.url||(u.url=window.location.toString()),(i=u.url.indexOf("#"))>-1&&(u.url=u.url.slice(0,i)),p(u);var m=u.dataType,y=/\?.+=\?/.test(u.url);if(y&&(m="jsonp"),u.cache!==!1&&(e&&e.cache===!0||"script"!=m&&"jsonp"!=m)||(u.url=h(u.url,"_="+Date.now())),"jsonp"==m)return y||(u.url=h(u.url,u.jsonp?u.jsonp+"=?":u.jsonp===!1?"":"callback=?")),t.ajaxJSONP(u,d);var b,w=u.accepts[m],E={},j=function(t,e){E[t.toLowerCase()]=[t,e]},T=/^([\w-]+:)\/\//.test(u.url)?RegExp.$1:window.location.protocol,N=u.xhr(),O=N.setRequestHeader;if(d&&d.promise(N),u.crossDomain||j("X-Requested-With","XMLHttpRequest"),j("Accept",w||"*/*"),(w=u.mimeType||w)&&(w.indexOf(",")>-1&&(w=w.split(",",2)[0]),N.overrideMimeType&&N.overrideMimeType(w)),(u.contentType||u.contentType!==!1&&u.data&&"GET"!=u.type.toUpperCase())&&j("Content-Type",u.contentType||"application/x-www-form-urlencoded"),u.headers)for(g in u.headers)j(g,u.headers[g]);if(N.setRequestHeader=j,N.onreadystatechange=function(){if(4==N.readyState){N.onreadystatechange=l,clearTimeout(b);var e,n=!1;if(N.status>=200&&N.status<300||304==N.status||0==N.status&&"file:"==T){if(m=m||f(u.mimeType||N.getResponseHeader("content-type")),"arraybuffer"==N.responseType||"blob"==N.responseType)e=N.response;else{e=N.responseText;try{e=c(e,m,u),"script"==m?(0,eval)(e):"xml"==m?e=N.responseXML:"json"==m&&(e=S.test(e)?null:t.parseJSON(e))}catch(r){n=r}if(n)return s(n,"parsererror",N,u,d)}a(e,N,u,d)}else s(N.statusText||null,N.status?"error":"abort",N,u,d)}},o(N,u)===!1)return N.abort(),s(null,"abort",N,u,d),N;var P=!("async"in u)||u.async;if(N.open(u.type,u.url,P,u.username,u.password),u.xhrFields)for(g in u.xhrFields)N[g]=u.xhrFields[g];for(g in E)O.apply(N,E[g]);return u.timeout>0&&(b=setTimeout(function(){N.onreadystatechange=l,N.abort(),s(null,"timeout",N,u,d)},u.timeout)),N.send(u.data?u.data:null),N},t.get=function(){return t.ajax(d.apply(null,arguments))},t.post=function(){var e=d.apply(null,arguments);return e.type="POST",t.ajax(e)},t.getJSON=function(){var e=d.apply(null,arguments);return e.dataType="json",t.ajax(e)},t.fn.load=function(e,n,r){if(!this.length)return this;var i,o=this,a=e.split(/\s/),s=d(e,n,r),u=s.success;return a.length>1&&(s.url=a[0],i=a[1]),s.success=function(e){o.html(i?t("<div>").html(e.replace(b,"")).find(i):e),u&&u.apply(o,arguments)},t.ajax(s),this};var N=encodeURIComponent;t.param=function(e,n){var r=[];return r.add=function(e,n){t.isFunction(n)&&(n=n()),null==n&&(n=""),this.push(N(e)+"="+N(n))},m(r,e,n),r.join("&").replace(/%20/g,"+")}}(e),function(t){t.fn.serializeArray=function(){var e,n,r=[],i=function(t){return t.forEach?t.forEach(i):void r.push({name:e,value:t})};return this[0]&&t.each(this[0].elements,function(r,o){n=o.type,e=o.name,e&&"fieldset"!=o.nodeName.toLowerCase()&&!o.disabled&&"submit"!=n&&"reset"!=n&&"button"!=n&&"file"!=n&&("radio"!=n&&"checkbox"!=n||o.checked)&&i(t(o).val())}),r},t.fn.serialize=function(){var t=[];return this.serializeArray().forEach(function(e){t.push(encodeURIComponent(e.name)+"="+encodeURIComponent(e.value))}),t.join("&")},t.fn.submit=function(e){if(0 in arguments)this.bind("submit",e);else if(this.length){var n=t.Event("submit");this.eq(0).trigger(n),n.isDefaultPrevented()||this.get(0).submit()}return this}}(e),function(){try{getComputedStyle(void 0)}catch(t){var e=getComputedStyle;window.getComputedStyle=function(t,n){try{return e(t,n)}catch(r){return null}}}}(),t("zepto",e)});layui.define(function(i){i("layim-mobile",layui.v)});layui["layui.mobile"]||layui.config({base:layui.cache.dir+"lay/modules/mobile/"}).extend({"layer-mobile":"layer-mobile",zepto:"zepto","upload-mobile":"upload-mobile","layim-mobile":"layim-mobile"}),layui.define(["layer-mobile","zepto","layim-mobile"],function(l){l("mobile",{layer:layui["layer-mobile"],layim:layui["layim-mobile"]})});
\ No newline at end of file
diff --git a/src/main/resources/static/JS/layui/lay/modules/rate.js b/src/main/resources/static/JS/layui/lay/modules/rate.js
new file mode 100644
index 0000000..7feef34
--- /dev/null
+++ b/src/main/resources/static/JS/layui/lay/modules/rate.js
@@ -0,0 +1,2 @@
+/** layui-v2.5.6 MIT License By https://www.layui.com */
+ ;layui.define("jquery",function(e){"use strict";var a=layui.jquery,i={config:{},index:layui.rate?layui.rate.index+1e4:0,set:function(e){var i=this;return i.config=a.extend({},i.config,e),i},on:function(e,a){return layui.onevent.call(this,n,e,a)}},l=function(){var e=this,a=e.config;return{setvalue:function(a){e.setvalue.call(e,a)},config:a}},n="rate",t="layui-rate",o="layui-icon-rate",s="layui-icon-rate-solid",u="layui-icon-rate-half",r="layui-icon-rate-solid layui-icon-rate-half",c="layui-icon-rate-solid layui-icon-rate",f="layui-icon-rate layui-icon-rate-half",v=function(e){var l=this;l.index=++i.index,l.config=a.extend({},l.config,i.config,e),l.render()};v.prototype.config={length:5,text:!1,readonly:!1,half:!1,value:0,theme:""},v.prototype.render=function(){var e=this,i=e.config,l=i.theme?'style="color: '+i.theme+';"':"";i.elem=a(i.elem),parseInt(i.value)!==i.value&&(i.half||(i.value=Math.ceil(i.value)-i.value<.5?Math.ceil(i.value):Math.floor(i.value)));for(var n='<ul class="layui-rate" '+(i.readonly?"readonly":"")+">",u=1;u<=i.length;u++){var r='<li class="layui-inline"><i class="layui-icon '+(u>Math.floor(i.value)?o:s)+'" '+l+"></i></li>";i.half&&parseInt(i.value)!==i.value&&u==Math.ceil(i.value)?n=n+'<li><i class="layui-icon layui-icon-rate-half" '+l+"></i></li>":n+=r}n+="</ul>"+(i.text?'<span class="layui-inline">'+i.value+"鏄�":"")+"</span>";var c=i.elem,f=c.next("."+t);f[0]&&f.remove(),e.elemTemp=a(n),i.span=e.elemTemp.next("span"),i.setText&&i.setText(i.value),c.html(e.elemTemp),c.addClass("layui-inline"),i.readonly||e.action()},v.prototype.setvalue=function(e){var a=this,i=a.config;i.value=e,a.render()},v.prototype.action=function(){var e=this,i=e.config,l=e.elemTemp,n=l.find("i").width();l.children("li").each(function(e){var t=e+1,v=a(this);v.on("click",function(e){if(i.value=t,i.half){var o=e.pageX-a(this).offset().left;o<=n/2&&(i.value=i.value-.5)}i.text&&l.next("span").text(i.value+"鏄�"),i.choose&&i.choose(i.value),i.setText&&i.setText(i.value)}),v.on("mousemove",function(e){if(l.find("i").each(function(){a(this).addClass(o).removeClass(r)}),l.find("i:lt("+t+")").each(function(){a(this).addClass(s).removeClass(f)}),i.half){var c=e.pageX-a(this).offset().left;c<=n/2&&v.children("i").addClass(u).removeClass(s)}}),v.on("mouseleave",function(){l.find("i").each(function(){a(this).addClass(o).removeClass(r)}),l.find("i:lt("+Math.floor(i.value)+")").each(function(){a(this).addClass(s).removeClass(f)}),i.half&&parseInt(i.value)!==i.value&&l.children("li:eq("+Math.floor(i.value)+")").children("i").addClass(u).removeClass(c)})})},v.prototype.events=function(){var e=this;e.config},i.render=function(e){var a=new v(e);return l.call(a)},e(n,i)});
\ No newline at end of file
diff --git a/src/main/resources/static/JS/layui/lay/modules/slider.js b/src/main/resources/static/JS/layui/lay/modules/slider.js
new file mode 100644
index 0000000..6f824a9
--- /dev/null
+++ b/src/main/resources/static/JS/layui/lay/modules/slider.js
@@ -0,0 +1,2 @@
+/** layui-v2.5.6 MIT License By https://www.layui.com */
+ ;layui.define("jquery",function(e){"use strict";var i=layui.jquery,t={config:{},index:layui.slider?layui.slider.index+1e4:0,set:function(e){var t=this;return t.config=i.extend({},t.config,e),t},on:function(e,i){return layui.onevent.call(this,n,e,i)}},a=function(){var e=this,i=e.config;return{setValue:function(i,t){return e.slide("set",i,t||0)},config:i}},n="slider",l="layui-disabled",s="layui-slider",r="layui-slider-bar",o="layui-slider-wrap",u="layui-slider-wrap-btn",d="layui-slider-tips",v="layui-slider-input",c="layui-slider-input-txt",m="layui-slider-input-btn",p="layui-slider-hover",f=function(e){var a=this;a.index=++t.index,a.config=i.extend({},a.config,t.config,e),a.render()};f.prototype.config={type:"default",min:0,max:100,value:0,step:1,showstep:!1,tips:!0,input:!1,range:!1,height:200,disabled:!1,theme:"#009688"},f.prototype.render=function(){var e=this,t=e.config;if(t.step<1&&(t.step=1),t.max<t.min&&(t.max=t.min+t.step),t.range){t.value="object"==typeof t.value?t.value:[t.min,t.value];var a=Math.min(t.value[0],t.value[1]),n=Math.max(t.value[0],t.value[1]);t.value[0]=a>t.min?a:t.min,t.value[1]=n>t.min?n:t.min,t.value[0]=t.value[0]>t.max?t.max:t.value[0],t.value[1]=t.value[1]>t.max?t.max:t.value[1];var r=Math.floor((t.value[0]-t.min)/(t.max-t.min)*100),v=Math.floor((t.value[1]-t.min)/(t.max-t.min)*100),m=v-r+"%";r+="%",v+="%"}else{"object"==typeof t.value&&(t.value=Math.min.apply(null,t.value)),t.value<t.min&&(t.value=t.min),t.value>t.max&&(t.value=t.max);var m=Math.floor((t.value-t.min)/(t.max-t.min)*100)+"%"}var p=t.disabled?"#c2c2c2":t.theme,f='<div class="layui-slider '+("vertical"===t.type?"layui-slider-vertical":"")+'">'+(t.tips?'<div class="layui-slider-tips"></div>':"")+'<div class="layui-slider-bar" style="background:'+p+"; "+("vertical"===t.type?"height":"width")+":"+m+";"+("vertical"===t.type?"bottom":"left")+":"+(r||0)+';"></div><div class="layui-slider-wrap" style="'+("vertical"===t.type?"bottom":"left")+":"+(r||m)+';"><div class="layui-slider-wrap-btn" style="border: 2px solid '+p+';"></div></div>'+(t.range?'<div class="layui-slider-wrap" style="'+("vertical"===t.type?"bottom":"left")+":"+v+';"><div class="layui-slider-wrap-btn" style="border: 2px solid '+p+';"></div></div>':"")+"</div>",h=i(t.elem),y=h.next("."+s);if(y[0]&&y.remove(),e.elemTemp=i(f),t.range?(e.elemTemp.find("."+o).eq(0).data("value",t.value[0]),e.elemTemp.find("."+o).eq(1).data("value",t.value[1])):e.elemTemp.find("."+o).data("value",t.value),h.html(e.elemTemp),"vertical"===t.type&&e.elemTemp.height(t.height+"px"),t.showstep){for(var g=(t.max-t.min)/t.step,b="",x=1;x<g+1;x++){var T=100*x/g;T<100&&(b+='<div class="layui-slider-step" style="'+("vertical"===t.type?"bottom":"left")+":"+T+'%"></div>')}e.elemTemp.append(b)}if(t.input&&!t.range){var w=i('<div class="layui-slider-input layui-input"><div class="layui-slider-input-txt"><input type="text" class="layui-input"></div><div class="layui-slider-input-btn"><i class="layui-icon layui-icon-up"></i><i class="layui-icon layui-icon-down"></i></div></div>');h.css("position","relative"),h.append(w),h.find("."+c).children("input").val(t.value),"vertical"===t.type?w.css({left:0,top:-48}):e.elemTemp.css("margin-right",w.outerWidth()+15)}t.disabled?(e.elemTemp.addClass(l),e.elemTemp.find("."+u).addClass(l)):e.slide(),e.elemTemp.find("."+u).on("mouseover",function(){var a="vertical"===t.type?t.height:e.elemTemp[0].offsetWidth,n=e.elemTemp.find("."+o),l="vertical"===t.type?a-i(this).parent()[0].offsetTop-n.height():i(this).parent()[0].offsetLeft,s=l/a*100,r=i(this).parent().data("value"),u=t.setTips?t.setTips(r):r;e.elemTemp.find("."+d).html(u),"vertical"===t.type?e.elemTemp.find("."+d).css({bottom:s+"%","margin-bottom":"20px",display:"inline-block"}):e.elemTemp.find("."+d).css({left:s+"%",display:"inline-block"})}).on("mouseout",function(){e.elemTemp.find("."+d).css("display","none")})},f.prototype.slide=function(e,t,a){var n=this,l=n.config,s=n.elemTemp,f=function(){return"vertical"===l.type?l.height:s[0].offsetWidth},h=s.find("."+o),y=s.next("."+v),g=y.children("."+c).children("input").val(),b=100/((l.max-l.min)/Math.ceil(l.step)),x=function(e,i){e=Math.ceil(e)*b>100?Math.ceil(e)*b:Math.round(e)*b,e=e>100?100:e,h.eq(i).css("vertical"===l.type?"bottom":"left",e+"%");var t=T(h[0].offsetLeft),a=l.range?T(h[1].offsetLeft):0;"vertical"===l.type?(s.find("."+d).css({bottom:e+"%","margin-bottom":"20px"}),t=T(f()-h[0].offsetTop-h.height()),a=l.range?T(f()-h[1].offsetTop-h.height()):0):s.find("."+d).css("left",e+"%"),t=t>100?100:t,a=a>100?100:a;var n=Math.min(t,a),o=Math.abs(t-a);"vertical"===l.type?s.find("."+r).css({height:o+"%",bottom:n+"%"}):s.find("."+r).css({width:o+"%",left:n+"%"});var u=l.min+Math.round((l.max-l.min)*e/100);if(g=u,y.children("."+c).children("input").val(g),h.eq(i).data("value",u),u=l.setTips?l.setTips(u):u,s.find("."+d).html(u),l.range){var v=[h.eq(0).data("value"),h.eq(1).data("value")];v[0]>v[1]&&v.reverse()}l.change&&l.change(l.range?v:u)},T=function(e){var i=e/f()*100/b,t=Math.round(i)*b;return e==f()&&(t=Math.ceil(i)*b),t},w=i(['<div class="layui-auxiliar-moving" id="LAY-slider-moving"></div'].join("")),M=function(e,t){var a=function(){t&&t(),w.remove()};i("#LAY-slider-moving")[0]||i("body").append(w),w.on("mousemove",e),w.on("mouseup",a).on("mouseleave",a)};if("set"===e)return x(t,a);s.find("."+u).each(function(e){var t=i(this);t.on("mousedown",function(i){i=i||window.event;var a=t.parent()[0].offsetLeft,n=i.clientX;"vertical"===l.type&&(a=f()-t.parent()[0].offsetTop-h.height(),n=i.clientY);var r=function(i){i=i||window.event;var r=a+("vertical"===l.type?n-i.clientY:i.clientX-n);r<0&&(r=0),r>f()&&(r=f());var o=r/f()*100/b;x(o,e),t.addClass(p),s.find("."+d).show(),i.preventDefault()},o=function(){t.removeClass(p),s.find("."+d).hide()};M(r,o)})}),s.on("click",function(e){var t=i("."+u);if(!t.is(event.target)&&0===t.has(event.target).length&&t.length){var a,n="vertical"===l.type?f()-e.clientY+i(this).offset().top:e.clientX-i(this).offset().left;n<0&&(n=0),n>f()&&(n=f());var s=n/f()*100/b;a=l.range?"vertical"===l.type?Math.abs(n-parseInt(i(h[0]).css("bottom")))>Math.abs(n-parseInt(i(h[1]).css("bottom")))?1:0:Math.abs(n-h[0].offsetLeft)>Math.abs(n-h[1].offsetLeft)?1:0:0,x(s,a),e.preventDefault()}}),y.hover(function(){var e=i(this);e.children("."+m).fadeIn("fast")},function(){var e=i(this);e.children("."+m).fadeOut("fast")}),y.children("."+m).children("i").each(function(e){i(this).on("click",function(){g=1==e?g-l.step<l.min?l.min:Number(g)-l.step:Number(g)+l.step>l.max?l.max:Number(g)+l.step;var i=(g-l.min)/(l.max-l.min)*100/b;x(i,0)})});var q=function(){var e=this.value;e=isNaN(e)?0:e,e=e<l.min?l.min:e,e=e>l.max?l.max:e,this.value=e;var i=(e-l.min)/(l.max-l.min)*100/b;x(i,0)};y.children("."+c).children("input").on("keydown",function(e){13===e.keyCode&&(e.preventDefault(),q.call(this))}).on("change",q)},f.prototype.events=function(){var e=this;e.config},t.render=function(e){var i=new f(e);return a.call(i)},e(n,t)});
\ No newline at end of file
diff --git a/src/main/resources/static/JS/layui/lay/modules/table.js b/src/main/resources/static/JS/layui/lay/modules/table.js
new file mode 100644
index 0000000..0882b71
--- /dev/null
+++ b/src/main/resources/static/JS/layui/lay/modules/table.js
@@ -0,0 +1,2 @@
+/** layui-v2.5.6 MIT License By https://www.layui.com */
+ ;layui.define(["laytpl","laypage","layer","form","util"],function(e){"use strict";var t=layui.$,i=layui.laytpl,a=layui.laypage,l=layui.layer,n=layui.form,o=(layui.util,layui.hint()),r=layui.device(),d={config:{checkName:"LAY_CHECKED",indexName:"LAY_TABLE_INDEX"},cache:{},index:layui.table?layui.table.index+1e4:0,set:function(e){var i=this;return i.config=t.extend({},i.config,e),i},on:function(e,t){return layui.onevent.call(this,y,e,t)}},c=function(){var e=this,t=e.config,i=t.id||t.index;return i&&(c.that[i]=e,c.config[i]=t),{config:t,reload:function(t){e.reload.call(e,t)},setColsWidth:function(){e.setColsWidth.call(e)},resize:function(){e.resize.call(e)}}},s=function(e){var t=c.config[e];return t||o.error("The ID option was not found in the table instance"),t||null},u=function(e,a,l,n){var o=e.templet?function(){return"function"==typeof e.templet?e.templet(l):i(t(e.templet).html()||String(a)).render(l)}():a;return n?t("<div>"+o+"</div>").text():o},y="table",h=".layui-table",f="layui-hide",p="layui-none",v="layui-table-view",m=".layui-table-tool",g=".layui-table-box",b=".layui-table-init",x=".layui-table-header",k=".layui-table-body",C=".layui-table-main",w=".layui-table-fixed",T=".layui-table-fixed-l",A=".layui-table-fixed-r",L=".layui-table-total",N=".layui-table-page",S=".layui-table-sort",R="layui-table-edit",W="layui-table-hover",_=function(e){var t='{{#if(item2.colspan){}} colspan="{{item2.colspan}}"{{#} if(item2.rowspan){}} rowspan="{{item2.rowspan}}"{{#}}}';return e=e||{},['<table cellspacing="0" cellpadding="0" border="0" class="layui-table" ','{{# if(d.data.skin){ }}lay-skin="{{d.data.skin}}"{{# } }} {{# if(d.data.size){ }}lay-size="{{d.data.size}}"{{# } }} {{# if(d.data.even){ }}lay-even{{# } }}>',"<thead>","{{# layui.each(d.data.cols, function(i1, item1){ }}","<tr>","{{# layui.each(item1, function(i2, item2){ }}",'{{# if(item2.fixed && item2.fixed !== "right"){ left = true; } }}','{{# if(item2.fixed === "right"){ right = true; } }}',function(){return e.fixed&&"right"!==e.fixed?'{{# if(item2.fixed && item2.fixed !== "right"){ }}':"right"===e.fixed?'{{# if(item2.fixed === "right"){ }}':""}(),"{{# var isSort = !(item2.colGroup) && item2.sort; }}",'<th data-field="{{ item2.field||i2 }}" data-key="{{d.index}}-{{i1}}-{{i2}}" {{# if( item2.parentKey){ }}data-parentkey="{{ item2.parentKey }}"{{# } }} {{# if(item2.minWidth){ }}data-minwidth="{{item2.minWidth}}"{{# } }} '+t+' {{# if(item2.unresize || item2.colGroup){ }}data-unresize="true"{{# } }} class="{{# if(item2.hide){ }}layui-hide{{# } }}{{# if(isSort){ }} layui-unselect{{# } }}{{# if(!item2.field){ }} layui-table-col-special{{# } }}">','<div class="layui-table-cell laytable-cell-',"{{# if(item2.colGroup){ }}","group","{{# } else { }}","{{d.index}}-{{i1}}-{{i2}}",'{{# if(item2.type !== "normal"){ }}'," laytable-cell-{{ item2.type }}","{{# } }}","{{# } }}",'" {{#if(item2.align){}}align="{{item2.align}}"{{#}}}>','{{# if(item2.type === "checkbox"){ }}','<input type="checkbox" name="layTableCheckbox" lay-skin="primary" lay-filter="layTableAllChoose" {{# if(item2[d.data.checkName]){ }}checked{{# }; }}>',"{{# } else { }}",'<span>{{item2.title||""}}</span>',"{{# if(isSort){ }}",'<span class="layui-table-sort layui-inline"><i class="layui-edge layui-table-sort-asc" title="鍗囧簭"></i><i class="layui-edge layui-table-sort-desc" title="闄嶅簭"></i></span>',"{{# } }}","{{# } }}","</div>","</th>",e.fixed?"{{# }; }}":"","{{# }); }}","</tr>","{{# }); }}","</thead>","</table>"].join("")},E=['<table cellspacing="0" cellpadding="0" border="0" class="layui-table" ','{{# if(d.data.skin){ }}lay-skin="{{d.data.skin}}"{{# } }} {{# if(d.data.size){ }}lay-size="{{d.data.size}}"{{# } }} {{# if(d.data.even){ }}lay-even{{# } }}>',"<tbody></tbody>","</table>"].join(""),z=['<div class="layui-form layui-border-box {{d.VIEW_CLASS}}" lay-filter="LAY-table-{{d.index}}" lay-id="{{ d.data.id }}" style="{{# if(d.data.width){ }}width:{{d.data.width}}px;{{# } }} {{# if(d.data.height){ }}height:{{d.data.height}}px;{{# } }}">',"{{# if(d.data.toolbar){ }}",'<div class="layui-table-tool">','<div class="layui-table-tool-temp"></div>','<div class="layui-table-tool-self"></div>',"</div>","{{# } }}",'<div class="layui-table-box">',"{{# if(d.data.loading){ }}",'<div class="layui-table-init" style="background-color: #fff;">','<i class="layui-icon layui-icon-loading layui-anim layui-anim-rotate layui-anim-loop"></i>',"</div>","{{# } }}","{{# var left, right; }}",'<div class="layui-table-header">',_(),"</div>",'<div class="layui-table-body layui-table-main">',E,"</div>","{{# if(left){ }}",'<div class="layui-table-fixed layui-table-fixed-l">','<div class="layui-table-header">',_({fixed:!0}),"</div>",'<div class="layui-table-body">',E,"</div>","</div>","{{# }; }}","{{# if(right){ }}",'<div class="layui-table-fixed layui-table-fixed-r">','<div class="layui-table-header">',_({fixed:"right"}),'<div class="layui-table-mend"></div>',"</div>",'<div class="layui-table-body">',E,"</div>","</div>","{{# }; }}","</div>","{{# if(d.data.totalRow){ }}",'<div class="layui-table-total">','<table cellspacing="0" cellpadding="0" border="0" class="layui-table" ','{{# if(d.data.skin){ }}lay-skin="{{d.data.skin}}"{{# } }} {{# if(d.data.size){ }}lay-size="{{d.data.size}}"{{# } }} {{# if(d.data.even){ }}lay-even{{# } }}>','<tbody><tr><td><div class="layui-table-cell" style="visibility: hidden;">Total</div></td></tr></tbody>',"</table>","</div>","{{# } }}","{{# if(d.data.page){ }}",'<div class="layui-table-page">','<div id="layui-table-page{{d.index}}"></div>',"</div>","{{# } }}","<style>","{{# layui.each(d.data.cols, function(i1, item1){","layui.each(item1, function(i2, item2){ }}",".laytable-cell-{{d.index}}-{{i1}}-{{i2}}{ ","{{# if(item2.width){ }}","width: {{item2.width}}px;","{{# } }}"," }","{{# });","}); }}","</style>","</div>"].join(""),H=t(window),j=t(document),F=function(e){var i=this;i.index=++d.index,i.config=t.extend({},i.config,d.config,e),i.render()};F.prototype.config={limit:10,loading:!0,cellMinWidth:60,defaultToolbar:["filter","exports","print"],autoSort:!0,text:{none:"鏃犳暟鎹�"}},F.prototype.render=function(){var e=this,a=e.config;if(a.elem=t(a.elem),a.where=a.where||{},a.id=a.id||a.elem.attr("id")||e.index,a.request=t.extend({pageName:"page",limitName:"limit"},a.request),a.response=t.extend({statusName:"code",statusCode:0,msgName:"msg",dataName:"data",totalRowName:"totalRow",countName:"count"},a.response),"object"==typeof a.page&&(a.limit=a.page.limit||a.limit,a.limits=a.page.limits||a.limits,e.page=a.page.curr=a.page.curr||1,delete a.page.elem,delete a.page.jump),!a.elem[0])return e;a.height&&/^full-\d+$/.test(a.height)&&(e.fullHeightGap=a.height.split("-")[1],a.height=H.height()-e.fullHeightGap),e.setInit();var l=a.elem,n=l.next("."+v),o=e.elem=t(i(z).render({VIEW_CLASS:v,data:a,index:e.index}));if(a.index=e.index,e.key=a.id||a.index,n[0]&&n.remove(),l.after(o),e.layTool=o.find(m),e.layBox=o.find(g),e.layHeader=o.find(x),e.layMain=o.find(C),e.layBody=o.find(k),e.layFixed=o.find(w),e.layFixLeft=o.find(T),e.layFixRight=o.find(A),e.layTotal=o.find(L),e.layPage=o.find(N),e.renderToolbar(),e.fullSize(),a.cols.length>1){var r=e.layFixed.find(x).find("th");r.height(e.layHeader.height()-1-parseFloat(r.css("padding-top"))-parseFloat(r.css("padding-bottom")))}e.pullData(e.page),e.events()},F.prototype.initOpts=function(e){var t=this,i=(t.config,{checkbox:48,radio:48,space:15,numbers:40});e.checkbox&&(e.type="checkbox"),e.space&&(e.type="space"),e.type||(e.type="normal"),"normal"!==e.type&&(e.unresize=!0,e.width=e.width||i[e.type])},F.prototype.setInit=function(e){var t=this,i=t.config;return i.clientWidth=i.width||function(){var e=function(t){var a,l;t=t||i.elem.parent(),a=t.width();try{l="none"===t.css("display")}catch(n){}return!t[0]||a&&!l?a:e(t.parent())};return e()}(),"width"===e?i.clientWidth:void layui.each(i.cols,function(e,a){layui.each(a,function(l,n){if(!n)return void a.splice(l,1);if(n.key=e+"-"+l,n.hide=n.hide||!1,n.colGroup||n.colspan>1){var o=0;layui.each(i.cols[e+1],function(t,i){i.HAS_PARENT||o>1&&o==n.colspan||(i.HAS_PARENT=!0,i.parentKey=e+"-"+l,o+=parseInt(i.colspan>1?i.colspan:1))}),n.colGroup=!0}t.initOpts(n)})})},F.prototype.renderToolbar=function(){var e=this,a=e.config,l=['<div class="layui-inline" lay-event="add"><i class="layui-icon layui-icon-add-1"></i></div>','<div class="layui-inline" lay-event="update"><i class="layui-icon layui-icon-edit"></i></div>','<div class="layui-inline" lay-event="delete"><i class="layui-icon layui-icon-delete"></i></div>'].join(""),n=e.layTool.find(".layui-table-tool-temp");if("default"===a.toolbar)n.html(l);else if("string"==typeof a.toolbar){var o=t(a.toolbar).html()||"";o&&n.html(i(o).render(a))}var r={filter:{title:"绛涢�夊垪",layEvent:"LAYTABLE_COLS",icon:"layui-icon-cols"},exports:{title:"瀵煎嚭",layEvent:"LAYTABLE_EXPORT",icon:"layui-icon-export"},print:{title:"鎵撳嵃",layEvent:"LAYTABLE_PRINT",icon:"layui-icon-print"}},d=[];"object"==typeof a.defaultToolbar&&layui.each(a.defaultToolbar,function(e,t){var i="string"==typeof t?r[t]:t;i&&d.push('<div class="layui-inline" title="'+i.title+'" lay-event="'+i.layEvent+'"><i class="layui-icon '+i.icon+'"></i></div>')}),e.layTool.find(".layui-table-tool-self").html(d.join(""))},F.prototype.setParentCol=function(e,t){var i=this,a=i.config,l=i.layHeader.find('th[data-key="'+a.index+"-"+t+'"]'),n=parseInt(l.attr("colspan"))||0;if(l[0]){var o=t.split("-"),r=a.cols[o[0]][o[1]];e?n--:n++,l.attr("colspan",n),l[n<1?"addClass":"removeClass"](f),r.colspan=n,r.hide=n<1;var d=l.data("parentkey");d&&i.setParentCol(e,d)}},F.prototype.setColsPatch=function(){var e=this,t=e.config;layui.each(t.cols,function(t,i){layui.each(i,function(t,i){i.hide&&e.setParentCol(i.hide,i.parentKey)})})},F.prototype.setColsWidth=function(){var e=this,t=e.config,i=0,a=0,l=0,n=0,o=e.setInit("width");e.eachCols(function(e,t){t.hide||i++}),o=o-function(){return"line"===t.skin||"nob"===t.skin?2:i+1}()-e.getScrollWidth(e.layMain[0])-1;var r=function(e){layui.each(t.cols,function(i,r){layui.each(r,function(i,d){var c=0,s=d.minWidth||t.cellMinWidth;return d?void(d.colGroup||d.hide||(e?l&&l<s&&(a--,c=s):(c=d.width||0,/\d+%$/.test(c)?(c=Math.floor(parseFloat(c)/100*o),c<s&&(c=s)):c||(d.width=c=0,a++)),d.hide&&(c=0),n+=c)):void r.splice(i,1)})}),o>n&&a&&(l=(o-n)/a)};r(),r(!0),e.autoColNums=a,e.eachCols(function(i,a){var n=a.minWidth||t.cellMinWidth;a.colGroup||a.hide||(0===a.width?e.getCssRule(t.index+"-"+a.key,function(e){e.style.width=Math.floor(l>=n?l:n)+"px"}):/\d+%$/.test(a.width)&&e.getCssRule(t.index+"-"+a.key,function(e){e.style.width=Math.floor(parseFloat(a.width)/100*o)+"px"}))});var d=e.layMain.width()-e.getScrollWidth(e.layMain[0])-e.layMain.children("table").outerWidth();if(e.autoColNums&&d>=-i&&d<=i){var c=function(t){var i;return t=t||e.layHeader.eq(0).find("thead th:last-child"),i=t.data("field"),!i&&t.prev()[0]?c(t.prev()):t},s=c(),u=s.data("key");e.getCssRule(u,function(t){var i=t.style.width||s.outerWidth();t.style.width=parseFloat(i)+d+"px",e.layMain.height()-e.layMain.prop("clientHeight")>0&&(t.style.width=parseFloat(t.style.width)-1+"px")})}e.loading(!0)},F.prototype.resize=function(){var e=this;e.fullSize(),e.setColsWidth(),e.scrollPatch()},F.prototype.reload=function(e){var i=this;e=e||{},delete i.haveInit,e.data&&e.data.constructor===Array&&delete i.config.data,i.config=t.extend(!0,{},i.config,e),i.render()},F.prototype.errorView=function(e){var i=this,a=i.layMain.find("."+p),l=t('<div class="'+p+'">'+(e||"Error")+"</div>");a[0]&&(i.layNone.remove(),a.remove()),i.layFixed.addClass(f),i.layMain.find("tbody").html(""),i.layMain.append(i.layNone=l),d.cache[i.key]=[]},F.prototype.page=1,F.prototype.pullData=function(e){var i=this,a=i.config,l=a.request,n=a.response,o=function(){"object"==typeof a.initSort&&i.sort(a.initSort.field,a.initSort.type)};if(i.startTime=(new Date).getTime(),a.url){var r={};r[l.pageName]=e,r[l.limitName]=a.limit;var d=t.extend(r,a.where);a.contentType&&0==a.contentType.indexOf("application/json")&&(d=JSON.stringify(d)),i.loading(),t.ajax({type:a.method||"get",url:a.url,contentType:a.contentType,data:d,dataType:"json",headers:a.headers||{},success:function(t){"function"==typeof a.parseData&&(t=a.parseData(t)||t),t[n.statusName]!=n.statusCode?(i.renderForm(),i.errorView(t[n.msgName]||'杩斿洖鐨勬暟鎹笉绗﹀悎瑙勮寖锛屾纭殑鎴愬姛鐘舵�佺爜搴斾负锛�"'+n.statusName+'": '+n.statusCode)):(i.renderData(t,e,t[n.countName]),o(),a.time=(new Date).getTime()-i.startTime+" ms"),i.setColsWidth(),"function"==typeof a.done&&a.done(t,e,t[n.countName])},error:function(e,t){i.errorView("鏁版嵁鎺ュ彛璇锋眰寮傚父锛�"+t),i.renderForm(),i.setColsWidth()}})}else if(a.data&&a.data.constructor===Array){var c={},s=e*a.limit-a.limit;c[n.dataName]=a.data.concat().splice(s,a.limit),c[n.countName]=a.data.length,"object"==typeof a.totalRow&&(c[n.totalRowName]=t.extend({},a.totalRow)),i.renderData(c,e,c[n.countName]),o(),i.setColsWidth(),"function"==typeof a.done&&a.done(c,e,c[n.countName])}},F.prototype.eachCols=function(e){var t=this;return d.eachCols(null,e,t.config.cols),t},F.prototype.renderData=function(e,n,o,r){var c=this,s=c.config,y=e[s.response.dataName]||[],h=e[s.response.totalRowName],v=[],m=[],g=[],b=function(){var e;return!r&&c.sortKey?c.sort(c.sortKey.field,c.sortKey.sort,!0):(layui.each(y,function(a,l){var o=[],y=[],h=[],p=a+s.limit*(n-1)+1;0!==l.length&&(r||(l[d.config.indexName]=a),c.eachCols(function(n,r){var c=r.field||n,v=s.index+"-"+r.key,m=l[c];if(void 0!==m&&null!==m||(m=""),!r.colGroup){var g=['<td data-field="'+c+'" data-key="'+v+'" '+function(){var e=[];return r.edit&&e.push('data-edit="'+r.edit+'"'),r.align&&e.push('align="'+r.align+'"'),r.templet&&e.push('data-content="'+m+'"'),r.toolbar&&e.push('data-off="true"'),r.event&&e.push('lay-event="'+r.event+'"'),r.style&&e.push('style="'+r.style+'"'),r.minWidth&&e.push('data-minwidth="'+r.minWidth+'"'),e.join(" ")}()+' class="'+function(){var e=[];return r.hide&&e.push(f),r.field||e.push("layui-table-col-special"),e.join(" ")}()+'">','<div class="layui-table-cell laytable-cell-'+function(){return"normal"===r.type?v:v+" laytable-cell-"+r.type}()+'">'+function(){var n=t.extend(!0,{LAY_INDEX:p},l),o=d.config.checkName;switch(r.type){case"checkbox":return'<input type="checkbox" name="layTableCheckbox" lay-skin="primary" '+function(){return r[o]?(l[o]=r[o],r[o]?"checked":""):n[o]?"checked":""}()+">";case"radio":return n[o]&&(e=a),'<input type="radio" name="layTableRadio_'+s.index+'" '+(n[o]?"checked":"")+' lay-type="layTableRadio">';case"numbers":return p}return r.toolbar?i(t(r.toolbar).html()||"").render(n):u(r,m,n)}(),"</div></td>"].join("");o.push(g),r.fixed&&"right"!==r.fixed&&y.push(g),"right"===r.fixed&&h.push(g)}}),v.push('<tr data-index="'+a+'">'+o.join("")+"</tr>"),m.push('<tr data-index="'+a+'">'+y.join("")+"</tr>"),g.push('<tr data-index="'+a+'">'+h.join("")+"</tr>"))}),c.layBody.scrollTop(0),c.layMain.find("."+p).remove(),c.layMain.find("tbody").html(v.join("")),c.layFixLeft.find("tbody").html(m.join("")),c.layFixRight.find("tbody").html(g.join("")),c.renderForm(),"number"==typeof e&&c.setThisRowChecked(e),c.syncCheckAll(),c.haveInit?c.scrollPatch():setTimeout(function(){c.scrollPatch()},50),c.haveInit=!0,l.close(c.tipsIndex),s.HAS_SET_COLS_PATCH||c.setColsPatch(),void(s.HAS_SET_COLS_PATCH=!0))};return d.cache[c.key]=y,c.layPage[0==o||0===y.length&&1==n?"addClass":"removeClass"](f),r?b():0===y.length?(c.renderForm(),c.errorView(s.text.none)):(c.layFixed.removeClass(f),b(),c.renderTotal(y,h),void(s.page&&(s.page=t.extend({elem:"layui-table-page"+s.index,count:o,limit:s.limit,limits:s.limits||[10,20,30,40,50,60,70,80,90],groups:3,layout:["prev","page","next","skip","count","limit"],prev:'<i class="layui-icon"></i>',next:'<i class="layui-icon"></i>',jump:function(e,t){t||(c.page=e.curr,s.limit=e.limit,c.pullData(e.curr))}},s.page),s.page.count=o,a.render(s.page))))},F.prototype.renderTotal=function(e,t){var i=this,a=i.config,l={};if(a.totalRow){layui.each(e,function(e,t){0!==t.length&&i.eachCols(function(e,i){var a=i.field||e,n=t[a];i.totalRow&&(l[a]=(l[a]||0)+(parseFloat(n)||0))})}),i.dataTotal={};var n=[];i.eachCols(function(e,o){var r=o.field||e,d=function(){var e=o.totalRowText||"",i=parseFloat(l[r]).toFixed(2),a={};return a[r]=i,i=u(o,i,a),t?t[o.field]||e:o.totalRow?i||e:e}(),c=['<td data-field="'+r+'" data-key="'+a.index+"-"+o.key+'" '+function(){var e=[];return o.align&&e.push('align="'+o.align+'"'),o.style&&e.push('style="'+o.style+'"'),o.minWidth&&e.push('data-minwidth="'+o.minWidth+'"'),e.join(" ")}()+' class="'+function(){var e=[];return o.hide&&e.push(f),o.field||e.push("layui-table-col-special"),e.join(" ")}()+'">','<div class="layui-table-cell laytable-cell-'+function(){var e=a.index+"-"+o.key;return"normal"===o.type?e:e+" laytable-cell-"+o.type}()+'">'+d,"</div></td>"].join("");o.field&&(i.dataTotal[r]=d),n.push(c)}),i.layTotal.find("tbody").html("<tr>"+n.join("")+"</tr>")}},F.prototype.getColElem=function(e,t){var i=this,a=i.config;return e.eq(0).find(".laytable-cell-"+(a.index+"-"+t)+":eq(0)")},F.prototype.renderForm=function(e){n.render(e,"LAY-table-"+this.index)},F.prototype.setThisRowChecked=function(e){var t=this,i=(t.config,"layui-table-click"),a=t.layBody.find('tr[data-index="'+e+'"]');a.addClass(i).siblings("tr").removeClass(i)},F.prototype.sort=function(e,i,a,l){var n,r,c=this,s={},u=c.config,h=u.elem.attr("lay-filter"),f=d.cache[c.key];"string"==typeof e&&c.layHeader.find("th").each(function(i,a){var l=t(this),o=l.data("field");if(o===e)return e=l,n=o,!1});try{var n=n||e.data("field"),p=e.data("key");if(c.sortKey&&!a&&n===c.sortKey.field&&i===c.sortKey.sort)return;var v=c.layHeader.find("th .laytable-cell-"+p).find(S);c.layHeader.find("th").find(S).removeAttr("lay-sort"),v.attr("lay-sort",i||null),c.layFixed.find("th")}catch(m){return o.error("Table modules: Did not match to field")}c.sortKey={field:n,sort:i},u.autoSort&&("asc"===i?r=layui.sort(f,n):"desc"===i?r=layui.sort(f,n,!0):(r=layui.sort(f,d.config.indexName),delete c.sortKey)),s[u.response.dataName]=r||f,c.renderData(s,c.page,c.count,!0),l&&layui.event.call(e,y,"sort("+h+")",{field:n,type:i})},F.prototype.loading=function(e){var i=this,a=i.config;a.loading&&(e?(i.layInit&&i.layInit.remove(),delete i.layInit,i.layBox.find(b).remove()):(i.layInit=t(['<div class="layui-table-init">','<i class="layui-icon layui-icon-loading layui-anim layui-anim-rotate layui-anim-loop"></i>',"</div>"].join("")),i.layBox.append(i.layInit)))},F.prototype.setCheckData=function(e,t){var i=this,a=i.config,l=d.cache[i.key];l[e]&&l[e].constructor!==Array&&(l[e][a.checkName]=t)},F.prototype.syncCheckAll=function(){var e=this,t=e.config,i=e.layHeader.find('input[name="layTableCheckbox"]'),a=function(i){return e.eachCols(function(e,a){"checkbox"===a.type&&(a[t.checkName]=i)}),i};i[0]&&(d.checkStatus(e.key).isAll?(i[0].checked||(i.prop("checked",!0),e.renderForm("checkbox")),a(!0)):(i[0].checked&&(i.prop("checked",!1),e.renderForm("checkbox")),a(!1)))},F.prototype.getCssRule=function(e,t){var i=this,a=i.elem.find("style")[0],l=a.sheet||a.styleSheet||{},n=l.cssRules||l.rules;layui.each(n,function(i,a){if(a.selectorText===".laytable-cell-"+e)return t(a),!0})},F.prototype.fullSize=function(){var e,t=this,i=t.config,a=i.height;t.fullHeightGap&&(a=H.height()-t.fullHeightGap,a<135&&(a=135),t.elem.css("height",a)),a&&(e=parseFloat(a)-(t.layHeader.outerHeight()||38),i.toolbar&&(e-=t.layTool.outerHeight()||50),i.totalRow&&(e-=t.layTotal.outerHeight()||40),i.page&&(e-=t.layPage.outerHeight()||41),t.layMain.css("height",e-2))},F.prototype.getScrollWidth=function(e){var t=0;return e?t=e.offsetWidth-e.clientWidth:(e=document.createElement("div"),e.style.width="100px",e.style.height="100px",e.style.overflowY="scroll",document.body.appendChild(e),t=e.offsetWidth-e.clientWidth,document.body.removeChild(e)),t},F.prototype.scrollPatch=function(){var e=this,i=e.layMain.children("table"),a=e.layMain.width()-e.layMain.prop("clientWidth"),l=e.layMain.height()-e.layMain.prop("clientHeight"),n=(e.getScrollWidth(e.layMain[0]),i.outerWidth()-e.layMain.width()),o=function(e){if(a&&l){if(e=e.eq(0),!e.find(".layui-table-patch")[0]){var i=t('<th class="layui-table-patch"><div class="layui-table-cell"></div></th>');i.find("div").css({width:a}),e.find("tr").append(i)}}else e.find(".layui-table-patch").remove()};o(e.layHeader),o(e.layTotal);var r=e.layMain.height(),d=r-l;e.layFixed.find(k).css("height",i.height()>=d?d:"auto"),e.layFixRight[n>0?"removeClass":"addClass"](f),e.layFixRight.css("right",a-1)},F.prototype.events=function(){var e,i=this,a=i.config,o=t("body"),c={},s=i.layHeader.find("th"),h=".layui-table-cell",p=a.elem.attr("lay-filter");i.layTool.on("click","*[lay-event]",function(e){var o=t(this),c=o.attr("lay-event"),s=function(e){var l=t(e.list),n=t('<ul class="layui-table-tool-panel"></ul>');n.html(l),a.height&&n.css("max-height",a.height-(i.layTool.outerHeight()||50)),o.find(".layui-table-tool-panel")[0]||o.append(n),i.renderForm(),n.on("click",function(e){layui.stope(e)}),e.done&&e.done(n,l)};switch(layui.stope(e),j.trigger("table.tool.panel.remove"),l.close(i.tipsIndex),c){case"LAYTABLE_COLS":s({list:function(){var e=[];return i.eachCols(function(t,i){i.field&&"normal"==i.type&&e.push('<li><input type="checkbox" name="'+i.field+'" data-key="'+i.key+'" data-parentkey="'+(i.parentKey||"")+'" lay-skin="primary" '+(i.hide?"":"checked")+' title="'+(i.title||i.field)+'" lay-filter="LAY_TABLE_TOOL_COLS"></li>')}),e.join("")}(),done:function(){n.on("checkbox(LAY_TABLE_TOOL_COLS)",function(e){var l=t(e.elem),n=this.checked,o=l.data("key"),r=l.data("parentkey");layui.each(a.cols,function(e,t){layui.each(t,function(t,l){if(e+"-"+t===o){var d=l.hide;l.hide=!n,i.elem.find('*[data-key="'+a.index+"-"+o+'"]')[n?"removeClass":"addClass"](f),d!=l.hide&&i.setParentCol(!n,r),i.resize()}})})})}});break;case"LAYTABLE_EXPORT":r.ie?l.tips("瀵煎嚭鍔熻兘涓嶆敮鎸� IE锛岃鐢� Chrome 绛夐珮绾ф祻瑙堝櫒瀵煎嚭",this,{tips:3}):s({list:function(){return['<li data-type="csv">瀵煎嚭鍒� Csv 鏂囦欢</li>','<li data-type="xls">瀵煎嚭鍒� Excel 鏂囦欢</li>'].join("")}(),done:function(e,l){l.on("click",function(){var e=t(this).data("type");d.exportFile.call(i,a.id,null,e)})}});break;case"LAYTABLE_PRINT":var u=window.open("鎵撳嵃绐楀彛","_blank"),h=["<style>","body{font-size: 12px; color: #666;}","table{width: 100%; border-collapse: collapse; border-spacing: 0;}","th,td{line-height: 20px; padding: 9px 15px; border: 1px solid #ccc; text-align: left; font-size: 12px; color: #666;}","a{color: #666; text-decoration:none;}","*.layui-hide{display: none}","</style>"].join(""),v=t(i.layHeader.html());v.append(i.layMain.find("table").html()),v.append(i.layTotal.find("table").html()),v.find("th.layui-table-patch").remove(),v.find(".layui-table-col-special").remove(),u.document.write(h+v.prop("outerHTML")),u.document.close(),u.print(),u.close()}layui.event.call(this,y,"toolbar("+p+")",t.extend({event:c,config:a},{}))}),s.on("mousemove",function(e){var i=t(this),a=i.offset().left,l=e.clientX-a;i.data("unresize")||c.resizeStart||(c.allowResize=i.width()-l<=10,o.css("cursor",c.allowResize?"col-resize":""))}).on("mouseleave",function(){t(this);c.resizeStart||o.css("cursor","")}).on("mousedown",function(e){var l=t(this);if(c.allowResize){var n=l.data("key");e.preventDefault(),c.resizeStart=!0,c.offset=[e.clientX,e.clientY],i.getCssRule(n,function(e){var t=e.style.width||l.outerWidth();c.rule=e,c.ruleWidth=parseFloat(t),c.minWidth=l.data("minwidth")||a.cellMinWidth})}}),j.on("mousemove",function(t){if(c.resizeStart){if(t.preventDefault(),c.rule){var a=c.ruleWidth+t.clientX-c.offset[0];a<c.minWidth&&(a=c.minWidth),c.rule.style.width=a+"px",l.close(i.tipsIndex)}e=1}}).on("mouseup",function(t){c.resizeStart&&(c={},o.css("cursor",""),i.scrollPatch()),2===e&&(e=null)}),s.on("click",function(a){var l,n=t(this),o=n.find(S),r=o.attr("lay-sort");return o[0]&&1!==e?(l="asc"===r?"desc":"desc"===r?null:"asc",void i.sort(n,l,null,!0)):e=2}).find(S+" .layui-edge ").on("click",function(e){var a=t(this),l=a.index(),n=a.parents("th").eq(0).data("field");layui.stope(e),0===l?i.sort(n,"asc",null,!0):i.sort(n,"desc",null,!0)});var v=function(e){var a=t(this),l=a.parents("tr").eq(0).data("index"),n=i.layBody.find('tr[data-index="'+l+'"]'),o=d.cache[i.key]||[];return o=o[l]||{},t.extend({tr:n,data:d.clearCacheKey(o),del:function(){d.cache[i.key][l]=[],n.remove(),i.scrollPatch()},update:function(e){e=e||{},layui.each(e,function(e,t){if(e in o){var a,l=n.children('td[data-field="'+e+'"]');o[e]=t,i.eachCols(function(t,i){i.field==e&&i.templet&&(a=i.templet)}),l.children(h).html(u({templet:a},t,o)),l.data("content",t)}})}},e)};i.elem.on("click",'input[name="layTableCheckbox"]+',function(){var e=t(this).prev(),a=i.layBody.find('input[name="layTableCheckbox"]'),l=e.parents("tr").eq(0).data("index"),n=e[0].checked,o="layTableAllChoose"===e.attr("lay-filter");o?(a.each(function(e,t){t.checked=n,i.setCheckData(e,n)}),i.syncCheckAll(),i.renderForm("checkbox")):(i.setCheckData(l,n),i.syncCheckAll()),layui.event.call(e[0],y,"checkbox("+p+")",v.call(e[0],{checked:n,type:o?"all":"one"}))}),i.elem.on("click",'input[lay-type="layTableRadio"]+',function(){var e=t(this).prev(),a=e[0].checked,l=d.cache[i.key],n=e.parents("tr").eq(0).data("index");layui.each(l,function(e,t){n===e?t.LAY_CHECKED=!0:delete t.LAY_CHECKED}),i.setThisRowChecked(n),layui.event.call(this,y,"radio("+p+")",v.call(this,{checked:a}))}),i.layBody.on("mouseenter","tr",function(){var e=t(this),a=e.index();e.data("off")||i.layBody.find("tr:eq("+a+")").addClass(W)}).on("mouseleave","tr",function(){var e=t(this),a=e.index();e.data("off")||i.layBody.find("tr:eq("+a+")").removeClass(W)}).on("click","tr",function(){m.call(this,"row")}).on("dblclick","tr",function(){m.call(this,"rowDouble")});var m=function(e){var i=t(this);i.data("off")||layui.event.call(this,y,e+"("+p+")",v.call(i.children("td")[0]))};i.layBody.on("change","."+R,function(){var e=t(this),a=this.value,l=e.parent().data("field"),n=e.parents("tr").eq(0).data("index"),o=d.cache[i.key][n];o[l]=a,layui.event.call(this,y,"edit("+p+")",v.call(this,{value:a,field:l}))}).on("blur","."+R,function(){var e,a=t(this),l=this,n=a.parent().data("field"),o=a.parents("tr").eq(0).data("index"),r=d.cache[i.key][o];i.eachCols(function(t,i){i.field==n&&i.templet&&(e=i.templet)}),a.siblings(h).html(function(t){return u({templet:e},t,r)}(l.value)),a.parent().data("content",l.value),a.remove()}),i.layBody.on("click","td",function(e){var i=t(this),a=(i.data("field"),i.data("edit")),l=i.children(h);if(!i.data("off")&&a){var n=t('<input class="layui-input '+R+'">');return n[0].value=i.data("content")||l.text(),i.find("."+R)[0]||i.append(n),n.focus(),void layui.stope(e)}}).on("mouseenter","td",function(){b.call(this)}).on("mouseleave","td",function(){b.call(this,"hide")});var g="layui-table-grid-down",b=function(e){var i=t(this),a=i.children(h);if(!i.data("off"))if(e)i.find(".layui-table-grid-down").remove();else if(a.prop("scrollWidth")>a.outerWidth()){if(a.find("."+g)[0])return;i.append('<div class="'+g+'"><i class="layui-icon layui-icon-down"></i></div>')}};i.layBody.on("click","."+g,function(e){var n=t(this),o=n.parent(),d=o.children(h);i.tipsIndex=l.tips(['<div class="layui-table-tips-main" style="margin-top: -'+(d.height()+16)+"px;"+function(){return"sm"===a.size?"padding: 4px 15px; font-size: 12px;":"lg"===a.size?"padding: 14px 15px;":""}()+'">',d.html(),"</div>",'<i class="layui-icon layui-table-tips-c layui-icon-close"></i>'].join(""),d[0],{tips:[3,""],time:-1,anim:-1,maxWidth:r.ios||r.android?300:i.elem.width()/2,isOutAnim:!1,skin:"layui-table-tips",success:function(e,t){e.find(".layui-table-tips-c").on("click",function(){l.close(t)})}}),layui.stope(e)}),i.layBody.on("click","*[lay-event]",function(){var e=t(this),a=e.parents("tr").eq(0).data("index");layui.event.call(this,y,"tool("+p+")",v.call(this,{event:e.attr("lay-event")})),i.setThisRowChecked(a)}),i.layMain.on("scroll",function(){var e=t(this),a=e.scrollLeft(),n=e.scrollTop();i.layHeader.scrollLeft(a),i.layTotal.scrollLeft(a),i.layFixed.find(k).scrollTop(n),l.close(i.tipsIndex)}),H.on("resize",function(){i.resize()})},function(){j.on("click",function(){j.trigger("table.remove.tool.panel")}),j.on("table.remove.tool.panel",function(){t(".layui-table-tool-panel").remove()})}(),d.init=function(e,i){i=i||{};var a=this,l=t(e?'table[lay-filter="'+e+'"]':h+"[lay-data]"),n="Table element property lay-data configuration item has a syntax error: ";return l.each(function(){var a=t(this),l=a.attr("lay-data");try{l=new Function("return "+l)()}catch(r){o.error(n+l)}var c=[],s=t.extend({elem:this,cols:[],data:[],skin:a.attr("lay-skin"),size:a.attr("lay-size"),even:"string"==typeof a.attr("lay-even")},d.config,i,l);e&&a.hide(),a.find("thead>tr").each(function(e){s.cols[e]=[],t(this).children().each(function(i){var a=t(this),l=a.attr("lay-data");try{l=new Function("return "+l)()}catch(r){return o.error(n+l)}var d=t.extend({title:a.text(),colspan:a.attr("colspan")||0,rowspan:a.attr("rowspan")||0},l);d.colspan<2&&c.push(d),s.cols[e].push(d)})}),a.find("tbody>tr").each(function(e){var i=t(this),a={};i.children("td").each(function(e,i){var l=t(this),n=l.data("field");if(n)return a[n]=l.html()}),layui.each(c,function(e,t){var l=i.children("td").eq(e);a[t.field]=l.html()}),s.data[e]=a}),d.render(s)}),a},c.that={},c.config={},d.eachCols=function(e,i,a){var l=c.config[e]||{},n=[],o=0;a=t.extend(!0,[],a||l.cols),layui.each(a,function(e,t){layui.each(t,function(t,i){if(i.colGroup){var l=0;o++,i.CHILD_COLS=[],layui.each(a[e+1],function(e,t){t.PARENT_COL_INDEX||l>1&&l==i.colspan||(t.PARENT_COL_INDEX=o,i.CHILD_COLS.push(t),l+=parseInt(t.colspan>1?t.colspan:1))})}i.PARENT_COL_INDEX||n.push(i)})});var r=function(e){layui.each(e||n,function(e,t){return t.CHILD_COLS?r(t.CHILD_COLS):void("function"==typeof i&&i(e,t))})};r()},d.checkStatus=function(e){var t=0,i=0,a=[],l=d.cache[e]||[];return layui.each(l,function(e,l){return l.constructor===Array?void i++:void(l[d.config.checkName]&&(t++,a.push(d.clearCacheKey(l))))}),{data:a,isAll:!!l.length&&t===l.length-i}},d.exportFile=function(e,t,i){var a=this;t=t||d.clearCacheKey(d.cache[e]),i=i||"csv";var l=c.config[e]||{},n={csv:"text/csv",xls:"application/vnd.ms-excel"}[i],s=document.createElement("a");return r.ie?o.error("IE_NOT_SUPPORT_EXPORTS"):(s.href="data:"+n+";charset=utf-8,\ufeff"+encodeURIComponent(function(){var i=[],l=[],n=[];return layui.each(t,function(t,a){var n=[];"object"==typeof e?(layui.each(e,function(e,a){0==t&&i.push(a||"")}),layui.each(d.clearCacheKey(a),function(e,t){n.push('"'+(t||"")+'"')})):d.eachCols(e,function(e,l){if(l.field&&"normal"==l.type&&!l.hide){var o=a[l.field];void 0!==o&&null!==o||(o=""),0==t&&i.push(l.title||""),n.push('"'+u(l,o,a,"text")+'"')}}),l.push(n.join(","))}),layui.each(a.dataTotal,function(e,t){n.push(t)}),i.join(",")+"\r\n"+l.join("\r\n")+"\r\n"+n.join(",")}()),s.download=(l.title||"table_"+(l.index||""))+"."+i,document.body.appendChild(s),s.click(),void document.body.removeChild(s))},d.resize=function(e){if(e){var t=s(e);if(!t)return;c.that[e].resize()}else layui.each(c.that,function(){this.resize()})},d.reload=function(e,t){var i=s(e);if(i){var a=c.that[e];return a.reload(t),c.call(a)}},d.render=function(e){var t=new F(e);return c.call(t)},d.clearCacheKey=function(e){return e=t.extend({},e),delete e[d.config.checkName],delete e[d.config.indexName],e},d.init(),e(y,d)});
\ No newline at end of file
diff --git a/src/main/resources/static/JS/layui/lay/modules/transfer.js b/src/main/resources/static/JS/layui/lay/modules/transfer.js
new file mode 100644
index 0000000..2483921
--- /dev/null
+++ b/src/main/resources/static/JS/layui/lay/modules/transfer.js
@@ -0,0 +1,2 @@
+/** layui-v2.5.6 MIT License By https://www.layui.com */
+ ;layui.define(["laytpl","form"],function(e){"use strict";var a=layui.$,t=layui.laytpl,n=layui.form,i="transfer",l={config:{},index:layui[i]?layui[i].index+1e4:0,set:function(e){var t=this;return t.config=a.extend({},t.config,e),t},on:function(e,a){return layui.onevent.call(this,i,e,a)}},r=function(){var e=this,a=e.config,t=a.id||e.index;return r.that[t]=e,r.config[t]=a,{config:a,reload:function(a){e.reload.call(e,a)},getData:function(){return e.getData.call(e)}}},c="layui-hide",o="layui-btn-disabled",d="layui-none",s="layui-transfer-box",u="layui-transfer-header",h="layui-transfer-search",f="layui-transfer-active",y="layui-transfer-data",p=function(e){return e=e||{},['<div class="layui-transfer-box" data-index="'+e.index+'">','<div class="layui-transfer-header">','<input type="checkbox" name="'+e.checkAllName+'" lay-filter="layTransferCheckbox" lay-type="all" lay-skin="primary" title="{{ d.data.title['+e.index+"] || 'list"+(e.index+1)+"' }}\">","</div>","{{# if(d.data.showSearch){ }}",'<div class="layui-transfer-search">','<i class="layui-icon layui-icon-search"></i>','<input type="input" class="layui-input" placeholder="鍏抽敭璇嶆悳绱�">',"</div>","{{# } }}",'<ul class="layui-transfer-data"></ul>',"</div>"].join("")},v=['<div class="layui-transfer layui-form layui-border-box" lay-filter="LAY-transfer-{{ d.index }}">',p({index:0,checkAllName:"layTransferLeftCheckAll"}),'<div class="layui-transfer-active">','<button type="button" class="layui-btn layui-btn-sm layui-btn-primary layui-btn-disabled" data-index="0">','<i class="layui-icon layui-icon-next"></i>',"</button>",'<button type="button" class="layui-btn layui-btn-sm layui-btn-primary layui-btn-disabled" data-index="1">','<i class="layui-icon layui-icon-prev"></i>',"</button>","</div>",p({index:1,checkAllName:"layTransferRightCheckAll"}),"</div>"].join(""),x=function(e){var t=this;t.index=++l.index,t.config=a.extend({},t.config,l.config,e),t.render()};x.prototype.config={title:["鍒楄〃涓�","鍒楄〃浜�"],width:200,height:360,data:[],value:[],showSearch:!1,id:"",text:{none:"鏃犳暟鎹�",searchNone:"鏃犲尮閰嶆暟鎹�"}},x.prototype.reload=function(e){var t=this;layui.each(e,function(e,a){a.constructor===Array&&delete t.config[e]}),t.config=a.extend(!0,{},t.config,e),t.render()},x.prototype.render=function(){var e=this,n=e.config,i=e.elem=a(t(v).render({data:n,index:e.index})),l=n.elem=a(n.elem);l[0]&&(n.data=n.data||[],n.value=n.value||[],e.key=n.id||e.index,l.html(e.elem),e.layBox=e.elem.find("."+s),e.layHeader=e.elem.find("."+u),e.laySearch=e.elem.find("."+h),e.layData=i.find("."+y),e.layBtn=i.find("."+f+" .layui-btn"),e.layBox.css({width:n.width,height:n.height}),e.layData.css({height:function(){return n.height-e.layHeader.outerHeight()-e.laySearch.outerHeight()-2}()}),e.renderData(),e.events())},x.prototype.renderData=function(){var e=this,a=(e.config,[{checkName:"layTransferLeftCheck",views:[]},{checkName:"layTransferRightCheck",views:[]}]);e.parseData(function(e){var t=e.selected?1:0,n=["<li>",'<input type="checkbox" name="'+a[t].checkName+'" lay-skin="primary" lay-filter="layTransferCheckbox" title="'+e.title+'"'+(e.disabled?" disabled":"")+(e.checked?" checked":"")+' value="'+e.value+'">',"</li>"].join("");a[t].views.push(n),delete e.selected}),e.layData.eq(0).html(a[0].views.join("")),e.layData.eq(1).html(a[1].views.join("")),e.renderCheckBtn()},x.prototype.renderForm=function(e){n.render(e,"LAY-transfer-"+this.index)},x.prototype.renderCheckBtn=function(e){var t=this,n=t.config;e=e||{},t.layBox.each(function(i){var l=a(this),r=l.find("."+y),d=l.find("."+u).find('input[type="checkbox"]'),s=r.find('input[type="checkbox"]'),h=0,f=!1;if(s.each(function(){var e=a(this).data("hide");(this.checked||this.disabled||e)&&h++,this.checked&&!e&&(f=!0)}),d.prop("checked",f&&h===s.length),t.layBtn.eq(i)[f?"removeClass":"addClass"](o),!e.stopNone){var p=r.children("li:not(."+c+")").length;t.noneView(r,p?"":n.text.none)}}),t.renderForm("checkbox")},x.prototype.noneView=function(e,t){var n=a('<p class="layui-none">'+(t||"")+"</p>");e.find("."+d)[0]&&e.find("."+d).remove(),t.replace(/\s/g,"")&&e.append(n)},x.prototype.setValue=function(){var e=this,t=e.config,n=[];return e.layBox.eq(1).find("."+y+' input[type="checkbox"]').each(function(){var e=a(this).data("hide");e||n.push(this.value)}),t.value=n,e},x.prototype.parseData=function(e){var t=this,n=t.config,i=[];return layui.each(n.data,function(t,l){l=("function"==typeof n.parseData?n.parseData(l):l)||l,i.push(l=a.extend({},l)),layui.each(n.value,function(e,a){a==l.value&&(l.selected=!0)}),e&&e(l)}),n.data=i,t},x.prototype.getData=function(e){var a=this,t=a.config,n=[];return a.setValue(),layui.each(e||t.value,function(e,a){layui.each(t.data,function(e,t){delete t.selected,a==t.value&&n.push(t)})}),n},x.prototype.events=function(){var e=this,t=e.config;e.elem.on("click",'input[lay-filter="layTransferCheckbox"]+',function(){var t=a(this).prev(),n=t[0].checked,i=t.parents("."+s).eq(0).find("."+y);t[0].disabled||("all"===t.attr("lay-type")&&i.find('input[type="checkbox"]').each(function(){this.disabled||(this.checked=n)}),e.renderCheckBtn({stopNone:!0}))}),e.layBtn.on("click",function(){var n=a(this),i=n.data("index"),l=e.layBox.eq(i),r=[];if(!n.hasClass(o)){e.layBox.eq(i).each(function(t){var n=a(this),i=n.find("."+y);i.children("li").each(function(){var t=a(this),n=t.find('input[type="checkbox"]'),i=n.data("hide");n[0].checked&&!i&&(n[0].checked=!1,l.siblings("."+s).find("."+y).append(t.clone()),t.remove(),r.push(n[0].value)),e.setValue()})}),e.renderCheckBtn();var c=l.siblings("."+s).find("."+h+" input");""===c.val()||c.trigger("keyup"),t.onchange&&t.onchange(e.getData(r),i)}}),e.laySearch.find("input").on("keyup",function(){var n=this.value,i=a(this).parents("."+h).eq(0).siblings("."+y),l=i.children("li");l.each(function(){var e=a(this),t=e.find('input[type="checkbox"]'),i=t[0].title.indexOf(n)!==-1;e[i?"removeClass":"addClass"](c),t.data("hide",!i)}),e.renderCheckBtn();var r=l.length===i.children("li."+c).length;e.noneView(i,r?t.text.searchNone:"")})},r.that={},r.config={},l.reload=function(e,a){var t=r.that[e];return t.reload(a),r.call(t)},l.getData=function(e){var a=r.that[e];return a.getData()},l.render=function(e){var a=new x(e);return r.call(a)},e(i,l)});
\ No newline at end of file
diff --git a/src/main/resources/static/JS/layui/lay/modules/tree.js b/src/main/resources/static/JS/layui/lay/modules/tree.js
new file mode 100644
index 0000000..c9c93a2
--- /dev/null
+++ b/src/main/resources/static/JS/layui/lay/modules/tree.js
@@ -0,0 +1,2 @@
+/** layui-v2.5.6 MIT License By https://www.layui.com */
+ ;layui.define("form",function(e){"use strict";var i=layui.$,a=layui.form,n=layui.layer,t="tree",r={config:{},index:layui[t]?layui[t].index+1e4:0,set:function(e){var a=this;return a.config=i.extend({},a.config,e),a},on:function(e,i){return layui.onevent.call(this,t,e,i)}},l=function(){var e=this,i=e.config,a=i.id||e.index;return l.that[a]=e,l.config[a]=i,{config:i,reload:function(i){e.reload.call(e,i)},getChecked:function(){return e.getChecked.call(e)},setChecked:function(i){return e.setChecked.call(e,i)}}},c="layui-hide",d="layui-disabled",s="layui-tree-set",o="layui-tree-iconClick",h="layui-icon-addition",u="layui-icon-subtraction",p="layui-tree-entry",f="layui-tree-main",y="layui-tree-txt",v="layui-tree-pack",C="layui-tree-spread",k="layui-tree-setLineShort",m="layui-tree-showLine",x="layui-tree-lineExtend",b=function(e){var a=this;a.index=++r.index,a.config=i.extend({},a.config,r.config,e),a.render()};b.prototype.config={data:[],showCheckbox:!1,showLine:!0,accordion:!1,onlyIconControl:!1,isJump:!1,edit:!1,text:{defaultNodeName:"鏈懡鍚�",none:"鏃犳暟鎹�"}},b.prototype.reload=function(e){var a=this;layui.each(e,function(e,i){i.constructor===Array&&delete a.config[e]}),a.config=i.extend(!0,{},a.config,e),a.render()},b.prototype.render=function(){var e=this,a=e.config;e.checkids=[];var n=i('<div class="layui-tree'+(a.showCheckbox?" layui-form":"")+(a.showLine?" layui-tree-line":"")+'" lay-filter="LAY-tree-'+e.index+'"></div>');e.tree(n);var t=a.elem=i(a.elem);if(t[0]){if(e.key=a.id||e.index,e.elem=n,e.elemNone=i('<div class="layui-tree-emptyText">'+a.text.none+"</div>"),t.html(e.elem),0==e.elem.find(".layui-tree-set").length)return e.elem.append(e.elemNone);a.showCheckbox&&e.renderForm("checkbox"),e.elem.find(".layui-tree-set").each(function(){var e=i(this);e.parent(".layui-tree-pack")[0]||e.addClass("layui-tree-setHide"),!e.next()[0]&&e.parents(".layui-tree-pack").eq(1).hasClass("layui-tree-lineExtend")&&e.addClass(k),e.next()[0]||e.parents(".layui-tree-set").eq(0).next()[0]||e.addClass(k)}),e.events()}},b.prototype.renderForm=function(e){a.render(e,"LAY-tree-"+this.index)},b.prototype.tree=function(e,a){var n=this,t=n.config,r=a||t.data;layui.each(r,function(a,r){var l=r.children&&r.children.length>0,o=i('<div class="layui-tree-pack" '+(r.spread?'style="display: block;"':"")+'"></div>'),h=i(['<div data-id="'+r.id+'" class="layui-tree-set'+(r.spread?" layui-tree-spread":"")+(r.checked?" layui-tree-checkedFirst":"")+'">','<div class="layui-tree-entry">','<div class="layui-tree-main">',function(){return t.showLine?l?'<span class="layui-tree-iconClick layui-tree-icon"><i class="layui-icon '+(r.spread?"layui-icon-subtraction":"layui-icon-addition")+'"></i></span>':'<span class="layui-tree-iconClick"><i class="layui-icon layui-icon-file"></i></span>':'<span class="layui-tree-iconClick"><i class="layui-tree-iconArrow '+(l?"":c)+'"></i></span>'}(),function(){return t.showCheckbox?'<input type="checkbox" name="'+(r.field||"layuiTreeCheck_"+r.id)+'" same="layuiTreeCheck" lay-skin="primary" '+(r.disabled?"disabled":"")+' value="'+r.id+'">':""}(),function(){return t.isJump&&r.href?'<a href="'+r.href+'" target="_blank" class="'+y+'">'+(r.title||r.label||t.text.defaultNodeName)+"</a>":'<span class="'+y+(r.disabled?" "+d:"")+'">'+(r.title||r.label||t.text.defaultNodeName)+"</span>"}(),"</div>",function(){if(!t.edit)return"";var e={add:'<i class="layui-icon layui-icon-add-1" data-type="add"></i>',update:'<i class="layui-icon layui-icon-edit" data-type="update"></i>',del:'<i class="layui-icon layui-icon-delete" data-type="del"></i>'},i=['<div class="layui-btn-group layui-tree-btnGroup">'];return t.edit===!0&&(t.edit=["update","del"]),"object"==typeof t.edit?(layui.each(t.edit,function(a,n){i.push(e[n]||"")}),i.join("")+"</div>"):void 0}(),"</div></div>"].join(""));l&&(h.append(o),n.tree(o,r.children)),e.append(h),h.prev("."+s)[0]&&h.prev().children(".layui-tree-pack").addClass("layui-tree-showLine"),l||h.parent(".layui-tree-pack").addClass("layui-tree-lineExtend"),n.spread(h,r),t.showCheckbox&&(r.checked&&n.checkids.push(r.id),n.checkClick(h,r)),t.edit&&n.operate(h,r)})},b.prototype.spread=function(e,a){var n=this,t=n.config,r=e.children("."+p),l=r.children("."+f),c=r.find("."+o),k=r.find("."+y),m=t.onlyIconControl?c:l,x="";m.on("click",function(i){var a=e.children("."+v),n=m.children(".layui-icon")[0]?m.children(".layui-icon"):m.find(".layui-tree-icon").children(".layui-icon");if(a[0]){if(e.hasClass(C))e.removeClass(C),a.slideUp(200),n.removeClass(u).addClass(h);else if(e.addClass(C),a.slideDown(200),n.addClass(u).removeClass(h),t.accordion){var r=e.siblings("."+s);r.removeClass(C),r.children("."+v).slideUp(200),r.find(".layui-tree-icon").children(".layui-icon").removeClass(u).addClass(h)}}else x="normal"}),k.on("click",function(){var n=i(this);n.hasClass(d)||(x=e.hasClass(C)?t.onlyIconControl?"open":"close":t.onlyIconControl?"close":"open",t.click&&t.click({elem:e,state:x,data:a}))})},b.prototype.setCheckbox=function(e,i,a){var n=this,t=(n.config,a.prop("checked"));if(!a.prop("disabled")){if("object"==typeof i.children||e.find("."+v)[0]){var r=e.find("."+v).find('input[same="layuiTreeCheck"]');r.each(function(){this.disabled||(this.checked=t)})}var l=function(e){if(e.parents("."+s)[0]){var i,a=e.parent("."+v),n=a.parent(),r=a.prev().find('input[same="layuiTreeCheck"]');t?r.prop("checked",t):(a.find('input[same="layuiTreeCheck"]').each(function(){this.checked&&(i=!0)}),i||r.prop("checked",!1)),l(n)}};l(e),n.renderForm("checkbox")}},b.prototype.checkClick=function(e,a){var n=this,t=n.config,r=e.children("."+p),l=r.children("."+f);l.on("click",'input[same="layuiTreeCheck"]+',function(r){layui.stope(r);var l=i(this).prev(),c=l.prop("checked");l.prop("disabled")||(n.setCheckbox(e,a,l),t.oncheck&&t.oncheck({elem:e,checked:c,data:a}))})},b.prototype.operate=function(e,a){var t=this,r=t.config,l=e.children("."+p),d=l.children("."+f);l.children(".layui-tree-btnGroup").on("click",".layui-icon",function(l){layui.stope(l);var f=i(this).data("type"),b=e.children("."+v),g={data:a,type:f,elem:e};if("add"==f){b[0]||(r.showLine?(d.find("."+o).addClass("layui-tree-icon"),d.find("."+o).children(".layui-icon").addClass(h).removeClass("layui-icon-file")):d.find(".layui-tree-iconArrow").removeClass(c),e.append('<div class="layui-tree-pack"></div>'));var w=r.operate&&r.operate(g),N={};if(N.title=r.text.defaultNodeName,N.id=w,t.tree(e.children("."+v),[N]),r.showLine)if(b[0])b.hasClass(x)||b.addClass(x),e.find("."+v).each(function(){i(this).children("."+s).last().addClass(k)}),b.children("."+s).last().prev().hasClass(k)?b.children("."+s).last().prev().removeClass(k):b.children("."+s).last().removeClass(k),!e.parent("."+v)[0]&&e.next()[0]&&b.children("."+s).last().removeClass(k);else{var T=e.siblings("."+s),L=1,A=e.parent("."+v);layui.each(T,function(e,a){i(a).children("."+v)[0]||(L=0)}),1==L?(T.children("."+v).addClass(m),T.children("."+v).children("."+s).removeClass(k),e.children("."+v).addClass(m),A.removeClass(x),A.children("."+s).last().children("."+v).children("."+s).last().addClass(k)):e.children("."+v).children("."+s).addClass(k)}if(!r.showCheckbox)return;if(d.find('input[same="layuiTreeCheck"]')[0].checked){var I=e.children("."+v).children("."+s).last();I.find('input[same="layuiTreeCheck"]')[0].checked=!0}t.renderForm("checkbox")}else if("update"==f){var F=d.children("."+y).html();d.children("."+y).html(""),d.append('<input type="text" class="layui-tree-editInput">'),d.children(".layui-tree-editInput").val(F).focus();var j=function(e){var i=e.val().trim();i=i?i:r.text.defaultNodeName,e.remove(),d.children("."+y).html(i),g.data.title=i,r.operate&&r.operate(g)};d.children(".layui-tree-editInput").blur(function(){j(i(this))}),d.children(".layui-tree-editInput").on("keydown",function(e){13===e.keyCode&&(e.preventDefault(),j(i(this)))})}else n.confirm('纭鍒犻櫎璇ヨ妭鐐� "<span style="color: #999;">'+(a.title||"")+'</span>" 鍚楋紵',function(a){if(r.operate&&r.operate(g),g.status="remove",n.close(a),!e.prev("."+s)[0]&&!e.next("."+s)[0]&&!e.parent("."+v)[0])return e.remove(),void t.elem.append(t.elemNone);if(e.siblings("."+s).children("."+p)[0]){if(r.showCheckbox){var l=function(e){if(e.parents("."+s)[0]){var a=e.siblings("."+s).children("."+p),n=e.parent("."+v).prev(),r=n.find('input[same="layuiTreeCheck"]')[0],c=1,d=0;0==r.checked&&(a.each(function(e,a){var n=i(a).find('input[same="layuiTreeCheck"]')[0];0!=n.checked||n.disabled||(c=0),n.disabled||(d=1)}),1==c&&1==d&&(r.checked=!0,t.renderForm("checkbox"),l(n.parent("."+s))))}};l(e)}if(r.showLine){var d=e.siblings("."+s),h=1,f=e.parent("."+v);layui.each(d,function(e,a){i(a).children("."+v)[0]||(h=0)}),1==h?(b[0]||(f.removeClass(x),d.children("."+v).addClass(m),d.children("."+v).children("."+s).removeClass(k)),e.next()[0]?f.children("."+s).last().children("."+v).children("."+s).last().addClass(k):e.prev().children("."+v).children("."+s).last().addClass(k),e.next()[0]||e.parents("."+s)[1]||e.parents("."+s).eq(0).next()[0]||e.prev("."+s).addClass(k)):!e.next()[0]&&e.hasClass(k)&&e.prev().addClass(k)}}else{var y=e.parent("."+v).prev();if(r.showLine){y.find("."+o).removeClass("layui-tree-icon"),y.find("."+o).children(".layui-icon").removeClass(u).addClass("layui-icon-file");var w=y.parents("."+v).eq(0);w.addClass(x),w.children("."+s).each(function(){i(this).children("."+v).children("."+s).last().addClass(k)})}else y.find(".layui-tree-iconArrow").addClass(c);e.parents("."+s).eq(0).removeClass(C),e.parent("."+v).remove()}e.remove()})})},b.prototype.events=function(){var e=this,a=e.config;e.elem.find(".layui-tree-checkedFirst");e.setChecked(e.checkids),e.elem.find(".layui-tree-search").on("keyup",function(){var n=i(this),t=n.val(),r=n.nextAll(),l=[];r.find("."+y).each(function(){var e=i(this).parents("."+p);if(i(this).html().indexOf(t)!=-1){l.push(i(this).parent());var a=function(e){e.addClass("layui-tree-searchShow"),e.parent("."+v)[0]&&a(e.parent("."+v).parent("."+s))};a(e.parent("."+s))}}),r.find("."+p).each(function(){var e=i(this).parent("."+s);e.hasClass("layui-tree-searchShow")||e.addClass(c)}),0==r.find(".layui-tree-searchShow").length&&e.elem.append(e.elemNone),a.onsearch&&a.onsearch({elem:l})}),e.elem.find(".layui-tree-search").on("keydown",function(){i(this).nextAll().find("."+p).each(function(){var e=i(this).parent("."+s);e.removeClass("layui-tree-searchShow "+c)}),i(".layui-tree-emptyText")[0]&&i(".layui-tree-emptyText").remove()})},b.prototype.getChecked=function(){var e=this,a=e.config,n=[],t=[];e.elem.find(".layui-form-checked").each(function(){n.push(i(this).prev()[0].value)});var r=function(e,a){layui.each(e,function(e,t){layui.each(n,function(e,n){if(t.id==n){var l=i.extend({},t);return delete l.children,a.push(l),t.children&&(l.children=[],r(t.children,l.children)),!0}})})};return r(i.extend({},a.data),t),t},b.prototype.setChecked=function(e){var a=this;a.config;a.elem.find("."+s).each(function(a,n){var t=i(this).data("id"),r=i(n).children("."+p).find('input[same="layuiTreeCheck"]'),l=r.next();if("number"==typeof e){if(t==e)return r[0].checked||l.click(),!1}else"object"==typeof e&&layui.each(e,function(e,i){if(i==t&&!r[0].checked)return l.click(),!0})})},l.that={},l.config={},r.reload=function(e,i){var a=l.that[e];return a.reload(i),l.call(a)},r.getChecked=function(e){var i=l.that[e];return i.getChecked()},r.setChecked=function(e,i){var a=l.that[e];return a.setChecked(i)},r.render=function(e){var i=new b(e);return l.call(i)},e(t,r)});
\ No newline at end of file
diff --git a/src/main/resources/static/JS/layui/lay/modules/upload.js b/src/main/resources/static/JS/layui/lay/modules/upload.js
new file mode 100644
index 0000000..9298ecf
--- /dev/null
+++ b/src/main/resources/static/JS/layui/lay/modules/upload.js
@@ -0,0 +1,2 @@
+/** layui-v2.5.6 MIT License By https://www.layui.com */
+ ;layui.define("layer",function(e){"use strict";var t=layui.$,i=layui.layer,n=layui.hint(),o=layui.device(),a={config:{},set:function(e){var i=this;return i.config=t.extend({},i.config,e),i},on:function(e,t){return layui.onevent.call(this,r,e,t)}},l=function(){var e=this;return{upload:function(t){e.upload.call(e,t)},reload:function(t){e.reload.call(e,t)},config:e.config}},r="upload",u="layui-upload-file",c="layui-upload-form",f="layui-upload-iframe",s="layui-upload-choose",p=function(e){var i=this;i.config=t.extend({},i.config,a.config,e),i.render()};p.prototype.config={accept:"images",exts:"",auto:!0,bindAction:"",url:"",field:"file",acceptMime:"",method:"post",data:{},drag:!0,size:0,number:0,multiple:!1},p.prototype.render=function(e){var i=this,e=i.config;e.elem=t(e.elem),e.bindAction=t(e.bindAction),i.file(),i.events()},p.prototype.file=function(){var e=this,i=e.config,n=e.elemFile=t(['<input class="'+u+'" type="file" accept="'+i.acceptMime+'" name="'+i.field+'"',i.multiple?" multiple":"",">"].join("")),a=i.elem.next();(a.hasClass(u)||a.hasClass(c))&&a.remove(),o.ie&&o.ie<10&&i.elem.wrap('<div class="layui-upload-wrap"></div>'),e.isFile()?(e.elemFile=i.elem,i.field=i.elem[0].name):i.elem.after(n),o.ie&&o.ie<10&&e.initIE()},p.prototype.initIE=function(){var e=this,i=e.config,n=t('<iframe id="'+f+'" class="'+f+'" name="'+f+'" frameborder="0"></iframe>'),o=t(['<form target="'+f+'" class="'+c+'" method="post" key="set-mine" enctype="multipart/form-data" action="'+i.url+'">',"</form>"].join(""));t("#"+f)[0]||t("body").append(n),i.elem.next().hasClass(c)||(e.elemFile.wrap(o),i.elem.next("."+c).append(function(){var e=[];return layui.each(i.data,function(t,i){i="function"==typeof i?i():i,e.push('<input type="hidden" name="'+t+'" value="'+i+'">')}),e.join("")}()))},p.prototype.msg=function(e){return i.msg(e,{icon:2,shift:6})},p.prototype.isFile=function(){var e=this.config.elem[0];if(e)return"input"===e.tagName.toLocaleLowerCase()&&"file"===e.type},p.prototype.preview=function(e){var t=this;window.FileReader&&layui.each(t.chooseFiles,function(t,i){var n=new FileReader;n.readAsDataURL(i),n.onload=function(){e&&e(t,i,this.result)}})},p.prototype.upload=function(e,i){var n,a=this,l=a.config,r=a.elemFile[0],u=function(){var i=0,n=0,o=e||a.files||a.chooseFiles||r.files,u=function(){l.multiple&&i+n===a.fileLength&&"function"==typeof l.allDone&&l.allDone({total:a.fileLength,successful:i,aborted:n})};layui.each(o,function(e,o){var r=new FormData;r.append(l.field,o),layui.each(l.data,function(e,t){t="function"==typeof t?t():t,r.append(e,t)});var c={url:l.url,type:"post",data:r,contentType:!1,processData:!1,dataType:"json",headers:l.headers||{},success:function(t){i++,d(e,t),u()},error:function(){n++,a.msg("璇锋眰涓婁紶鎺ュ彛鍑虹幇寮傚父"),m(e),u()}};"function"==typeof l.progress&&(c.xhr=function(){var e=t.ajaxSettings.xhr();return e.upload.addEventListener("progress",function(e){if(e.lengthComputable){var t=Math.floor(e.loaded/e.total*100);l.progress(t,l.item[0],e)}}),e}),t.ajax(c)})},c=function(){var e=t("#"+f);a.elemFile.parent().submit(),clearInterval(p.timer),p.timer=setInterval(function(){var t,i=e.contents().find("body");try{t=i.text()}catch(n){a.msg("鑾峰彇涓婁紶鍚庣殑鍝嶅簲淇℃伅鍑虹幇寮傚父"),clearInterval(p.timer),m()}t&&(clearInterval(p.timer),i.html(""),d(0,t))},30)},d=function(e,t){if(a.elemFile.next("."+s).remove(),r.value="","object"!=typeof t)try{t=JSON.parse(t)}catch(i){return t={},a.msg("璇峰涓婁紶鎺ュ彛杩斿洖鏈夋晥JSON")}"function"==typeof l.done&&l.done(t,e||0,function(e){a.upload(e)})},m=function(e){l.auto&&(r.value=""),"function"==typeof l.error&&l.error(e||0,function(e){a.upload(e)})},h=l.exts,v=function(){var t=[];return layui.each(e||a.chooseFiles,function(e,i){t.push(i.name)}),t}(),g={preview:function(e){a.preview(e)},upload:function(e,t){var i={};i[e]=t,a.upload(i)},pushFile:function(){return a.files=a.files||{},layui.each(a.chooseFiles,function(e,t){a.files[e]=t}),a.files},resetFile:function(e,t,i){var n=new File([t],i);a.files=a.files||{},a.files[e]=n}},y=function(){if("choose"!==i&&!l.auto||(l.choose&&l.choose(g),"choose"!==i))return l.before&&l.before(g),o.ie?o.ie>9?u():c():void u()};if(v=0===v.length?r.value.match(/[^\/\\]+\..+/g)||[]||"":v,0!==v.length){switch(l.accept){case"file":if(h&&!RegExp("\\w\\.("+h+")$","i").test(escape(v)))return a.msg("閫夋嫨鐨勬枃浠朵腑鍖呭惈涓嶆敮鎸佺殑鏍煎紡"),r.value="";break;case"video":if(!RegExp("\\w\\.("+(h||"avi|mp4|wma|rmvb|rm|flash|3gp|flv")+")$","i").test(escape(v)))return a.msg("閫夋嫨鐨勮棰戜腑鍖呭惈涓嶆敮鎸佺殑鏍煎紡"),r.value="";break;case"audio":if(!RegExp("\\w\\.("+(h||"mp3|wav|mid")+")$","i").test(escape(v)))return a.msg("閫夋嫨鐨勯煶棰戜腑鍖呭惈涓嶆敮鎸佺殑鏍煎紡"),r.value="";break;default:if(layui.each(v,function(e,t){RegExp("\\w\\.("+(h||"jpg|png|gif|bmp|jpeg$")+")","i").test(escape(t))||(n=!0)}),n)return a.msg("閫夋嫨鐨勫浘鐗囦腑鍖呭惈涓嶆敮鎸佺殑鏍煎紡"),r.value=""}if(a.fileLength=function(){var t=0,i=e||a.files||a.chooseFiles||r.files;return layui.each(i,function(){t++}),t}(),l.number&&a.fileLength>l.number)return a.msg("鍚屾椂鏈�澶氬彧鑳戒笂浼犵殑鏁伴噺涓猴細"+l.number);if(l.size>0&&!(o.ie&&o.ie<10)){var F;if(layui.each(a.chooseFiles,function(e,t){if(t.size>1024*l.size){var i=l.size/1024;i=i>=1?i.toFixed(2)+"MB":l.size+"KB",r.value="",F=i}}),F)return a.msg("鏂囦欢涓嶈兘瓒呰繃"+F)}y()}},p.prototype.reload=function(e){e=e||{},delete e.elem,delete e.bindAction;var i=this,e=i.config=t.extend({},i.config,a.config,e),n=e.elem.next();n.attr({name:e.name,accept:e.acceptMime,multiple:e.multiple})},p.prototype.events=function(){var e=this,i=e.config,a=function(t){e.chooseFiles={},layui.each(t,function(t,i){var n=(new Date).getTime();e.chooseFiles[n+"-"+t]=i})},l=function(t,n){var o=e.elemFile,a=t.length>1?t.length+"涓枃浠�":(t[0]||{}).name||o[0].value.match(/[^\/\\]+\..+/g)||[]||"";o.next().hasClass(s)&&o.next().remove(),e.upload(null,"choose"),e.isFile()||i.choose||o.after('<span class="layui-inline '+s+'">'+a+"</span>")};i.elem.off("upload.start").on("upload.start",function(){var o=t(this),a=o.attr("lay-data");if(a)try{a=new Function("return "+a)(),e.config=t.extend({},i,a)}catch(l){n.error("Upload element property lay-data configuration item has a syntax error: "+a)}e.config.item=o,e.elemFile[0].click()}),o.ie&&o.ie<10||i.elem.off("upload.over").on("upload.over",function(){var e=t(this);e.attr("lay-over","")}).off("upload.leave").on("upload.leave",function(){var e=t(this);e.removeAttr("lay-over")}).off("upload.drop").on("upload.drop",function(n,o){var r=t(this),u=o.originalEvent.dataTransfer.files||[];r.removeAttr("lay-over"),a(u),i.auto?e.upload(u):l(u)}),e.elemFile.off("upload.change").on("upload.change",function(){var t=this.files||[];a(t),i.auto?e.upload():l(t)}),i.bindAction.off("upload.action").on("upload.action",function(){e.upload()}),i.elem.data("haveEvents")||(e.elemFile.on("change",function(){t(this).trigger("upload.change")}),i.elem.on("click",function(){e.isFile()||t(this).trigger("upload.start")}),i.drag&&i.elem.on("dragover",function(e){e.preventDefault(),t(this).trigger("upload.over")}).on("dragleave",function(e){t(this).trigger("upload.leave")}).on("drop",function(e){e.preventDefault(),t(this).trigger("upload.drop",e)}),i.bindAction.on("click",function(){t(this).trigger("upload.action")}),i.elem.data("haveEvents",!0))},a.render=function(e){var t=new p(e);return l.call(t)},e(r,a)});
\ No newline at end of file
diff --git a/src/main/resources/static/JS/layui/lay/modules/util.js b/src/main/resources/static/JS/layui/lay/modules/util.js
new file mode 100644
index 0000000..fdc1ec2
--- /dev/null
+++ b/src/main/resources/static/JS/layui/lay/modules/util.js
@@ -0,0 +1,2 @@
+/** layui-v2.5.6 MIT License By https://www.layui.com */
+ ;layui.define("jquery",function(e){"use strict";var t=layui.$,i={fixbar:function(e){var i,n,a="layui-fixbar",o="layui-fixbar-top",r=t(document),l=t("body");e=t.extend({showHeight:200},e),e.bar1=e.bar1===!0?"":e.bar1,e.bar2=e.bar2===!0?"":e.bar2,e.bgcolor=e.bgcolor?"background-color:"+e.bgcolor:"";var c=[e.bar1,e.bar2,""],u=t(['<ul class="'+a+'">',e.bar1?'<li class="layui-icon" lay-type="bar1" style="'+e.bgcolor+'">'+c[0]+"</li>":"",e.bar2?'<li class="layui-icon" lay-type="bar2" style="'+e.bgcolor+'">'+c[1]+"</li>":"",'<li class="layui-icon '+o+'" lay-type="top" style="'+e.bgcolor+'">'+c[2]+"</li>","</ul>"].join("")),g=u.find("."+o),s=function(){var t=r.scrollTop();t>=e.showHeight?i||(g.show(),i=1):i&&(g.hide(),i=0)};t("."+a)[0]||("object"==typeof e.css&&u.css(e.css),l.append(u),s(),u.find("li").on("click",function(){var i=t(this),n=i.attr("lay-type");"top"===n&&t("html,body").animate({scrollTop:0},200),e.click&&e.click.call(this,n)}),r.on("scroll",function(){clearTimeout(n),n=setTimeout(function(){s()},100)}))},countdown:function(e,t,i){var n=this,a="function"==typeof t,o=new Date(e).getTime(),r=new Date(!t||a?(new Date).getTime():t).getTime(),l=o-r,c=[Math.floor(l/864e5),Math.floor(l/36e5)%24,Math.floor(l/6e4)%60,Math.floor(l/1e3)%60];a&&(i=t);var u=setTimeout(function(){n.countdown(e,r+1e3,i)},1e3);return i&&i(l>0?c:[0,0,0,0],t,u),l<=0&&clearTimeout(u),u},timeAgo:function(e,t){var i=this,n=[[],[]],a=(new Date).getTime()-new Date(e).getTime();return a>26784e5?(a=new Date(e),n[0][0]=i.digit(a.getFullYear(),4),n[0][1]=i.digit(a.getMonth()+1),n[0][2]=i.digit(a.getDate()),t||(n[1][0]=i.digit(a.getHours()),n[1][1]=i.digit(a.getMinutes()),n[1][2]=i.digit(a.getSeconds())),n[0].join("-")+" "+n[1].join(":")):a>=864e5?(a/1e3/60/60/24|0)+"澶╁墠":a>=36e5?(a/1e3/60/60|0)+"灏忔椂鍓�":a>=18e4?(a/1e3/60|0)+"鍒嗛挓鍓�":a<0?"鏈潵":"鍒氬垰"},digit:function(e,t){var i="";e=String(e),t=t||2;for(var n=e.length;n<t;n++)i+="0";return e<Math.pow(10,t)?i+(0|e):e},toDateString:function(e,t){var i=this,n=new Date(e||new Date),a=[i.digit(n.getFullYear(),4),i.digit(n.getMonth()+1),i.digit(n.getDate())],o=[i.digit(n.getHours()),i.digit(n.getMinutes()),i.digit(n.getSeconds())];return t=t||"yyyy-MM-dd HH:mm:ss",t.replace(/yyyy/g,a[0]).replace(/MM/g,a[1]).replace(/dd/g,a[2]).replace(/HH/g,o[0]).replace(/mm/g,o[1]).replace(/ss/g,o[2])},escape:function(e){return String(e||"").replace(/&(?!#?[a-zA-Z0-9]+;)/g,"&").replace(/</g,"<").replace(/>/g,">").replace(/'/g,"'").replace(/"/g,""")},event:function(e,n,a){var o=t("body");return a=a||"click",n=i.event[e]=t.extend(!0,i.event[e],n)||{},i.event.UTIL_EVENT_CALLBACK=i.event.UTIL_EVENT_CALLBACK||{},o.off(a,"*["+e+"]",i.event.UTIL_EVENT_CALLBACK[e]),i.event.UTIL_EVENT_CALLBACK[e]=function(){var i=t(this),a=i.attr(e);"function"==typeof n[a]&&n[a].call(this,i)},o.on(a,"*["+e+"]",i.event.UTIL_EVENT_CALLBACK[e]),n}};!function(e,t,i){"$:nomunge";function n(){a=t[l](function(){o.each(function(){var t=e(this),i=t.width(),n=t.height(),a=e.data(this,u);(i!==a.w||n!==a.h)&&t.trigger(c,[a.w=i,a.h=n])}),n()},r[g])}var a,o=e([]),r=e.resize=e.extend(e.resize,{}),l="setTimeout",c="resize",u=c+"-special-event",g="delay",s="throttleWindow";r[g]=250,r[s]=!0,e.event.special[c]={setup:function(){if(!r[s]&&this[l])return!1;var t=e(this);o=o.add(t),e.data(this,u,{w:t.width(),h:t.height()}),1===o.length&&n()},teardown:function(){if(!r[s]&&this[l])return!1;var t=e(this);o=o.not(t),t.removeData(u),o.length||clearTimeout(a)},add:function(t){function n(t,n,o){var r=e(this),l=e.data(this,u)||{};l.w=n!==i?n:r.width(),l.h=o!==i?o:r.height(),a.apply(this,arguments)}if(!r[s]&&this[l])return!1;var a;return e.isFunction(t)?(a=t,n):(a=t.handler,void(t.handler=n))}}}(t,window),e("util",i)});
\ No newline at end of file
diff --git a/src/main/resources/static/JS/layui/layui.all.js b/src/main/resources/static/JS/layui/layui.all.js
new file mode 100644
index 0000000..af3355c
--- /dev/null
+++ b/src/main/resources/static/JS/layui/layui.all.js
@@ -0,0 +1,5 @@
+/** layui-v2.5.6 MIT License By https://www.layui.com */
+ ;!function(e){"use strict";var t=document,n={modules:{},status:{},timeout:10,event:{}},r=function(){this.v="2.5.6"},o=function(){var e=t.currentScript?t.currentScript.src:function(){for(var e,n=t.scripts,r=n.length-1,o=r;o>0;o--)if("interactive"===n[o].readyState){e=n[o].src;break}return e||n[r].src}();return e.substring(0,e.lastIndexOf("/")+1)}(),a=function(t){e.console&&console.error&&console.error("Layui hint: "+t)},i="undefined"!=typeof opera&&"[object Opera]"===opera.toString(),u={layer:"modules/layer",laydate:"modules/laydate",laypage:"modules/laypage",laytpl:"modules/laytpl",layim:"modules/layim",layedit:"modules/layedit",form:"modules/form",upload:"modules/upload",transfer:"modules/transfer",tree:"modules/tree",table:"modules/table",element:"modules/element",rate:"modules/rate",colorpicker:"modules/colorpicker",slider:"modules/slider",carousel:"modules/carousel",flow:"modules/flow",util:"modules/util",code:"modules/code",jquery:"modules/jquery",mobile:"modules/mobile","layui.all":"../layui.all"};r.prototype.cache=n,r.prototype.define=function(e,t){var r=this,o="function"==typeof e,a=function(){var e=function(e,t){layui[e]=t,n.status[e]=!0};return"function"==typeof t&&t(function(r,o){e(r,o),n.callback[r]=function(){t(e)}}),this};return o&&(t=e,e=[]),!layui["layui.all"]&&layui["layui.mobile"]?a.call(r):(r.use(e,a),r)},r.prototype.use=function(e,r,l){function c(e,t){var r="PLaySTATION 3"===navigator.platform?/^complete$/:/^(complete|loaded)$/;("load"===e.type||r.test((e.currentTarget||e.srcElement).readyState))&&(n.modules[d]=t,y.removeChild(h),function o(){return++m>1e3*n.timeout/4?a(d+" is not a valid module"):void(n.status[d]?s():setTimeout(o,4))}())}function s(){l.push(layui[d]),e.length>1?p.use(e.slice(1),r,l):"function"==typeof r&&r.apply(layui,l)}var p=this,f=n.dir=n.dir?n.dir:o,y=t.getElementsByTagName("head")[0];e="string"==typeof e?[e]:e,window.jQuery&&jQuery.fn.on&&(p.each(e,function(t,n){"jquery"===n&&e.splice(t,1)}),layui.jquery=layui.$=jQuery);var d=e[0],m=0;if(l=l||[],n.host=n.host||(f.match(/\/\/([\s\S]+?)\//)||["//"+location.host+"/"])[0],0===e.length||layui["layui.all"]&&u[d]||!layui["layui.all"]&&layui["layui.mobile"]&&u[d])return s(),p;var v=(u[d]?f+"lay/":/^\{\/\}/.test(p.modules[d])?"":n.base||"")+(p.modules[d]||d)+".js";if(v=v.replace(/^\{\/\}/,""),!n.modules[d]&&layui[d]&&(n.modules[d]=v),n.modules[d])!function g(){return++m>1e3*n.timeout/4?a(d+" is not a valid module"):void("string"==typeof n.modules[d]&&n.status[d]?s():setTimeout(g,4))}();else{var h=t.createElement("script");h.async=!0,h.charset="utf-8",h.src=v+function(){var e=n.version===!0?n.v||(new Date).getTime():n.version||"";return e?"?v="+e:""}(),y.appendChild(h),!h.attachEvent||h.attachEvent.toString&&h.attachEvent.toString().indexOf("[native code")<0||i?h.addEventListener("load",function(e){c(e,v)},!1):h.attachEvent("onreadystatechange",function(e){c(e,v)}),n.modules[d]=v}return p},r.prototype.getStyle=function(t,n){var r=t.currentStyle?t.currentStyle:e.getComputedStyle(t,null);return r[r.getPropertyValue?"getPropertyValue":"getAttribute"](n)},r.prototype.link=function(e,r,o){var i=this,u=t.createElement("link"),l=t.getElementsByTagName("head")[0];"string"==typeof r&&(o=r);var c=(o||e).replace(/\.|\//g,""),s=u.id="layuicss-"+c,p=0;return u.rel="stylesheet",u.href=e+(n.debug?"?v="+(new Date).getTime():""),u.media="all",t.getElementById(s)||l.appendChild(u),"function"!=typeof r?i:(function f(){return++p>1e3*n.timeout/100?a(e+" timeout"):void(1989===parseInt(i.getStyle(t.getElementById(s),"width"))?function(){r()}():setTimeout(f,100))}(),i)},n.callback={},r.prototype.factory=function(e){if(layui[e])return"function"==typeof n.callback[e]?n.callback[e]:null},r.prototype.addcss=function(e,t,r){return layui.link(n.dir+"css/"+e,t,r)},r.prototype.img=function(e,t,n){var r=new Image;return r.src=e,r.complete?t(r):(r.onload=function(){r.onload=null,"function"==typeof t&&t(r)},void(r.onerror=function(e){r.onerror=null,"function"==typeof n&&n(e)}))},r.prototype.config=function(e){e=e||{};for(var t in e)n[t]=e[t];return this},r.prototype.modules=function(){var e={};for(var t in u)e[t]=u[t];return e}(),r.prototype.extend=function(e){var t=this;e=e||{};for(var n in e)t[n]||t.modules[n]?a("妯″潡鍚� "+n+" 宸茶鍗犵敤"):t.modules[n]=e[n];return t},r.prototype.router=function(e){var t=this,e=e||location.hash,n={path:[],search:{},hash:(e.match(/[^#](#.*$)/)||[])[1]||""};return/^#\//.test(e)?(e=e.replace(/^#\//,""),n.href="/"+e,e=e.replace(/([^#])(#.*$)/,"$1").split("/")||[],t.each(e,function(e,t){/^\w+=/.test(t)?function(){t=t.split("="),n.search[t[0]]=t[1]}():n.path.push(t)}),n):n},r.prototype.url=function(e){var t=this,n={pathname:function(){var t=e?function(){var t=(e.match(/\.[^.]+?\/.+/)||[])[0]||"";return t.replace(/^[^\/]+/,"").replace(/\?.+/,"")}():location.pathname;return t.replace(/^\//,"").split("/")}(),search:function(){var n={},r=(e?function(){var t=(e.match(/\?.+/)||[])[0]||"";return t.replace(/\#.+/,"")}():location.search).replace(/^\?+/,"").split("&");return t.each(r,function(e,t){var r=t.indexOf("="),o=function(){return r<0?t.substr(0,t.length):0!==r&&t.substr(0,r)}();o&&(n[o]=r>0?t.substr(r+1):null)}),n}(),hash:t.router(function(){return e?(e.match(/#.+/)||[])[0]||"":location.hash}())};return n},r.prototype.data=function(t,n,r){if(t=t||"layui",r=r||localStorage,e.JSON&&e.JSON.parse){if(null===n)return delete r[t];n="object"==typeof n?n:{key:n};try{var o=JSON.parse(r[t])}catch(a){var o={}}return"value"in n&&(o[n.key]=n.value),n.remove&&delete o[n.key],r[t]=JSON.stringify(o),n.key?o[n.key]:o}},r.prototype.sessionData=function(e,t){return this.data(e,t,sessionStorage)},r.prototype.device=function(t){var n=navigator.userAgent.toLowerCase(),r=function(e){var t=new RegExp(e+"/([^\\s\\_\\-]+)");return e=(n.match(t)||[])[1],e||!1},o={os:function(){return/windows/.test(n)?"windows":/linux/.test(n)?"linux":/iphone|ipod|ipad|ios/.test(n)?"ios":/mac/.test(n)?"mac":void 0}(),ie:function(){return!!(e.ActiveXObject||"ActiveXObject"in e)&&((n.match(/msie\s(\d+)/)||[])[1]||"11")}(),weixin:r("micromessenger")};return t&&!o[t]&&(o[t]=r(t)),o.android=/android/.test(n),o.ios="ios"===o.os,o.mobile=!(!o.android&&!o.ios),o},r.prototype.hint=function(){return{error:a}},r.prototype.each=function(e,t){var n,r=this;if("function"!=typeof t)return r;if(e=e||[],e.constructor===Object){for(n in e)if(t.call(e[n],n,e[n]))break}else for(n=0;n<e.length&&!t.call(e[n],n,e[n]);n++);return r},r.prototype.sort=function(e,t,n){var r=JSON.parse(JSON.stringify(e||[]));return t?(r.sort(function(e,n){var r=/^-?\d+$/,o=e[t],a=n[t];return r.test(o)&&(o=parseFloat(o)),r.test(a)&&(a=parseFloat(a)),o&&!a?1:!o&&a?-1:o>a?1:o<a?-1:0}),n&&r.reverse(),r):r},r.prototype.stope=function(t){t=t||e.event;try{t.stopPropagation()}catch(n){t.cancelBubble=!0}},r.prototype.onevent=function(e,t,n){return"string"!=typeof e||"function"!=typeof n?this:r.event(e,t,null,n)},r.prototype.event=r.event=function(e,t,r,o){var a=this,i=null,u=t.match(/\((.*)\)$/)||[],l=(e+"."+t).replace(u[0],""),c=u[1]||"",s=function(e,t){var n=t&&t.call(a,r);n===!1&&null===i&&(i=!1)};return o?(n.event[l]=n.event[l]||{},n.event[l][c]=[o],this):(layui.each(n.event[l],function(e,t){return"{*}"===c?void layui.each(t,s):(""===e&&layui.each(t,s),void(c&&e===c&&layui.each(t,s)))}),i)},e.layui=new r}(window);layui.define(function(a){var i=layui.cache;layui.config({dir:i.dir.replace(/lay\/dest\/$/,"")}),a("layui.all",layui.v)});layui.define(function(e){"use strict";var r={open:"{{",close:"}}"},c={exp:function(e){return new RegExp(e,"g")},query:function(e,c,t){var o=["#([\\s\\S])+?","([^{#}])*?"][e||0];return n((c||"")+r.open+o+r.close+(t||""))},escape:function(e){return String(e||"").replace(/&(?!#?[a-zA-Z0-9]+;)/g,"&").replace(/</g,"<").replace(/>/g,">").replace(/'/g,"'").replace(/"/g,""")},error:function(e,r){var c="Laytpl Error锛�";return"object"==typeof console&&console.error(c+e+"\n"+(r||"")),c+e}},n=c.exp,t=function(e){this.tpl=e};t.pt=t.prototype,window.errors=0,t.pt.parse=function(e,t){var o=this,p=e,a=n("^"+r.open+"#",""),l=n(r.close+"$","");e=e.replace(/\s+|\r|\t|\n/g," ").replace(n(r.open+"#"),r.open+"# ").replace(n(r.close+"}"),"} "+r.close).replace(/\\/g,"\\\\").replace(n(r.open+"!(.+?)!"+r.close),function(e){return e=e.replace(n("^"+r.open+"!"),"").replace(n("!"+r.close),"").replace(n(r.open+"|"+r.close),function(e){return e.replace(/(.)/g,"\\$1")})}).replace(/(?="|')/g,"\\").replace(c.query(),function(e){return e=e.replace(a,"").replace(l,""),'";'+e.replace(/\\/g,"")+';view+="'}).replace(c.query(1),function(e){var c='"+(';return e.replace(/\s/g,"")===r.open+r.close?"":(e=e.replace(n(r.open+"|"+r.close),""),/^=/.test(e)&&(e=e.replace(/^=/,""),c='"+_escape_('),c+e.replace(/\\/g,"")+')+"')}),e='"use strict";var view = "'+e+'";return view;';try{return o.cache=e=new Function("d, _escape_",e),e(t,c.escape)}catch(u){return delete o.cache,c.error(u,p)}},t.pt.render=function(e,r){var n,t=this;return e?(n=t.cache?t.cache(e,c.escape):t.parse(t.tpl,e),r?void r(n):n):c.error("no data")};var o=function(e){return"string"!=typeof e?c.error("Template not found"):new t(e)};o.config=function(e){e=e||{};for(var c in e)r[c]=e[c]},o.v="1.2.0",e("laytpl",o)});layui.define(function(e){"use strict";var a=document,t="getElementById",n="getElementsByTagName",i="laypage",r="layui-disabled",u=function(e){var a=this;a.config=e||{},a.config.index=++s.index,a.render(!0)};u.prototype.type=function(){var e=this.config;if("object"==typeof e.elem)return void 0===e.elem.length?2:3},u.prototype.view=function(){var e=this,a=e.config,t=a.groups="groups"in a?0|a.groups:5;a.layout="object"==typeof a.layout?a.layout:["prev","page","next"],a.count=0|a.count,a.curr=0|a.curr||1,a.limits="object"==typeof a.limits?a.limits:[10,20,30,40,50],a.limit=0|a.limit||10,a.pages=Math.ceil(a.count/a.limit)||1,a.curr>a.pages&&(a.curr=a.pages),t<0?t=1:t>a.pages&&(t=a.pages),a.prev="prev"in a?a.prev:"上一页",a.next="next"in a?a.next:"下一页";var n=a.pages>t?Math.ceil((a.curr+(t>1?1:0))/(t>0?t:1)):1,i={prev:function(){return a.prev?'<a href="javascript:;" class="layui-laypage-prev'+(1==a.curr?" "+r:"")+'" data-page="'+(a.curr-1)+'">'+a.prev+"</a>":""}(),page:function(){var e=[];if(a.count<1)return"";n>1&&a.first!==!1&&0!==t&&e.push('<a href="javascript:;" class="layui-laypage-first" data-page="1" title="首页">'+(a.first||1)+"</a>");var i=Math.floor((t-1)/2),r=n>1?a.curr-i:1,u=n>1?function(){var e=a.curr+(t-i-1);return e>a.pages?a.pages:e}():t;for(u-r<t-1&&(r=u-t+1),a.first!==!1&&r>2&&e.push('<span class="layui-laypage-spr">…</span>');r<=u;r++)r===a.curr?e.push('<span class="layui-laypage-curr"><em class="layui-laypage-em" '+(/^#/.test(a.theme)?'style="background-color:'+a.theme+';"':"")+"></em><em>"+r+"</em></span>"):e.push('<a href="javascript:;" data-page="'+r+'">'+r+"</a>");return a.pages>t&&a.pages>u&&a.last!==!1&&(u+1<a.pages&&e.push('<span class="layui-laypage-spr">…</span>'),0!==t&&e.push('<a href="javascript:;" class="layui-laypage-last" title="尾页" data-page="'+a.pages+'">'+(a.last||a.pages)+"</a>")),e.join("")}(),next:function(){return a.next?'<a href="javascript:;" class="layui-laypage-next'+(a.curr==a.pages?" "+r:"")+'" data-page="'+(a.curr+1)+'">'+a.next+"</a>":""}(),count:'<span class="layui-laypage-count">鍏� '+a.count+" 鏉�</span>",limit:function(){var e=['<span class="layui-laypage-limits"><select lay-ignore>'];return layui.each(a.limits,function(t,n){e.push('<option value="'+n+'"'+(n===a.limit?"selected":"")+">"+n+" 鏉�/椤�</option>")}),e.join("")+"</select></span>"}(),refresh:['<a href="javascript:;" data-page="'+a.curr+'" class="layui-laypage-refresh">','<i class="layui-icon layui-icon-refresh"></i>',"</a>"].join(""),skip:function(){return['<span class="layui-laypage-skip">到第','<input type="text" min="1" value="'+a.curr+'" class="layui-input">','页<button type="button" class="layui-laypage-btn">确定</button>',"</span>"].join("")}()};return['<div class="layui-box layui-laypage layui-laypage-'+(a.theme?/^#/.test(a.theme)?"molv":a.theme:"default")+'" id="layui-laypage-'+a.index+'">',function(){var e=[];return layui.each(a.layout,function(a,t){i[t]&&e.push(i[t])}),e.join("")}(),"</div>"].join("")},u.prototype.jump=function(e,a){if(e){var t=this,i=t.config,r=e.children,u=e[n]("button")[0],l=e[n]("input")[0],p=e[n]("select")[0],c=function(){var e=0|l.value.replace(/\s|\D/g,"");e&&(i.curr=e,t.render())};if(a)return c();for(var o=0,y=r.length;o<y;o++)"a"===r[o].nodeName.toLowerCase()&&s.on(r[o],"click",function(){var e=0|this.getAttribute("data-page");e<1||e>i.pages||(i.curr=e,t.render())});p&&s.on(p,"change",function(){var e=this.value;i.curr*e>i.count&&(i.curr=Math.ceil(i.count/e)),i.limit=e,t.render()}),u&&s.on(u,"click",function(){c()})}},u.prototype.skip=function(e){if(e){var a=this,t=e[n]("input")[0];t&&s.on(t,"keyup",function(t){var n=this.value,i=t.keyCode;/^(37|38|39|40)$/.test(i)||(/\D/.test(n)&&(this.value=n.replace(/\D/,"")),13===i&&a.jump(e,!0))})}},u.prototype.render=function(e){var n=this,i=n.config,r=n.type(),u=n.view();2===r?i.elem&&(i.elem.innerHTML=u):3===r?i.elem.html(u):a[t](i.elem)&&(a[t](i.elem).innerHTML=u),i.jump&&i.jump(i,e);var s=a[t]("layui-laypage-"+i.index);n.jump(s),i.hash&&!e&&(location.hash="!"+i.hash+"="+i.curr),n.skip(s)};var s={render:function(e){var a=new u(e);return a.index},index:layui.laypage?layui.laypage.index+1e4:0,on:function(e,a,t){return e.attachEvent?e.attachEvent("on"+a,function(a){a.target=a.srcElement,t.call(e,a)}):e.addEventListener(a,t,!1),this}};e(i,s)});!function(){"use strict";var e=window.layui&&layui.define,t={getPath:function(){var e=document.currentScript?document.currentScript.src:function(){for(var e,t=document.scripts,n=t.length-1,a=n;a>0;a--)if("interactive"===t[a].readyState){e=t[a].src;break}return e||t[n].src}();return e.substring(0,e.lastIndexOf("/")+1)}(),getStyle:function(e,t){var n=e.currentStyle?e.currentStyle:window.getComputedStyle(e,null);return n[n.getPropertyValue?"getPropertyValue":"getAttribute"](t)},link:function(e,a,i){if(n.path){var r=document.getElementsByTagName("head")[0],o=document.createElement("link");"string"==typeof a&&(i=a);var s=(i||e).replace(/\.|\//g,""),l="layuicss-"+s,d=0;o.rel="stylesheet",o.href=n.path+e,o.id=l,document.getElementById(l)||r.appendChild(o),"function"==typeof a&&!function c(){return++d>80?window.console&&console.error("laydate.css: Invalid"):void(1989===parseInt(t.getStyle(document.getElementById(l),"width"))?a():setTimeout(c,100))}()}}},n={v:"5.0.9",config:{},index:window.laydate&&window.laydate.v?1e5:0,path:t.getPath,set:function(e){var t=this;return t.config=w.extend({},t.config,e),t},ready:function(a){var i="laydate",r="",o=(e?"modules/laydate/":"theme/")+"default/laydate.css?v="+n.v+r;return e?layui.addcss(o,a,i):t.link(o,a,i),this}},a=function(){var e=this;return{hint:function(t){e.hint.call(e,t)},config:e.config}},i="laydate",r=".layui-laydate",o="layui-this",s="laydate-disabled",l="寮�濮嬫棩鏈熻秴鍑轰簡缁撴潫鏃ユ湡<br>寤鸿閲嶆柊閫夋嫨",d=[100,2e5],c="layui-laydate-static",m="layui-laydate-list",u="laydate-selected",h="layui-laydate-hint",y="laydate-day-prev",f="laydate-day-next",p="layui-laydate-footer",g=".laydate-btns-confirm",v="laydate-time-text",D=".laydate-btns-time",T=function(e){var t=this;t.index=++n.index,t.config=w.extend({},t.config,n.config,e),n.ready(function(){t.init()})},w=function(e){return new C(e)},C=function(e){for(var t=0,n="object"==typeof e?[e]:(this.selector=e,document.querySelectorAll(e||null));t<n.length;t++)this.push(n[t])};C.prototype=[],C.prototype.constructor=C,w.extend=function(){var e=1,t=arguments,n=function(e,t){e=e||(t.constructor===Array?[]:{});for(var a in t)e[a]=t[a]&&t[a].constructor===Object?n(e[a],t[a]):t[a];return e};for(t[0]="object"==typeof t[0]?t[0]:{};e<t.length;e++)"object"==typeof t[e]&&n(t[0],t[e]);return t[0]},w.ie=function(){var e=navigator.userAgent.toLowerCase();return!!(window.ActiveXObject||"ActiveXObject"in window)&&((e.match(/msie\s(\d+)/)||[])[1]||"11")}(),w.stope=function(e){e=e||window.event,e.stopPropagation?e.stopPropagation():e.cancelBubble=!0},w.each=function(e,t){var n,a=this;if("function"!=typeof t)return a;if(e=e||[],e.constructor===Object){for(n in e)if(t.call(e[n],n,e[n]))break}else for(n=0;n<e.length&&!t.call(e[n],n,e[n]);n++);return a},w.digit=function(e,t,n){var a="";e=String(e),t=t||2;for(var i=e.length;i<t;i++)a+="0";return e<Math.pow(10,t)?a+(0|e):e},w.elem=function(e,t){var n=document.createElement(e);return w.each(t||{},function(e,t){n.setAttribute(e,t)}),n},C.addStr=function(e,t){return e=e.replace(/\s+/," "),t=t.replace(/\s+/," ").split(" "),w.each(t,function(t,n){new RegExp("\\b"+n+"\\b").test(e)||(e=e+" "+n)}),e.replace(/^\s|\s$/,"")},C.removeStr=function(e,t){return e=e.replace(/\s+/," "),t=t.replace(/\s+/," ").split(" "),w.each(t,function(t,n){var a=new RegExp("\\b"+n+"\\b");a.test(e)&&(e=e.replace(a,""))}),e.replace(/\s+/," ").replace(/^\s|\s$/,"")},C.prototype.find=function(e){var t=this,n=0,a=[],i="object"==typeof e;return this.each(function(r,o){for(var s=i?[e]:o.querySelectorAll(e||null);n<s.length;n++)a.push(s[n]);t.shift()}),i||(t.selector=(t.selector?t.selector+" ":"")+e),w.each(a,function(e,n){t.push(n)}),t},C.prototype.each=function(e){return w.each.call(this,this,e)},C.prototype.addClass=function(e,t){return this.each(function(n,a){a.className=C[t?"removeStr":"addStr"](a.className,e)})},C.prototype.removeClass=function(e){return this.addClass(e,!0)},C.prototype.hasClass=function(e){var t=!1;return this.each(function(n,a){new RegExp("\\b"+e+"\\b").test(a.className)&&(t=!0)}),t},C.prototype.attr=function(e,t){var n=this;return void 0===t?function(){if(n.length>0)return n[0].getAttribute(e)}():n.each(function(n,a){a.setAttribute(e,t)})},C.prototype.removeAttr=function(e){return this.each(function(t,n){n.removeAttribute(e)})},C.prototype.html=function(e){return this.each(function(t,n){n.innerHTML=e})},C.prototype.val=function(e){return this.each(function(t,n){n.value=e})},C.prototype.append=function(e){return this.each(function(t,n){"object"==typeof e?n.appendChild(e):n.innerHTML=n.innerHTML+e})},C.prototype.remove=function(e){return this.each(function(t,n){e?n.removeChild(e):n.parentNode.removeChild(n)})},C.prototype.on=function(e,t){return this.each(function(n,a){a.attachEvent?a.attachEvent("on"+e,function(e){e.target=e.srcElement,t.call(a,e)}):a.addEventListener(e,t,!1)})},C.prototype.off=function(e,t){return this.each(function(n,a){a.detachEvent?a.detachEvent("on"+e,t):a.removeEventListener(e,t,!1)})},T.isLeapYear=function(e){return e%4===0&&e%100!==0||e%400===0},T.prototype.config={type:"date",range:!1,format:"yyyy-MM-dd",value:null,isInitValue:!0,min:"1900-1-1",max:"2099-12-31",trigger:"focus",show:!1,showBottom:!0,btns:["clear","now","confirm"],lang:"cn",theme:"default",position:null,calendar:!1,mark:{},zIndex:null,done:null,change:null},T.prototype.lang=function(){var e=this,t=e.config,n={cn:{weeks:["鏃�","涓�","浜�","涓�","鍥�","浜�","鍏�"],time:["鏃�","鍒�","绉�"],timeTips:"閫夋嫨鏃堕棿",startTime:"寮�濮嬫椂闂�",endTime:"缁撴潫鏃堕棿",dateTips:"杩斿洖鏃ユ湡",month:["涓�","浜�","涓�","鍥�","浜�","鍏�","涓�","鍏�","涔�","鍗�","鍗佷竴","鍗佷簩"],tools:{confirm:"纭畾",clear:"娓呯┖",now:"鐜板湪"}},en:{weeks:["Su","Mo","Tu","We","Th","Fr","Sa"],time:["Hours","Minutes","Seconds"],timeTips:"Select Time",startTime:"Start Time",endTime:"End Time",dateTips:"Select Date",month:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],tools:{confirm:"Confirm",clear:"Clear",now:"Now"}}};return n[t.lang]||n.cn},T.prototype.init=function(){var e=this,t=e.config,n="yyyy|y|MM|M|dd|d|HH|H|mm|m|ss|s",a="static"===t.position,i={year:"yyyy",month:"yyyy-MM",date:"yyyy-MM-dd",time:"HH:mm:ss",datetime:"yyyy-MM-dd HH:mm:ss"};t.elem=w(t.elem),t.eventElem=w(t.eventElem),t.elem[0]&&(t.range===!0&&(t.range="-"),t.format===i.date&&(t.format=i[t.type]),e.format=t.format.match(new RegExp(n+"|.","g"))||[],e.EXP_IF="",e.EXP_SPLIT="",w.each(e.format,function(t,a){var i=new RegExp(n).test(a)?"\\d{"+function(){return new RegExp(n).test(e.format[0===t?t+1:t-1]||"")?/^yyyy|y$/.test(a)?4:a.length:/^yyyy$/.test(a)?"1,4":/^y$/.test(a)?"1,308":"1,2"}()+"}":"\\"+a;e.EXP_IF=e.EXP_IF+i,e.EXP_SPLIT=e.EXP_SPLIT+"("+i+")"}),e.EXP_IF=new RegExp("^"+(t.range?e.EXP_IF+"\\s\\"+t.range+"\\s"+e.EXP_IF:e.EXP_IF)+"$"),e.EXP_SPLIT=new RegExp("^"+e.EXP_SPLIT+"$",""),e.isInput(t.elem[0])||"focus"===t.trigger&&(t.trigger="click"),t.elem.attr("lay-key")||(t.elem.attr("lay-key",e.index),t.eventElem.attr("lay-key",e.index)),t.mark=w.extend({},t.calendar&&"cn"===t.lang?{"0-1-1":"鍏冩棪","0-2-14":"鎯呬汉","0-3-8":"濡囧コ","0-3-12":"妞嶆爲","0-4-1":"鎰氫汉","0-5-1":"鍔冲姩","0-5-4":"闈掑勾","0-6-1":"鍎跨","0-9-10":"鏁欏笀","0-9-18":"鍥借��","0-10-1":"鍥藉簡","0-12-25":"鍦ｈ癁"}:{},t.mark),w.each(["min","max"],function(e,n){var a=[],i=[];if("number"==typeof t[n]){var r=t[n],o=(new Date).getTime(),s=864e5,l=new Date(r?r<s?o+r*s:r:o);a=[l.getFullYear(),l.getMonth()+1,l.getDate()],r<s||(i=[l.getHours(),l.getMinutes(),l.getSeconds()])}else a=(t[n].match(/\d+-\d+-\d+/)||[""])[0].split("-"),i=(t[n].match(/\d+:\d+:\d+/)||[""])[0].split(":");t[n]={year:0|a[0]||(new Date).getFullYear(),month:a[1]?(0|a[1])-1:(new Date).getMonth(),date:0|a[2]||(new Date).getDate(),hours:0|i[0],minutes:0|i[1],seconds:0|i[2]}}),e.elemID="layui-laydate"+t.elem.attr("lay-key"),(t.show||a)&&e.render(),a||e.events(),t.value&&t.isInitValue&&(t.value.constructor===Date?e.setValue(e.parse(0,e.systemDate(t.value))):e.setValue(t.value)))},T.prototype.render=function(){var e=this,t=e.config,n=e.lang(),a="static"===t.position,i=e.elem=w.elem("div",{id:e.elemID,"class":["layui-laydate",t.range?" layui-laydate-range":"",a?" "+c:"",t.theme&&"default"!==t.theme&&!/^#/.test(t.theme)?" laydate-theme-"+t.theme:""].join("")}),r=e.elemMain=[],o=e.elemHeader=[],s=e.elemCont=[],l=e.table=[],d=e.footer=w.elem("div",{"class":p});if(t.zIndex&&(i.style.zIndex=t.zIndex),w.each(new Array(2),function(e){if(!t.range&&e>0)return!0;var a=w.elem("div",{"class":"layui-laydate-header"}),i=[function(){var e=w.elem("i",{"class":"layui-icon laydate-icon laydate-prev-y"});return e.innerHTML="",e}(),function(){var e=w.elem("i",{"class":"layui-icon laydate-icon laydate-prev-m"});return e.innerHTML="",e}(),function(){var e=w.elem("div",{"class":"laydate-set-ym"}),t=w.elem("span"),n=w.elem("span");return e.appendChild(t),e.appendChild(n),e}(),function(){var e=w.elem("i",{"class":"layui-icon laydate-icon laydate-next-m"});return e.innerHTML="",e}(),function(){var e=w.elem("i",{"class":"layui-icon laydate-icon laydate-next-y"});return e.innerHTML="",e}()],d=w.elem("div",{"class":"layui-laydate-content"}),c=w.elem("table"),m=w.elem("thead"),u=w.elem("tr");w.each(i,function(e,t){a.appendChild(t)}),m.appendChild(u),w.each(new Array(6),function(e){var t=c.insertRow(0);w.each(new Array(7),function(a){if(0===e){var i=w.elem("th");i.innerHTML=n.weeks[a],u.appendChild(i)}t.insertCell(a)})}),c.insertBefore(m,c.children[0]),d.appendChild(c),r[e]=w.elem("div",{"class":"layui-laydate-main laydate-main-list-"+e}),r[e].appendChild(a),r[e].appendChild(d),o.push(i),s.push(d),l.push(c)}),w(d).html(function(){var e=[],i=[];return"datetime"===t.type&&e.push('<span lay-type="datetime" class="laydate-btns-time">'+n.timeTips+"</span>"),w.each(t.btns,function(e,r){var o=n.tools[r]||"btn";t.range&&"now"===r||(a&&"clear"===r&&(o="cn"===t.lang?"閲嶇疆":"Reset"),i.push('<span lay-type="'+r+'" class="laydate-btns-'+r+'">'+o+"</span>"))}),e.push('<div class="laydate-footer-btns">'+i.join("")+"</div>"),e.join("")}()),w.each(r,function(e,t){i.appendChild(t)}),t.showBottom&&i.appendChild(d),/^#/.test(t.theme)){var m=w.elem("style"),u=["#{{id}} .layui-laydate-header{background-color:{{theme}};}","#{{id}} .layui-this{background-color:{{theme}} !important;}"].join("").replace(/{{id}}/g,e.elemID).replace(/{{theme}}/g,t.theme);"styleSheet"in m?(m.setAttribute("type","text/css"),m.styleSheet.cssText=u):m.innerHTML=u,w(i).addClass("laydate-theme-molv"),i.appendChild(m)}e.remove(T.thisElemDate),a?t.elem.append(i):(document.body.appendChild(i),e.position()),e.checkDate().calendar(),e.changeEvent(),T.thisElemDate=e.elemID,"function"==typeof t.ready&&t.ready(w.extend({},t.dateTime,{month:t.dateTime.month+1}))},T.prototype.remove=function(e){var t=this,n=(t.config,w("#"+(e||t.elemID)));return n.hasClass(c)||t.checkDate(function(){n.remove()}),t},T.prototype.position=function(){var e=this,t=e.config,n=e.bindElem||t.elem[0],a=n.getBoundingClientRect(),i=e.elem.offsetWidth,r=e.elem.offsetHeight,o=function(e){return e=e?"scrollLeft":"scrollTop",document.body[e]|document.documentElement[e]},s=function(e){return document.documentElement[e?"clientWidth":"clientHeight"]},l=5,d=a.left,c=a.bottom;d+i+l>s("width")&&(d=s("width")-i-l),c+r+l>s()&&(c=a.top>r?a.top-r:s()-r,c-=2*l),t.position&&(e.elem.style.position=t.position),e.elem.style.left=d+("fixed"===t.position?0:o(1))+"px",e.elem.style.top=c+("fixed"===t.position?0:o())+"px"},T.prototype.hint=function(e){var t=this,n=(t.config,w.elem("div",{"class":h}));t.elem&&(n.innerHTML=e||"",w(t.elem).find("."+h).remove(),t.elem.appendChild(n),clearTimeout(t.hinTimer),t.hinTimer=setTimeout(function(){w(t.elem).find("."+h).remove()},3e3))},T.prototype.getAsYM=function(e,t,n){return n?t--:t++,t<0&&(t=11,e--),t>11&&(t=0,e++),[e,t]},T.prototype.systemDate=function(e){var t=e||new Date;return{year:t.getFullYear(),month:t.getMonth(),date:t.getDate(),hours:e?e.getHours():0,minutes:e?e.getMinutes():0,seconds:e?e.getSeconds():0}},T.prototype.checkDate=function(e){var t,a,i=this,r=(new Date,i.config),o=r.dateTime=r.dateTime||i.systemDate(),s=i.bindElem||r.elem[0],l=(i.isInput(s)?"val":"html",i.isInput(s)?s.value:"static"===r.position?"":s.innerHTML),c=function(e){e.year>d[1]&&(e.year=d[1],a=!0),e.month>11&&(e.month=11,a=!0),e.hours>23&&(e.hours=0,a=!0),e.minutes>59&&(e.minutes=0,e.hours++,a=!0),e.seconds>59&&(e.seconds=0,e.minutes++,a=!0),t=n.getEndDate(e.month+1,e.year),e.date>t&&(e.date=t,a=!0)},m=function(e,t,n){var o=["startTime","endTime"];t=(t.match(i.EXP_SPLIT)||[]).slice(1),n=n||0,r.range&&(i[o[n]]=i[o[n]]||{}),w.each(i.format,function(s,l){var c=parseFloat(t[s]);t[s].length<l.length&&(a=!0),/yyyy|y/.test(l)?(c<d[0]&&(c=d[0],a=!0),e.year=c):/MM|M/.test(l)?(c<1&&(c=1,a=!0),e.month=c-1):/dd|d/.test(l)?(c<1&&(c=1,a=!0),e.date=c):/HH|H/.test(l)?(c<1&&(c=0,a=!0),e.hours=c,r.range&&(i[o[n]].hours=c)):/mm|m/.test(l)?(c<1&&(c=0,a=!0),e.minutes=c,r.range&&(i[o[n]].minutes=c)):/ss|s/.test(l)&&(c<1&&(c=0,a=!0),e.seconds=c,r.range&&(i[o[n]].seconds=c))}),c(e)};return"limit"===e?(c(o),i):(l=l||r.value,"string"==typeof l&&(l=l.replace(/\s+/g," ").replace(/^\s|\s$/g,"")),i.startState&&!i.endState&&(delete i.startState,i.endState=!0),"string"==typeof l&&l?i.EXP_IF.test(l)?r.range?(l=l.split(" "+r.range+" "),i.startDate=i.startDate||i.systemDate(),i.endDate=i.endDate||i.systemDate(),r.dateTime=w.extend({},i.startDate),w.each([i.startDate,i.endDate],function(e,t){m(t,l[e],e)})):m(o,l):(i.hint("鏃ユ湡鏍煎紡涓嶅悎娉�<br>蹇呴』閬靛惊涓嬭堪鏍煎紡锛�<br>"+(r.range?r.format+" "+r.range+" "+r.format:r.format)+"<br>宸蹭负浣犻噸缃�"),a=!0):l&&l.constructor===Date?r.dateTime=i.systemDate(l):(r.dateTime=i.systemDate(),delete i.startState,delete i.endState,delete i.startDate,delete i.endDate,delete i.startTime,delete i.endTime),c(o),a&&l&&i.setValue(r.range?i.endDate?i.parse():"":i.parse()),e&&e(),i)},T.prototype.mark=function(e,t){var n,a=this,i=a.config;return w.each(i.mark,function(e,a){var i=e.split("-");i[0]!=t[0]&&0!=i[0]||i[1]!=t[1]&&0!=i[1]||i[2]!=t[2]||(n=a||t[2])}),n&&e.html('<span class="laydate-day-mark">'+n+"</span>"),a},T.prototype.limit=function(e,t,n,a){var i,r=this,o=r.config,l={},d=o[n>41?"endDate":"dateTime"],c=w.extend({},d,t||{});return w.each({now:c,min:o.min,max:o.max},function(e,t){l[e]=r.newDate(w.extend({year:t.year,month:t.month,date:t.date},function(){var e={};return w.each(a,function(n,a){e[a]=t[a]}),e}())).getTime()}),i=l.now<l.min||l.now>l.max,e&&e[i?"addClass":"removeClass"](s),i},T.prototype.calendar=function(e){var t,a,i,r=this,s=r.config,l=e||s.dateTime,c=new Date,m=r.lang(),u="date"!==s.type&&"datetime"!==s.type,h=e?1:0,y=w(r.table[h]).find("td"),f=w(r.elemHeader[h][2]).find("span");if(l.year<d[0]&&(l.year=d[0],r.hint("鏈�浣庡彧鑳芥敮鎸佸埌鍏厓"+d[0]+"骞�")),l.year>d[1]&&(l.year=d[1],r.hint("鏈�楂樺彧鑳芥敮鎸佸埌鍏厓"+d[1]+"骞�")),r.firstDate||(r.firstDate=w.extend({},l)),c.setFullYear(l.year,l.month,1),t=c.getDay(),a=n.getEndDate(l.month||12,l.year),i=n.getEndDate(l.month+1,l.year),w.each(y,function(e,n){var d=[l.year,l.month],c=0;n=w(n),n.removeAttr("class"),e<t?(c=a-t+e,n.addClass("laydate-day-prev"),d=r.getAsYM(l.year,l.month,"sub")):e>=t&&e<i+t?(c=e-t,s.range||c+1===l.date&&n.addClass(o)):(c=e-i-t,n.addClass("laydate-day-next"),d=r.getAsYM(l.year,l.month)),d[1]++,d[2]=c+1,n.attr("lay-ymd",d.join("-")).html(d[2]),r.mark(n,d).limit(n,{year:d[0],month:d[1]-1,date:d[2]},e)}),w(f[0]).attr("lay-ym",l.year+"-"+(l.month+1)),w(f[1]).attr("lay-ym",l.year+"-"+(l.month+1)),"cn"===s.lang?(w(f[0]).attr("lay-type","year").html(l.year+"骞�"),w(f[1]).attr("lay-type","month").html(l.month+1+"鏈�")):(w(f[0]).attr("lay-type","month").html(m.month[l.month]),w(f[1]).attr("lay-type","year").html(l.year)),u&&(s.range&&(e?r.endDate=r.endDate||{year:l.year+("year"===s.type?1:0),month:l.month+("month"===s.type?0:-1)}:r.startDate=r.startDate||{year:l.year,month:l.month},e&&(r.listYM=[[r.startDate.year,r.startDate.month+1],[r.endDate.year,r.endDate.month+1]],r.list(s.type,0).list(s.type,1),"time"===s.type?r.setBtnStatus("鏃堕棿",w.extend({},r.systemDate(),r.startTime),w.extend({},r.systemDate(),r.endTime)):r.setBtnStatus(!0))),s.range||(r.listYM=[[l.year,l.month+1]],r.list(s.type,0))),s.range&&!e){var p=r.getAsYM(l.year,l.month);r.calendar(w.extend({},l,{year:p[0],month:p[1]}))}return s.range||r.limit(w(r.footer).find(g),null,0,["hours","minutes","seconds"]),s.range&&e&&!u&&r.stampRange(),r},T.prototype.list=function(e,t){var n=this,a=n.config,i=a.dateTime,r=n.lang(),l=a.range&&"date"!==a.type&&"datetime"!==a.type,d=w.elem("ul",{"class":m+" "+{year:"laydate-year-list",month:"laydate-month-list",time:"laydate-time-list"}[e]}),c=n.elemHeader[t],u=w(c[2]).find("span"),h=n.elemCont[t||0],y=w(h).find("."+m)[0],f="cn"===a.lang,p=f?"骞�":"",T=n.listYM[t]||{},C=["hours","minutes","seconds"],x=["startTime","endTime"][t];if(T[0]<1&&(T[0]=1),"year"===e){var M,b=M=T[0]-7;b<1&&(b=M=1),w.each(new Array(15),function(e){var i=w.elem("li",{"lay-ym":M}),r={year:M};M==T[0]&&w(i).addClass(o),i.innerHTML=M+p,d.appendChild(i),M<n.firstDate.year?(r.month=a.min.month,r.date=a.min.date):M>=n.firstDate.year&&(r.month=a.max.month,r.date=a.max.date),n.limit(w(i),r,t),M++}),w(u[f?0:1]).attr("lay-ym",M-8+"-"+T[1]).html(b+p+" - "+(M-1+p))}else if("month"===e)w.each(new Array(12),function(e){var i=w.elem("li",{"lay-ym":e}),s={year:T[0],month:e};e+1==T[1]&&w(i).addClass(o),i.innerHTML=r.month[e]+(f?"鏈�":""),d.appendChild(i),T[0]<n.firstDate.year?s.date=a.min.date:T[0]>=n.firstDate.year&&(s.date=a.max.date),n.limit(w(i),s,t)}),w(u[f?0:1]).attr("lay-ym",T[0]+"-"+T[1]).html(T[0]+p);else if("time"===e){var E=function(){w(d).find("ol").each(function(e,a){w(a).find("li").each(function(a,i){n.limit(w(i),[{hours:a},{hours:n[x].hours,minutes:a},{hours:n[x].hours,minutes:n[x].minutes,seconds:a}][e],t,[["hours"],["hours","minutes"],["hours","minutes","seconds"]][e])})}),a.range||n.limit(w(n.footer).find(g),n[x],0,["hours","minutes","seconds"])};a.range?n[x]||(n[x]={hours:0,minutes:0,seconds:0}):n[x]=i,w.each([24,60,60],function(e,t){var a=w.elem("li"),i=["<p>"+r.time[e]+"</p><ol>"];w.each(new Array(t),function(t){i.push("<li"+(n[x][C[e]]===t?' class="'+o+'"':"")+">"+w.digit(t,2)+"</li>")}),a.innerHTML=i.join("")+"</ol>",d.appendChild(a)}),E()}if(y&&h.removeChild(y),h.appendChild(d),"year"===e||"month"===e)w(n.elemMain[t]).addClass("laydate-ym-show"),w(d).find("li").on("click",function(){var r=0|w(this).attr("lay-ym");if(!w(this).hasClass(s)){if(0===t)i[e]=r,l&&(n.startDate[e]=r),n.limit(w(n.footer).find(g),null,0);else if(l)n.endDate[e]=r;else{var c="year"===e?n.getAsYM(r,T[1]-1,"sub"):n.getAsYM(T[0],r,"sub");w.extend(i,{year:c[0],month:c[1]})}"year"===a.type||"month"===a.type?(w(d).find("."+o).removeClass(o),w(this).addClass(o),"month"===a.type&&"year"===e&&(n.listYM[t][0]=r,l&&(n[["startDate","endDate"][t]].year=r),n.list("month",t))):(n.checkDate("limit").calendar(),n.closeList()),n.setBtnStatus(),a.range||n.done(null,"change"),w(n.footer).find(D).removeClass(s)}});else{var S=w.elem("span",{"class":v}),k=function(){w(d).find("ol").each(function(e){var t=this,a=w(t).find("li");t.scrollTop=30*(n[x][C[e]]-2),t.scrollTop<=0&&a.each(function(e,n){if(!w(this).hasClass(s))return t.scrollTop=30*(e-2),!0})})},H=w(c[2]).find("."+v);k(),S.innerHTML=a.range?[r.startTime,r.endTime][t]:r.timeTips,w(n.elemMain[t]).addClass("laydate-time-show"),H[0]&&H.remove(),c[2].appendChild(S),w(d).find("ol").each(function(e){var t=this;w(t).find("li").on("click",function(){var r=0|this.innerHTML;w(this).hasClass(s)||(a.range?n[x][C[e]]=r:i[C[e]]=r,w(t).find("."+o).removeClass(o),w(this).addClass(o),E(),k(),(n.endDate||"time"===a.type)&&n.done(null,"change"),n.setBtnStatus())})})}return n},T.prototype.listYM=[],T.prototype.closeList=function(){var e=this;e.config;w.each(e.elemCont,function(t,n){w(this).find("."+m).remove(),w(e.elemMain[t]).removeClass("laydate-ym-show laydate-time-show")}),w(e.elem).find("."+v).remove()},T.prototype.setBtnStatus=function(e,t,n){var a,i=this,r=i.config,o=w(i.footer).find(g),d=r.range&&"date"!==r.type&&"time"!==r.type;d&&(t=t||i.startDate,n=n||i.endDate,a=i.newDate(t).getTime()>i.newDate(n).getTime(),i.limit(null,t)||i.limit(null,n)?o.addClass(s):o[a?"addClass":"removeClass"](s),e&&a&&i.hint("string"==typeof e?l.replace(/鏃ユ湡/g,e):l))},T.prototype.parse=function(e,t){var n=this,a=n.config,i=t||(e?w.extend({},n.endDate,n.endTime):a.range?w.extend({},n.startDate,n.startTime):a.dateTime),r=n.format.concat();return w.each(r,function(e,t){/yyyy|y/.test(t)?r[e]=w.digit(i.year,t.length):/MM|M/.test(t)?r[e]=w.digit(i.month+1,t.length):/dd|d/.test(t)?r[e]=w.digit(i.date,t.length):/HH|H/.test(t)?r[e]=w.digit(i.hours,t.length):/mm|m/.test(t)?r[e]=w.digit(i.minutes,t.length):/ss|s/.test(t)&&(r[e]=w.digit(i.seconds,t.length))}),a.range&&!e?r.join("")+" "+a.range+" "+n.parse(1):r.join("")},T.prototype.newDate=function(e){return e=e||{},new Date(e.year||1,e.month||0,e.date||1,e.hours||0,e.minutes||0,e.seconds||0)},T.prototype.setValue=function(e){var t=this,n=t.config,a=t.bindElem||n.elem[0],i=t.isInput(a)?"val":"html";return"static"===n.position||w(a)[i](e||""),this},T.prototype.stampRange=function(){var e,t,n=this,a=n.config,i=w(n.elem).find("td");if(a.range&&!n.endDate&&w(n.footer).find(g).addClass(s),n.endDate)return e=n.newDate({year:n.startDate.year,month:n.startDate.month,date:n.startDate.date}).getTime(),t=n.newDate({year:n.endDate.year,month:n.endDate.month,date:n.endDate.date}).getTime(),e>t?n.hint(l):void w.each(i,function(a,i){var r=w(i).attr("lay-ymd").split("-"),s=n.newDate({year:r[0],month:r[1]-1,date:r[2]}).getTime();w(i).removeClass(u+" "+o),s!==e&&s!==t||w(i).addClass(w(i).hasClass(y)||w(i).hasClass(f)?u:o),s>e&&s<t&&w(i).addClass(u)})},T.prototype.done=function(e,t){var n=this,a=n.config,i=w.extend({},n.startDate?w.extend(n.startDate,n.startTime):a.dateTime),r=w.extend({},w.extend(n.endDate,n.endTime));return w.each([i,r],function(e,t){"month"in t&&w.extend(t,{month:t.month+1})}),e=e||[n.parse(),i,r],"function"==typeof a[t||"done"]&&a[t||"done"].apply(a,e),n},T.prototype.choose=function(e){var t=this,n=t.config,a=n.dateTime,i=w(t.elem).find("td"),r=e.attr("lay-ymd").split("-"),l=function(e){new Date;e&&w.extend(a,r),n.range&&(t.startDate?w.extend(t.startDate,r):t.startDate=w.extend({},r,t.startTime),t.startYMD=r)};if(r={year:0|r[0],month:(0|r[1])-1,date:0|r[2]},!e.hasClass(s))if(n.range){if(w.each(["startTime","endTime"],function(e,n){t[n]=t[n]||{hours:0,minutes:0,seconds:0}}),t.endState)l(),delete t.endState,delete t.endDate,t.startState=!0,i.removeClass(o+" "+u),e.addClass(o);else if(t.startState){if(e.addClass(o),t.endDate?w.extend(t.endDate,r):t.endDate=w.extend({},r,t.endTime),t.newDate(r).getTime()<t.newDate(t.startYMD).getTime()){var d=w.extend({},t.endDate,{hours:t.startDate.hours,minutes:t.startDate.minutes,seconds:t.startDate.seconds});w.extend(t.endDate,t.startDate,{hours:t.endDate.hours,minutes:t.endDate.minutes,seconds:t.endDate.seconds}),t.startDate=d}n.showBottom||t.done(),t.stampRange(),t.endState=!0,t.done(null,"change")}else e.addClass(o),l(),t.startState=!0;w(t.footer).find(g)[t.endDate?"removeClass":"addClass"](s)}else"static"===n.position?(l(!0),t.calendar().done().done(null,"change")):"date"===n.type?(l(!0),t.setValue(t.parse()).remove().done()):"datetime"===n.type&&(l(!0),t.calendar().done(null,"change"))},T.prototype.tool=function(e,t){var n=this,a=n.config,i=a.dateTime,r="static"===a.position,o={datetime:function(){w(e).hasClass(s)||(n.list("time",0),a.range&&n.list("time",1),w(e).attr("lay-type","date").html(n.lang().dateTips))},date:function(){n.closeList(),w(e).attr("lay-type","datetime").html(n.lang().timeTips)},clear:function(){n.setValue("").remove(),r&&(w.extend(i,n.firstDate),n.calendar()),a.range&&(delete n.startState,delete n.endState,delete n.endDate,delete n.startTime,delete n.endTime),n.done(["",{},{}])},now:function(){var e=new Date;w.extend(i,n.systemDate(),{hours:e.getHours(),minutes:e.getMinutes(),seconds:e.getSeconds()}),n.setValue(n.parse()).remove(),r&&n.calendar(),n.done()},confirm:function(){if(a.range){if(!n.endDate)return n.hint("璇峰厛閫夋嫨鏃ユ湡鑼冨洿");if(w(e).hasClass(s))return n.hint("time"===a.type?l.replace(/鏃ユ湡/g,"鏃堕棿"):l)}else if(w(e).hasClass(s))return n.hint("涓嶅湪鏈夋晥鏃ユ湡鎴栨椂闂磋寖鍥村唴");n.done(),n.setValue(n.parse()).remove()}};o[t]&&o[t]()},T.prototype.change=function(e){var t=this,n=t.config,a=n.dateTime,i=n.range&&("year"===n.type||"month"===n.type),r=t.elemCont[e||0],o=t.listYM[e],s=function(s){var l=["startDate","endDate"][e],d=w(r).find(".laydate-year-list")[0],c=w(r).find(".laydate-month-list")[0];return d&&(o[0]=s?o[0]-15:o[0]+15,t.list("year",e)),c&&(s?o[0]--:o[0]++,t.list("month",e)),(d||c)&&(w.extend(a,{year:o[0]}),i&&(t[l].year=o[0]),n.range||t.done(null,"change"),t.setBtnStatus(),n.range||t.limit(w(t.footer).find(g),{year:o[0]})),d||c};return{prevYear:function(){s("sub")||(a.year--,t.checkDate("limit").calendar(),n.range||t.done(null,"change"))},prevMonth:function(){var e=t.getAsYM(a.year,a.month,"sub");w.extend(a,{year:e[0],month:e[1]}),t.checkDate("limit").calendar(),n.range||t.done(null,"change")},nextMonth:function(){var e=t.getAsYM(a.year,a.month);w.extend(a,{year:e[0],month:e[1]}),t.checkDate("limit").calendar(),n.range||t.done(null,"change")},nextYear:function(){s()||(a.year++,t.checkDate("limit").calendar(),n.range||t.done(null,"change"))}}},T.prototype.changeEvent=function(){var e=this;e.config;w(e.elem).on("click",function(e){w.stope(e)}),w.each(e.elemHeader,function(t,n){w(n[0]).on("click",function(n){e.change(t).prevYear()}),w(n[1]).on("click",function(n){e.change(t).prevMonth()}),w(n[2]).find("span").on("click",function(n){var a=w(this),i=a.attr("lay-ym"),r=a.attr("lay-type");i&&(i=i.split("-"),e.listYM[t]=[0|i[0],0|i[1]],e.list(r,t),w(e.footer).find(D).addClass(s))}),w(n[3]).on("click",function(n){e.change(t).nextMonth()}),w(n[4]).on("click",function(n){e.change(t).nextYear()})}),w.each(e.table,function(t,n){var a=w(n).find("td");a.on("click",function(){e.choose(w(this))})}),w(e.footer).find("span").on("click",function(){var t=w(this).attr("lay-type");e.tool(this,t)})},T.prototype.isInput=function(e){return/input|textarea/.test(e.tagName.toLocaleLowerCase())},T.prototype.events=function(){var e=this,t=e.config,n=function(n,a){n.on(t.trigger,function(){a&&(e.bindElem=this),e.render()})};t.elem[0]&&!t.elem[0].eventHandler&&(n(t.elem,"bind"),n(t.eventElem),w(document).on("click",function(n){n.target!==t.elem[0]&&n.target!==t.eventElem[0]&&n.target!==w(t.closeStop)[0]&&e.remove()}).on("keydown",function(t){13===t.keyCode&&w("#"+e.elemID)[0]&&e.elemID===T.thisElem&&(t.preventDefault(),w(e.footer).find(g)[0].click())}),w(window).on("resize",function(){return!(!e.elem||!w(r)[0])&&void e.position()}),t.elem[0].eventHandler=!0)},n.render=function(e){var t=new T(e);return a.call(t)},n.getEndDate=function(e,t){var n=new Date;return n.setFullYear(t||n.getFullYear(),e||n.getMonth()+1,1),new Date(n.getTime()-864e5).getDate()},window.lay=window.lay||w,e?(n.ready(),layui.define(function(e){n.path=layui.cache.dir,e(i,n)})):"function"==typeof define&&define.amd?define(function(){return n}):function(){n.ready(),window.laydate=n}()}();!function(e,t){"object"==typeof module&&"object"==typeof module.exports?module.exports=e.document?t(e,!0):function(e){if(!e.document)throw new Error("jQuery requires a window with a document");return t(e)}:t(e)}("undefined"!=typeof window?window:this,function(e,t){function n(e){var t=!!e&&"length"in e&&e.length,n=pe.type(e);return"function"!==n&&!pe.isWindow(e)&&("array"===n||0===t||"number"==typeof t&&t>0&&t-1 in e)}function r(e,t,n){if(pe.isFunction(t))return pe.grep(e,function(e,r){return!!t.call(e,r,e)!==n});if(t.nodeType)return pe.grep(e,function(e){return e===t!==n});if("string"==typeof t){if(Ce.test(t))return pe.filter(t,e,n);t=pe.filter(t,e)}return pe.grep(e,function(e){return pe.inArray(e,t)>-1!==n})}function i(e,t){do e=e[t];while(e&&1!==e.nodeType);return e}function o(e){var t={};return pe.each(e.match(De)||[],function(e,n){t[n]=!0}),t}function a(){re.addEventListener?(re.removeEventListener("DOMContentLoaded",s),e.removeEventListener("load",s)):(re.detachEvent("onreadystatechange",s),e.detachEvent("onload",s))}function s(){(re.addEventListener||"load"===e.event.type||"complete"===re.readyState)&&(a(),pe.ready())}function u(e,t,n){if(void 0===n&&1===e.nodeType){var r="data-"+t.replace(_e,"-$1").toLowerCase();if(n=e.getAttribute(r),"string"==typeof n){try{n="true"===n||"false"!==n&&("null"===n?null:+n+""===n?+n:qe.test(n)?pe.parseJSON(n):n)}catch(i){}pe.data(e,t,n)}else n=void 0}return n}function l(e){var t;for(t in e)if(("data"!==t||!pe.isEmptyObject(e[t]))&&"toJSON"!==t)return!1;return!0}function c(e,t,n,r){if(He(e)){var i,o,a=pe.expando,s=e.nodeType,u=s?pe.cache:e,l=s?e[a]:e[a]&&a;if(l&&u[l]&&(r||u[l].data)||void 0!==n||"string"!=typeof t)return l||(l=s?e[a]=ne.pop()||pe.guid++:a),u[l]||(u[l]=s?{}:{toJSON:pe.noop}),"object"!=typeof t&&"function"!=typeof t||(r?u[l]=pe.extend(u[l],t):u[l].data=pe.extend(u[l].data,t)),o=u[l],r||(o.data||(o.data={}),o=o.data),void 0!==n&&(o[pe.camelCase(t)]=n),"string"==typeof t?(i=o[t],null==i&&(i=o[pe.camelCase(t)])):i=o,i}}function f(e,t,n){if(He(e)){var r,i,o=e.nodeType,a=o?pe.cache:e,s=o?e[pe.expando]:pe.expando;if(a[s]){if(t&&(r=n?a[s]:a[s].data)){pe.isArray(t)?t=t.concat(pe.map(t,pe.camelCase)):t in r?t=[t]:(t=pe.camelCase(t),t=t in r?[t]:t.split(" ")),i=t.length;for(;i--;)delete r[t[i]];if(n?!l(r):!pe.isEmptyObject(r))return}(n||(delete a[s].data,l(a[s])))&&(o?pe.cleanData([e],!0):fe.deleteExpando||a!=a.window?delete a[s]:a[s]=void 0)}}}function d(e,t,n,r){var i,o=1,a=20,s=r?function(){return r.cur()}:function(){return pe.css(e,t,"")},u=s(),l=n&&n[3]||(pe.cssNumber[t]?"":"px"),c=(pe.cssNumber[t]||"px"!==l&&+u)&&Me.exec(pe.css(e,t));if(c&&c[3]!==l){l=l||c[3],n=n||[],c=+u||1;do o=o||".5",c/=o,pe.style(e,t,c+l);while(o!==(o=s()/u)&&1!==o&&--a)}return n&&(c=+c||+u||0,i=n[1]?c+(n[1]+1)*n[2]:+n[2],r&&(r.unit=l,r.start=c,r.end=i)),i}function p(e){var t=ze.split("|"),n=e.createDocumentFragment();if(n.createElement)for(;t.length;)n.createElement(t.pop());return n}function h(e,t){var n,r,i=0,o="undefined"!=typeof e.getElementsByTagName?e.getElementsByTagName(t||"*"):"undefined"!=typeof e.querySelectorAll?e.querySelectorAll(t||"*"):void 0;if(!o)for(o=[],n=e.childNodes||e;null!=(r=n[i]);i++)!t||pe.nodeName(r,t)?o.push(r):pe.merge(o,h(r,t));return void 0===t||t&&pe.nodeName(e,t)?pe.merge([e],o):o}function g(e,t){for(var n,r=0;null!=(n=e[r]);r++)pe._data(n,"globalEval",!t||pe._data(t[r],"globalEval"))}function m(e){Be.test(e.type)&&(e.defaultChecked=e.checked)}function y(e,t,n,r,i){for(var o,a,s,u,l,c,f,d=e.length,y=p(t),v=[],x=0;x<d;x++)if(a=e[x],a||0===a)if("object"===pe.type(a))pe.merge(v,a.nodeType?[a]:a);else if(Ue.test(a)){for(u=u||y.appendChild(t.createElement("div")),l=(We.exec(a)||["",""])[1].toLowerCase(),f=Xe[l]||Xe._default,u.innerHTML=f[1]+pe.htmlPrefilter(a)+f[2],o=f[0];o--;)u=u.lastChild;if(!fe.leadingWhitespace&&$e.test(a)&&v.push(t.createTextNode($e.exec(a)[0])),!fe.tbody)for(a="table"!==l||Ve.test(a)?"<table>"!==f[1]||Ve.test(a)?0:u:u.firstChild,o=a&&a.childNodes.length;o--;)pe.nodeName(c=a.childNodes[o],"tbody")&&!c.childNodes.length&&a.removeChild(c);for(pe.merge(v,u.childNodes),u.textContent="";u.firstChild;)u.removeChild(u.firstChild);u=y.lastChild}else v.push(t.createTextNode(a));for(u&&y.removeChild(u),fe.appendChecked||pe.grep(h(v,"input"),m),x=0;a=v[x++];)if(r&&pe.inArray(a,r)>-1)i&&i.push(a);else if(s=pe.contains(a.ownerDocument,a),u=h(y.appendChild(a),"script"),s&&g(u),n)for(o=0;a=u[o++];)Ie.test(a.type||"")&&n.push(a);return u=null,y}function v(){return!0}function x(){return!1}function b(){try{return re.activeElement}catch(e){}}function w(e,t,n,r,i,o){var a,s;if("object"==typeof t){"string"!=typeof n&&(r=r||n,n=void 0);for(s in t)w(e,s,n,r,t[s],o);return e}if(null==r&&null==i?(i=n,r=n=void 0):null==i&&("string"==typeof n?(i=r,r=void 0):(i=r,r=n,n=void 0)),i===!1)i=x;else if(!i)return e;return 1===o&&(a=i,i=function(e){return pe().off(e),a.apply(this,arguments)},i.guid=a.guid||(a.guid=pe.guid++)),e.each(function(){pe.event.add(this,t,i,r,n)})}function T(e,t){return pe.nodeName(e,"table")&&pe.nodeName(11!==t.nodeType?t:t.firstChild,"tr")?e.getElementsByTagName("tbody")[0]||e.appendChild(e.ownerDocument.createElement("tbody")):e}function C(e){return e.type=(null!==pe.find.attr(e,"type"))+"/"+e.type,e}function E(e){var t=it.exec(e.type);return t?e.type=t[1]:e.removeAttribute("type"),e}function N(e,t){if(1===t.nodeType&&pe.hasData(e)){var n,r,i,o=pe._data(e),a=pe._data(t,o),s=o.events;if(s){delete a.handle,a.events={};for(n in s)for(r=0,i=s[n].length;r<i;r++)pe.event.add(t,n,s[n][r])}a.data&&(a.data=pe.extend({},a.data))}}function k(e,t){var n,r,i;if(1===t.nodeType){if(n=t.nodeName.toLowerCase(),!fe.noCloneEvent&&t[pe.expando]){i=pe._data(t);for(r in i.events)pe.removeEvent(t,r,i.handle);t.removeAttribute(pe.expando)}"script"===n&&t.text!==e.text?(C(t).text=e.text,E(t)):"object"===n?(t.parentNode&&(t.outerHTML=e.outerHTML),fe.html5Clone&&e.innerHTML&&!pe.trim(t.innerHTML)&&(t.innerHTML=e.innerHTML)):"input"===n&&Be.test(e.type)?(t.defaultChecked=t.checked=e.checked,t.value!==e.value&&(t.value=e.value)):"option"===n?t.defaultSelected=t.selected=e.defaultSelected:"input"!==n&&"textarea"!==n||(t.defaultValue=e.defaultValue)}}function S(e,t,n,r){t=oe.apply([],t);var i,o,a,s,u,l,c=0,f=e.length,d=f-1,p=t[0],g=pe.isFunction(p);if(g||f>1&&"string"==typeof p&&!fe.checkClone&&rt.test(p))return e.each(function(i){var o=e.eq(i);g&&(t[0]=p.call(this,i,o.html())),S(o,t,n,r)});if(f&&(l=y(t,e[0].ownerDocument,!1,e,r),i=l.firstChild,1===l.childNodes.length&&(l=i),i||r)){for(s=pe.map(h(l,"script"),C),a=s.length;c<f;c++)o=l,c!==d&&(o=pe.clone(o,!0,!0),a&&pe.merge(s,h(o,"script"))),n.call(e[c],o,c);if(a)for(u=s[s.length-1].ownerDocument,pe.map(s,E),c=0;c<a;c++)o=s[c],Ie.test(o.type||"")&&!pe._data(o,"globalEval")&&pe.contains(u,o)&&(o.src?pe._evalUrl&&pe._evalUrl(o.src):pe.globalEval((o.text||o.textContent||o.innerHTML||"").replace(ot,"")));l=i=null}return e}function A(e,t,n){for(var r,i=t?pe.filter(t,e):e,o=0;null!=(r=i[o]);o++)n||1!==r.nodeType||pe.cleanData(h(r)),r.parentNode&&(n&&pe.contains(r.ownerDocument,r)&&g(h(r,"script")),r.parentNode.removeChild(r));return e}function D(e,t){var n=pe(t.createElement(e)).appendTo(t.body),r=pe.css(n[0],"display");return n.detach(),r}function j(e){var t=re,n=lt[e];return n||(n=D(e,t),"none"!==n&&n||(ut=(ut||pe("<iframe frameborder='0' width='0' height='0'/>")).appendTo(t.documentElement),t=(ut[0].contentWindow||ut[0].contentDocument).document,t.write(),t.close(),n=D(e,t),ut.detach()),lt[e]=n),n}function L(e,t){return{get:function(){return e()?void delete this.get:(this.get=t).apply(this,arguments)}}}function H(e){if(e in Et)return e;for(var t=e.charAt(0).toUpperCase()+e.slice(1),n=Ct.length;n--;)if(e=Ct[n]+t,e in Et)return e}function q(e,t){for(var n,r,i,o=[],a=0,s=e.length;a<s;a++)r=e[a],r.style&&(o[a]=pe._data(r,"olddisplay"),n=r.style.display,t?(o[a]||"none"!==n||(r.style.display=""),""===r.style.display&&Re(r)&&(o[a]=pe._data(r,"olddisplay",j(r.nodeName)))):(i=Re(r),(n&&"none"!==n||!i)&&pe._data(r,"olddisplay",i?n:pe.css(r,"display"))));for(a=0;a<s;a++)r=e[a],r.style&&(t&&"none"!==r.style.display&&""!==r.style.display||(r.style.display=t?o[a]||"":"none"));return e}function _(e,t,n){var r=bt.exec(t);return r?Math.max(0,r[1]-(n||0))+(r[2]||"px"):t}function F(e,t,n,r,i){for(var o=n===(r?"border":"content")?4:"width"===t?1:0,a=0;o<4;o+=2)"margin"===n&&(a+=pe.css(e,n+Oe[o],!0,i)),r?("content"===n&&(a-=pe.css(e,"padding"+Oe[o],!0,i)),"margin"!==n&&(a-=pe.css(e,"border"+Oe[o]+"Width",!0,i))):(a+=pe.css(e,"padding"+Oe[o],!0,i),"padding"!==n&&(a+=pe.css(e,"border"+Oe[o]+"Width",!0,i)));return a}function M(t,n,r){var i=!0,o="width"===n?t.offsetWidth:t.offsetHeight,a=ht(t),s=fe.boxSizing&&"border-box"===pe.css(t,"boxSizing",!1,a);if(re.msFullscreenElement&&e.top!==e&&t.getClientRects().length&&(o=Math.round(100*t.getBoundingClientRect()[n])),o<=0||null==o){if(o=gt(t,n,a),(o<0||null==o)&&(o=t.style[n]),ft.test(o))return o;i=s&&(fe.boxSizingReliable()||o===t.style[n]),o=parseFloat(o)||0}return o+F(t,n,r||(s?"border":"content"),i,a)+"px"}function O(e,t,n,r,i){return new O.prototype.init(e,t,n,r,i)}function R(){return e.setTimeout(function(){Nt=void 0}),Nt=pe.now()}function P(e,t){var n,r={height:e},i=0;for(t=t?1:0;i<4;i+=2-t)n=Oe[i],r["margin"+n]=r["padding"+n]=e;return t&&(r.opacity=r.width=e),r}function B(e,t,n){for(var r,i=($.tweeners[t]||[]).concat($.tweeners["*"]),o=0,a=i.length;o<a;o++)if(r=i[o].call(n,t,e))return r}function W(e,t,n){var r,i,o,a,s,u,l,c,f=this,d={},p=e.style,h=e.nodeType&&Re(e),g=pe._data(e,"fxshow");n.queue||(s=pe._queueHooks(e,"fx"),null==s.unqueued&&(s.unqueued=0,u=s.empty.fire,s.empty.fire=function(){s.unqueued||u()}),s.unqueued++,f.always(function(){f.always(function(){s.unqueued--,pe.queue(e,"fx").length||s.empty.fire()})})),1===e.nodeType&&("height"in t||"width"in t)&&(n.overflow=[p.overflow,p.overflowX,p.overflowY],l=pe.css(e,"display"),c="none"===l?pe._data(e,"olddisplay")||j(e.nodeName):l,"inline"===c&&"none"===pe.css(e,"float")&&(fe.inlineBlockNeedsLayout&&"inline"!==j(e.nodeName)?p.zoom=1:p.display="inline-block")),n.overflow&&(p.overflow="hidden",fe.shrinkWrapBlocks()||f.always(function(){p.overflow=n.overflow[0],p.overflowX=n.overflow[1],p.overflowY=n.overflow[2]}));for(r in t)if(i=t[r],St.exec(i)){if(delete t[r],o=o||"toggle"===i,i===(h?"hide":"show")){if("show"!==i||!g||void 0===g[r])continue;h=!0}d[r]=g&&g[r]||pe.style(e,r)}else l=void 0;if(pe.isEmptyObject(d))"inline"===("none"===l?j(e.nodeName):l)&&(p.display=l);else{g?"hidden"in g&&(h=g.hidden):g=pe._data(e,"fxshow",{}),o&&(g.hidden=!h),h?pe(e).show():f.done(function(){pe(e).hide()}),f.done(function(){var t;pe._removeData(e,"fxshow");for(t in d)pe.style(e,t,d[t])});for(r in d)a=B(h?g[r]:0,r,f),r in g||(g[r]=a.start,h&&(a.end=a.start,a.start="width"===r||"height"===r?1:0))}}function I(e,t){var n,r,i,o,a;for(n in e)if(r=pe.camelCase(n),i=t[r],o=e[n],pe.isArray(o)&&(i=o[1],o=e[n]=o[0]),n!==r&&(e[r]=o,delete e[n]),a=pe.cssHooks[r],a&&"expand"in a){o=a.expand(o),delete e[r];for(n in o)n in e||(e[n]=o[n],t[n]=i)}else t[r]=i}function $(e,t,n){var r,i,o=0,a=$.prefilters.length,s=pe.Deferred().always(function(){delete u.elem}),u=function(){if(i)return!1;for(var t=Nt||R(),n=Math.max(0,l.startTime+l.duration-t),r=n/l.duration||0,o=1-r,a=0,u=l.tweens.length;a<u;a++)l.tweens[a].run(o);return s.notifyWith(e,[l,o,n]),o<1&&u?n:(s.resolveWith(e,[l]),!1)},l=s.promise({elem:e,props:pe.extend({},t),opts:pe.extend(!0,{specialEasing:{},easing:pe.easing._default},n),originalProperties:t,originalOptions:n,startTime:Nt||R(),duration:n.duration,tweens:[],createTween:function(t,n){var r=pe.Tween(e,l.opts,t,n,l.opts.specialEasing[t]||l.opts.easing);return l.tweens.push(r),r},stop:function(t){var n=0,r=t?l.tweens.length:0;if(i)return this;for(i=!0;n<r;n++)l.tweens[n].run(1);return t?(s.notifyWith(e,[l,1,0]),s.resolveWith(e,[l,t])):s.rejectWith(e,[l,t]),this}}),c=l.props;for(I(c,l.opts.specialEasing);o<a;o++)if(r=$.prefilters[o].call(l,e,c,l.opts))return pe.isFunction(r.stop)&&(pe._queueHooks(l.elem,l.opts.queue).stop=pe.proxy(r.stop,r)),r;return pe.map(c,B,l),pe.isFunction(l.opts.start)&&l.opts.start.call(e,l),pe.fx.timer(pe.extend(u,{elem:e,anim:l,queue:l.opts.queue})),l.progress(l.opts.progress).done(l.opts.done,l.opts.complete).fail(l.opts.fail).always(l.opts.always)}function z(e){return pe.attr(e,"class")||""}function X(e){return function(t,n){"string"!=typeof t&&(n=t,t="*");var r,i=0,o=t.toLowerCase().match(De)||[];if(pe.isFunction(n))for(;r=o[i++];)"+"===r.charAt(0)?(r=r.slice(1)||"*",(e[r]=e[r]||[]).unshift(n)):(e[r]=e[r]||[]).push(n)}}function U(e,t,n,r){function i(s){var u;return o[s]=!0,pe.each(e[s]||[],function(e,s){var l=s(t,n,r);return"string"!=typeof l||a||o[l]?a?!(u=l):void 0:(t.dataTypes.unshift(l),i(l),!1)}),u}var o={},a=e===Qt;return i(t.dataTypes[0])||!o["*"]&&i("*")}function V(e,t){var n,r,i=pe.ajaxSettings.flatOptions||{};for(r in t)void 0!==t[r]&&((i[r]?e:n||(n={}))[r]=t[r]);return n&&pe.extend(!0,e,n),e}function Y(e,t,n){for(var r,i,o,a,s=e.contents,u=e.dataTypes;"*"===u[0];)u.shift(),void 0===i&&(i=e.mimeType||t.getResponseHeader("Content-Type"));if(i)for(a in s)if(s[a]&&s[a].test(i)){u.unshift(a);break}if(u[0]in n)o=u[0];else{for(a in n){if(!u[0]||e.converters[a+" "+u[0]]){o=a;break}r||(r=a)}o=o||r}if(o)return o!==u[0]&&u.unshift(o),n[o]}function J(e,t,n,r){var i,o,a,s,u,l={},c=e.dataTypes.slice();if(c[1])for(a in e.converters)l[a.toLowerCase()]=e.converters[a];for(o=c.shift();o;)if(e.responseFields[o]&&(n[e.responseFields[o]]=t),!u&&r&&e.dataFilter&&(t=e.dataFilter(t,e.dataType)),u=o,o=c.shift())if("*"===o)o=u;else if("*"!==u&&u!==o){if(a=l[u+" "+o]||l["* "+o],!a)for(i in l)if(s=i.split(" "),s[1]===o&&(a=l[u+" "+s[0]]||l["* "+s[0]])){a===!0?a=l[i]:l[i]!==!0&&(o=s[0],c.unshift(s[1]));break}if(a!==!0)if(a&&e["throws"])t=a(t);else try{t=a(t)}catch(f){return{state:"parsererror",error:a?f:"No conversion from "+u+" to "+o}}}return{state:"success",data:t}}function G(e){return e.style&&e.style.display||pe.css(e,"display")}function K(e){for(;e&&1===e.nodeType;){if("none"===G(e)||"hidden"===e.type)return!0;e=e.parentNode}return!1}function Q(e,t,n,r){var i;if(pe.isArray(t))pe.each(t,function(t,i){n||rn.test(e)?r(e,i):Q(e+"["+("object"==typeof i&&null!=i?t:"")+"]",i,n,r)});else if(n||"object"!==pe.type(t))r(e,t);else for(i in t)Q(e+"["+i+"]",t[i],n,r)}function Z(){try{return new e.XMLHttpRequest}catch(t){}}function ee(){try{return new e.ActiveXObject("Microsoft.XMLHTTP")}catch(t){}}function te(e){return pe.isWindow(e)?e:9===e.nodeType&&(e.defaultView||e.parentWindow)}var ne=[],re=e.document,ie=ne.slice,oe=ne.concat,ae=ne.push,se=ne.indexOf,ue={},le=ue.toString,ce=ue.hasOwnProperty,fe={},de="1.12.3",pe=function(e,t){return new pe.fn.init(e,t)},he=/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g,ge=/^-ms-/,me=/-([\da-z])/gi,ye=function(e,t){return t.toUpperCase()};pe.fn=pe.prototype={jquery:de,constructor:pe,selector:"",length:0,toArray:function(){return ie.call(this)},get:function(e){return null!=e?e<0?this[e+this.length]:this[e]:ie.call(this)},pushStack:function(e){var t=pe.merge(this.constructor(),e);return t.prevObject=this,t.context=this.context,t},each:function(e){return pe.each(this,e)},map:function(e){return this.pushStack(pe.map(this,function(t,n){return e.call(t,n,t)}))},slice:function(){return this.pushStack(ie.apply(this,arguments))},first:function(){return this.eq(0)},last:function(){return this.eq(-1)},eq:function(e){var t=this.length,n=+e+(e<0?t:0);return this.pushStack(n>=0&&n<t?[this[n]]:[])},end:function(){return this.prevObject||this.constructor()},push:ae,sort:ne.sort,splice:ne.splice},pe.extend=pe.fn.extend=function(){var e,t,n,r,i,o,a=arguments[0]||{},s=1,u=arguments.length,l=!1;for("boolean"==typeof a&&(l=a,a=arguments[s]||{},s++),"object"==typeof a||pe.isFunction(a)||(a={}),s===u&&(a=this,s--);s<u;s++)if(null!=(i=arguments[s]))for(r in i)e=a[r],n=i[r],a!==n&&(l&&n&&(pe.isPlainObject(n)||(t=pe.isArray(n)))?(t?(t=!1,o=e&&pe.isArray(e)?e:[]):o=e&&pe.isPlainObject(e)?e:{},a[r]=pe.extend(l,o,n)):void 0!==n&&(a[r]=n));return a},pe.extend({expando:"jQuery"+(de+Math.random()).replace(/\D/g,""),isReady:!0,error:function(e){throw new Error(e)},noop:function(){},isFunction:function(e){return"function"===pe.type(e)},isArray:Array.isArray||function(e){return"array"===pe.type(e)},isWindow:function(e){return null!=e&&e==e.window},isNumeric:function(e){var t=e&&e.toString();return!pe.isArray(e)&&t-parseFloat(t)+1>=0},isEmptyObject:function(e){var t;for(t in e)return!1;return!0},isPlainObject:function(e){var t;if(!e||"object"!==pe.type(e)||e.nodeType||pe.isWindow(e))return!1;try{if(e.constructor&&!ce.call(e,"constructor")&&!ce.call(e.constructor.prototype,"isPrototypeOf"))return!1}catch(n){return!1}if(!fe.ownFirst)for(t in e)return ce.call(e,t);for(t in e);return void 0===t||ce.call(e,t)},type:function(e){return null==e?e+"":"object"==typeof e||"function"==typeof e?ue[le.call(e)]||"object":typeof e},globalEval:function(t){t&&pe.trim(t)&&(e.execScript||function(t){e.eval.call(e,t)})(t)},camelCase:function(e){return e.replace(ge,"ms-").replace(me,ye)},nodeName:function(e,t){return e.nodeName&&e.nodeName.toLowerCase()===t.toLowerCase()},each:function(e,t){var r,i=0;if(n(e))for(r=e.length;i<r&&t.call(e[i],i,e[i])!==!1;i++);else for(i in e)if(t.call(e[i],i,e[i])===!1)break;return e},trim:function(e){return null==e?"":(e+"").replace(he,"")},makeArray:function(e,t){var r=t||[];return null!=e&&(n(Object(e))?pe.merge(r,"string"==typeof e?[e]:e):ae.call(r,e)),r},inArray:function(e,t,n){var r;if(t){if(se)return se.call(t,e,n);for(r=t.length,n=n?n<0?Math.max(0,r+n):n:0;n<r;n++)if(n in t&&t[n]===e)return n}return-1},merge:function(e,t){for(var n=+t.length,r=0,i=e.length;r<n;)e[i++]=t[r++];if(n!==n)for(;void 0!==t[r];)e[i++]=t[r++];return e.length=i,e},grep:function(e,t,n){for(var r,i=[],o=0,a=e.length,s=!n;o<a;o++)r=!t(e[o],o),r!==s&&i.push(e[o]);return i},map:function(e,t,r){var i,o,a=0,s=[];if(n(e))for(i=e.length;a<i;a++)o=t(e[a],a,r),null!=o&&s.push(o);else for(a in e)o=t(e[a],a,r),null!=o&&s.push(o);return oe.apply([],s)},guid:1,proxy:function(e,t){var n,r,i;if("string"==typeof t&&(i=e[t],t=e,e=i),pe.isFunction(e))return n=ie.call(arguments,2),r=function(){return e.apply(t||this,n.concat(ie.call(arguments)))},r.guid=e.guid=e.guid||pe.guid++,r},now:function(){return+new Date},support:fe}),"function"==typeof Symbol&&(pe.fn[Symbol.iterator]=ne[Symbol.iterator]),pe.each("Boolean Number String Function Array Date RegExp Object Error Symbol".split(" "),function(e,t){ue["[object "+t+"]"]=t.toLowerCase()});var ve=function(e){function t(e,t,n,r){var i,o,a,s,u,l,f,p,h=t&&t.ownerDocument,g=t?t.nodeType:9;if(n=n||[],"string"!=typeof e||!e||1!==g&&9!==g&&11!==g)return n;if(!r&&((t?t.ownerDocument||t:B)!==H&&L(t),t=t||H,_)){if(11!==g&&(l=ye.exec(e)))if(i=l[1]){if(9===g){if(!(a=t.getElementById(i)))return n;if(a.id===i)return n.push(a),n}else if(h&&(a=h.getElementById(i))&&R(t,a)&&a.id===i)return n.push(a),n}else{if(l[2])return Q.apply(n,t.getElementsByTagName(e)),n;if((i=l[3])&&w.getElementsByClassName&&t.getElementsByClassName)return Q.apply(n,t.getElementsByClassName(i)),n}if(w.qsa&&!X[e+" "]&&(!F||!F.test(e))){if(1!==g)h=t,p=e;else if("object"!==t.nodeName.toLowerCase()){for((s=t.getAttribute("id"))?s=s.replace(xe,"\\$&"):t.setAttribute("id",s=P),f=N(e),o=f.length,u=de.test(s)?"#"+s:"[id='"+s+"']";o--;)f[o]=u+" "+d(f[o]);p=f.join(","),h=ve.test(e)&&c(t.parentNode)||t}if(p)try{return Q.apply(n,h.querySelectorAll(p)),n}catch(m){}finally{s===P&&t.removeAttribute("id")}}}return S(e.replace(se,"$1"),t,n,r)}function n(){function e(n,r){return t.push(n+" ")>T.cacheLength&&delete e[t.shift()],e[n+" "]=r}var t=[];return e}function r(e){return e[P]=!0,e}function i(e){var t=H.createElement("div");try{return!!e(t)}catch(n){return!1}finally{t.parentNode&&t.parentNode.removeChild(t),t=null}}function o(e,t){for(var n=e.split("|"),r=n.length;r--;)T.attrHandle[n[r]]=t}function a(e,t){var n=t&&e,r=n&&1===e.nodeType&&1===t.nodeType&&(~t.sourceIndex||V)-(~e.sourceIndex||V);if(r)return r;if(n)for(;n=n.nextSibling;)if(n===t)return-1;return e?1:-1}function s(e){return function(t){var n=t.nodeName.toLowerCase();return"input"===n&&t.type===e}}function u(e){return function(t){var n=t.nodeName.toLowerCase();return("input"===n||"button"===n)&&t.type===e}}function l(e){return r(function(t){return t=+t,r(function(n,r){for(var i,o=e([],n.length,t),a=o.length;a--;)n[i=o[a]]&&(n[i]=!(r[i]=n[i]))})})}function c(e){return e&&"undefined"!=typeof e.getElementsByTagName&&e}function f(){}function d(e){for(var t=0,n=e.length,r="";t<n;t++)r+=e[t].value;return r}function p(e,t,n){var r=t.dir,i=n&&"parentNode"===r,o=I++;return t.first?function(t,n,o){for(;t=t[r];)if(1===t.nodeType||i)return e(t,n,o)}:function(t,n,a){var s,u,l,c=[W,o];if(a){for(;t=t[r];)if((1===t.nodeType||i)&&e(t,n,a))return!0}else for(;t=t[r];)if(1===t.nodeType||i){if(l=t[P]||(t[P]={}),u=l[t.uniqueID]||(l[t.uniqueID]={}),(s=u[r])&&s[0]===W&&s[1]===o)return c[2]=s[2];if(u[r]=c,c[2]=e(t,n,a))return!0}}}function h(e){return e.length>1?function(t,n,r){for(var i=e.length;i--;)if(!e[i](t,n,r))return!1;return!0}:e[0]}function g(e,n,r){for(var i=0,o=n.length;i<o;i++)t(e,n[i],r);return r}function m(e,t,n,r,i){for(var o,a=[],s=0,u=e.length,l=null!=t;s<u;s++)(o=e[s])&&(n&&!n(o,r,i)||(a.push(o),l&&t.push(s)));return a}function y(e,t,n,i,o,a){return i&&!i[P]&&(i=y(i)),o&&!o[P]&&(o=y(o,a)),r(function(r,a,s,u){var l,c,f,d=[],p=[],h=a.length,y=r||g(t||"*",s.nodeType?[s]:s,[]),v=!e||!r&&t?y:m(y,d,e,s,u),x=n?o||(r?e:h||i)?[]:a:v;if(n&&n(v,x,s,u),i)for(l=m(x,p),i(l,[],s,u),c=l.length;c--;)(f=l[c])&&(x[p[c]]=!(v[p[c]]=f));if(r){if(o||e){if(o){for(l=[],c=x.length;c--;)(f=x[c])&&l.push(v[c]=f);o(null,x=[],l,u)}for(c=x.length;c--;)(f=x[c])&&(l=o?ee(r,f):d[c])>-1&&(r[l]=!(a[l]=f))}}else x=m(x===a?x.splice(h,x.length):x),o?o(null,a,x,u):Q.apply(a,x)})}function v(e){for(var t,n,r,i=e.length,o=T.relative[e[0].type],a=o||T.relative[" "],s=o?1:0,u=p(function(e){return e===t},a,!0),l=p(function(e){return ee(t,e)>-1},a,!0),c=[function(e,n,r){var i=!o&&(r||n!==A)||((t=n).nodeType?u(e,n,r):l(e,n,r));return t=null,i}];s<i;s++)if(n=T.relative[e[s].type])c=[p(h(c),n)];else{if(n=T.filter[e[s].type].apply(null,e[s].matches),n[P]){for(r=++s;r<i&&!T.relative[e[r].type];r++);return y(s>1&&h(c),s>1&&d(e.slice(0,s-1).concat({value:" "===e[s-2].type?"*":""})).replace(se,"$1"),n,s<r&&v(e.slice(s,r)),r<i&&v(e=e.slice(r)),r<i&&d(e))}c.push(n)}return h(c)}function x(e,n){var i=n.length>0,o=e.length>0,a=function(r,a,s,u,l){var c,f,d,p=0,h="0",g=r&&[],y=[],v=A,x=r||o&&T.find.TAG("*",l),b=W+=null==v?1:Math.random()||.1,w=x.length;for(l&&(A=a===H||a||l);h!==w&&null!=(c=x[h]);h++){if(o&&c){for(f=0,a||c.ownerDocument===H||(L(c),s=!_);d=e[f++];)if(d(c,a||H,s)){u.push(c);break}l&&(W=b)}i&&((c=!d&&c)&&p--,r&&g.push(c))}if(p+=h,i&&h!==p){for(f=0;d=n[f++];)d(g,y,a,s);if(r){if(p>0)for(;h--;)g[h]||y[h]||(y[h]=G.call(u));y=m(y)}Q.apply(u,y),l&&!r&&y.length>0&&p+n.length>1&&t.uniqueSort(u)}return l&&(W=b,A=v),g};return i?r(a):a}var b,w,T,C,E,N,k,S,A,D,j,L,H,q,_,F,M,O,R,P="sizzle"+1*new Date,B=e.document,W=0,I=0,$=n(),z=n(),X=n(),U=function(e,t){return e===t&&(j=!0),0},V=1<<31,Y={}.hasOwnProperty,J=[],G=J.pop,K=J.push,Q=J.push,Z=J.slice,ee=function(e,t){for(var n=0,r=e.length;n<r;n++)if(e[n]===t)return n;return-1},te="checked|selected|async|autofocus|autoplay|controls|defer|disabled|hidden|ismap|loop|multiple|open|readonly|required|scoped",ne="[\\x20\\t\\r\\n\\f]",re="(?:\\\\.|[\\w-]|[^\\x00-\\xa0])+",ie="\\["+ne+"*("+re+")(?:"+ne+"*([*^$|!~]?=)"+ne+"*(?:'((?:\\\\.|[^\\\\'])*)'|\"((?:\\\\.|[^\\\\\"])*)\"|("+re+"))|)"+ne+"*\\]",oe=":("+re+")(?:\\((('((?:\\\\.|[^\\\\'])*)'|\"((?:\\\\.|[^\\\\\"])*)\")|((?:\\\\.|[^\\\\()[\\]]|"+ie+")*)|.*)\\)|)",ae=new RegExp(ne+"+","g"),se=new RegExp("^"+ne+"+|((?:^|[^\\\\])(?:\\\\.)*)"+ne+"+$","g"),ue=new RegExp("^"+ne+"*,"+ne+"*"),le=new RegExp("^"+ne+"*([>+~]|"+ne+")"+ne+"*"),ce=new RegExp("="+ne+"*([^\\]'\"]*?)"+ne+"*\\]","g"),fe=new RegExp(oe),de=new RegExp("^"+re+"$"),pe={ID:new RegExp("^#("+re+")"),CLASS:new RegExp("^\\.("+re+")"),TAG:new RegExp("^("+re+"|[*])"),ATTR:new RegExp("^"+ie),PSEUDO:new RegExp("^"+oe),CHILD:new RegExp("^:(only|first|last|nth|nth-last)-(child|of-type)(?:\\("+ne+"*(even|odd|(([+-]|)(\\d*)n|)"+ne+"*(?:([+-]|)"+ne+"*(\\d+)|))"+ne+"*\\)|)","i"),bool:new RegExp("^(?:"+te+")$","i"),needsContext:new RegExp("^"+ne+"*[>+~]|:(even|odd|eq|gt|lt|nth|first|last)(?:\\("+ne+"*((?:-\\d)?\\d*)"+ne+"*\\)|)(?=[^-]|$)","i")},he=/^(?:input|select|textarea|button)$/i,ge=/^h\d$/i,me=/^[^{]+\{\s*\[native \w/,ye=/^(?:#([\w-]+)|(\w+)|\.([\w-]+))$/,ve=/[+~]/,xe=/'|\\/g,be=new RegExp("\\\\([\\da-f]{1,6}"+ne+"?|("+ne+")|.)","ig"),we=function(e,t,n){var r="0x"+t-65536;return r!==r||n?t:r<0?String.fromCharCode(r+65536):String.fromCharCode(r>>10|55296,1023&r|56320)},Te=function(){L()};try{Q.apply(J=Z.call(B.childNodes),B.childNodes),J[B.childNodes.length].nodeType}catch(Ce){Q={apply:J.length?function(e,t){K.apply(e,Z.call(t))}:function(e,t){for(var n=e.length,r=0;e[n++]=t[r++];);e.length=n-1}}}w=t.support={},E=t.isXML=function(e){var t=e&&(e.ownerDocument||e).documentElement;return!!t&&"HTML"!==t.nodeName},L=t.setDocument=function(e){var t,n,r=e?e.ownerDocument||e:B;return r!==H&&9===r.nodeType&&r.documentElement?(H=r,q=H.documentElement,_=!E(H),(n=H.defaultView)&&n.top!==n&&(n.addEventListener?n.addEventListener("unload",Te,!1):n.attachEvent&&n.attachEvent("onunload",Te)),w.attributes=i(function(e){return e.className="i",!e.getAttribute("className")}),w.getElementsByTagName=i(function(e){return e.appendChild(H.createComment("")),!e.getElementsByTagName("*").length}),w.getElementsByClassName=me.test(H.getElementsByClassName),w.getById=i(function(e){return q.appendChild(e).id=P,!H.getElementsByName||!H.getElementsByName(P).length}),w.getById?(T.find.ID=function(e,t){if("undefined"!=typeof t.getElementById&&_){var n=t.getElementById(e);return n?[n]:[]}},T.filter.ID=function(e){var t=e.replace(be,we);return function(e){return e.getAttribute("id")===t}}):(delete T.find.ID,T.filter.ID=function(e){var t=e.replace(be,we);return function(e){var n="undefined"!=typeof e.getAttributeNode&&e.getAttributeNode("id");return n&&n.value===t}}),T.find.TAG=w.getElementsByTagName?function(e,t){return"undefined"!=typeof t.getElementsByTagName?t.getElementsByTagName(e):w.qsa?t.querySelectorAll(e):void 0}:function(e,t){var n,r=[],i=0,o=t.getElementsByTagName(e);if("*"===e){for(;n=o[i++];)1===n.nodeType&&r.push(n);return r}return o},T.find.CLASS=w.getElementsByClassName&&function(e,t){if("undefined"!=typeof t.getElementsByClassName&&_)return t.getElementsByClassName(e)},M=[],F=[],(w.qsa=me.test(H.querySelectorAll))&&(i(function(e){q.appendChild(e).innerHTML="<a id='"+P+"'></a><select id='"+P+"-\r\\' msallowcapture=''><option selected=''></option></select>",e.querySelectorAll("[msallowcapture^='']").length&&F.push("[*^$]="+ne+"*(?:''|\"\")"),e.querySelectorAll("[selected]").length||F.push("\\["+ne+"*(?:value|"+te+")"),e.querySelectorAll("[id~="+P+"-]").length||F.push("~="),e.querySelectorAll(":checked").length||F.push(":checked"),e.querySelectorAll("a#"+P+"+*").length||F.push(".#.+[+~]")}),i(function(e){var t=H.createElement("input");t.setAttribute("type","hidden"),e.appendChild(t).setAttribute("name","D"),e.querySelectorAll("[name=d]").length&&F.push("name"+ne+"*[*^$|!~]?="),e.querySelectorAll(":enabled").length||F.push(":enabled",":disabled"),e.querySelectorAll("*,:x"),F.push(",.*:")})),(w.matchesSelector=me.test(O=q.matches||q.webkitMatchesSelector||q.mozMatchesSelector||q.oMatchesSelector||q.msMatchesSelector))&&i(function(e){w.disconnectedMatch=O.call(e,"div"),O.call(e,"[s!='']:x"),M.push("!=",oe)}),F=F.length&&new RegExp(F.join("|")),M=M.length&&new RegExp(M.join("|")),t=me.test(q.compareDocumentPosition),R=t||me.test(q.contains)?function(e,t){var n=9===e.nodeType?e.documentElement:e,r=t&&t.parentNode;return e===r||!(!r||1!==r.nodeType||!(n.contains?n.contains(r):e.compareDocumentPosition&&16&e.compareDocumentPosition(r)))}:function(e,t){if(t)for(;t=t.parentNode;)if(t===e)return!0;return!1},U=t?function(e,t){if(e===t)return j=!0,0;var n=!e.compareDocumentPosition-!t.compareDocumentPosition;return n?n:(n=(e.ownerDocument||e)===(t.ownerDocument||t)?e.compareDocumentPosition(t):1,1&n||!w.sortDetached&&t.compareDocumentPosition(e)===n?e===H||e.ownerDocument===B&&R(B,e)?-1:t===H||t.ownerDocument===B&&R(B,t)?1:D?ee(D,e)-ee(D,t):0:4&n?-1:1)}:function(e,t){if(e===t)return j=!0,0;var n,r=0,i=e.parentNode,o=t.parentNode,s=[e],u=[t];if(!i||!o)return e===H?-1:t===H?1:i?-1:o?1:D?ee(D,e)-ee(D,t):0;if(i===o)return a(e,t);for(n=e;n=n.parentNode;)s.unshift(n);for(n=t;n=n.parentNode;)u.unshift(n);for(;s[r]===u[r];)r++;return r?a(s[r],u[r]):s[r]===B?-1:u[r]===B?1:0},H):H},t.matches=function(e,n){return t(e,null,null,n)},t.matchesSelector=function(e,n){if((e.ownerDocument||e)!==H&&L(e),n=n.replace(ce,"='$1']"),w.matchesSelector&&_&&!X[n+" "]&&(!M||!M.test(n))&&(!F||!F.test(n)))try{var r=O.call(e,n);if(r||w.disconnectedMatch||e.document&&11!==e.document.nodeType)return r}catch(i){}return t(n,H,null,[e]).length>0},t.contains=function(e,t){return(e.ownerDocument||e)!==H&&L(e),R(e,t)},t.attr=function(e,t){(e.ownerDocument||e)!==H&&L(e);var n=T.attrHandle[t.toLowerCase()],r=n&&Y.call(T.attrHandle,t.toLowerCase())?n(e,t,!_):void 0;return void 0!==r?r:w.attributes||!_?e.getAttribute(t):(r=e.getAttributeNode(t))&&r.specified?r.value:null},t.error=function(e){throw new Error("Syntax error, unrecognized expression: "+e)},t.uniqueSort=function(e){var t,n=[],r=0,i=0;if(j=!w.detectDuplicates,D=!w.sortStable&&e.slice(0),e.sort(U),j){for(;t=e[i++];)t===e[i]&&(r=n.push(i));for(;r--;)e.splice(n[r],1)}return D=null,e},C=t.getText=function(e){var t,n="",r=0,i=e.nodeType;if(i){if(1===i||9===i||11===i){if("string"==typeof e.textContent)return e.textContent;for(e=e.firstChild;e;e=e.nextSibling)n+=C(e)}else if(3===i||4===i)return e.nodeValue}else for(;t=e[r++];)n+=C(t);return n},T=t.selectors={cacheLength:50,createPseudo:r,match:pe,attrHandle:{},find:{},relative:{">":{dir:"parentNode",first:!0}," ":{dir:"parentNode"},"+":{dir:"previousSibling",first:!0},"~":{dir:"previousSibling"}},preFilter:{ATTR:function(e){return e[1]=e[1].replace(be,we),e[3]=(e[3]||e[4]||e[5]||"").replace(be,we),"~="===e[2]&&(e[3]=" "+e[3]+" "),e.slice(0,4)},CHILD:function(e){return e[1]=e[1].toLowerCase(),"nth"===e[1].slice(0,3)?(e[3]||t.error(e[0]),e[4]=+(e[4]?e[5]+(e[6]||1):2*("even"===e[3]||"odd"===e[3])),e[5]=+(e[7]+e[8]||"odd"===e[3])):e[3]&&t.error(e[0]),e},PSEUDO:function(e){var t,n=!e[6]&&e[2];return pe.CHILD.test(e[0])?null:(e[3]?e[2]=e[4]||e[5]||"":n&&fe.test(n)&&(t=N(n,!0))&&(t=n.indexOf(")",n.length-t)-n.length)&&(e[0]=e[0].slice(0,t),e[2]=n.slice(0,t)),e.slice(0,3))}},filter:{TAG:function(e){var t=e.replace(be,we).toLowerCase();return"*"===e?function(){return!0}:function(e){return e.nodeName&&e.nodeName.toLowerCase()===t}},CLASS:function(e){var t=$[e+" "];return t||(t=new RegExp("(^|"+ne+")"+e+"("+ne+"|$)"))&&$(e,function(e){return t.test("string"==typeof e.className&&e.className||"undefined"!=typeof e.getAttribute&&e.getAttribute("class")||"")})},ATTR:function(e,n,r){return function(i){var o=t.attr(i,e);return null==o?"!="===n:!n||(o+="","="===n?o===r:"!="===n?o!==r:"^="===n?r&&0===o.indexOf(r):"*="===n?r&&o.indexOf(r)>-1:"$="===n?r&&o.slice(-r.length)===r:"~="===n?(" "+o.replace(ae," ")+" ").indexOf(r)>-1:"|="===n&&(o===r||o.slice(0,r.length+1)===r+"-"))}},CHILD:function(e,t,n,r,i){var o="nth"!==e.slice(0,3),a="last"!==e.slice(-4),s="of-type"===t;return 1===r&&0===i?function(e){return!!e.parentNode}:function(t,n,u){var l,c,f,d,p,h,g=o!==a?"nextSibling":"previousSibling",m=t.parentNode,y=s&&t.nodeName.toLowerCase(),v=!u&&!s,x=!1;if(m){if(o){for(;g;){for(d=t;d=d[g];)if(s?d.nodeName.toLowerCase()===y:1===d.nodeType)return!1;h=g="only"===e&&!h&&"nextSibling"}return!0}if(h=[a?m.firstChild:m.lastChild],a&&v){for(d=m,f=d[P]||(d[P]={}),c=f[d.uniqueID]||(f[d.uniqueID]={}),
+l=c[e]||[],p=l[0]===W&&l[1],x=p&&l[2],d=p&&m.childNodes[p];d=++p&&d&&d[g]||(x=p=0)||h.pop();)if(1===d.nodeType&&++x&&d===t){c[e]=[W,p,x];break}}else if(v&&(d=t,f=d[P]||(d[P]={}),c=f[d.uniqueID]||(f[d.uniqueID]={}),l=c[e]||[],p=l[0]===W&&l[1],x=p),x===!1)for(;(d=++p&&d&&d[g]||(x=p=0)||h.pop())&&((s?d.nodeName.toLowerCase()!==y:1!==d.nodeType)||!++x||(v&&(f=d[P]||(d[P]={}),c=f[d.uniqueID]||(f[d.uniqueID]={}),c[e]=[W,x]),d!==t)););return x-=i,x===r||x%r===0&&x/r>=0}}},PSEUDO:function(e,n){var i,o=T.pseudos[e]||T.setFilters[e.toLowerCase()]||t.error("unsupported pseudo: "+e);return o[P]?o(n):o.length>1?(i=[e,e,"",n],T.setFilters.hasOwnProperty(e.toLowerCase())?r(function(e,t){for(var r,i=o(e,n),a=i.length;a--;)r=ee(e,i[a]),e[r]=!(t[r]=i[a])}):function(e){return o(e,0,i)}):o}},pseudos:{not:r(function(e){var t=[],n=[],i=k(e.replace(se,"$1"));return i[P]?r(function(e,t,n,r){for(var o,a=i(e,null,r,[]),s=e.length;s--;)(o=a[s])&&(e[s]=!(t[s]=o))}):function(e,r,o){return t[0]=e,i(t,null,o,n),t[0]=null,!n.pop()}}),has:r(function(e){return function(n){return t(e,n).length>0}}),contains:r(function(e){return e=e.replace(be,we),function(t){return(t.textContent||t.innerText||C(t)).indexOf(e)>-1}}),lang:r(function(e){return de.test(e||"")||t.error("unsupported lang: "+e),e=e.replace(be,we).toLowerCase(),function(t){var n;do if(n=_?t.lang:t.getAttribute("xml:lang")||t.getAttribute("lang"))return n=n.toLowerCase(),n===e||0===n.indexOf(e+"-");while((t=t.parentNode)&&1===t.nodeType);return!1}}),target:function(t){var n=e.location&&e.location.hash;return n&&n.slice(1)===t.id},root:function(e){return e===q},focus:function(e){return e===H.activeElement&&(!H.hasFocus||H.hasFocus())&&!!(e.type||e.href||~e.tabIndex)},enabled:function(e){return e.disabled===!1},disabled:function(e){return e.disabled===!0},checked:function(e){var t=e.nodeName.toLowerCase();return"input"===t&&!!e.checked||"option"===t&&!!e.selected},selected:function(e){return e.parentNode&&e.parentNode.selectedIndex,e.selected===!0},empty:function(e){for(e=e.firstChild;e;e=e.nextSibling)if(e.nodeType<6)return!1;return!0},parent:function(e){return!T.pseudos.empty(e)},header:function(e){return ge.test(e.nodeName)},input:function(e){return he.test(e.nodeName)},button:function(e){var t=e.nodeName.toLowerCase();return"input"===t&&"button"===e.type||"button"===t},text:function(e){var t;return"input"===e.nodeName.toLowerCase()&&"text"===e.type&&(null==(t=e.getAttribute("type"))||"text"===t.toLowerCase())},first:l(function(){return[0]}),last:l(function(e,t){return[t-1]}),eq:l(function(e,t,n){return[n<0?n+t:n]}),even:l(function(e,t){for(var n=0;n<t;n+=2)e.push(n);return e}),odd:l(function(e,t){for(var n=1;n<t;n+=2)e.push(n);return e}),lt:l(function(e,t,n){for(var r=n<0?n+t:n;--r>=0;)e.push(r);return e}),gt:l(function(e,t,n){for(var r=n<0?n+t:n;++r<t;)e.push(r);return e})}},T.pseudos.nth=T.pseudos.eq;for(b in{radio:!0,checkbox:!0,file:!0,password:!0,image:!0})T.pseudos[b]=s(b);for(b in{submit:!0,reset:!0})T.pseudos[b]=u(b);return f.prototype=T.filters=T.pseudos,T.setFilters=new f,N=t.tokenize=function(e,n){var r,i,o,a,s,u,l,c=z[e+" "];if(c)return n?0:c.slice(0);for(s=e,u=[],l=T.preFilter;s;){r&&!(i=ue.exec(s))||(i&&(s=s.slice(i[0].length)||s),u.push(o=[])),r=!1,(i=le.exec(s))&&(r=i.shift(),o.push({value:r,type:i[0].replace(se," ")}),s=s.slice(r.length));for(a in T.filter)!(i=pe[a].exec(s))||l[a]&&!(i=l[a](i))||(r=i.shift(),o.push({value:r,type:a,matches:i}),s=s.slice(r.length));if(!r)break}return n?s.length:s?t.error(e):z(e,u).slice(0)},k=t.compile=function(e,t){var n,r=[],i=[],o=X[e+" "];if(!o){for(t||(t=N(e)),n=t.length;n--;)o=v(t[n]),o[P]?r.push(o):i.push(o);o=X(e,x(i,r)),o.selector=e}return o},S=t.select=function(e,t,n,r){var i,o,a,s,u,l="function"==typeof e&&e,f=!r&&N(e=l.selector||e);if(n=n||[],1===f.length){if(o=f[0]=f[0].slice(0),o.length>2&&"ID"===(a=o[0]).type&&w.getById&&9===t.nodeType&&_&&T.relative[o[1].type]){if(t=(T.find.ID(a.matches[0].replace(be,we),t)||[])[0],!t)return n;l&&(t=t.parentNode),e=e.slice(o.shift().value.length)}for(i=pe.needsContext.test(e)?0:o.length;i--&&(a=o[i],!T.relative[s=a.type]);)if((u=T.find[s])&&(r=u(a.matches[0].replace(be,we),ve.test(o[0].type)&&c(t.parentNode)||t))){if(o.splice(i,1),e=r.length&&d(o),!e)return Q.apply(n,r),n;break}}return(l||k(e,f))(r,t,!_,n,!t||ve.test(e)&&c(t.parentNode)||t),n},w.sortStable=P.split("").sort(U).join("")===P,w.detectDuplicates=!!j,L(),w.sortDetached=i(function(e){return 1&e.compareDocumentPosition(H.createElement("div"))}),i(function(e){return e.innerHTML="<a href='#'></a>","#"===e.firstChild.getAttribute("href")})||o("type|href|height|width",function(e,t,n){if(!n)return e.getAttribute(t,"type"===t.toLowerCase()?1:2)}),w.attributes&&i(function(e){return e.innerHTML="<input/>",e.firstChild.setAttribute("value",""),""===e.firstChild.getAttribute("value")})||o("value",function(e,t,n){if(!n&&"input"===e.nodeName.toLowerCase())return e.defaultValue}),i(function(e){return null==e.getAttribute("disabled")})||o(te,function(e,t,n){var r;if(!n)return e[t]===!0?t.toLowerCase():(r=e.getAttributeNode(t))&&r.specified?r.value:null}),t}(e);pe.find=ve,pe.expr=ve.selectors,pe.expr[":"]=pe.expr.pseudos,pe.uniqueSort=pe.unique=ve.uniqueSort,pe.text=ve.getText,pe.isXMLDoc=ve.isXML,pe.contains=ve.contains;var xe=function(e,t,n){for(var r=[],i=void 0!==n;(e=e[t])&&9!==e.nodeType;)if(1===e.nodeType){if(i&&pe(e).is(n))break;r.push(e)}return r},be=function(e,t){for(var n=[];e;e=e.nextSibling)1===e.nodeType&&e!==t&&n.push(e);return n},we=pe.expr.match.needsContext,Te=/^<([\w-]+)\s*\/?>(?:<\/\1>|)$/,Ce=/^.[^:#\[\.,]*$/;pe.filter=function(e,t,n){var r=t[0];return n&&(e=":not("+e+")"),1===t.length&&1===r.nodeType?pe.find.matchesSelector(r,e)?[r]:[]:pe.find.matches(e,pe.grep(t,function(e){return 1===e.nodeType}))},pe.fn.extend({find:function(e){var t,n=[],r=this,i=r.length;if("string"!=typeof e)return this.pushStack(pe(e).filter(function(){for(t=0;t<i;t++)if(pe.contains(r[t],this))return!0}));for(t=0;t<i;t++)pe.find(e,r[t],n);return n=this.pushStack(i>1?pe.unique(n):n),n.selector=this.selector?this.selector+" "+e:e,n},filter:function(e){return this.pushStack(r(this,e||[],!1))},not:function(e){return this.pushStack(r(this,e||[],!0))},is:function(e){return!!r(this,"string"==typeof e&&we.test(e)?pe(e):e||[],!1).length}});var Ee,Ne=/^(?:\s*(<[\w\W]+>)[^>]*|#([\w-]*))$/,ke=pe.fn.init=function(e,t,n){var r,i;if(!e)return this;if(n=n||Ee,"string"==typeof e){if(r="<"===e.charAt(0)&&">"===e.charAt(e.length-1)&&e.length>=3?[null,e,null]:Ne.exec(e),!r||!r[1]&&t)return!t||t.jquery?(t||n).find(e):this.constructor(t).find(e);if(r[1]){if(t=t instanceof pe?t[0]:t,pe.merge(this,pe.parseHTML(r[1],t&&t.nodeType?t.ownerDocument||t:re,!0)),Te.test(r[1])&&pe.isPlainObject(t))for(r in t)pe.isFunction(this[r])?this[r](t[r]):this.attr(r,t[r]);return this}if(i=re.getElementById(r[2]),i&&i.parentNode){if(i.id!==r[2])return Ee.find(e);this.length=1,this[0]=i}return this.context=re,this.selector=e,this}return e.nodeType?(this.context=this[0]=e,this.length=1,this):pe.isFunction(e)?"undefined"!=typeof n.ready?n.ready(e):e(pe):(void 0!==e.selector&&(this.selector=e.selector,this.context=e.context),pe.makeArray(e,this))};ke.prototype=pe.fn,Ee=pe(re);var Se=/^(?:parents|prev(?:Until|All))/,Ae={children:!0,contents:!0,next:!0,prev:!0};pe.fn.extend({has:function(e){var t,n=pe(e,this),r=n.length;return this.filter(function(){for(t=0;t<r;t++)if(pe.contains(this,n[t]))return!0})},closest:function(e,t){for(var n,r=0,i=this.length,o=[],a=we.test(e)||"string"!=typeof e?pe(e,t||this.context):0;r<i;r++)for(n=this[r];n&&n!==t;n=n.parentNode)if(n.nodeType<11&&(a?a.index(n)>-1:1===n.nodeType&&pe.find.matchesSelector(n,e))){o.push(n);break}return this.pushStack(o.length>1?pe.uniqueSort(o):o)},index:function(e){return e?"string"==typeof e?pe.inArray(this[0],pe(e)):pe.inArray(e.jquery?e[0]:e,this):this[0]&&this[0].parentNode?this.first().prevAll().length:-1},add:function(e,t){return this.pushStack(pe.uniqueSort(pe.merge(this.get(),pe(e,t))))},addBack:function(e){return this.add(null==e?this.prevObject:this.prevObject.filter(e))}}),pe.each({parent:function(e){var t=e.parentNode;return t&&11!==t.nodeType?t:null},parents:function(e){return xe(e,"parentNode")},parentsUntil:function(e,t,n){return xe(e,"parentNode",n)},next:function(e){return i(e,"nextSibling")},prev:function(e){return i(e,"previousSibling")},nextAll:function(e){return xe(e,"nextSibling")},prevAll:function(e){return xe(e,"previousSibling")},nextUntil:function(e,t,n){return xe(e,"nextSibling",n)},prevUntil:function(e,t,n){return xe(e,"previousSibling",n)},siblings:function(e){return be((e.parentNode||{}).firstChild,e)},children:function(e){return be(e.firstChild)},contents:function(e){return pe.nodeName(e,"iframe")?e.contentDocument||e.contentWindow.document:pe.merge([],e.childNodes)}},function(e,t){pe.fn[e]=function(n,r){var i=pe.map(this,t,n);return"Until"!==e.slice(-5)&&(r=n),r&&"string"==typeof r&&(i=pe.filter(r,i)),this.length>1&&(Ae[e]||(i=pe.uniqueSort(i)),Se.test(e)&&(i=i.reverse())),this.pushStack(i)}});var De=/\S+/g;pe.Callbacks=function(e){e="string"==typeof e?o(e):pe.extend({},e);var t,n,r,i,a=[],s=[],u=-1,l=function(){for(i=e.once,r=t=!0;s.length;u=-1)for(n=s.shift();++u<a.length;)a[u].apply(n[0],n[1])===!1&&e.stopOnFalse&&(u=a.length,n=!1);e.memory||(n=!1),t=!1,i&&(a=n?[]:"")},c={add:function(){return a&&(n&&!t&&(u=a.length-1,s.push(n)),function r(t){pe.each(t,function(t,n){pe.isFunction(n)?e.unique&&c.has(n)||a.push(n):n&&n.length&&"string"!==pe.type(n)&&r(n)})}(arguments),n&&!t&&l()),this},remove:function(){return pe.each(arguments,function(e,t){for(var n;(n=pe.inArray(t,a,n))>-1;)a.splice(n,1),n<=u&&u--}),this},has:function(e){return e?pe.inArray(e,a)>-1:a.length>0},empty:function(){return a&&(a=[]),this},disable:function(){return i=s=[],a=n="",this},disabled:function(){return!a},lock:function(){return i=!0,n||c.disable(),this},locked:function(){return!!i},fireWith:function(e,n){return i||(n=n||[],n=[e,n.slice?n.slice():n],s.push(n),t||l()),this},fire:function(){return c.fireWith(this,arguments),this},fired:function(){return!!r}};return c},pe.extend({Deferred:function(e){var t=[["resolve","done",pe.Callbacks("once memory"),"resolved"],["reject","fail",pe.Callbacks("once memory"),"rejected"],["notify","progress",pe.Callbacks("memory")]],n="pending",r={state:function(){return n},always:function(){return i.done(arguments).fail(arguments),this},then:function(){var e=arguments;return pe.Deferred(function(n){pe.each(t,function(t,o){var a=pe.isFunction(e[t])&&e[t];i[o[1]](function(){var e=a&&a.apply(this,arguments);e&&pe.isFunction(e.promise)?e.promise().progress(n.notify).done(n.resolve).fail(n.reject):n[o[0]+"With"](this===r?n.promise():this,a?[e]:arguments)})}),e=null}).promise()},promise:function(e){return null!=e?pe.extend(e,r):r}},i={};return r.pipe=r.then,pe.each(t,function(e,o){var a=o[2],s=o[3];r[o[1]]=a.add,s&&a.add(function(){n=s},t[1^e][2].disable,t[2][2].lock),i[o[0]]=function(){return i[o[0]+"With"](this===i?r:this,arguments),this},i[o[0]+"With"]=a.fireWith}),r.promise(i),e&&e.call(i,i),i},when:function(e){var t,n,r,i=0,o=ie.call(arguments),a=o.length,s=1!==a||e&&pe.isFunction(e.promise)?a:0,u=1===s?e:pe.Deferred(),l=function(e,n,r){return function(i){n[e]=this,r[e]=arguments.length>1?ie.call(arguments):i,r===t?u.notifyWith(n,r):--s||u.resolveWith(n,r)}};if(a>1)for(t=new Array(a),n=new Array(a),r=new Array(a);i<a;i++)o[i]&&pe.isFunction(o[i].promise)?o[i].promise().progress(l(i,n,t)).done(l(i,r,o)).fail(u.reject):--s;return s||u.resolveWith(r,o),u.promise()}});var je;pe.fn.ready=function(e){return pe.ready.promise().done(e),this},pe.extend({isReady:!1,readyWait:1,holdReady:function(e){e?pe.readyWait++:pe.ready(!0)},ready:function(e){(e===!0?--pe.readyWait:pe.isReady)||(pe.isReady=!0,e!==!0&&--pe.readyWait>0||(je.resolveWith(re,[pe]),pe.fn.triggerHandler&&(pe(re).triggerHandler("ready"),pe(re).off("ready"))))}}),pe.ready.promise=function(t){if(!je)if(je=pe.Deferred(),"complete"===re.readyState||"loading"!==re.readyState&&!re.documentElement.doScroll)e.setTimeout(pe.ready);else if(re.addEventListener)re.addEventListener("DOMContentLoaded",s),e.addEventListener("load",s);else{re.attachEvent("onreadystatechange",s),e.attachEvent("onload",s);var n=!1;try{n=null==e.frameElement&&re.documentElement}catch(r){}n&&n.doScroll&&!function i(){if(!pe.isReady){try{n.doScroll("left")}catch(t){return e.setTimeout(i,50)}a(),pe.ready()}}()}return je.promise(t)},pe.ready.promise();var Le;for(Le in pe(fe))break;fe.ownFirst="0"===Le,fe.inlineBlockNeedsLayout=!1,pe(function(){var e,t,n,r;n=re.getElementsByTagName("body")[0],n&&n.style&&(t=re.createElement("div"),r=re.createElement("div"),r.style.cssText="position:absolute;border:0;width:0;height:0;top:0;left:-9999px",n.appendChild(r).appendChild(t),"undefined"!=typeof t.style.zoom&&(t.style.cssText="display:inline;margin:0;border:0;padding:1px;width:1px;zoom:1",fe.inlineBlockNeedsLayout=e=3===t.offsetWidth,e&&(n.style.zoom=1)),n.removeChild(r))}),function(){var e=re.createElement("div");fe.deleteExpando=!0;try{delete e.test}catch(t){fe.deleteExpando=!1}e=null}();var He=function(e){var t=pe.noData[(e.nodeName+" ").toLowerCase()],n=+e.nodeType||1;return(1===n||9===n)&&(!t||t!==!0&&e.getAttribute("classid")===t)},qe=/^(?:\{[\w\W]*\}|\[[\w\W]*\])$/,_e=/([A-Z])/g;pe.extend({cache:{},noData:{"applet ":!0,"embed ":!0,"object ":"clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"},hasData:function(e){return e=e.nodeType?pe.cache[e[pe.expando]]:e[pe.expando],!!e&&!l(e)},data:function(e,t,n){return c(e,t,n)},removeData:function(e,t){return f(e,t)},_data:function(e,t,n){return c(e,t,n,!0)},_removeData:function(e,t){return f(e,t,!0)}}),pe.fn.extend({data:function(e,t){var n,r,i,o=this[0],a=o&&o.attributes;if(void 0===e){if(this.length&&(i=pe.data(o),1===o.nodeType&&!pe._data(o,"parsedAttrs"))){for(n=a.length;n--;)a[n]&&(r=a[n].name,0===r.indexOf("data-")&&(r=pe.camelCase(r.slice(5)),u(o,r,i[r])));pe._data(o,"parsedAttrs",!0)}return i}return"object"==typeof e?this.each(function(){pe.data(this,e)}):arguments.length>1?this.each(function(){pe.data(this,e,t)}):o?u(o,e,pe.data(o,e)):void 0},removeData:function(e){return this.each(function(){pe.removeData(this,e)})}}),pe.extend({queue:function(e,t,n){var r;if(e)return t=(t||"fx")+"queue",r=pe._data(e,t),n&&(!r||pe.isArray(n)?r=pe._data(e,t,pe.makeArray(n)):r.push(n)),r||[]},dequeue:function(e,t){t=t||"fx";var n=pe.queue(e,t),r=n.length,i=n.shift(),o=pe._queueHooks(e,t),a=function(){pe.dequeue(e,t)};"inprogress"===i&&(i=n.shift(),r--),i&&("fx"===t&&n.unshift("inprogress"),delete o.stop,i.call(e,a,o)),!r&&o&&o.empty.fire()},_queueHooks:function(e,t){var n=t+"queueHooks";return pe._data(e,n)||pe._data(e,n,{empty:pe.Callbacks("once memory").add(function(){pe._removeData(e,t+"queue"),pe._removeData(e,n)})})}}),pe.fn.extend({queue:function(e,t){var n=2;return"string"!=typeof e&&(t=e,e="fx",n--),arguments.length<n?pe.queue(this[0],e):void 0===t?this:this.each(function(){var n=pe.queue(this,e,t);pe._queueHooks(this,e),"fx"===e&&"inprogress"!==n[0]&&pe.dequeue(this,e)})},dequeue:function(e){return this.each(function(){pe.dequeue(this,e)})},clearQueue:function(e){return this.queue(e||"fx",[])},promise:function(e,t){var n,r=1,i=pe.Deferred(),o=this,a=this.length,s=function(){--r||i.resolveWith(o,[o])};for("string"!=typeof e&&(t=e,e=void 0),e=e||"fx";a--;)n=pe._data(o[a],e+"queueHooks"),n&&n.empty&&(r++,n.empty.add(s));return s(),i.promise(t)}}),function(){var e;fe.shrinkWrapBlocks=function(){if(null!=e)return e;e=!1;var t,n,r;return n=re.getElementsByTagName("body")[0],n&&n.style?(t=re.createElement("div"),r=re.createElement("div"),r.style.cssText="position:absolute;border:0;width:0;height:0;top:0;left:-9999px",n.appendChild(r).appendChild(t),"undefined"!=typeof t.style.zoom&&(t.style.cssText="-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;display:block;margin:0;border:0;padding:1px;width:1px;zoom:1",t.appendChild(re.createElement("div")).style.width="5px",e=3!==t.offsetWidth),n.removeChild(r),e):void 0}}();var Fe=/[+-]?(?:\d*\.|)\d+(?:[eE][+-]?\d+|)/.source,Me=new RegExp("^(?:([+-])=|)("+Fe+")([a-z%]*)$","i"),Oe=["Top","Right","Bottom","Left"],Re=function(e,t){return e=t||e,"none"===pe.css(e,"display")||!pe.contains(e.ownerDocument,e)},Pe=function(e,t,n,r,i,o,a){var s=0,u=e.length,l=null==n;if("object"===pe.type(n)){i=!0;for(s in n)Pe(e,t,s,n[s],!0,o,a)}else if(void 0!==r&&(i=!0,pe.isFunction(r)||(a=!0),l&&(a?(t.call(e,r),t=null):(l=t,t=function(e,t,n){return l.call(pe(e),n)})),t))for(;s<u;s++)t(e[s],n,a?r:r.call(e[s],s,t(e[s],n)));return i?e:l?t.call(e):u?t(e[0],n):o},Be=/^(?:checkbox|radio)$/i,We=/<([\w:-]+)/,Ie=/^$|\/(?:java|ecma)script/i,$e=/^\s+/,ze="abbr|article|aside|audio|bdi|canvas|data|datalist|details|dialog|figcaption|figure|footer|header|hgroup|main|mark|meter|nav|output|picture|progress|section|summary|template|time|video";!function(){var e=re.createElement("div"),t=re.createDocumentFragment(),n=re.createElement("input");e.innerHTML=" <link/><table></table><a href='/a'>a</a><input type='checkbox'/>",fe.leadingWhitespace=3===e.firstChild.nodeType,fe.tbody=!e.getElementsByTagName("tbody").length,fe.htmlSerialize=!!e.getElementsByTagName("link").length,fe.html5Clone="<:nav></:nav>"!==re.createElement("nav").cloneNode(!0).outerHTML,n.type="checkbox",n.checked=!0,t.appendChild(n),fe.appendChecked=n.checked,e.innerHTML="<textarea>x</textarea>",fe.noCloneChecked=!!e.cloneNode(!0).lastChild.defaultValue,t.appendChild(e),n=re.createElement("input"),n.setAttribute("type","radio"),n.setAttribute("checked","checked"),n.setAttribute("name","t"),e.appendChild(n),fe.checkClone=e.cloneNode(!0).cloneNode(!0).lastChild.checked,fe.noCloneEvent=!!e.addEventListener,e[pe.expando]=1,fe.attributes=!e.getAttribute(pe.expando)}();var Xe={option:[1,"<select multiple='multiple'>","</select>"],legend:[1,"<fieldset>","</fieldset>"],area:[1,"<map>","</map>"],param:[1,"<object>","</object>"],thead:[1,"<table>","</table>"],tr:[2,"<table><tbody>","</tbody></table>"],col:[2,"<table><tbody></tbody><colgroup>","</colgroup></table>"],td:[3,"<table><tbody><tr>","</tr></tbody></table>"],_default:fe.htmlSerialize?[0,"",""]:[1,"X<div>","</div>"]};Xe.optgroup=Xe.option,Xe.tbody=Xe.tfoot=Xe.colgroup=Xe.caption=Xe.thead,Xe.th=Xe.td;var Ue=/<|&#?\w+;/,Ve=/<tbody/i;!function(){var t,n,r=re.createElement("div");for(t in{submit:!0,change:!0,focusin:!0})n="on"+t,(fe[t]=n in e)||(r.setAttribute(n,"t"),fe[t]=r.attributes[n].expando===!1);r=null}();var Ye=/^(?:input|select|textarea)$/i,Je=/^key/,Ge=/^(?:mouse|pointer|contextmenu|drag|drop)|click/,Ke=/^(?:focusinfocus|focusoutblur)$/,Qe=/^([^.]*)(?:\.(.+)|)/;pe.event={global:{},add:function(e,t,n,r,i){var o,a,s,u,l,c,f,d,p,h,g,m=pe._data(e);if(m){for(n.handler&&(u=n,n=u.handler,i=u.selector),n.guid||(n.guid=pe.guid++),(a=m.events)||(a=m.events={}),(c=m.handle)||(c=m.handle=function(e){return"undefined"==typeof pe||e&&pe.event.triggered===e.type?void 0:pe.event.dispatch.apply(c.elem,arguments)},c.elem=e),t=(t||"").match(De)||[""],s=t.length;s--;)o=Qe.exec(t[s])||[],p=g=o[1],h=(o[2]||"").split(".").sort(),p&&(l=pe.event.special[p]||{},p=(i?l.delegateType:l.bindType)||p,l=pe.event.special[p]||{},f=pe.extend({type:p,origType:g,data:r,handler:n,guid:n.guid,selector:i,needsContext:i&&pe.expr.match.needsContext.test(i),namespace:h.join(".")},u),(d=a[p])||(d=a[p]=[],d.delegateCount=0,l.setup&&l.setup.call(e,r,h,c)!==!1||(e.addEventListener?e.addEventListener(p,c,!1):e.attachEvent&&e.attachEvent("on"+p,c))),l.add&&(l.add.call(e,f),f.handler.guid||(f.handler.guid=n.guid)),i?d.splice(d.delegateCount++,0,f):d.push(f),pe.event.global[p]=!0);e=null}},remove:function(e,t,n,r,i){var o,a,s,u,l,c,f,d,p,h,g,m=pe.hasData(e)&&pe._data(e);if(m&&(c=m.events)){for(t=(t||"").match(De)||[""],l=t.length;l--;)if(s=Qe.exec(t[l])||[],p=g=s[1],h=(s[2]||"").split(".").sort(),p){for(f=pe.event.special[p]||{},p=(r?f.delegateType:f.bindType)||p,d=c[p]||[],s=s[2]&&new RegExp("(^|\\.)"+h.join("\\.(?:.*\\.|)")+"(\\.|$)"),u=o=d.length;o--;)a=d[o],!i&&g!==a.origType||n&&n.guid!==a.guid||s&&!s.test(a.namespace)||r&&r!==a.selector&&("**"!==r||!a.selector)||(d.splice(o,1),a.selector&&d.delegateCount--,f.remove&&f.remove.call(e,a));u&&!d.length&&(f.teardown&&f.teardown.call(e,h,m.handle)!==!1||pe.removeEvent(e,p,m.handle),delete c[p])}else for(p in c)pe.event.remove(e,p+t[l],n,r,!0);pe.isEmptyObject(c)&&(delete m.handle,pe._removeData(e,"events"))}},trigger:function(t,n,r,i){var o,a,s,u,l,c,f,d=[r||re],p=ce.call(t,"type")?t.type:t,h=ce.call(t,"namespace")?t.namespace.split("."):[];if(s=c=r=r||re,3!==r.nodeType&&8!==r.nodeType&&!Ke.test(p+pe.event.triggered)&&(p.indexOf(".")>-1&&(h=p.split("."),p=h.shift(),h.sort()),a=p.indexOf(":")<0&&"on"+p,t=t[pe.expando]?t:new pe.Event(p,"object"==typeof t&&t),t.isTrigger=i?2:3,t.namespace=h.join("."),t.rnamespace=t.namespace?new RegExp("(^|\\.)"+h.join("\\.(?:.*\\.|)")+"(\\.|$)"):null,t.result=void 0,t.target||(t.target=r),n=null==n?[t]:pe.makeArray(n,[t]),l=pe.event.special[p]||{},i||!l.trigger||l.trigger.apply(r,n)!==!1)){if(!i&&!l.noBubble&&!pe.isWindow(r)){for(u=l.delegateType||p,Ke.test(u+p)||(s=s.parentNode);s;s=s.parentNode)d.push(s),c=s;c===(r.ownerDocument||re)&&d.push(c.defaultView||c.parentWindow||e)}for(f=0;(s=d[f++])&&!t.isPropagationStopped();)t.type=f>1?u:l.bindType||p,o=(pe._data(s,"events")||{})[t.type]&&pe._data(s,"handle"),o&&o.apply(s,n),o=a&&s[a],o&&o.apply&&He(s)&&(t.result=o.apply(s,n),t.result===!1&&t.preventDefault());if(t.type=p,!i&&!t.isDefaultPrevented()&&(!l._default||l._default.apply(d.pop(),n)===!1)&&He(r)&&a&&r[p]&&!pe.isWindow(r)){c=r[a],c&&(r[a]=null),pe.event.triggered=p;try{r[p]()}catch(g){}pe.event.triggered=void 0,c&&(r[a]=c)}return t.result}},dispatch:function(e){e=pe.event.fix(e);var t,n,r,i,o,a=[],s=ie.call(arguments),u=(pe._data(this,"events")||{})[e.type]||[],l=pe.event.special[e.type]||{};if(s[0]=e,e.delegateTarget=this,!l.preDispatch||l.preDispatch.call(this,e)!==!1){for(a=pe.event.handlers.call(this,e,u),t=0;(i=a[t++])&&!e.isPropagationStopped();)for(e.currentTarget=i.elem,n=0;(o=i.handlers[n++])&&!e.isImmediatePropagationStopped();)e.rnamespace&&!e.rnamespace.test(o.namespace)||(e.handleObj=o,e.data=o.data,r=((pe.event.special[o.origType]||{}).handle||o.handler).apply(i.elem,s),void 0!==r&&(e.result=r)===!1&&(e.preventDefault(),e.stopPropagation()));return l.postDispatch&&l.postDispatch.call(this,e),e.result}},handlers:function(e,t){var n,r,i,o,a=[],s=t.delegateCount,u=e.target;if(s&&u.nodeType&&("click"!==e.type||isNaN(e.button)||e.button<1))for(;u!=this;u=u.parentNode||this)if(1===u.nodeType&&(u.disabled!==!0||"click"!==e.type)){for(r=[],n=0;n<s;n++)o=t[n],i=o.selector+" ",void 0===r[i]&&(r[i]=o.needsContext?pe(i,this).index(u)>-1:pe.find(i,this,null,[u]).length),r[i]&&r.push(o);r.length&&a.push({elem:u,handlers:r})}return s<t.length&&a.push({elem:this,handlers:t.slice(s)}),a},fix:function(e){if(e[pe.expando])return e;var t,n,r,i=e.type,o=e,a=this.fixHooks[i];for(a||(this.fixHooks[i]=a=Ge.test(i)?this.mouseHooks:Je.test(i)?this.keyHooks:{}),r=a.props?this.props.concat(a.props):this.props,e=new pe.Event(o),t=r.length;t--;)n=r[t],e[n]=o[n];return e.target||(e.target=o.srcElement||re),3===e.target.nodeType&&(e.target=e.target.parentNode),e.metaKey=!!e.metaKey,a.filter?a.filter(e,o):e},props:"altKey bubbles cancelable ctrlKey currentTarget detail eventPhase metaKey relatedTarget shiftKey target timeStamp view which".split(" "),fixHooks:{},keyHooks:{props:"char charCode key keyCode".split(" "),filter:function(e,t){return null==e.which&&(e.which=null!=t.charCode?t.charCode:t.keyCode),e}},mouseHooks:{props:"button buttons clientX clientY fromElement offsetX offsetY pageX pageY screenX screenY toElement".split(" "),filter:function(e,t){var n,r,i,o=t.button,a=t.fromElement;return null==e.pageX&&null!=t.clientX&&(r=e.target.ownerDocument||re,i=r.documentElement,n=r.body,e.pageX=t.clientX+(i&&i.scrollLeft||n&&n.scrollLeft||0)-(i&&i.clientLeft||n&&n.clientLeft||0),e.pageY=t.clientY+(i&&i.scrollTop||n&&n.scrollTop||0)-(i&&i.clientTop||n&&n.clientTop||0)),!e.relatedTarget&&a&&(e.relatedTarget=a===e.target?t.toElement:a),e.which||void 0===o||(e.which=1&o?1:2&o?3:4&o?2:0),e}},special:{load:{noBubble:!0},focus:{trigger:function(){if(this!==b()&&this.focus)try{return this.focus(),!1}catch(e){}},delegateType:"focusin"},blur:{trigger:function(){if(this===b()&&this.blur)return this.blur(),!1},delegateType:"focusout"},click:{trigger:function(){if(pe.nodeName(this,"input")&&"checkbox"===this.type&&this.click)return this.click(),!1},_default:function(e){return pe.nodeName(e.target,"a")}},beforeunload:{postDispatch:function(e){void 0!==e.result&&e.originalEvent&&(e.originalEvent.returnValue=e.result)}}},simulate:function(e,t,n){var r=pe.extend(new pe.Event,n,{type:e,isSimulated:!0});pe.event.trigger(r,null,t),r.isDefaultPrevented()&&n.preventDefault()}},pe.removeEvent=re.removeEventListener?function(e,t,n){e.removeEventListener&&e.removeEventListener(t,n)}:function(e,t,n){var r="on"+t;e.detachEvent&&("undefined"==typeof e[r]&&(e[r]=null),e.detachEvent(r,n))},pe.Event=function(e,t){return this instanceof pe.Event?(e&&e.type?(this.originalEvent=e,this.type=e.type,this.isDefaultPrevented=e.defaultPrevented||void 0===e.defaultPrevented&&e.returnValue===!1?v:x):this.type=e,t&&pe.extend(this,t),this.timeStamp=e&&e.timeStamp||pe.now(),void(this[pe.expando]=!0)):new pe.Event(e,t)},pe.Event.prototype={constructor:pe.Event,isDefaultPrevented:x,isPropagationStopped:x,isImmediatePropagationStopped:x,preventDefault:function(){var e=this.originalEvent;this.isDefaultPrevented=v,e&&(e.preventDefault?e.preventDefault():e.returnValue=!1)},stopPropagation:function(){var e=this.originalEvent;this.isPropagationStopped=v,e&&!this.isSimulated&&(e.stopPropagation&&e.stopPropagation(),e.cancelBubble=!0)},stopImmediatePropagation:function(){var e=this.originalEvent;this.isImmediatePropagationStopped=v,e&&e.stopImmediatePropagation&&e.stopImmediatePropagation(),this.stopPropagation()}},pe.each({mouseenter:"mouseover",mouseleave:"mouseout",pointerenter:"pointerover",pointerleave:"pointerout"},function(e,t){pe.event.special[e]={delegateType:t,bindType:t,handle:function(e){var n,r=this,i=e.relatedTarget,o=e.handleObj;return i&&(i===r||pe.contains(r,i))||(e.type=o.origType,n=o.handler.apply(this,arguments),e.type=t),n}}}),fe.submit||(pe.event.special.submit={setup:function(){return!pe.nodeName(this,"form")&&void pe.event.add(this,"click._submit keypress._submit",function(e){var t=e.target,n=pe.nodeName(t,"input")||pe.nodeName(t,"button")?pe.prop(t,"form"):void 0;n&&!pe._data(n,"submit")&&(pe.event.add(n,"submit._submit",function(e){e._submitBubble=!0}),pe._data(n,"submit",!0))})},postDispatch:function(e){e._submitBubble&&(delete e._submitBubble,this.parentNode&&!e.isTrigger&&pe.event.simulate("submit",this.parentNode,e))},teardown:function(){return!pe.nodeName(this,"form")&&void pe.event.remove(this,"._submit")}}),fe.change||(pe.event.special.change={setup:function(){return Ye.test(this.nodeName)?("checkbox"!==this.type&&"radio"!==this.type||(pe.event.add(this,"propertychange._change",function(e){"checked"===e.originalEvent.propertyName&&(this._justChanged=!0)}),pe.event.add(this,"click._change",function(e){this._justChanged&&!e.isTrigger&&(this._justChanged=!1),pe.event.simulate("change",this,e)})),!1):void pe.event.add(this,"beforeactivate._change",function(e){var t=e.target;Ye.test(t.nodeName)&&!pe._data(t,"change")&&(pe.event.add(t,"change._change",function(e){!this.parentNode||e.isSimulated||e.isTrigger||pe.event.simulate("change",this.parentNode,e)}),pe._data(t,"change",!0))})},handle:function(e){var t=e.target;if(this!==t||e.isSimulated||e.isTrigger||"radio"!==t.type&&"checkbox"!==t.type)return e.handleObj.handler.apply(this,arguments)},teardown:function(){return pe.event.remove(this,"._change"),!Ye.test(this.nodeName)}}),fe.focusin||pe.each({focus:"focusin",blur:"focusout"},function(e,t){var n=function(e){pe.event.simulate(t,e.target,pe.event.fix(e))};pe.event.special[t]={setup:function(){var r=this.ownerDocument||this,i=pe._data(r,t);i||r.addEventListener(e,n,!0),pe._data(r,t,(i||0)+1)},teardown:function(){var r=this.ownerDocument||this,i=pe._data(r,t)-1;i?pe._data(r,t,i):(r.removeEventListener(e,n,!0),pe._removeData(r,t))}}}),pe.fn.extend({on:function(e,t,n,r){return w(this,e,t,n,r)},one:function(e,t,n,r){return w(this,e,t,n,r,1)},off:function(e,t,n){var r,i;if(e&&e.preventDefault&&e.handleObj)return r=e.handleObj,pe(e.delegateTarget).off(r.namespace?r.origType+"."+r.namespace:r.origType,r.selector,r.handler),this;if("object"==typeof e){for(i in e)this.off(i,t,e[i]);return this}return t!==!1&&"function"!=typeof t||(n=t,t=void 0),n===!1&&(n=x),this.each(function(){pe.event.remove(this,e,n,t)})},trigger:function(e,t){return this.each(function(){pe.event.trigger(e,t,this)})},triggerHandler:function(e,t){var n=this[0];if(n)return pe.event.trigger(e,t,n,!0)}});var Ze=/ jQuery\d+="(?:null|\d+)"/g,et=new RegExp("<(?:"+ze+")[\\s/>]","i"),tt=/<(?!area|br|col|embed|hr|img|input|link|meta|param)(([\w:-]+)[^>]*)\/>/gi,nt=/<script|<style|<link/i,rt=/checked\s*(?:[^=]|=\s*.checked.)/i,it=/^true\/(.*)/,ot=/^\s*<!(?:\[CDATA\[|--)|(?:\]\]|--)>\s*$/g,at=p(re),st=at.appendChild(re.createElement("div"));pe.extend({htmlPrefilter:function(e){return e.replace(tt,"<$1></$2>")},clone:function(e,t,n){var r,i,o,a,s,u=pe.contains(e.ownerDocument,e);if(fe.html5Clone||pe.isXMLDoc(e)||!et.test("<"+e.nodeName+">")?o=e.cloneNode(!0):(st.innerHTML=e.outerHTML,st.removeChild(o=st.firstChild)),!(fe.noCloneEvent&&fe.noCloneChecked||1!==e.nodeType&&11!==e.nodeType||pe.isXMLDoc(e)))for(r=h(o),s=h(e),a=0;null!=(i=s[a]);++a)r[a]&&k(i,r[a]);if(t)if(n)for(s=s||h(e),r=r||h(o),a=0;null!=(i=s[a]);a++)N(i,r[a]);else N(e,o);return r=h(o,"script"),r.length>0&&g(r,!u&&h(e,"script")),r=s=i=null,o},cleanData:function(e,t){for(var n,r,i,o,a=0,s=pe.expando,u=pe.cache,l=fe.attributes,c=pe.event.special;null!=(n=e[a]);a++)if((t||He(n))&&(i=n[s],o=i&&u[i])){if(o.events)for(r in o.events)c[r]?pe.event.remove(n,r):pe.removeEvent(n,r,o.handle);u[i]&&(delete u[i],l||"undefined"==typeof n.removeAttribute?n[s]=void 0:n.removeAttribute(s),ne.push(i))}}}),pe.fn.extend({domManip:S,detach:function(e){return A(this,e,!0)},remove:function(e){return A(this,e)},text:function(e){return Pe(this,function(e){return void 0===e?pe.text(this):this.empty().append((this[0]&&this[0].ownerDocument||re).createTextNode(e))},null,e,arguments.length)},append:function(){return S(this,arguments,function(e){if(1===this.nodeType||11===this.nodeType||9===this.nodeType){var t=T(this,e);t.appendChild(e)}})},prepend:function(){return S(this,arguments,function(e){if(1===this.nodeType||11===this.nodeType||9===this.nodeType){var t=T(this,e);t.insertBefore(e,t.firstChild)}})},before:function(){return S(this,arguments,function(e){this.parentNode&&this.parentNode.insertBefore(e,this)})},after:function(){return S(this,arguments,function(e){this.parentNode&&this.parentNode.insertBefore(e,this.nextSibling)})},empty:function(){for(var e,t=0;null!=(e=this[t]);t++){for(1===e.nodeType&&pe.cleanData(h(e,!1));e.firstChild;)e.removeChild(e.firstChild);e.options&&pe.nodeName(e,"select")&&(e.options.length=0)}return this},clone:function(e,t){return e=null!=e&&e,t=null==t?e:t,this.map(function(){return pe.clone(this,e,t)})},html:function(e){return Pe(this,function(e){var t=this[0]||{},n=0,r=this.length;if(void 0===e)return 1===t.nodeType?t.innerHTML.replace(Ze,""):void 0;if("string"==typeof e&&!nt.test(e)&&(fe.htmlSerialize||!et.test(e))&&(fe.leadingWhitespace||!$e.test(e))&&!Xe[(We.exec(e)||["",""])[1].toLowerCase()]){e=pe.htmlPrefilter(e);try{for(;n<r;n++)t=this[n]||{},1===t.nodeType&&(pe.cleanData(h(t,!1)),t.innerHTML=e);t=0}catch(i){}}t&&this.empty().append(e)},null,e,arguments.length)},replaceWith:function(){var e=[];return S(this,arguments,function(t){var n=this.parentNode;pe.inArray(this,e)<0&&(pe.cleanData(h(this)),
+n&&n.replaceChild(t,this))},e)}}),pe.each({appendTo:"append",prependTo:"prepend",insertBefore:"before",insertAfter:"after",replaceAll:"replaceWith"},function(e,t){pe.fn[e]=function(e){for(var n,r=0,i=[],o=pe(e),a=o.length-1;r<=a;r++)n=r===a?this:this.clone(!0),pe(o[r])[t](n),ae.apply(i,n.get());return this.pushStack(i)}});var ut,lt={HTML:"block",BODY:"block"},ct=/^margin/,ft=new RegExp("^("+Fe+")(?!px)[a-z%]+$","i"),dt=function(e,t,n,r){var i,o,a={};for(o in t)a[o]=e.style[o],e.style[o]=t[o];i=n.apply(e,r||[]);for(o in t)e.style[o]=a[o];return i},pt=re.documentElement;!function(){function t(){var t,c,f=re.documentElement;f.appendChild(u),l.style.cssText="-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;margin:auto;border:1px;padding:1px;top:1%;width:50%",n=i=s=!1,r=a=!0,e.getComputedStyle&&(c=e.getComputedStyle(l),n="1%"!==(c||{}).top,s="2px"===(c||{}).marginLeft,i="4px"===(c||{width:"4px"}).width,l.style.marginRight="50%",r="4px"===(c||{marginRight:"4px"}).marginRight,t=l.appendChild(re.createElement("div")),t.style.cssText=l.style.cssText="-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;display:block;margin:0;border:0;padding:0",t.style.marginRight=t.style.width="0",l.style.width="1px",a=!parseFloat((e.getComputedStyle(t)||{}).marginRight),l.removeChild(t)),l.style.display="none",o=0===l.getClientRects().length,o&&(l.style.display="",l.innerHTML="<table><tr><td></td><td>t</td></tr></table>",t=l.getElementsByTagName("td"),t[0].style.cssText="margin:0;border:0;padding:0;display:none",o=0===t[0].offsetHeight,o&&(t[0].style.display="",t[1].style.display="none",o=0===t[0].offsetHeight)),f.removeChild(u)}var n,r,i,o,a,s,u=re.createElement("div"),l=re.createElement("div");l.style&&(l.style.cssText="float:left;opacity:.5",fe.opacity="0.5"===l.style.opacity,fe.cssFloat=!!l.style.cssFloat,l.style.backgroundClip="content-box",l.cloneNode(!0).style.backgroundClip="",fe.clearCloneStyle="content-box"===l.style.backgroundClip,u=re.createElement("div"),u.style.cssText="border:0;width:8px;height:0;top:0;left:-9999px;padding:0;margin-top:1px;position:absolute",l.innerHTML="",u.appendChild(l),fe.boxSizing=""===l.style.boxSizing||""===l.style.MozBoxSizing||""===l.style.WebkitBoxSizing,pe.extend(fe,{reliableHiddenOffsets:function(){return null==n&&t(),o},boxSizingReliable:function(){return null==n&&t(),i},pixelMarginRight:function(){return null==n&&t(),r},pixelPosition:function(){return null==n&&t(),n},reliableMarginRight:function(){return null==n&&t(),a},reliableMarginLeft:function(){return null==n&&t(),s}}))}();var ht,gt,mt=/^(top|right|bottom|left)$/;e.getComputedStyle?(ht=function(t){var n=t.ownerDocument.defaultView;return n&&n.opener||(n=e),n.getComputedStyle(t)},gt=function(e,t,n){var r,i,o,a,s=e.style;return n=n||ht(e),a=n?n.getPropertyValue(t)||n[t]:void 0,""!==a&&void 0!==a||pe.contains(e.ownerDocument,e)||(a=pe.style(e,t)),n&&!fe.pixelMarginRight()&&ft.test(a)&&ct.test(t)&&(r=s.width,i=s.minWidth,o=s.maxWidth,s.minWidth=s.maxWidth=s.width=a,a=n.width,s.width=r,s.minWidth=i,s.maxWidth=o),void 0===a?a:a+""}):pt.currentStyle&&(ht=function(e){return e.currentStyle},gt=function(e,t,n){var r,i,o,a,s=e.style;return n=n||ht(e),a=n?n[t]:void 0,null==a&&s&&s[t]&&(a=s[t]),ft.test(a)&&!mt.test(t)&&(r=s.left,i=e.runtimeStyle,o=i&&i.left,o&&(i.left=e.currentStyle.left),s.left="fontSize"===t?"1em":a,a=s.pixelLeft+"px",s.left=r,o&&(i.left=o)),void 0===a?a:a+""||"auto"});var yt=/alpha\([^)]*\)/i,vt=/opacity\s*=\s*([^)]*)/i,xt=/^(none|table(?!-c[ea]).+)/,bt=new RegExp("^("+Fe+")(.*)$","i"),wt={position:"absolute",visibility:"hidden",display:"block"},Tt={letterSpacing:"0",fontWeight:"400"},Ct=["Webkit","O","Moz","ms"],Et=re.createElement("div").style;pe.extend({cssHooks:{opacity:{get:function(e,t){if(t){var n=gt(e,"opacity");return""===n?"1":n}}}},cssNumber:{animationIterationCount:!0,columnCount:!0,fillOpacity:!0,flexGrow:!0,flexShrink:!0,fontWeight:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,widows:!0,zIndex:!0,zoom:!0},cssProps:{"float":fe.cssFloat?"cssFloat":"styleFloat"},style:function(e,t,n,r){if(e&&3!==e.nodeType&&8!==e.nodeType&&e.style){var i,o,a,s=pe.camelCase(t),u=e.style;if(t=pe.cssProps[s]||(pe.cssProps[s]=H(s)||s),a=pe.cssHooks[t]||pe.cssHooks[s],void 0===n)return a&&"get"in a&&void 0!==(i=a.get(e,!1,r))?i:u[t];if(o=typeof n,"string"===o&&(i=Me.exec(n))&&i[1]&&(n=d(e,t,i),o="number"),null!=n&&n===n&&("number"===o&&(n+=i&&i[3]||(pe.cssNumber[s]?"":"px")),fe.clearCloneStyle||""!==n||0!==t.indexOf("background")||(u[t]="inherit"),!(a&&"set"in a&&void 0===(n=a.set(e,n,r)))))try{u[t]=n}catch(l){}}},css:function(e,t,n,r){var i,o,a,s=pe.camelCase(t);return t=pe.cssProps[s]||(pe.cssProps[s]=H(s)||s),a=pe.cssHooks[t]||pe.cssHooks[s],a&&"get"in a&&(o=a.get(e,!0,n)),void 0===o&&(o=gt(e,t,r)),"normal"===o&&t in Tt&&(o=Tt[t]),""===n||n?(i=parseFloat(o),n===!0||isFinite(i)?i||0:o):o}}),pe.each(["height","width"],function(e,t){pe.cssHooks[t]={get:function(e,n,r){if(n)return xt.test(pe.css(e,"display"))&&0===e.offsetWidth?dt(e,wt,function(){return M(e,t,r)}):M(e,t,r)},set:function(e,n,r){var i=r&&ht(e);return _(e,n,r?F(e,t,r,fe.boxSizing&&"border-box"===pe.css(e,"boxSizing",!1,i),i):0)}}}),fe.opacity||(pe.cssHooks.opacity={get:function(e,t){return vt.test((t&&e.currentStyle?e.currentStyle.filter:e.style.filter)||"")?.01*parseFloat(RegExp.$1)+"":t?"1":""},set:function(e,t){var n=e.style,r=e.currentStyle,i=pe.isNumeric(t)?"alpha(opacity="+100*t+")":"",o=r&&r.filter||n.filter||"";n.zoom=1,(t>=1||""===t)&&""===pe.trim(o.replace(yt,""))&&n.removeAttribute&&(n.removeAttribute("filter"),""===t||r&&!r.filter)||(n.filter=yt.test(o)?o.replace(yt,i):o+" "+i)}}),pe.cssHooks.marginRight=L(fe.reliableMarginRight,function(e,t){if(t)return dt(e,{display:"inline-block"},gt,[e,"marginRight"])}),pe.cssHooks.marginLeft=L(fe.reliableMarginLeft,function(e,t){if(t)return(parseFloat(gt(e,"marginLeft"))||(pe.contains(e.ownerDocument,e)?e.getBoundingClientRect().left-dt(e,{marginLeft:0},function(){return e.getBoundingClientRect().left}):0))+"px"}),pe.each({margin:"",padding:"",border:"Width"},function(e,t){pe.cssHooks[e+t]={expand:function(n){for(var r=0,i={},o="string"==typeof n?n.split(" "):[n];r<4;r++)i[e+Oe[r]+t]=o[r]||o[r-2]||o[0];return i}},ct.test(e)||(pe.cssHooks[e+t].set=_)}),pe.fn.extend({css:function(e,t){return Pe(this,function(e,t,n){var r,i,o={},a=0;if(pe.isArray(t)){for(r=ht(e),i=t.length;a<i;a++)o[t[a]]=pe.css(e,t[a],!1,r);return o}return void 0!==n?pe.style(e,t,n):pe.css(e,t)},e,t,arguments.length>1)},show:function(){return q(this,!0)},hide:function(){return q(this)},toggle:function(e){return"boolean"==typeof e?e?this.show():this.hide():this.each(function(){Re(this)?pe(this).show():pe(this).hide()})}}),pe.Tween=O,O.prototype={constructor:O,init:function(e,t,n,r,i,o){this.elem=e,this.prop=n,this.easing=i||pe.easing._default,this.options=t,this.start=this.now=this.cur(),this.end=r,this.unit=o||(pe.cssNumber[n]?"":"px")},cur:function(){var e=O.propHooks[this.prop];return e&&e.get?e.get(this):O.propHooks._default.get(this)},run:function(e){var t,n=O.propHooks[this.prop];return this.options.duration?this.pos=t=pe.easing[this.easing](e,this.options.duration*e,0,1,this.options.duration):this.pos=t=e,this.now=(this.end-this.start)*t+this.start,this.options.step&&this.options.step.call(this.elem,this.now,this),n&&n.set?n.set(this):O.propHooks._default.set(this),this}},O.prototype.init.prototype=O.prototype,O.propHooks={_default:{get:function(e){var t;return 1!==e.elem.nodeType||null!=e.elem[e.prop]&&null==e.elem.style[e.prop]?e.elem[e.prop]:(t=pe.css(e.elem,e.prop,""),t&&"auto"!==t?t:0)},set:function(e){pe.fx.step[e.prop]?pe.fx.step[e.prop](e):1!==e.elem.nodeType||null==e.elem.style[pe.cssProps[e.prop]]&&!pe.cssHooks[e.prop]?e.elem[e.prop]=e.now:pe.style(e.elem,e.prop,e.now+e.unit)}}},O.propHooks.scrollTop=O.propHooks.scrollLeft={set:function(e){e.elem.nodeType&&e.elem.parentNode&&(e.elem[e.prop]=e.now)}},pe.easing={linear:function(e){return e},swing:function(e){return.5-Math.cos(e*Math.PI)/2},_default:"swing"},pe.fx=O.prototype.init,pe.fx.step={};var Nt,kt,St=/^(?:toggle|show|hide)$/,At=/queueHooks$/;pe.Animation=pe.extend($,{tweeners:{"*":[function(e,t){var n=this.createTween(e,t);return d(n.elem,e,Me.exec(t),n),n}]},tweener:function(e,t){pe.isFunction(e)?(t=e,e=["*"]):e=e.match(De);for(var n,r=0,i=e.length;r<i;r++)n=e[r],$.tweeners[n]=$.tweeners[n]||[],$.tweeners[n].unshift(t)},prefilters:[W],prefilter:function(e,t){t?$.prefilters.unshift(e):$.prefilters.push(e)}}),pe.speed=function(e,t,n){var r=e&&"object"==typeof e?pe.extend({},e):{complete:n||!n&&t||pe.isFunction(e)&&e,duration:e,easing:n&&t||t&&!pe.isFunction(t)&&t};return r.duration=pe.fx.off?0:"number"==typeof r.duration?r.duration:r.duration in pe.fx.speeds?pe.fx.speeds[r.duration]:pe.fx.speeds._default,null!=r.queue&&r.queue!==!0||(r.queue="fx"),r.old=r.complete,r.complete=function(){pe.isFunction(r.old)&&r.old.call(this),r.queue&&pe.dequeue(this,r.queue)},r},pe.fn.extend({fadeTo:function(e,t,n,r){return this.filter(Re).css("opacity",0).show().end().animate({opacity:t},e,n,r)},animate:function(e,t,n,r){var i=pe.isEmptyObject(e),o=pe.speed(t,n,r),a=function(){var t=$(this,pe.extend({},e),o);(i||pe._data(this,"finish"))&&t.stop(!0)};return a.finish=a,i||o.queue===!1?this.each(a):this.queue(o.queue,a)},stop:function(e,t,n){var r=function(e){var t=e.stop;delete e.stop,t(n)};return"string"!=typeof e&&(n=t,t=e,e=void 0),t&&e!==!1&&this.queue(e||"fx",[]),this.each(function(){var t=!0,i=null!=e&&e+"queueHooks",o=pe.timers,a=pe._data(this);if(i)a[i]&&a[i].stop&&r(a[i]);else for(i in a)a[i]&&a[i].stop&&At.test(i)&&r(a[i]);for(i=o.length;i--;)o[i].elem!==this||null!=e&&o[i].queue!==e||(o[i].anim.stop(n),t=!1,o.splice(i,1));!t&&n||pe.dequeue(this,e)})},finish:function(e){return e!==!1&&(e=e||"fx"),this.each(function(){var t,n=pe._data(this),r=n[e+"queue"],i=n[e+"queueHooks"],o=pe.timers,a=r?r.length:0;for(n.finish=!0,pe.queue(this,e,[]),i&&i.stop&&i.stop.call(this,!0),t=o.length;t--;)o[t].elem===this&&o[t].queue===e&&(o[t].anim.stop(!0),o.splice(t,1));for(t=0;t<a;t++)r[t]&&r[t].finish&&r[t].finish.call(this);delete n.finish})}}),pe.each(["toggle","show","hide"],function(e,t){var n=pe.fn[t];pe.fn[t]=function(e,r,i){return null==e||"boolean"==typeof e?n.apply(this,arguments):this.animate(P(t,!0),e,r,i)}}),pe.each({slideDown:P("show"),slideUp:P("hide"),slideToggle:P("toggle"),fadeIn:{opacity:"show"},fadeOut:{opacity:"hide"},fadeToggle:{opacity:"toggle"}},function(e,t){pe.fn[e]=function(e,n,r){return this.animate(t,e,n,r)}}),pe.timers=[],pe.fx.tick=function(){var e,t=pe.timers,n=0;for(Nt=pe.now();n<t.length;n++)e=t[n],e()||t[n]!==e||t.splice(n--,1);t.length||pe.fx.stop(),Nt=void 0},pe.fx.timer=function(e){pe.timers.push(e),e()?pe.fx.start():pe.timers.pop()},pe.fx.interval=13,pe.fx.start=function(){kt||(kt=e.setInterval(pe.fx.tick,pe.fx.interval))},pe.fx.stop=function(){e.clearInterval(kt),kt=null},pe.fx.speeds={slow:600,fast:200,_default:400},pe.fn.delay=function(t,n){return t=pe.fx?pe.fx.speeds[t]||t:t,n=n||"fx",this.queue(n,function(n,r){var i=e.setTimeout(n,t);r.stop=function(){e.clearTimeout(i)}})},function(){var e,t=re.createElement("input"),n=re.createElement("div"),r=re.createElement("select"),i=r.appendChild(re.createElement("option"));n=re.createElement("div"),n.setAttribute("className","t"),n.innerHTML=" <link/><table></table><a href='/a'>a</a><input type='checkbox'/>",e=n.getElementsByTagName("a")[0],t.setAttribute("type","checkbox"),n.appendChild(t),e=n.getElementsByTagName("a")[0],e.style.cssText="top:1px",fe.getSetAttribute="t"!==n.className,fe.style=/top/.test(e.getAttribute("style")),fe.hrefNormalized="/a"===e.getAttribute("href"),fe.checkOn=!!t.value,fe.optSelected=i.selected,fe.enctype=!!re.createElement("form").enctype,r.disabled=!0,fe.optDisabled=!i.disabled,t=re.createElement("input"),t.setAttribute("value",""),fe.input=""===t.getAttribute("value"),t.value="t",t.setAttribute("type","radio"),fe.radioValue="t"===t.value}();var Dt=/\r/g,jt=/[\x20\t\r\n\f]+/g;pe.fn.extend({val:function(e){var t,n,r,i=this[0];{if(arguments.length)return r=pe.isFunction(e),this.each(function(n){var i;1===this.nodeType&&(i=r?e.call(this,n,pe(this).val()):e,null==i?i="":"number"==typeof i?i+="":pe.isArray(i)&&(i=pe.map(i,function(e){return null==e?"":e+""})),t=pe.valHooks[this.type]||pe.valHooks[this.nodeName.toLowerCase()],t&&"set"in t&&void 0!==t.set(this,i,"value")||(this.value=i))});if(i)return t=pe.valHooks[i.type]||pe.valHooks[i.nodeName.toLowerCase()],t&&"get"in t&&void 0!==(n=t.get(i,"value"))?n:(n=i.value,"string"==typeof n?n.replace(Dt,""):null==n?"":n)}}}),pe.extend({valHooks:{option:{get:function(e){var t=pe.find.attr(e,"value");return null!=t?t:pe.trim(pe.text(e)).replace(jt," ")}},select:{get:function(e){for(var t,n,r=e.options,i=e.selectedIndex,o="select-one"===e.type||i<0,a=o?null:[],s=o?i+1:r.length,u=i<0?s:o?i:0;u<s;u++)if(n=r[u],(n.selected||u===i)&&(fe.optDisabled?!n.disabled:null===n.getAttribute("disabled"))&&(!n.parentNode.disabled||!pe.nodeName(n.parentNode,"optgroup"))){if(t=pe(n).val(),o)return t;a.push(t)}return a},set:function(e,t){for(var n,r,i=e.options,o=pe.makeArray(t),a=i.length;a--;)if(r=i[a],pe.inArray(pe.valHooks.option.get(r),o)>-1)try{r.selected=n=!0}catch(s){r.scrollHeight}else r.selected=!1;return n||(e.selectedIndex=-1),i}}}}),pe.each(["radio","checkbox"],function(){pe.valHooks[this]={set:function(e,t){if(pe.isArray(t))return e.checked=pe.inArray(pe(e).val(),t)>-1}},fe.checkOn||(pe.valHooks[this].get=function(e){return null===e.getAttribute("value")?"on":e.value})});var Lt,Ht,qt=pe.expr.attrHandle,_t=/^(?:checked|selected)$/i,Ft=fe.getSetAttribute,Mt=fe.input;pe.fn.extend({attr:function(e,t){return Pe(this,pe.attr,e,t,arguments.length>1)},removeAttr:function(e){return this.each(function(){pe.removeAttr(this,e)})}}),pe.extend({attr:function(e,t,n){var r,i,o=e.nodeType;if(3!==o&&8!==o&&2!==o)return"undefined"==typeof e.getAttribute?pe.prop(e,t,n):(1===o&&pe.isXMLDoc(e)||(t=t.toLowerCase(),i=pe.attrHooks[t]||(pe.expr.match.bool.test(t)?Ht:Lt)),void 0!==n?null===n?void pe.removeAttr(e,t):i&&"set"in i&&void 0!==(r=i.set(e,n,t))?r:(e.setAttribute(t,n+""),n):i&&"get"in i&&null!==(r=i.get(e,t))?r:(r=pe.find.attr(e,t),null==r?void 0:r))},attrHooks:{type:{set:function(e,t){if(!fe.radioValue&&"radio"===t&&pe.nodeName(e,"input")){var n=e.value;return e.setAttribute("type",t),n&&(e.value=n),t}}}},removeAttr:function(e,t){var n,r,i=0,o=t&&t.match(De);if(o&&1===e.nodeType)for(;n=o[i++];)r=pe.propFix[n]||n,pe.expr.match.bool.test(n)?Mt&&Ft||!_t.test(n)?e[r]=!1:e[pe.camelCase("default-"+n)]=e[r]=!1:pe.attr(e,n,""),e.removeAttribute(Ft?n:r)}}),Ht={set:function(e,t,n){return t===!1?pe.removeAttr(e,n):Mt&&Ft||!_t.test(n)?e.setAttribute(!Ft&&pe.propFix[n]||n,n):e[pe.camelCase("default-"+n)]=e[n]=!0,n}},pe.each(pe.expr.match.bool.source.match(/\w+/g),function(e,t){var n=qt[t]||pe.find.attr;Mt&&Ft||!_t.test(t)?qt[t]=function(e,t,r){var i,o;return r||(o=qt[t],qt[t]=i,i=null!=n(e,t,r)?t.toLowerCase():null,qt[t]=o),i}:qt[t]=function(e,t,n){if(!n)return e[pe.camelCase("default-"+t)]?t.toLowerCase():null}}),Mt&&Ft||(pe.attrHooks.value={set:function(e,t,n){return pe.nodeName(e,"input")?void(e.defaultValue=t):Lt&&Lt.set(e,t,n)}}),Ft||(Lt={set:function(e,t,n){var r=e.getAttributeNode(n);if(r||e.setAttributeNode(r=e.ownerDocument.createAttribute(n)),r.value=t+="","value"===n||t===e.getAttribute(n))return t}},qt.id=qt.name=qt.coords=function(e,t,n){var r;if(!n)return(r=e.getAttributeNode(t))&&""!==r.value?r.value:null},pe.valHooks.button={get:function(e,t){var n=e.getAttributeNode(t);if(n&&n.specified)return n.value},set:Lt.set},pe.attrHooks.contenteditable={set:function(e,t,n){Lt.set(e,""!==t&&t,n)}},pe.each(["width","height"],function(e,t){pe.attrHooks[t]={set:function(e,n){if(""===n)return e.setAttribute(t,"auto"),n}}})),fe.style||(pe.attrHooks.style={get:function(e){return e.style.cssText||void 0},set:function(e,t){return e.style.cssText=t+""}});var Ot=/^(?:input|select|textarea|button|object)$/i,Rt=/^(?:a|area)$/i;pe.fn.extend({prop:function(e,t){return Pe(this,pe.prop,e,t,arguments.length>1)},removeProp:function(e){return e=pe.propFix[e]||e,this.each(function(){try{this[e]=void 0,delete this[e]}catch(t){}})}}),pe.extend({prop:function(e,t,n){var r,i,o=e.nodeType;if(3!==o&&8!==o&&2!==o)return 1===o&&pe.isXMLDoc(e)||(t=pe.propFix[t]||t,i=pe.propHooks[t]),void 0!==n?i&&"set"in i&&void 0!==(r=i.set(e,n,t))?r:e[t]=n:i&&"get"in i&&null!==(r=i.get(e,t))?r:e[t]},propHooks:{tabIndex:{get:function(e){var t=pe.find.attr(e,"tabindex");return t?parseInt(t,10):Ot.test(e.nodeName)||Rt.test(e.nodeName)&&e.href?0:-1}}},propFix:{"for":"htmlFor","class":"className"}}),fe.hrefNormalized||pe.each(["href","src"],function(e,t){pe.propHooks[t]={get:function(e){return e.getAttribute(t,4)}}}),fe.optSelected||(pe.propHooks.selected={get:function(e){var t=e.parentNode;return t&&(t.selectedIndex,t.parentNode&&t.parentNode.selectedIndex),null},set:function(e){var t=e.parentNode;t&&(t.selectedIndex,t.parentNode&&t.parentNode.selectedIndex)}}),pe.each(["tabIndex","readOnly","maxLength","cellSpacing","cellPadding","rowSpan","colSpan","useMap","frameBorder","contentEditable"],function(){pe.propFix[this.toLowerCase()]=this}),fe.enctype||(pe.propFix.enctype="encoding");var Pt=/[\t\r\n\f]/g;pe.fn.extend({addClass:function(e){var t,n,r,i,o,a,s,u=0;if(pe.isFunction(e))return this.each(function(t){pe(this).addClass(e.call(this,t,z(this)))});if("string"==typeof e&&e)for(t=e.match(De)||[];n=this[u++];)if(i=z(n),r=1===n.nodeType&&(" "+i+" ").replace(Pt," ")){for(a=0;o=t[a++];)r.indexOf(" "+o+" ")<0&&(r+=o+" ");s=pe.trim(r),i!==s&&pe.attr(n,"class",s)}return this},removeClass:function(e){var t,n,r,i,o,a,s,u=0;if(pe.isFunction(e))return this.each(function(t){pe(this).removeClass(e.call(this,t,z(this)))});if(!arguments.length)return this.attr("class","");if("string"==typeof e&&e)for(t=e.match(De)||[];n=this[u++];)if(i=z(n),r=1===n.nodeType&&(" "+i+" ").replace(Pt," ")){for(a=0;o=t[a++];)for(;r.indexOf(" "+o+" ")>-1;)r=r.replace(" "+o+" "," ");s=pe.trim(r),i!==s&&pe.attr(n,"class",s)}return this},toggleClass:function(e,t){var n=typeof e;return"boolean"==typeof t&&"string"===n?t?this.addClass(e):this.removeClass(e):pe.isFunction(e)?this.each(function(n){pe(this).toggleClass(e.call(this,n,z(this),t),t)}):this.each(function(){var t,r,i,o;if("string"===n)for(r=0,i=pe(this),o=e.match(De)||[];t=o[r++];)i.hasClass(t)?i.removeClass(t):i.addClass(t);else void 0!==e&&"boolean"!==n||(t=z(this),t&&pe._data(this,"__className__",t),pe.attr(this,"class",t||e===!1?"":pe._data(this,"__className__")||""))})},hasClass:function(e){var t,n,r=0;for(t=" "+e+" ";n=this[r++];)if(1===n.nodeType&&(" "+z(n)+" ").replace(Pt," ").indexOf(t)>-1)return!0;return!1}}),pe.each("blur focus focusin focusout load resize scroll unload click dblclick mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave change select submit keydown keypress keyup error contextmenu".split(" "),function(e,t){pe.fn[t]=function(e,n){return arguments.length>0?this.on(t,null,e,n):this.trigger(t)}}),pe.fn.extend({hover:function(e,t){return this.mouseenter(e).mouseleave(t||e)}});var Bt=e.location,Wt=pe.now(),It=/\?/,$t=/(,)|(\[|{)|(}|])|"(?:[^"\\\r\n]|\\["\\\/bfnrt]|\\u[\da-fA-F]{4})*"\s*:?|true|false|null|-?(?!0\d)\d+(?:\.\d+|)(?:[eE][+-]?\d+|)/g;pe.parseJSON=function(t){if(e.JSON&&e.JSON.parse)return e.JSON.parse(t+"");var n,r=null,i=pe.trim(t+"");return i&&!pe.trim(i.replace($t,function(e,t,i,o){return n&&t&&(r=0),0===r?e:(n=i||t,r+=!o-!i,"")}))?Function("return "+i)():pe.error("Invalid JSON: "+t)},pe.parseXML=function(t){var n,r;if(!t||"string"!=typeof t)return null;try{e.DOMParser?(r=new e.DOMParser,n=r.parseFromString(t,"text/xml")):(n=new e.ActiveXObject("Microsoft.XMLDOM"),n.async="false",n.loadXML(t))}catch(i){n=void 0}return n&&n.documentElement&&!n.getElementsByTagName("parsererror").length||pe.error("Invalid XML: "+t),n};var zt=/#.*$/,Xt=/([?&])_=[^&]*/,Ut=/^(.*?):[ \t]*([^\r\n]*)\r?$/gm,Vt=/^(?:about|app|app-storage|.+-extension|file|res|widget):$/,Yt=/^(?:GET|HEAD)$/,Jt=/^\/\//,Gt=/^([\w.+-]+:)(?:\/\/(?:[^\/?#]*@|)([^\/?#:]*)(?::(\d+)|)|)/,Kt={},Qt={},Zt="*/".concat("*"),en=Bt.href,tn=Gt.exec(en.toLowerCase())||[];pe.extend({active:0,lastModified:{},etag:{},ajaxSettings:{url:en,type:"GET",isLocal:Vt.test(tn[1]),global:!0,processData:!0,async:!0,contentType:"application/x-www-form-urlencoded; charset=UTF-8",accepts:{"*":Zt,text:"text/plain",html:"text/html",xml:"application/xml, text/xml",json:"application/json, text/javascript"},contents:{xml:/\bxml\b/,html:/\bhtml/,json:/\bjson\b/},responseFields:{xml:"responseXML",text:"responseText",json:"responseJSON"},converters:{"* text":String,"text html":!0,"text json":pe.parseJSON,"text xml":pe.parseXML},flatOptions:{url:!0,context:!0}},ajaxSetup:function(e,t){return t?V(V(e,pe.ajaxSettings),t):V(pe.ajaxSettings,e)},ajaxPrefilter:X(Kt),ajaxTransport:X(Qt),ajax:function(t,n){function r(t,n,r,i){var o,f,v,x,w,C=n;2!==b&&(b=2,u&&e.clearTimeout(u),c=void 0,s=i||"",T.readyState=t>0?4:0,o=t>=200&&t<300||304===t,r&&(x=Y(d,T,r)),x=J(d,x,T,o),o?(d.ifModified&&(w=T.getResponseHeader("Last-Modified"),w&&(pe.lastModified[a]=w),w=T.getResponseHeader("etag"),w&&(pe.etag[a]=w)),204===t||"HEAD"===d.type?C="nocontent":304===t?C="notmodified":(C=x.state,f=x.data,v=x.error,o=!v)):(v=C,!t&&C||(C="error",t<0&&(t=0))),T.status=t,T.statusText=(n||C)+"",o?g.resolveWith(p,[f,C,T]):g.rejectWith(p,[T,C,v]),T.statusCode(y),y=void 0,l&&h.trigger(o?"ajaxSuccess":"ajaxError",[T,d,o?f:v]),m.fireWith(p,[T,C]),l&&(h.trigger("ajaxComplete",[T,d]),--pe.active||pe.event.trigger("ajaxStop")))}"object"==typeof t&&(n=t,t=void 0),n=n||{};var i,o,a,s,u,l,c,f,d=pe.ajaxSetup({},n),p=d.context||d,h=d.context&&(p.nodeType||p.jquery)?pe(p):pe.event,g=pe.Deferred(),m=pe.Callbacks("once memory"),y=d.statusCode||{},v={},x={},b=0,w="canceled",T={readyState:0,getResponseHeader:function(e){var t;if(2===b){if(!f)for(f={};t=Ut.exec(s);)f[t[1].toLowerCase()]=t[2];t=f[e.toLowerCase()]}return null==t?null:t},getAllResponseHeaders:function(){return 2===b?s:null},setRequestHeader:function(e,t){var n=e.toLowerCase();return b||(e=x[n]=x[n]||e,v[e]=t),this},overrideMimeType:function(e){return b||(d.mimeType=e),this},statusCode:function(e){var t;if(e)if(b<2)for(t in e)y[t]=[y[t],e[t]];else T.always(e[T.status]);return this},abort:function(e){var t=e||w;return c&&c.abort(t),r(0,t),this}};if(g.promise(T).complete=m.add,T.success=T.done,T.error=T.fail,d.url=((t||d.url||en)+"").replace(zt,"").replace(Jt,tn[1]+"//"),d.type=n.method||n.type||d.method||d.type,d.dataTypes=pe.trim(d.dataType||"*").toLowerCase().match(De)||[""],null==d.crossDomain&&(i=Gt.exec(d.url.toLowerCase()),d.crossDomain=!(!i||i[1]===tn[1]&&i[2]===tn[2]&&(i[3]||("http:"===i[1]?"80":"443"))===(tn[3]||("http:"===tn[1]?"80":"443")))),d.data&&d.processData&&"string"!=typeof d.data&&(d.data=pe.param(d.data,d.traditional)),U(Kt,d,n,T),2===b)return T;l=pe.event&&d.global,l&&0===pe.active++&&pe.event.trigger("ajaxStart"),d.type=d.type.toUpperCase(),d.hasContent=!Yt.test(d.type),a=d.url,d.hasContent||(d.data&&(a=d.url+=(It.test(a)?"&":"?")+d.data,delete d.data),d.cache===!1&&(d.url=Xt.test(a)?a.replace(Xt,"$1_="+Wt++):a+(It.test(a)?"&":"?")+"_="+Wt++)),d.ifModified&&(pe.lastModified[a]&&T.setRequestHeader("If-Modified-Since",pe.lastModified[a]),pe.etag[a]&&T.setRequestHeader("If-None-Match",pe.etag[a])),(d.data&&d.hasContent&&d.contentType!==!1||n.contentType)&&T.setRequestHeader("Content-Type",d.contentType),T.setRequestHeader("Accept",d.dataTypes[0]&&d.accepts[d.dataTypes[0]]?d.accepts[d.dataTypes[0]]+("*"!==d.dataTypes[0]?", "+Zt+"; q=0.01":""):d.accepts["*"]);for(o in d.headers)T.setRequestHeader(o,d.headers[o]);if(d.beforeSend&&(d.beforeSend.call(p,T,d)===!1||2===b))return T.abort();w="abort";for(o in{success:1,error:1,complete:1})T[o](d[o]);if(c=U(Qt,d,n,T)){if(T.readyState=1,l&&h.trigger("ajaxSend",[T,d]),2===b)return T;d.async&&d.timeout>0&&(u=e.setTimeout(function(){T.abort("timeout")},d.timeout));try{b=1,c.send(v,r)}catch(C){if(!(b<2))throw C;r(-1,C)}}else r(-1,"No Transport");return T},getJSON:function(e,t,n){return pe.get(e,t,n,"json")},getScript:function(e,t){return pe.get(e,void 0,t,"script")}}),pe.each(["get","post"],function(e,t){pe[t]=function(e,n,r,i){return pe.isFunction(n)&&(i=i||r,r=n,n=void 0),pe.ajax(pe.extend({url:e,type:t,dataType:i,data:n,success:r},pe.isPlainObject(e)&&e))}}),pe._evalUrl=function(e){return pe.ajax({url:e,type:"GET",dataType:"script",cache:!0,async:!1,global:!1,"throws":!0})},pe.fn.extend({wrapAll:function(e){if(pe.isFunction(e))return this.each(function(t){pe(this).wrapAll(e.call(this,t))});if(this[0]){var t=pe(e,this[0].ownerDocument).eq(0).clone(!0);this[0].parentNode&&t.insertBefore(this[0]),t.map(function(){for(var e=this;e.firstChild&&1===e.firstChild.nodeType;)e=e.firstChild;return e}).append(this)}return this},wrapInner:function(e){return pe.isFunction(e)?this.each(function(t){pe(this).wrapInner(e.call(this,t))}):this.each(function(){var t=pe(this),n=t.contents();n.length?n.wrapAll(e):t.append(e)})},wrap:function(e){var t=pe.isFunction(e);return this.each(function(n){pe(this).wrapAll(t?e.call(this,n):e)})},unwrap:function(){return this.parent().each(function(){pe.nodeName(this,"body")||pe(this).replaceWith(this.childNodes)}).end()}}),pe.expr.filters.hidden=function(e){return fe.reliableHiddenOffsets()?e.offsetWidth<=0&&e.offsetHeight<=0&&!e.getClientRects().length:K(e)},pe.expr.filters.visible=function(e){return!pe.expr.filters.hidden(e)};var nn=/%20/g,rn=/\[\]$/,on=/\r?\n/g,an=/^(?:submit|button|image|reset|file)$/i,sn=/^(?:input|select|textarea|keygen)/i;pe.param=function(e,t){var n,r=[],i=function(e,t){t=pe.isFunction(t)?t():null==t?"":t,r[r.length]=encodeURIComponent(e)+"="+encodeURIComponent(t)};if(void 0===t&&(t=pe.ajaxSettings&&pe.ajaxSettings.traditional),pe.isArray(e)||e.jquery&&!pe.isPlainObject(e))pe.each(e,function(){i(this.name,this.value)});else for(n in e)Q(n,e[n],t,i);return r.join("&").replace(nn,"+")},pe.fn.extend({serialize:function(){return pe.param(this.serializeArray())},serializeArray:function(){return this.map(function(){var e=pe.prop(this,"elements");return e?pe.makeArray(e):this}).filter(function(){var e=this.type;return this.name&&!pe(this).is(":disabled")&&sn.test(this.nodeName)&&!an.test(e)&&(this.checked||!Be.test(e))}).map(function(e,t){var n=pe(this).val();return null==n?null:pe.isArray(n)?pe.map(n,function(e){return{name:t.name,value:e.replace(on,"\r\n")}}):{name:t.name,value:n.replace(on,"\r\n")}}).get()}}),pe.ajaxSettings.xhr=void 0!==e.ActiveXObject?function(){return this.isLocal?ee():re.documentMode>8?Z():/^(get|post|head|put|delete|options)$/i.test(this.type)&&Z()||ee()}:Z;var un=0,ln={},cn=pe.ajaxSettings.xhr();e.attachEvent&&e.attachEvent("onunload",function(){for(var e in ln)ln[e](void 0,!0)}),fe.cors=!!cn&&"withCredentials"in cn,cn=fe.ajax=!!cn,cn&&pe.ajaxTransport(function(t){if(!t.crossDomain||fe.cors){var n;return{send:function(r,i){var o,a=t.xhr(),s=++un;if(a.open(t.type,t.url,t.async,t.username,t.password),t.xhrFields)for(o in t.xhrFields)a[o]=t.xhrFields[o];t.mimeType&&a.overrideMimeType&&a.overrideMimeType(t.mimeType),t.crossDomain||r["X-Requested-With"]||(r["X-Requested-With"]="XMLHttpRequest");for(o in r)void 0!==r[o]&&a.setRequestHeader(o,r[o]+"");a.send(t.hasContent&&t.data||null),n=function(e,r){var o,u,l;if(n&&(r||4===a.readyState))if(delete ln[s],n=void 0,a.onreadystatechange=pe.noop,r)4!==a.readyState&&a.abort();else{l={},o=a.status,"string"==typeof a.responseText&&(l.text=a.responseText);try{u=a.statusText}catch(c){u=""}o||!t.isLocal||t.crossDomain?1223===o&&(o=204):o=l.text?200:404}l&&i(o,u,l,a.getAllResponseHeaders())},t.async?4===a.readyState?e.setTimeout(n):a.onreadystatechange=ln[s]=n:n()},abort:function(){n&&n(void 0,!0)}}}}),pe.ajaxSetup({accepts:{script:"text/javascript, application/javascript, application/ecmascript, application/x-ecmascript"},contents:{script:/\b(?:java|ecma)script\b/},converters:{"text script":function(e){return pe.globalEval(e),e}}}),pe.ajaxPrefilter("script",function(e){void 0===e.cache&&(e.cache=!1),e.crossDomain&&(e.type="GET",e.global=!1)}),pe.ajaxTransport("script",function(e){if(e.crossDomain){var t,n=re.head||pe("head")[0]||re.documentElement;return{send:function(r,i){t=re.createElement("script"),t.async=!0,e.scriptCharset&&(t.charset=e.scriptCharset),t.src=e.url,t.onload=t.onreadystatechange=function(e,n){(n||!t.readyState||/loaded|complete/.test(t.readyState))&&(t.onload=t.onreadystatechange=null,t.parentNode&&t.parentNode.removeChild(t),t=null,n||i(200,"success"))},n.insertBefore(t,n.firstChild)},abort:function(){t&&t.onload(void 0,!0)}}}});var fn=[],dn=/(=)\?(?=&|$)|\?\?/;pe.ajaxSetup({jsonp:"callback",jsonpCallback:function(){var e=fn.pop()||pe.expando+"_"+Wt++;return this[e]=!0,e}}),pe.ajaxPrefilter("json jsonp",function(t,n,r){var i,o,a,s=t.jsonp!==!1&&(dn.test(t.url)?"url":"string"==typeof t.data&&0===(t.contentType||"").indexOf("application/x-www-form-urlencoded")&&dn.test(t.data)&&"data");if(s||"jsonp"===t.dataTypes[0])return i=t.jsonpCallback=pe.isFunction(t.jsonpCallback)?t.jsonpCallback():t.jsonpCallback,s?t[s]=t[s].replace(dn,"$1"+i):t.jsonp!==!1&&(t.url+=(It.test(t.url)?"&":"?")+t.jsonp+"="+i),t.converters["script json"]=function(){return a||pe.error(i+" was not called"),a[0]},t.dataTypes[0]="json",o=e[i],e[i]=function(){a=arguments},r.always(function(){void 0===o?pe(e).removeProp(i):e[i]=o,t[i]&&(t.jsonpCallback=n.jsonpCallback,fn.push(i)),a&&pe.isFunction(o)&&o(a[0]),a=o=void 0}),"script"}),pe.parseHTML=function(e,t,n){if(!e||"string"!=typeof e)return null;"boolean"==typeof t&&(n=t,t=!1),t=t||re;var r=Te.exec(e),i=!n&&[];return r?[t.createElement(r[1])]:(r=y([e],t,i),i&&i.length&&pe(i).remove(),pe.merge([],r.childNodes))};var pn=pe.fn.load;return pe.fn.load=function(e,t,n){if("string"!=typeof e&&pn)return pn.apply(this,arguments);var r,i,o,a=this,s=e.indexOf(" ");return s>-1&&(r=pe.trim(e.slice(s,e.length)),e=e.slice(0,s)),pe.isFunction(t)?(n=t,t=void 0):t&&"object"==typeof t&&(i="POST"),a.length>0&&pe.ajax({url:e,type:i||"GET",dataType:"html",data:t}).done(function(e){o=arguments,a.html(r?pe("<div>").append(pe.parseHTML(e)).find(r):e)}).always(n&&function(e,t){a.each(function(){n.apply(this,o||[e.responseText,t,e])})}),this},pe.each(["ajaxStart","ajaxStop","ajaxComplete","ajaxError","ajaxSuccess","ajaxSend"],function(e,t){pe.fn[t]=function(e){return this.on(t,e)}}),pe.expr.filters.animated=function(e){return pe.grep(pe.timers,function(t){return e===t.elem}).length},pe.offset={setOffset:function(e,t,n){var r,i,o,a,s,u,l,c=pe.css(e,"position"),f=pe(e),d={};"static"===c&&(e.style.position="relative"),s=f.offset(),o=pe.css(e,"top"),u=pe.css(e,"left"),l=("absolute"===c||"fixed"===c)&&pe.inArray("auto",[o,u])>-1,l?(r=f.position(),a=r.top,i=r.left):(a=parseFloat(o)||0,i=parseFloat(u)||0),pe.isFunction(t)&&(t=t.call(e,n,pe.extend({},s))),null!=t.top&&(d.top=t.top-s.top+a),null!=t.left&&(d.left=t.left-s.left+i),"using"in t?t.using.call(e,d):f.css(d)}},pe.fn.extend({offset:function(e){if(arguments.length)return void 0===e?this:this.each(function(t){pe.offset.setOffset(this,e,t)});var t,n,r={top:0,left:0},i=this[0],o=i&&i.ownerDocument;if(o)return t=o.documentElement,pe.contains(t,i)?("undefined"!=typeof i.getBoundingClientRect&&(r=i.getBoundingClientRect()),n=te(o),{top:r.top+(n.pageYOffset||t.scrollTop)-(t.clientTop||0),left:r.left+(n.pageXOffset||t.scrollLeft)-(t.clientLeft||0)}):r},position:function(){if(this[0]){var e,t,n={top:0,left:0},r=this[0];return"fixed"===pe.css(r,"position")?t=r.getBoundingClientRect():(e=this.offsetParent(),t=this.offset(),pe.nodeName(e[0],"html")||(n=e.offset()),n.top+=pe.css(e[0],"borderTopWidth",!0),n.left+=pe.css(e[0],"borderLeftWidth",!0)),{top:t.top-n.top-pe.css(r,"marginTop",!0),left:t.left-n.left-pe.css(r,"marginLeft",!0)}}},offsetParent:function(){return this.map(function(){
+for(var e=this.offsetParent;e&&!pe.nodeName(e,"html")&&"static"===pe.css(e,"position");)e=e.offsetParent;return e||pt})}}),pe.each({scrollLeft:"pageXOffset",scrollTop:"pageYOffset"},function(e,t){var n=/Y/.test(t);pe.fn[e]=function(r){return Pe(this,function(e,r,i){var o=te(e);return void 0===i?o?t in o?o[t]:o.document.documentElement[r]:e[r]:void(o?o.scrollTo(n?pe(o).scrollLeft():i,n?i:pe(o).scrollTop()):e[r]=i)},e,r,arguments.length,null)}}),pe.each(["top","left"],function(e,t){pe.cssHooks[t]=L(fe.pixelPosition,function(e,n){if(n)return n=gt(e,t),ft.test(n)?pe(e).position()[t]+"px":n})}),pe.each({Height:"height",Width:"width"},function(e,t){pe.each({padding:"inner"+e,content:t,"":"outer"+e},function(n,r){pe.fn[r]=function(r,i){var o=arguments.length&&(n||"boolean"!=typeof r),a=n||(r===!0||i===!0?"margin":"border");return Pe(this,function(t,n,r){var i;return pe.isWindow(t)?t.document.documentElement["client"+e]:9===t.nodeType?(i=t.documentElement,Math.max(t.body["scroll"+e],i["scroll"+e],t.body["offset"+e],i["offset"+e],i["client"+e])):void 0===r?pe.css(t,n,a):pe.style(t,n,r,a)},t,o?r:void 0,o,null)}})}),pe.fn.extend({bind:function(e,t,n){return this.on(e,null,t,n)},unbind:function(e,t){return this.off(e,null,t)},delegate:function(e,t,n,r){return this.on(t,e,n,r)},undelegate:function(e,t,n){return 1===arguments.length?this.off(e,"**"):this.off(t,e||"**",n)}}),pe.fn.size=function(){return this.length},pe.fn.andSelf=pe.fn.addBack,layui.define(function(e){layui.$=pe,e("jquery",pe)}),pe});!function(e,t){"use strict";var i,n,a=e.layui&&layui.define,o={getPath:function(){var e=document.currentScript?document.currentScript.src:function(){for(var e,t=document.scripts,i=t.length-1,n=i;n>0;n--)if("interactive"===t[n].readyState){e=t[n].src;break}return e||t[i].src}();return e.substring(0,e.lastIndexOf("/")+1)}(),config:{},end:{},minIndex:0,minLeft:[],btn:["确定","取消"],type:["dialog","page","iframe","loading","tips"],getStyle:function(t,i){var n=t.currentStyle?t.currentStyle:e.getComputedStyle(t,null);return n[n.getPropertyValue?"getPropertyValue":"getAttribute"](i)},link:function(t,i,n){if(r.path){var a=document.getElementsByTagName("head")[0],s=document.createElement("link");"string"==typeof i&&(n=i);var l=(n||t).replace(/\.|\//g,""),f="layuicss-"+l,c=0;s.rel="stylesheet",s.href=r.path+t,s.id=f,document.getElementById(f)||a.appendChild(s),"function"==typeof i&&!function u(){return++c>80?e.console&&console.error("layer.css: Invalid"):void(1989===parseInt(o.getStyle(document.getElementById(f),"width"))?i():setTimeout(u,100))}()}}},r={v:"3.1.1",ie:function(){var t=navigator.userAgent.toLowerCase();return!!(e.ActiveXObject||"ActiveXObject"in e)&&((t.match(/msie\s(\d+)/)||[])[1]||"11")}(),index:e.layer&&e.layer.v?1e5:0,path:o.getPath,config:function(e,t){return e=e||{},r.cache=o.config=i.extend({},o.config,e),r.path=o.config.path||r.path,"string"==typeof e.extend&&(e.extend=[e.extend]),o.config.path&&r.ready(),e.extend?(a?layui.addcss("modules/layer/"+e.extend):o.link("theme/"+e.extend),this):this},ready:function(e){var t="layer",i="",n=(a?"modules/layer/":"theme/")+"default/layer.css?v="+r.v+i;return a?layui.addcss(n,e,t):o.link(n,e,t),this},alert:function(e,t,n){var a="function"==typeof t;return a&&(n=t),r.open(i.extend({content:e,yes:n},a?{}:t))},confirm:function(e,t,n,a){var s="function"==typeof t;return s&&(a=n,n=t),r.open(i.extend({content:e,btn:o.btn,yes:n,btn2:a},s?{}:t))},msg:function(e,n,a){var s="function"==typeof n,f=o.config.skin,c=(f?f+" "+f+"-msg":"")||"layui-layer-msg",u=l.anim.length-1;return s&&(a=n),r.open(i.extend({content:e,time:3e3,shade:!1,skin:c,title:!1,closeBtn:!1,btn:!1,resize:!1,end:a},s&&!o.config.skin?{skin:c+" layui-layer-hui",anim:u}:function(){return n=n||{},(n.icon===-1||n.icon===t&&!o.config.skin)&&(n.skin=c+" "+(n.skin||"layui-layer-hui")),n}()))},load:function(e,t){return r.open(i.extend({type:3,icon:e||0,resize:!1,shade:.01},t))},tips:function(e,t,n){return r.open(i.extend({type:4,content:[e,t],closeBtn:!1,time:3e3,shade:!1,resize:!1,fixed:!1,maxWidth:210},n))}},s=function(e){var t=this;t.index=++r.index,t.config=i.extend({},t.config,o.config,e),document.body?t.creat():setTimeout(function(){t.creat()},30)};s.pt=s.prototype;var l=["layui-layer",".layui-layer-title",".layui-layer-main",".layui-layer-dialog","layui-layer-iframe","layui-layer-content","layui-layer-btn","layui-layer-close"];l.anim=["layer-anim-00","layer-anim-01","layer-anim-02","layer-anim-03","layer-anim-04","layer-anim-05","layer-anim-06"],s.pt.config={type:0,shade:.3,fixed:!0,move:l[1],title:"信息",offset:"auto",area:"auto",closeBtn:1,time:0,zIndex:19891014,maxWidth:360,anim:0,isOutAnim:!0,icon:-1,moveType:1,resize:!0,scrollbar:!0,tips:2},s.pt.vessel=function(e,t){var n=this,a=n.index,r=n.config,s=r.zIndex+a,f="object"==typeof r.title,c=r.maxmin&&(1===r.type||2===r.type),u=r.title?'<div class="layui-layer-title" style="'+(f?r.title[1]:"")+'">'+(f?r.title[0]:r.title)+"</div>":"";return r.zIndex=s,t([r.shade?'<div class="layui-layer-shade" id="layui-layer-shade'+a+'" times="'+a+'" style="'+("z-index:"+(s-1)+"; ")+'"></div>':"",'<div class="'+l[0]+(" layui-layer-"+o.type[r.type])+(0!=r.type&&2!=r.type||r.shade?"":" layui-layer-border")+" "+(r.skin||"")+'" id="'+l[0]+a+'" type="'+o.type[r.type]+'" times="'+a+'" showtime="'+r.time+'" conType="'+(e?"object":"string")+'" style="z-index: '+s+"; width:"+r.area[0]+";height:"+r.area[1]+(r.fixed?"":";position:absolute;")+'">'+(e&&2!=r.type?"":u)+'<div id="'+(r.id||"")+'" class="layui-layer-content'+(0==r.type&&r.icon!==-1?" layui-layer-padding":"")+(3==r.type?" layui-layer-loading"+r.icon:"")+'">'+(0==r.type&&r.icon!==-1?'<i class="layui-layer-ico layui-layer-ico'+r.icon+'"></i>':"")+(1==r.type&&e?"":r.content||"")+'</div><span class="layui-layer-setwin">'+function(){var e=c?'<a class="layui-layer-min" href="javascript:;"><cite></cite></a><a class="layui-layer-ico layui-layer-max" href="javascript:;"></a>':"";return r.closeBtn&&(e+='<a class="layui-layer-ico '+l[7]+" "+l[7]+(r.title?r.closeBtn:4==r.type?"1":"2")+'" href="javascript:;"></a>'),e}()+"</span>"+(r.btn?function(){var e="";"string"==typeof r.btn&&(r.btn=[r.btn]);for(var t=0,i=r.btn.length;t<i;t++)e+='<a class="'+l[6]+t+'">'+r.btn[t]+"</a>";return'<div class="'+l[6]+" layui-layer-btn-"+(r.btnAlign||"")+'">'+e+"</div>"}():"")+(r.resize?'<span class="layui-layer-resize"></span>':"")+"</div>"],u,i('<div class="layui-layer-move"></div>')),n},s.pt.creat=function(){var e=this,t=e.config,a=e.index,s=t.content,f="object"==typeof s,c=i("body");if(!t.id||!i("#"+t.id)[0]){switch("string"==typeof t.area&&(t.area="auto"===t.area?["",""]:[t.area,""]),t.shift&&(t.anim=t.shift),6==r.ie&&(t.fixed=!1),t.type){case 0:t.btn="btn"in t?t.btn:o.btn[0],r.closeAll("dialog");break;case 2:var s=t.content=f?t.content:[t.content||"","auto"];t.content='<iframe scrolling="'+(t.content[1]||"auto")+'" allowtransparency="true" id="'+l[4]+a+'" name="'+l[4]+a+'" onload="this.className=\'\';" class="layui-layer-load" frameborder="0" src="'+t.content[0]+'"></iframe>';break;case 3:delete t.title,delete t.closeBtn,t.icon===-1&&0===t.icon,r.closeAll("loading");break;case 4:f||(t.content=[t.content,"body"]),t.follow=t.content[1],t.content=t.content[0]+'<i class="layui-layer-TipsG"></i>',delete t.title,t.tips="object"==typeof t.tips?t.tips:[t.tips,!0],t.tipsMore||r.closeAll("tips")}if(e.vessel(f,function(n,r,u){c.append(n[0]),f?function(){2==t.type||4==t.type?function(){i("body").append(n[1])}():function(){s.parents("."+l[0])[0]||(s.data("display",s.css("display")).show().addClass("layui-layer-wrap").wrap(n[1]),i("#"+l[0]+a).find("."+l[5]).before(r))}()}():c.append(n[1]),i(".layui-layer-move")[0]||c.append(o.moveElem=u),e.layero=i("#"+l[0]+a),t.scrollbar||l.html.css("overflow","hidden").attr("layer-full",a)}).auto(a),i("#layui-layer-shade"+e.index).css({"background-color":t.shade[1]||"#000",opacity:t.shade[0]||t.shade}),2==t.type&&6==r.ie&&e.layero.find("iframe").attr("src",s[0]),4==t.type?e.tips():e.offset(),t.fixed&&n.on("resize",function(){e.offset(),(/^\d+%$/.test(t.area[0])||/^\d+%$/.test(t.area[1]))&&e.auto(a),4==t.type&&e.tips()}),t.time<=0||setTimeout(function(){r.close(e.index)},t.time),e.move().callback(),l.anim[t.anim]){var u="layer-anim "+l.anim[t.anim];e.layero.addClass(u).one("webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend",function(){i(this).removeClass(u)})}t.isOutAnim&&e.layero.data("isOutAnim",!0)}},s.pt.auto=function(e){var t=this,a=t.config,o=i("#"+l[0]+e);""===a.area[0]&&a.maxWidth>0&&(r.ie&&r.ie<8&&a.btn&&o.width(o.innerWidth()),o.outerWidth()>a.maxWidth&&o.width(a.maxWidth));var s=[o.innerWidth(),o.innerHeight()],f=o.find(l[1]).outerHeight()||0,c=o.find("."+l[6]).outerHeight()||0,u=function(e){e=o.find(e),e.height(s[1]-f-c-2*(0|parseFloat(e.css("padding-top"))))};switch(a.type){case 2:u("iframe");break;default:""===a.area[1]?a.maxHeight>0&&o.outerHeight()>a.maxHeight?(s[1]=a.maxHeight,u("."+l[5])):a.fixed&&s[1]>=n.height()&&(s[1]=n.height(),u("."+l[5])):u("."+l[5])}return t},s.pt.offset=function(){var e=this,t=e.config,i=e.layero,a=[i.outerWidth(),i.outerHeight()],o="object"==typeof t.offset;e.offsetTop=(n.height()-a[1])/2,e.offsetLeft=(n.width()-a[0])/2,o?(e.offsetTop=t.offset[0],e.offsetLeft=t.offset[1]||e.offsetLeft):"auto"!==t.offset&&("t"===t.offset?e.offsetTop=0:"r"===t.offset?e.offsetLeft=n.width()-a[0]:"b"===t.offset?e.offsetTop=n.height()-a[1]:"l"===t.offset?e.offsetLeft=0:"lt"===t.offset?(e.offsetTop=0,e.offsetLeft=0):"lb"===t.offset?(e.offsetTop=n.height()-a[1],e.offsetLeft=0):"rt"===t.offset?(e.offsetTop=0,e.offsetLeft=n.width()-a[0]):"rb"===t.offset?(e.offsetTop=n.height()-a[1],e.offsetLeft=n.width()-a[0]):e.offsetTop=t.offset),t.fixed||(e.offsetTop=/%$/.test(e.offsetTop)?n.height()*parseFloat(e.offsetTop)/100:parseFloat(e.offsetTop),e.offsetLeft=/%$/.test(e.offsetLeft)?n.width()*parseFloat(e.offsetLeft)/100:parseFloat(e.offsetLeft),e.offsetTop+=n.scrollTop(),e.offsetLeft+=n.scrollLeft()),i.attr("minLeft")&&(e.offsetTop=n.height()-(i.find(l[1]).outerHeight()||0),e.offsetLeft=i.css("left")),i.css({top:e.offsetTop,left:e.offsetLeft})},s.pt.tips=function(){var e=this,t=e.config,a=e.layero,o=[a.outerWidth(),a.outerHeight()],r=i(t.follow);r[0]||(r=i("body"));var s={width:r.outerWidth(),height:r.outerHeight(),top:r.offset().top,left:r.offset().left},f=a.find(".layui-layer-TipsG"),c=t.tips[0];t.tips[1]||f.remove(),s.autoLeft=function(){s.left+o[0]-n.width()>0?(s.tipLeft=s.left+s.width-o[0],f.css({right:12,left:"auto"})):s.tipLeft=s.left},s.where=[function(){s.autoLeft(),s.tipTop=s.top-o[1]-10,f.removeClass("layui-layer-TipsB").addClass("layui-layer-TipsT").css("border-right-color",t.tips[1])},function(){s.tipLeft=s.left+s.width+10,s.tipTop=s.top,f.removeClass("layui-layer-TipsL").addClass("layui-layer-TipsR").css("border-bottom-color",t.tips[1])},function(){s.autoLeft(),s.tipTop=s.top+s.height+10,f.removeClass("layui-layer-TipsT").addClass("layui-layer-TipsB").css("border-right-color",t.tips[1])},function(){s.tipLeft=s.left-o[0]-10,s.tipTop=s.top,f.removeClass("layui-layer-TipsR").addClass("layui-layer-TipsL").css("border-bottom-color",t.tips[1])}],s.where[c-1](),1===c?s.top-(n.scrollTop()+o[1]+16)<0&&s.where[2]():2===c?n.width()-(s.left+s.width+o[0]+16)>0||s.where[3]():3===c?s.top-n.scrollTop()+s.height+o[1]+16-n.height()>0&&s.where[0]():4===c&&o[0]+16-s.left>0&&s.where[1](),a.find("."+l[5]).css({"background-color":t.tips[1],"padding-right":t.closeBtn?"30px":""}),a.css({left:s.tipLeft-(t.fixed?n.scrollLeft():0),top:s.tipTop-(t.fixed?n.scrollTop():0)})},s.pt.move=function(){var e=this,t=e.config,a=i(document),s=e.layero,l=s.find(t.move),f=s.find(".layui-layer-resize"),c={};return t.move&&l.css("cursor","move"),l.on("mousedown",function(e){e.preventDefault(),t.move&&(c.moveStart=!0,c.offset=[e.clientX-parseFloat(s.css("left")),e.clientY-parseFloat(s.css("top"))],o.moveElem.css("cursor","move").show())}),f.on("mousedown",function(e){e.preventDefault(),c.resizeStart=!0,c.offset=[e.clientX,e.clientY],c.area=[s.outerWidth(),s.outerHeight()],o.moveElem.css("cursor","se-resize").show()}),a.on("mousemove",function(i){if(c.moveStart){var a=i.clientX-c.offset[0],o=i.clientY-c.offset[1],l="fixed"===s.css("position");if(i.preventDefault(),c.stX=l?0:n.scrollLeft(),c.stY=l?0:n.scrollTop(),!t.moveOut){var f=n.width()-s.outerWidth()+c.stX,u=n.height()-s.outerHeight()+c.stY;a<c.stX&&(a=c.stX),a>f&&(a=f),o<c.stY&&(o=c.stY),o>u&&(o=u)}s.css({left:a,top:o})}if(t.resize&&c.resizeStart){var a=i.clientX-c.offset[0],o=i.clientY-c.offset[1];i.preventDefault(),r.style(e.index,{width:c.area[0]+a,height:c.area[1]+o}),c.isResize=!0,t.resizing&&t.resizing(s)}}).on("mouseup",function(e){c.moveStart&&(delete c.moveStart,o.moveElem.hide(),t.moveEnd&&t.moveEnd(s)),c.resizeStart&&(delete c.resizeStart,o.moveElem.hide())}),e},s.pt.callback=function(){function e(){var e=a.cancel&&a.cancel(t.index,n);e===!1||r.close(t.index)}var t=this,n=t.layero,a=t.config;t.openLayer(),a.success&&(2==a.type?n.find("iframe").on("load",function(){a.success(n,t.index)}):a.success(n,t.index)),6==r.ie&&t.IE6(n),n.find("."+l[6]).children("a").on("click",function(){var e=i(this).index();if(0===e)a.yes?a.yes(t.index,n):a.btn1?a.btn1(t.index,n):r.close(t.index);else{var o=a["btn"+(e+1)]&&a["btn"+(e+1)](t.index,n);o===!1||r.close(t.index)}}),n.find("."+l[7]).on("click",e),a.shadeClose&&i("#layui-layer-shade"+t.index).on("click",function(){r.close(t.index)}),n.find(".layui-layer-min").on("click",function(){var e=a.min&&a.min(n);e===!1||r.min(t.index,a)}),n.find(".layui-layer-max").on("click",function(){i(this).hasClass("layui-layer-maxmin")?(r.restore(t.index),a.restore&&a.restore(n)):(r.full(t.index,a),setTimeout(function(){a.full&&a.full(n)},100))}),a.end&&(o.end[t.index]=a.end)},o.reselect=function(){i.each(i("select"),function(e,t){var n=i(this);n.parents("."+l[0])[0]||1==n.attr("layer")&&i("."+l[0]).length<1&&n.removeAttr("layer").show(),n=null})},s.pt.IE6=function(e){i("select").each(function(e,t){var n=i(this);n.parents("."+l[0])[0]||"none"===n.css("display")||n.attr({layer:"1"}).hide(),n=null})},s.pt.openLayer=function(){var e=this;r.zIndex=e.config.zIndex,r.setTop=function(e){var t=function(){r.zIndex++,e.css("z-index",r.zIndex+1)};return r.zIndex=parseInt(e[0].style.zIndex),e.on("mousedown",t),r.zIndex}},o.record=function(e){var t=[e.width(),e.height(),e.position().top,e.position().left+parseFloat(e.css("margin-left"))];e.find(".layui-layer-max").addClass("layui-layer-maxmin"),e.attr({area:t})},o.rescollbar=function(e){l.html.attr("layer-full")==e&&(l.html[0].style.removeProperty?l.html[0].style.removeProperty("overflow"):l.html[0].style.removeAttribute("overflow"),l.html.removeAttr("layer-full"))},e.layer=r,r.getChildFrame=function(e,t){return t=t||i("."+l[4]).attr("times"),i("#"+l[0]+t).find("iframe").contents().find(e)},r.getFrameIndex=function(e){return i("#"+e).parents("."+l[4]).attr("times")},r.iframeAuto=function(e){if(e){var t=r.getChildFrame("html",e).outerHeight(),n=i("#"+l[0]+e),a=n.find(l[1]).outerHeight()||0,o=n.find("."+l[6]).outerHeight()||0;n.css({height:t+a+o}),n.find("iframe").css({height:t})}},r.iframeSrc=function(e,t){i("#"+l[0]+e).find("iframe").attr("src",t)},r.style=function(e,t,n){var a=i("#"+l[0]+e),r=a.find(".layui-layer-content"),s=a.attr("type"),f=a.find(l[1]).outerHeight()||0,c=a.find("."+l[6]).outerHeight()||0;a.attr("minLeft");s!==o.type[3]&&s!==o.type[4]&&(n||(parseFloat(t.width)<=260&&(t.width=260),parseFloat(t.height)-f-c<=64&&(t.height=64+f+c)),a.css(t),c=a.find("."+l[6]).outerHeight(),s===o.type[2]?a.find("iframe").css({height:parseFloat(t.height)-f-c}):r.css({height:parseFloat(t.height)-f-c-parseFloat(r.css("padding-top"))-parseFloat(r.css("padding-bottom"))}))},r.min=function(e,t){var a=i("#"+l[0]+e),s=a.find(l[1]).outerHeight()||0,f=a.attr("minLeft")||181*o.minIndex+"px",c=a.css("position");o.record(a),o.minLeft[0]&&(f=o.minLeft[0],o.minLeft.shift()),a.attr("position",c),r.style(e,{width:180,height:s,left:f,top:n.height()-s,position:"fixed",overflow:"hidden"},!0),a.find(".layui-layer-min").hide(),"page"===a.attr("type")&&a.find(l[4]).hide(),o.rescollbar(e),a.attr("minLeft")||o.minIndex++,a.attr("minLeft",f)},r.restore=function(e){var t=i("#"+l[0]+e),n=t.attr("area").split(",");t.attr("type");r.style(e,{width:parseFloat(n[0]),height:parseFloat(n[1]),top:parseFloat(n[2]),left:parseFloat(n[3]),position:t.attr("position"),overflow:"visible"},!0),t.find(".layui-layer-max").removeClass("layui-layer-maxmin"),t.find(".layui-layer-min").show(),"page"===t.attr("type")&&t.find(l[4]).show(),o.rescollbar(e)},r.full=function(e){var t,a=i("#"+l[0]+e);o.record(a),l.html.attr("layer-full")||l.html.css("overflow","hidden").attr("layer-full",e),clearTimeout(t),t=setTimeout(function(){var t="fixed"===a.css("position");r.style(e,{top:t?0:n.scrollTop(),left:t?0:n.scrollLeft(),width:n.width(),height:n.height()},!0),a.find(".layui-layer-min").hide()},100)},r.title=function(e,t){var n=i("#"+l[0]+(t||r.index)).find(l[1]);n.html(e)},r.close=function(e){var t=i("#"+l[0]+e),n=t.attr("type"),a="layer-anim-close";if(t[0]){var s="layui-layer-wrap",f=function(){if(n===o.type[1]&&"object"===t.attr("conType")){t.children(":not(."+l[5]+")").remove();for(var a=t.find("."+s),r=0;r<2;r++)a.unwrap();a.css("display",a.data("display")).removeClass(s)}else{if(n===o.type[2])try{var f=i("#"+l[4]+e)[0];f.contentWindow.document.write(""),f.contentWindow.close(),t.find("."+l[5])[0].removeChild(f)}catch(c){}t[0].innerHTML="",t.remove()}"function"==typeof o.end[e]&&o.end[e](),delete o.end[e]};t.data("isOutAnim")&&t.addClass("layer-anim "+a),i("#layui-layer-moves, #layui-layer-shade"+e).remove(),6==r.ie&&o.reselect(),o.rescollbar(e),t.attr("minLeft")&&(o.minIndex--,o.minLeft.push(t.attr("minLeft"))),r.ie&&r.ie<10||!t.data("isOutAnim")?f():setTimeout(function(){f()},200)}},r.closeAll=function(e){i.each(i("."+l[0]),function(){var t=i(this),n=e?t.attr("type")===e:1;n&&r.close(t.attr("times")),n=null})};var f=r.cache||{},c=function(e){return f.skin?" "+f.skin+" "+f.skin+"-"+e:""};r.prompt=function(e,t){var a="";if(e=e||{},"function"==typeof e&&(t=e),e.area){var o=e.area;a='style="width: '+o[0]+"; height: "+o[1]+';"',delete e.area}var s,l=2==e.formType?'<textarea class="layui-layer-input"'+a+"></textarea>":function(){return'<input type="'+(1==e.formType?"password":"text")+'" class="layui-layer-input">'}(),f=e.success;return delete e.success,r.open(i.extend({type:1,btn:["确定","取消"],content:l,skin:"layui-layer-prompt"+c("prompt"),maxWidth:n.width(),success:function(t){s=t.find(".layui-layer-input"),s.val(e.value||"").focus(),"function"==typeof f&&f(t)},resize:!1,yes:function(i){var n=s.val();""===n?s.focus():n.length>(e.maxlength||500)?r.tips("最多输入"+(e.maxlength||500)+"个字数",s,{tips:1}):t&&t(n,i,s)}},e))},r.tab=function(e){e=e||{};var t=e.tab||{},n="layui-this",a=e.success;return delete e.success,r.open(i.extend({type:1,skin:"layui-layer-tab"+c("tab"),resize:!1,title:function(){var e=t.length,i=1,a="";if(e>0)for(a='<span class="'+n+'">'+t[0].title+"</span>";i<e;i++)a+="<span>"+t[i].title+"</span>";return a}(),content:'<ul class="layui-layer-tabmain">'+function(){var e=t.length,i=1,a="";if(e>0)for(a='<li class="layui-layer-tabli '+n+'">'+(t[0].content||"no content")+"</li>";i<e;i++)a+='<li class="layui-layer-tabli">'+(t[i].content||"no content")+"</li>";return a}()+"</ul>",success:function(t){var o=t.find(".layui-layer-title").children(),r=t.find(".layui-layer-tabmain").children();o.on("mousedown",function(t){t.stopPropagation?t.stopPropagation():t.cancelBubble=!0;var a=i(this),o=a.index();a.addClass(n).siblings().removeClass(n),r.eq(o).show().siblings().hide(),"function"==typeof e.change&&e.change(o)}),"function"==typeof a&&a(t)}},e))},r.photos=function(t,n,a){function o(e,t,i){var n=new Image;return n.src=e,n.complete?t(n):(n.onload=function(){n.onload=null,t(n)},void(n.onerror=function(e){n.onerror=null,i(e)}))}var s={};if(t=t||{},t.photos){var l=t.photos.constructor===Object,f=l?t.photos:{},u=f.data||[],d=f.start||0;s.imgIndex=(0|d)+1,t.img=t.img||"img";var y=t.success;if(delete t.success,l){if(0===u.length)return r.msg("没有图片")}else{var p=i(t.photos),h=function(){u=[],p.find(t.img).each(function(e){var t=i(this);t.attr("layer-index",e),u.push({alt:t.attr("alt"),pid:t.attr("layer-pid"),src:t.attr("layer-src")||t.attr("src"),thumb:t.attr("src")})})};if(h(),0===u.length)return;if(n||p.on("click",t.img,function(){var e=i(this),n=e.attr("layer-index");r.photos(i.extend(t,{photos:{start:n,data:u,tab:t.tab},full:t.full}),!0),h()}),!n)return}s.imgprev=function(e){s.imgIndex--,s.imgIndex<1&&(s.imgIndex=u.length),s.tabimg(e)},s.imgnext=function(e,t){s.imgIndex++,s.imgIndex>u.length&&(s.imgIndex=1,t)||s.tabimg(e)},s.keyup=function(e){if(!s.end){var t=e.keyCode;e.preventDefault(),37===t?s.imgprev(!0):39===t?s.imgnext(!0):27===t&&r.close(s.index)}},s.tabimg=function(e){if(!(u.length<=1))return f.start=s.imgIndex-1,r.close(s.index),r.photos(t,!0,e)},s.event=function(){s.bigimg.hover(function(){s.imgsee.show()},function(){s.imgsee.hide()}),s.bigimg.find(".layui-layer-imgprev").on("click",function(e){e.preventDefault(),s.imgprev()}),s.bigimg.find(".layui-layer-imgnext").on("click",function(e){e.preventDefault(),s.imgnext()}),i(document).on("keyup",s.keyup)},s.loadi=r.load(1,{shade:!("shade"in t)&&.9,scrollbar:!1}),o(u[d].src,function(n){r.close(s.loadi),s.index=r.open(i.extend({type:1,id:"layui-layer-photos",area:function(){var a=[n.width,n.height],o=[i(e).width()-100,i(e).height()-100];if(!t.full&&(a[0]>o[0]||a[1]>o[1])){var r=[a[0]/o[0],a[1]/o[1]];r[0]>r[1]?(a[0]=a[0]/r[0],a[1]=a[1]/r[0]):r[0]<r[1]&&(a[0]=a[0]/r[1],a[1]=a[1]/r[1])}return[a[0]+"px",a[1]+"px"]}(),title:!1,shade:.9,shadeClose:!0,closeBtn:!1,move:".layui-layer-phimg img",moveType:1,scrollbar:!1,moveOut:!0,isOutAnim:!1,skin:"layui-layer-photos"+c("photos"),content:'<div class="layui-layer-phimg"><img src="'+u[d].src+'" alt="'+(u[d].alt||"")+'" layer-pid="'+u[d].pid+'"><div class="layui-layer-imgsee">'+(u.length>1?'<span class="layui-layer-imguide"><a href="javascript:;" class="layui-layer-iconext layui-layer-imgprev"></a><a href="javascript:;" class="layui-layer-iconext layui-layer-imgnext"></a></span>':"")+'<div class="layui-layer-imgbar" style="display:'+(a?"block":"")+'"><span class="layui-layer-imgtit"><a href="javascript:;">'+(u[d].alt||"")+"</a><em>"+s.imgIndex+"/"+u.length+"</em></span></div></div></div>",success:function(e,i){s.bigimg=e.find(".layui-layer-phimg"),s.imgsee=e.find(".layui-layer-imguide,.layui-layer-imgbar"),s.event(e),t.tab&&t.tab(u[d],e),"function"==typeof y&&y(e)},end:function(){s.end=!0,i(document).off("keyup",s.keyup)}},t))},function(){r.close(s.loadi),r.msg("当前图片地址异常<br>是否继续查看下一张？",{time:3e4,btn:["下一张","不看了"],yes:function(){u.length>1&&s.imgnext(!0,!0)}})})}},o.run=function(t){i=t,n=i(e),l.html=i("html"),r.open=function(e){var t=new s(e);return t.index}},e.layui&&layui.define?(r.ready(),layui.define("jquery",function(t){r.path=layui.cache.dir,o.run(layui.$),e.layer=r,t("layer",r)})):"function"==typeof define&&define.amd?define(["jquery"],function(){return o.run(e.jQuery),r}):function(){o.run(e.jQuery),r.ready()}()}(window);layui.define("jquery",function(t){"use strict";var a=layui.$,i=(layui.hint(),layui.device()),e="element",l="layui-this",n="layui-show",s=function(){this.config={}};s.prototype.set=function(t){var i=this;return a.extend(!0,i.config,t),i},s.prototype.on=function(t,a){return layui.onevent.call(this,e,t,a)},s.prototype.tabAdd=function(t,i){var e=".layui-tab-title",l=a(".layui-tab[lay-filter="+t+"]"),n=l.children(e),s=n.children(".layui-tab-bar"),o=l.children(".layui-tab-content"),r='<li lay-id="'+(i.id||"")+'"'+(i.attr?' lay-attr="'+i.attr+'"':"")+">"+(i.title||"unnaming")+"</li>";return s[0]?s.before(r):n.append(r),o.append('<div class="layui-tab-item">'+(i.content||"")+"</div>"),f.hideTabMore(!0),f.tabAuto(),this},s.prototype.tabDelete=function(t,i){var e=".layui-tab-title",l=a(".layui-tab[lay-filter="+t+"]"),n=l.children(e),s=n.find('>li[lay-id="'+i+'"]');return f.tabDelete(null,s),this},s.prototype.tabChange=function(t,i){var e=".layui-tab-title",l=a(".layui-tab[lay-filter="+t+"]"),n=l.children(e),s=n.find('>li[lay-id="'+i+'"]');return f.tabClick.call(s[0],null,null,s),this},s.prototype.tab=function(t){t=t||{},b.on("click",t.headerElem,function(i){var e=a(this).index();f.tabClick.call(this,i,e,null,t)})},s.prototype.progress=function(t,i){var e="layui-progress",l=a("."+e+"[lay-filter="+t+"]"),n=l.find("."+e+"-bar"),s=n.find("."+e+"-text");return n.css("width",i),s.text(i),this};var o=".layui-nav",r="layui-nav-item",c="layui-nav-bar",u="layui-nav-tree",d="layui-nav-child",y="layui-nav-more",h="layui-anim layui-anim-upbit",f={tabClick:function(t,i,s,o){o=o||{};var r=s||a(this),i=i||r.parent().children("li").index(r),c=o.headerElem?r.parent():r.parents(".layui-tab").eq(0),u=o.bodyElem?a(o.bodyElem):c.children(".layui-tab-content").children(".layui-tab-item"),d=r.find("a"),y=c.attr("lay-filter");"javascript:;"!==d.attr("href")&&"_blank"===d.attr("target")||(r.addClass(l).siblings().removeClass(l),u.eq(i).addClass(n).siblings().removeClass(n)),layui.event.call(this,e,"tab("+y+")",{elem:c,index:i})},tabDelete:function(t,i){var n=i||a(this).parent(),s=n.index(),o=n.parents(".layui-tab").eq(0),r=o.children(".layui-tab-content").children(".layui-tab-item"),c=o.attr("lay-filter");n.hasClass(l)&&(n.next()[0]?f.tabClick.call(n.next()[0],null,s+1):n.prev()[0]&&f.tabClick.call(n.prev()[0],null,s-1)),n.remove(),r.eq(s).remove(),setTimeout(function(){f.tabAuto()},50),layui.event.call(this,e,"tabDelete("+c+")",{elem:o,index:s})},tabAuto:function(){var t="layui-tab-more",e="layui-tab-bar",l="layui-tab-close",n=this;a(".layui-tab").each(function(){var s=a(this),o=s.children(".layui-tab-title"),r=(s.children(".layui-tab-content").children(".layui-tab-item"),'lay-stope="tabmore"'),c=a('<span class="layui-unselect layui-tab-bar" '+r+"><i "+r+' class="layui-icon"></i></span>');if(n===window&&8!=i.ie&&f.hideTabMore(!0),s.attr("lay-allowClose")&&o.find("li").each(function(){var t=a(this);if(!t.find("."+l)[0]){var i=a('<i class="layui-icon layui-unselect '+l+'">ဆ</i>');i.on("click",f.tabDelete),t.append(i)}}),"string"!=typeof s.attr("lay-unauto"))if(o.prop("scrollWidth")>o.outerWidth()+1){if(o.find("."+e)[0])return;o.append(c),s.attr("overflow",""),c.on("click",function(a){o[this.title?"removeClass":"addClass"](t),this.title=this.title?"":"鏀剁缉"})}else o.find("."+e).remove(),s.removeAttr("overflow")})},hideTabMore:function(t){var i=a(".layui-tab-title");t!==!0&&"tabmore"===a(t.target).attr("lay-stope")||(i.removeClass("layui-tab-more"),i.find(".layui-tab-bar").attr("title",""))},clickThis:function(){var t=a(this),i=t.parents(o),n=i.attr("lay-filter"),s=t.parent(),c=t.siblings("."+d),y="string"==typeof s.attr("lay-unselect");"javascript:;"!==t.attr("href")&&"_blank"===t.attr("target")||y||c[0]||(i.find("."+l).removeClass(l),s.addClass(l)),i.hasClass(u)&&(c.removeClass(h),c[0]&&(s["none"===c.css("display")?"addClass":"removeClass"](r+"ed"),"all"===i.attr("lay-shrink")&&s.siblings().removeClass(r+"ed"))),layui.event.call(this,e,"nav("+n+")",t)},collapse:function(){var t=a(this),i=t.find(".layui-colla-icon"),l=t.siblings(".layui-colla-content"),s=t.parents(".layui-collapse").eq(0),o=s.attr("lay-filter"),r="none"===l.css("display");if("string"==typeof s.attr("lay-accordion")){var c=s.children(".layui-colla-item").children("."+n);c.siblings(".layui-colla-title").children(".layui-colla-icon").html(""),c.removeClass(n)}l[r?"addClass":"removeClass"](n),i.html(r?"":""),layui.event.call(this,e,"collapse("+o+")",{title:t,content:l,show:r})}};s.prototype.init=function(t,e){var l=function(){return e?'[lay-filter="'+e+'"]':""}(),s={tab:function(){f.tabAuto.call({})},nav:function(){var t=200,e={},s={},p={},b=function(l,o,r){var c=a(this),f=c.find("."+d);o.hasClass(u)?l.css({top:c.position().top,height:c.children("a").outerHeight(),opacity:1}):(f.addClass(h),l.css({left:c.position().left+parseFloat(c.css("marginLeft")),top:c.position().top+c.height()-l.height()}),e[r]=setTimeout(function(){l.css({width:c.width(),opacity:1})},i.ie&&i.ie<10?0:t),clearTimeout(p[r]),"block"===f.css("display")&&clearTimeout(s[r]),s[r]=setTimeout(function(){f.addClass(n),c.find("."+y).addClass(y+"d")},300))};a(o+l).each(function(i){var l=a(this),o=a('<span class="'+c+'"></span>'),h=l.find("."+r);l.find("."+c)[0]||(l.append(o),h.on("mouseenter",function(){b.call(this,o,l,i)}).on("mouseleave",function(){l.hasClass(u)||(clearTimeout(s[i]),s[i]=setTimeout(function(){l.find("."+d).removeClass(n),l.find("."+y).removeClass(y+"d")},300))}),l.on("mouseleave",function(){clearTimeout(e[i]),p[i]=setTimeout(function(){l.hasClass(u)?o.css({height:0,top:o.position().top+o.height()/2,opacity:0}):o.css({width:0,left:o.position().left+o.width()/2,opacity:0})},t)})),h.find("a").each(function(){var t=a(this),i=(t.parent(),t.siblings("."+d));i[0]&&!t.children("."+y)[0]&&t.append('<span class="'+y+'"></span>'),t.off("click",f.clickThis).on("click",f.clickThis)})})},breadcrumb:function(){var t=".layui-breadcrumb";a(t+l).each(function(){var t=a(this),i="lay-separator",e=t.attr(i)||"/",l=t.find("a");l.next("span["+i+"]")[0]||(l.each(function(t){t!==l.length-1&&a(this).after("<span "+i+">"+e+"</span>")}),t.css("visibility","visible"))})},progress:function(){var t="layui-progress";a("."+t+l).each(function(){var i=a(this),e=i.find(".layui-progress-bar"),l=e.attr("lay-percent");e.css("width",function(){return/^.+\/.+$/.test(l)?100*new Function("return "+l)()+"%":l}()),i.attr("lay-showPercent")&&setTimeout(function(){e.html('<span class="'+t+'-text">'+l+"</span>")},350)})},collapse:function(){var t="layui-collapse";a("."+t+l).each(function(){var t=a(this).find(".layui-colla-item");t.each(function(){var t=a(this),i=t.find(".layui-colla-title"),e=t.find(".layui-colla-content"),l="none"===e.css("display");i.find(".layui-colla-icon").remove(),i.append('<i class="layui-icon layui-colla-icon">'+(l?"":"")+"</i>"),i.off("click",f.collapse).on("click",f.collapse)})})}};return s[t]?s[t]():layui.each(s,function(t,a){a()})},s.prototype.render=s.prototype.init;var p=new s,b=a(document);p.render();var v=".layui-tab-title li";b.on("click",v,f.tabClick),b.on("click",f.hideTabMore),a(window).on("resize",f.tabAuto),t(e,p)});layui.define("layer",function(e){"use strict";var t=layui.$,i=layui.layer,n=layui.hint(),o=layui.device(),a={config:{},set:function(e){var i=this;return i.config=t.extend({},i.config,e),i},on:function(e,t){return layui.onevent.call(this,r,e,t)}},l=function(){var e=this;return{upload:function(t){e.upload.call(e,t)},reload:function(t){e.reload.call(e,t)},config:e.config}},r="upload",u="layui-upload-file",c="layui-upload-form",f="layui-upload-iframe",s="layui-upload-choose",p=function(e){var i=this;i.config=t.extend({},i.config,a.config,e),i.render()};p.prototype.config={accept:"images",exts:"",auto:!0,bindAction:"",url:"",field:"file",acceptMime:"",method:"post",data:{},drag:!0,size:0,number:0,multiple:!1},p.prototype.render=function(e){var i=this,e=i.config;e.elem=t(e.elem),e.bindAction=t(e.bindAction),i.file(),i.events()},p.prototype.file=function(){var e=this,i=e.config,n=e.elemFile=t(['<input class="'+u+'" type="file" accept="'+i.acceptMime+'" name="'+i.field+'"',i.multiple?" multiple":"",">"].join("")),a=i.elem.next();(a.hasClass(u)||a.hasClass(c))&&a.remove(),o.ie&&o.ie<10&&i.elem.wrap('<div class="layui-upload-wrap"></div>'),e.isFile()?(e.elemFile=i.elem,i.field=i.elem[0].name):i.elem.after(n),o.ie&&o.ie<10&&e.initIE()},p.prototype.initIE=function(){var e=this,i=e.config,n=t('<iframe id="'+f+'" class="'+f+'" name="'+f+'" frameborder="0"></iframe>'),o=t(['<form target="'+f+'" class="'+c+'" method="post" key="set-mine" enctype="multipart/form-data" action="'+i.url+'">',"</form>"].join(""));t("#"+f)[0]||t("body").append(n),i.elem.next().hasClass(c)||(e.elemFile.wrap(o),i.elem.next("."+c).append(function(){var e=[];return layui.each(i.data,function(t,i){i="function"==typeof i?i():i,e.push('<input type="hidden" name="'+t+'" value="'+i+'">')}),e.join("")}()))},p.prototype.msg=function(e){return i.msg(e,{icon:2,shift:6})},p.prototype.isFile=function(){var e=this.config.elem[0];if(e)return"input"===e.tagName.toLocaleLowerCase()&&"file"===e.type},p.prototype.preview=function(e){var t=this;window.FileReader&&layui.each(t.chooseFiles,function(t,i){var n=new FileReader;n.readAsDataURL(i),n.onload=function(){e&&e(t,i,this.result)}})},p.prototype.upload=function(e,i){var n,a=this,l=a.config,r=a.elemFile[0],u=function(){var i=0,n=0,o=e||a.files||a.chooseFiles||r.files,u=function(){l.multiple&&i+n===a.fileLength&&"function"==typeof l.allDone&&l.allDone({total:a.fileLength,successful:i,aborted:n})};layui.each(o,function(e,o){var r=new FormData;r.append(l.field,o),layui.each(l.data,function(e,t){t="function"==typeof t?t():t,r.append(e,t)});var c={url:l.url,type:"post",data:r,contentType:!1,processData:!1,dataType:"json",headers:l.headers||{},success:function(t){i++,d(e,t),u()},error:function(){n++,a.msg("璇锋眰涓婁紶鎺ュ彛鍑虹幇寮傚父"),m(e),u()}};"function"==typeof l.progress&&(c.xhr=function(){var e=t.ajaxSettings.xhr();return e.upload.addEventListener("progress",function(e){if(e.lengthComputable){var t=Math.floor(e.loaded/e.total*100);l.progress(t,l.item[0],e)}}),e}),t.ajax(c)})},c=function(){var e=t("#"+f);a.elemFile.parent().submit(),clearInterval(p.timer),p.timer=setInterval(function(){var t,i=e.contents().find("body");try{t=i.text()}catch(n){a.msg("鑾峰彇涓婁紶鍚庣殑鍝嶅簲淇℃伅鍑虹幇寮傚父"),clearInterval(p.timer),m()}t&&(clearInterval(p.timer),i.html(""),d(0,t))},30)},d=function(e,t){if(a.elemFile.next("."+s).remove(),r.value="","object"!=typeof t)try{t=JSON.parse(t)}catch(i){return t={},a.msg("璇峰涓婁紶鎺ュ彛杩斿洖鏈夋晥JSON")}"function"==typeof l.done&&l.done(t,e||0,function(e){a.upload(e)})},m=function(e){l.auto&&(r.value=""),"function"==typeof l.error&&l.error(e||0,function(e){a.upload(e)})},h=l.exts,v=function(){var t=[];return layui.each(e||a.chooseFiles,function(e,i){t.push(i.name)}),t}(),g={preview:function(e){a.preview(e)},upload:function(e,t){var i={};i[e]=t,a.upload(i)},pushFile:function(){return a.files=a.files||{},layui.each(a.chooseFiles,function(e,t){a.files[e]=t}),a.files},resetFile:function(e,t,i){var n=new File([t],i);a.files=a.files||{},a.files[e]=n}},y=function(){if("choose"!==i&&!l.auto||(l.choose&&l.choose(g),"choose"!==i))return l.before&&l.before(g),o.ie?o.ie>9?u():c():void u()};if(v=0===v.length?r.value.match(/[^\/\\]+\..+/g)||[]||"":v,0!==v.length){switch(l.accept){case"file":if(h&&!RegExp("\\w\\.("+h+")$","i").test(escape(v)))return a.msg("閫夋嫨鐨勬枃浠朵腑鍖呭惈涓嶆敮鎸佺殑鏍煎紡"),r.value="";break;case"video":if(!RegExp("\\w\\.("+(h||"avi|mp4|wma|rmvb|rm|flash|3gp|flv")+")$","i").test(escape(v)))return a.msg("閫夋嫨鐨勮棰戜腑鍖呭惈涓嶆敮鎸佺殑鏍煎紡"),r.value="";break;case"audio":if(!RegExp("\\w\\.("+(h||"mp3|wav|mid")+")$","i").test(escape(v)))return a.msg("閫夋嫨鐨勯煶棰戜腑鍖呭惈涓嶆敮鎸佺殑鏍煎紡"),r.value="";break;default:if(layui.each(v,function(e,t){RegExp("\\w\\.("+(h||"jpg|png|gif|bmp|jpeg$")+")","i").test(escape(t))||(n=!0)}),n)return a.msg("閫夋嫨鐨勫浘鐗囦腑鍖呭惈涓嶆敮鎸佺殑鏍煎紡"),r.value=""}if(a.fileLength=function(){var t=0,i=e||a.files||a.chooseFiles||r.files;return layui.each(i,function(){t++}),t}(),l.number&&a.fileLength>l.number)return a.msg("鍚屾椂鏈�澶氬彧鑳戒笂浼犵殑鏁伴噺涓猴細"+l.number);if(l.size>0&&!(o.ie&&o.ie<10)){var F;if(layui.each(a.chooseFiles,function(e,t){if(t.size>1024*l.size){var i=l.size/1024;i=i>=1?i.toFixed(2)+"MB":l.size+"KB",r.value="",F=i}}),F)return a.msg("鏂囦欢涓嶈兘瓒呰繃"+F)}y()}},p.prototype.reload=function(e){e=e||{},delete e.elem,delete e.bindAction;var i=this,e=i.config=t.extend({},i.config,a.config,e),n=e.elem.next();n.attr({name:e.name,accept:e.acceptMime,multiple:e.multiple})},p.prototype.events=function(){var e=this,i=e.config,a=function(t){e.chooseFiles={},layui.each(t,function(t,i){var n=(new Date).getTime();e.chooseFiles[n+"-"+t]=i})},l=function(t,n){var o=e.elemFile,a=t.length>1?t.length+"涓枃浠�":(t[0]||{}).name||o[0].value.match(/[^\/\\]+\..+/g)||[]||"";o.next().hasClass(s)&&o.next().remove(),e.upload(null,"choose"),e.isFile()||i.choose||o.after('<span class="layui-inline '+s+'">'+a+"</span>")};i.elem.off("upload.start").on("upload.start",function(){var o=t(this),a=o.attr("lay-data");if(a)try{a=new Function("return "+a)(),e.config=t.extend({},i,a)}catch(l){n.error("Upload element property lay-data configuration item has a syntax error: "+a)}e.config.item=o,e.elemFile[0].click()}),o.ie&&o.ie<10||i.elem.off("upload.over").on("upload.over",function(){var e=t(this);e.attr("lay-over","")}).off("upload.leave").on("upload.leave",function(){var e=t(this);e.removeAttr("lay-over")}).off("upload.drop").on("upload.drop",function(n,o){var r=t(this),u=o.originalEvent.dataTransfer.files||[];r.removeAttr("lay-over"),a(u),i.auto?e.upload(u):l(u)}),e.elemFile.off("upload.change").on("upload.change",function(){var t=this.files||[];a(t),i.auto?e.upload():l(t)}),i.bindAction.off("upload.action").on("upload.action",function(){e.upload()}),i.elem.data("haveEvents")||(e.elemFile.on("change",function(){t(this).trigger("upload.change")}),i.elem.on("click",function(){e.isFile()||t(this).trigger("upload.start")}),i.drag&&i.elem.on("dragover",function(e){e.preventDefault(),t(this).trigger("upload.over")}).on("dragleave",function(e){t(this).trigger("upload.leave")}).on("drop",function(e){e.preventDefault(),t(this).trigger("upload.drop",e)}),i.bindAction.on("click",function(){t(this).trigger("upload.action")}),i.elem.data("haveEvents",!0))},a.render=function(e){var t=new p(e);return l.call(t)},e(r,a)});layui.define("jquery",function(e){"use strict";var i=layui.jquery,t={config:{},index:layui.slider?layui.slider.index+1e4:0,set:function(e){var t=this;return t.config=i.extend({},t.config,e),t},on:function(e,i){return layui.onevent.call(this,n,e,i)}},a=function(){var e=this,i=e.config;return{setValue:function(i,t){return e.slide("set",i,t||0)},config:i}},n="slider",l="layui-disabled",s="layui-slider",r="layui-slider-bar",o="layui-slider-wrap",u="layui-slider-wrap-btn",d="layui-slider-tips",v="layui-slider-input",c="layui-slider-input-txt",m="layui-slider-input-btn",p="layui-slider-hover",f=function(e){var a=this;a.index=++t.index,a.config=i.extend({},a.config,t.config,e),a.render()};f.prototype.config={type:"default",min:0,max:100,value:0,step:1,showstep:!1,tips:!0,input:!1,range:!1,height:200,disabled:!1,theme:"#009688"},f.prototype.render=function(){var e=this,t=e.config;if(t.step<1&&(t.step=1),t.max<t.min&&(t.max=t.min+t.step),t.range){t.value="object"==typeof t.value?t.value:[t.min,t.value];var a=Math.min(t.value[0],t.value[1]),n=Math.max(t.value[0],t.value[1]);t.value[0]=a>t.min?a:t.min,t.value[1]=n>t.min?n:t.min,t.value[0]=t.value[0]>t.max?t.max:t.value[0],t.value[1]=t.value[1]>t.max?t.max:t.value[1];var r=Math.floor((t.value[0]-t.min)/(t.max-t.min)*100),v=Math.floor((t.value[1]-t.min)/(t.max-t.min)*100),m=v-r+"%";r+="%",v+="%"}else{"object"==typeof t.value&&(t.value=Math.min.apply(null,t.value)),t.value<t.min&&(t.value=t.min),t.value>t.max&&(t.value=t.max);var m=Math.floor((t.value-t.min)/(t.max-t.min)*100)+"%"}var p=t.disabled?"#c2c2c2":t.theme,f='<div class="layui-slider '+("vertical"===t.type?"layui-slider-vertical":"")+'">'+(t.tips?'<div class="layui-slider-tips"></div>':"")+'<div class="layui-slider-bar" style="background:'+p+"; "+("vertical"===t.type?"height":"width")+":"+m+";"+("vertical"===t.type?"bottom":"left")+":"+(r||0)+';"></div><div class="layui-slider-wrap" style="'+("vertical"===t.type?"bottom":"left")+":"+(r||m)+';"><div class="layui-slider-wrap-btn" style="border: 2px solid '+p+';"></div></div>'+(t.range?'<div class="layui-slider-wrap" style="'+("vertical"===t.type?"bottom":"left")+":"+v+';"><div class="layui-slider-wrap-btn" style="border: 2px solid '+p+';"></div></div>':"")+"</div>",h=i(t.elem),y=h.next("."+s);if(y[0]&&y.remove(),e.elemTemp=i(f),t.range?(e.elemTemp.find("."+o).eq(0).data("value",t.value[0]),e.elemTemp.find("."+o).eq(1).data("value",t.value[1])):e.elemTemp.find("."+o).data("value",t.value),h.html(e.elemTemp),"vertical"===t.type&&e.elemTemp.height(t.height+"px"),t.showstep){for(var g=(t.max-t.min)/t.step,b="",x=1;x<g+1;x++){var T=100*x/g;T<100&&(b+='<div class="layui-slider-step" style="'+("vertical"===t.type?"bottom":"left")+":"+T+'%"></div>')}e.elemTemp.append(b)}if(t.input&&!t.range){var w=i('<div class="layui-slider-input layui-input"><div class="layui-slider-input-txt"><input type="text" class="layui-input"></div><div class="layui-slider-input-btn"><i class="layui-icon layui-icon-up"></i><i class="layui-icon layui-icon-down"></i></div></div>');h.css("position","relative"),h.append(w),h.find("."+c).children("input").val(t.value),"vertical"===t.type?w.css({left:0,top:-48}):e.elemTemp.css("margin-right",w.outerWidth()+15)}t.disabled?(e.elemTemp.addClass(l),e.elemTemp.find("."+u).addClass(l)):e.slide(),e.elemTemp.find("."+u).on("mouseover",function(){var a="vertical"===t.type?t.height:e.elemTemp[0].offsetWidth,n=e.elemTemp.find("."+o),l="vertical"===t.type?a-i(this).parent()[0].offsetTop-n.height():i(this).parent()[0].offsetLeft,s=l/a*100,r=i(this).parent().data("value"),u=t.setTips?t.setTips(r):r;e.elemTemp.find("."+d).html(u),"vertical"===t.type?e.elemTemp.find("."+d).css({bottom:s+"%","margin-bottom":"20px",display:"inline-block"}):e.elemTemp.find("."+d).css({left:s+"%",display:"inline-block"})}).on("mouseout",function(){e.elemTemp.find("."+d).css("display","none")})},f.prototype.slide=function(e,t,a){var n=this,l=n.config,s=n.elemTemp,f=function(){return"vertical"===l.type?l.height:s[0].offsetWidth},h=s.find("."+o),y=s.next("."+v),g=y.children("."+c).children("input").val(),b=100/((l.max-l.min)/Math.ceil(l.step)),x=function(e,i){e=Math.ceil(e)*b>100?Math.ceil(e)*b:Math.round(e)*b,e=e>100?100:e,h.eq(i).css("vertical"===l.type?"bottom":"left",e+"%");var t=T(h[0].offsetLeft),a=l.range?T(h[1].offsetLeft):0;"vertical"===l.type?(s.find("."+d).css({bottom:e+"%","margin-bottom":"20px"}),t=T(f()-h[0].offsetTop-h.height()),a=l.range?T(f()-h[1].offsetTop-h.height()):0):s.find("."+d).css("left",e+"%"),t=t>100?100:t,a=a>100?100:a;var n=Math.min(t,a),o=Math.abs(t-a);"vertical"===l.type?s.find("."+r).css({height:o+"%",bottom:n+"%"}):s.find("."+r).css({width:o+"%",left:n+"%"});var u=l.min+Math.round((l.max-l.min)*e/100);if(g=u,y.children("."+c).children("input").val(g),h.eq(i).data("value",u),u=l.setTips?l.setTips(u):u,s.find("."+d).html(u),l.range){var v=[h.eq(0).data("value"),h.eq(1).data("value")];v[0]>v[1]&&v.reverse()}l.change&&l.change(l.range?v:u)},T=function(e){var i=e/f()*100/b,t=Math.round(i)*b;return e==f()&&(t=Math.ceil(i)*b),t},w=i(['<div class="layui-auxiliar-moving" id="LAY-slider-moving"></div'].join("")),M=function(e,t){var a=function(){t&&t(),w.remove()};i("#LAY-slider-moving")[0]||i("body").append(w),w.on("mousemove",e),w.on("mouseup",a).on("mouseleave",a)};if("set"===e)return x(t,a);s.find("."+u).each(function(e){var t=i(this);t.on("mousedown",function(i){i=i||window.event;var a=t.parent()[0].offsetLeft,n=i.clientX;"vertical"===l.type&&(a=f()-t.parent()[0].offsetTop-h.height(),n=i.clientY);var r=function(i){i=i||window.event;var r=a+("vertical"===l.type?n-i.clientY:i.clientX-n);r<0&&(r=0),r>f()&&(r=f());var o=r/f()*100/b;x(o,e),t.addClass(p),s.find("."+d).show(),i.preventDefault()},o=function(){t.removeClass(p),s.find("."+d).hide()};M(r,o)})}),s.on("click",function(e){var t=i("."+u);if(!t.is(event.target)&&0===t.has(event.target).length&&t.length){var a,n="vertical"===l.type?f()-e.clientY+i(this).offset().top:e.clientX-i(this).offset().left;n<0&&(n=0),n>f()&&(n=f());var s=n/f()*100/b;a=l.range?"vertical"===l.type?Math.abs(n-parseInt(i(h[0]).css("bottom")))>Math.abs(n-parseInt(i(h[1]).css("bottom")))?1:0:Math.abs(n-h[0].offsetLeft)>Math.abs(n-h[1].offsetLeft)?1:0:0,x(s,a),e.preventDefault()}}),y.hover(function(){var e=i(this);e.children("."+m).fadeIn("fast")},function(){var e=i(this);e.children("."+m).fadeOut("fast")}),y.children("."+m).children("i").each(function(e){i(this).on("click",function(){g=1==e?g-l.step<l.min?l.min:Number(g)-l.step:Number(g)+l.step>l.max?l.max:Number(g)+l.step;var i=(g-l.min)/(l.max-l.min)*100/b;x(i,0)})});var q=function(){var e=this.value;e=isNaN(e)?0:e,e=e<l.min?l.min:e,e=e>l.max?l.max:e,this.value=e;var i=(e-l.min)/(l.max-l.min)*100/b;x(i,0)};y.children("."+c).children("input").on("keydown",function(e){13===e.keyCode&&(e.preventDefault(),q.call(this))}).on("change",q)},f.prototype.events=function(){var e=this;e.config},t.render=function(e){var i=new f(e);return a.call(i)},e(n,t)});layui.define("jquery",function(e){"use strict";var i=layui.jquery,o={config:{},index:layui.colorpicker?layui.colorpicker.index+1e4:0,set:function(e){var o=this;return o.config=i.extend({},o.config,e),o},on:function(e,i){return layui.onevent.call(this,"colorpicker",e,i)}},r=function(){var e=this,i=e.config;return{config:i}},t="colorpicker",n="layui-show",l="layui-colorpicker",c=".layui-colorpicker-main",a="layui-icon-down",s="layui-icon-close",f="layui-colorpicker-trigger-span",d="layui-colorpicker-trigger-i",u="layui-colorpicker-side",p="layui-colorpicker-side-slider",g="layui-colorpicker-basis",v="layui-colorpicker-alpha-bgcolor",h="layui-colorpicker-alpha-slider",m="layui-colorpicker-basis-cursor",b="layui-colorpicker-main-input",k=function(e){var i={h:0,s:0,b:0},o=Math.min(e.r,e.g,e.b),r=Math.max(e.r,e.g,e.b),t=r-o;return i.b=r,i.s=0!=r?255*t/r:0,0!=i.s?e.r==r?i.h=(e.g-e.b)/t:e.g==r?i.h=2+(e.b-e.r)/t:i.h=4+(e.r-e.g)/t:i.h=-1,r==o&&(i.h=0),i.h*=60,i.h<0&&(i.h+=360),i.s*=100/255,i.b*=100/255,i},y=function(e){var e=e.indexOf("#")>-1?e.substring(1):e;if(3==e.length){var i=e.split("");e=i[0]+i[0]+i[1]+i[1]+i[2]+i[2]}e=parseInt(e,16);var o={r:e>>16,g:(65280&e)>>8,b:255&e};return k(o)},x=function(e){var i={},o=e.h,r=255*e.s/100,t=255*e.b/100;if(0==r)i.r=i.g=i.b=t;else{var n=t,l=(255-r)*t/255,c=(n-l)*(o%60)/60;360==o&&(o=0),o<60?(i.r=n,i.b=l,i.g=l+c):o<120?(i.g=n,i.b=l,i.r=n-c):o<180?(i.g=n,i.r=l,i.b=l+c):o<240?(i.b=n,i.r=l,i.g=n-c):o<300?(i.b=n,i.g=l,i.r=l+c):o<360?(i.r=n,i.g=l,i.b=n-c):(i.r=0,i.g=0,i.b=0)}return{r:Math.round(i.r),g:Math.round(i.g),b:Math.round(i.b)}},C=function(e){var o=x(e),r=[o.r.toString(16),o.g.toString(16),o.b.toString(16)];return i.each(r,function(e,i){1==i.length&&(r[e]="0"+i)}),r.join("")},P=function(e){var i=/[0-9]{1,3}/g,o=e.match(i)||[];return{r:o[0],g:o[1],b:o[2]}},B=i(window),w=i(document),D=function(e){var r=this;r.index=++o.index,r.config=i.extend({},r.config,o.config,e),r.render()};D.prototype.config={color:"",size:null,alpha:!1,format:"hex",predefine:!1,colors:["#009688","#5FB878","#1E9FFF","#FF5722","#FFB800","#01AAED","#999","#c00","#ff8c00","#ffd700","#90ee90","#00ced1","#1e90ff","#c71585","rgb(0, 186, 189)","rgb(255, 120, 0)","rgb(250, 212, 0)","#393D49","rgba(0,0,0,.5)","rgba(255, 69, 0, 0.68)","rgba(144, 240, 144, 0.5)","rgba(31, 147, 255, 0.73)"]},D.prototype.render=function(){var e=this,o=e.config,r=i(['<div class="layui-unselect layui-colorpicker">',"<span "+("rgb"==o.format&&o.alpha?'class="layui-colorpicker-trigger-bgcolor"':"")+">",'<span class="layui-colorpicker-trigger-span" ','lay-type="'+("rgb"==o.format?o.alpha?"rgba":"torgb":"")+'" ','style="'+function(){var e="";return o.color?(e=o.color,(o.color.match(/[0-9]{1,3}/g)||[]).length>3&&(o.alpha&&"rgb"==o.format||(e="#"+C(k(P(o.color))))),"background: "+e):e}()+'">','<i class="layui-icon layui-colorpicker-trigger-i '+(o.color?a:s)+'"></i>',"</span>","</span>","</div>"].join("")),t=i(o.elem);o.size&&r.addClass("layui-colorpicker-"+o.size),t.addClass("layui-inline").html(e.elemColorBox=r),e.color=e.elemColorBox.find("."+f)[0].style.background,e.events()},D.prototype.renderPicker=function(){var e=this,o=e.config,r=e.elemColorBox[0],t=e.elemPicker=i(['<div id="layui-colorpicker'+e.index+'" data-index="'+e.index+'" class="layui-anim layui-anim-upbit layui-colorpicker-main">','<div class="layui-colorpicker-main-wrapper">','<div class="layui-colorpicker-basis">','<div class="layui-colorpicker-basis-white"></div>','<div class="layui-colorpicker-basis-black"></div>','<div class="layui-colorpicker-basis-cursor"></div>',"</div>",'<div class="layui-colorpicker-side">','<div class="layui-colorpicker-side-slider"></div>',"</div>","</div>",'<div class="layui-colorpicker-main-alpha '+(o.alpha?n:"")+'">','<div class="layui-colorpicker-alpha-bgcolor">','<div class="layui-colorpicker-alpha-slider"></div>',"</div>","</div>",function(){if(o.predefine){var e=['<div class="layui-colorpicker-main-pre">'];return layui.each(o.colors,function(i,o){e.push(['<div class="layui-colorpicker-pre'+((o.match(/[0-9]{1,3}/g)||[]).length>3?" layui-colorpicker-pre-isalpha":"")+'">','<div style="background:'+o+'"></div>',"</div>"].join(""))}),e.push("</div>"),e.join("")}return""}(),'<div class="layui-colorpicker-main-input">','<div class="layui-inline">','<input type="text" class="layui-input">',"</div>",'<div class="layui-btn-container">','<button class="layui-btn layui-btn-primary layui-btn-sm" colorpicker-events="clear">娓呯┖</button>','<button class="layui-btn layui-btn-sm" colorpicker-events="confirm">纭畾</button>',"</div","</div>","</div>"].join(""));e.elemColorBox.find("."+f)[0];i(c)[0]&&i(c).data("index")==e.index?e.removePicker(D.thisElemInd):(e.removePicker(D.thisElemInd),i("body").append(t)),D.thisElemInd=e.index,D.thisColor=r.style.background,e.position(),e.pickerEvents()},D.prototype.removePicker=function(e){var o=this;o.config;return i("#layui-colorpicker"+(e||o.index)).remove(),o},D.prototype.position=function(){var e=this,i=e.config,o=e.bindElem||e.elemColorBox[0],r=e.elemPicker[0],t=o.getBoundingClientRect(),n=r.offsetWidth,l=r.offsetHeight,c=function(e){return e=e?"scrollLeft":"scrollTop",document.body[e]|document.documentElement[e]},a=function(e){return document.documentElement[e?"clientWidth":"clientHeight"]},s=5,f=t.left,d=t.bottom;f-=(n-o.offsetWidth)/2,d+=s,f+n+s>a("width")?f=a("width")-n-s:f<s&&(f=s),d+l+s>a()&&(d=t.top>l?t.top-l:a()-l,d-=2*s),i.position&&(r.style.position=i.position),r.style.left=f+("fixed"===i.position?0:c(1))+"px",r.style.top=d+("fixed"===i.position?0:c())+"px"},D.prototype.val=function(){var e=this,i=(e.config,e.elemColorBox.find("."+f)),o=e.elemPicker.find("."+b),r=i[0],t=r.style.backgroundColor;if(t){var n=k(P(t)),l=i.attr("lay-type");if(e.select(n.h,n.s,n.b),"torgb"===l&&o.find("input").val(t),"rgba"===l){var c=P(t);if(3==(t.match(/[0-9]{1,3}/g)||[]).length)o.find("input").val("rgba("+c.r+", "+c.g+", "+c.b+", 1)"),e.elemPicker.find("."+h).css("left",280);else{o.find("input").val(t);var a=280*t.slice(t.lastIndexOf(",")+1,t.length-1);e.elemPicker.find("."+h).css("left",a)}e.elemPicker.find("."+v)[0].style.background="linear-gradient(to right, rgba("+c.r+", "+c.g+", "+c.b+", 0), rgb("+c.r+", "+c.g+", "+c.b+"))"}}else e.select(0,100,100),o.find("input").val(""),e.elemPicker.find("."+v)[0].style.background="",e.elemPicker.find("."+h).css("left",280)},D.prototype.side=function(){var e=this,o=e.config,r=e.elemColorBox.find("."+f),t=r.attr("lay-type"),n=e.elemPicker.find("."+u),l=e.elemPicker.find("."+p),c=e.elemPicker.find("."+g),y=e.elemPicker.find("."+m),C=e.elemPicker.find("."+v),w=e.elemPicker.find("."+h),D=l[0].offsetTop/180*360,E=100-(y[0].offsetTop+3)/180*100,H=(y[0].offsetLeft+3)/260*100,W=Math.round(w[0].offsetLeft/280*100)/100,j=e.elemColorBox.find("."+d),F=e.elemPicker.find(".layui-colorpicker-pre").children("div"),L=function(i,n,l,c){e.select(i,n,l);var f=x({h:i,s:n,b:l});if(j.addClass(a).removeClass(s),r[0].style.background="rgb("+f.r+", "+f.g+", "+f.b+")","torgb"===t&&e.elemPicker.find("."+b).find("input").val("rgb("+f.r+", "+f.g+", "+f.b+")"),"rgba"===t){var d=0;d=280*c,w.css("left",d),e.elemPicker.find("."+b).find("input").val("rgba("+f.r+", "+f.g+", "+f.b+", "+c+")"),r[0].style.background="rgba("+f.r+", "+f.g+", "+f.b+", "+c+")",C[0].style.background="linear-gradient(to right, rgba("+f.r+", "+f.g+", "+f.b+", 0), rgb("+f.r+", "+f.g+", "+f.b+"))"}o.change&&o.change(e.elemPicker.find("."+b).find("input").val())},M=i(['<div class="layui-auxiliar-moving" id="LAY-colorpicker-moving"></div'].join("")),Y=function(e){i("#LAY-colorpicker-moving")[0]||i("body").append(M),M.on("mousemove",e),M.on("mouseup",function(){M.remove()}).on("mouseleave",function(){M.remove()})};l.on("mousedown",function(e){var i=this.offsetTop,o=e.clientY,r=function(e){var r=i+(e.clientY-o),t=n[0].offsetHeight;r<0&&(r=0),r>t&&(r=t);var l=r/180*360;D=l,L(l,H,E,W),e.preventDefault()};Y(r),e.preventDefault()}),n.on("click",function(e){var o=e.clientY-i(this).offset().top;o<0&&(o=0),o>this.offsetHeight&&(o=this.offsetHeight);var r=o/180*360;D=r,L(r,H,E,W),e.preventDefault()}),y.on("mousedown",function(e){var i=this.offsetTop,o=this.offsetLeft,r=e.clientY,t=e.clientX,n=function(e){var n=i+(e.clientY-r),l=o+(e.clientX-t),a=c[0].offsetHeight-3,s=c[0].offsetWidth-3;n<-3&&(n=-3),n>a&&(n=a),l<-3&&(l=-3),l>s&&(l=s);var f=(l+3)/260*100,d=100-(n+3)/180*100;E=d,H=f,L(D,f,d,W),e.preventDefault()};layui.stope(e),Y(n),e.preventDefault()}),c.on("mousedown",function(e){var o=e.clientY-i(this).offset().top-3+B.scrollTop(),r=e.clientX-i(this).offset().left-3+B.scrollLeft();o<-3&&(o=-3),o>this.offsetHeight-3&&(o=this.offsetHeight-3),r<-3&&(r=-3),r>this.offsetWidth-3&&(r=this.offsetWidth-3);var t=(r+3)/260*100,n=100-(o+3)/180*100;E=n,H=t,L(D,t,n,W),e.preventDefault(),y.trigger(e,"mousedown")}),w.on("mousedown",function(e){var i=this.offsetLeft,o=e.clientX,r=function(e){var r=i+(e.clientX-o),t=C[0].offsetWidth;r<0&&(r=0),r>t&&(r=t);var n=Math.round(r/280*100)/100;W=n,L(D,H,E,n),e.preventDefault()};Y(r),e.preventDefault()}),C.on("click",function(e){var o=e.clientX-i(this).offset().left;o<0&&(o=0),o>this.offsetWidth&&(o=this.offsetWidth);var r=Math.round(o/280*100)/100;W=r,L(D,H,E,r),e.preventDefault()}),F.each(function(){i(this).on("click",function(){i(this).parent(".layui-colorpicker-pre").addClass("selected").siblings().removeClass("selected");var e,o=this.style.backgroundColor,r=k(P(o)),t=o.slice(o.lastIndexOf(",")+1,o.length-1);D=r.h,H=r.s,E=r.b,3==(o.match(/[0-9]{1,3}/g)||[]).length&&(t=1),W=t,e=280*t,L(r.h,r.s,r.b,t)})})},D.prototype.select=function(e,i,o,r){var t=this,n=(t.config,C({h:e,s:100,b:100})),l=C({h:e,s:i,b:o}),c=e/360*180,a=180-o/100*180-3,s=i/100*260-3;t.elemPicker.find("."+p).css("top",c),t.elemPicker.find("."+g)[0].style.background="#"+n,t.elemPicker.find("."+m).css({top:a,left:s}),"change"!==r&&t.elemPicker.find("."+b).find("input").val("#"+l)},D.prototype.pickerEvents=function(){var e=this,o=e.config,r=e.elemColorBox.find("."+f),t=e.elemPicker.find("."+b+" input"),n={clear:function(i){r[0].style.background="",e.elemColorBox.find("."+d).removeClass(a).addClass(s),e.color="",o.done&&o.done(""),e.removePicker()},confirm:function(i,n){var l=t.val(),c=l,f={};if(l.indexOf(",")>-1){if(f=k(P(l)),e.select(f.h,f.s,f.b),r[0].style.background=c="#"+C(f),(l.match(/[0-9]{1,3}/g)||[]).length>3&&"rgba"===r.attr("lay-type")){var u=280*l.slice(l.lastIndexOf(",")+1,l.length-1);e.elemPicker.find("."+h).css("left",u),r[0].style.background=l,c=l}}else f=y(l),r[0].style.background=c="#"+C(f),e.elemColorBox.find("."+d).removeClass(s).addClass(a);return"change"===n?(e.select(f.h,f.s,f.b,n),void(o.change&&o.change(c))):(e.color=l,o.done&&o.done(l),void e.removePicker())}};e.elemPicker.on("click","*[colorpicker-events]",function(){var e=i(this),o=e.attr("colorpicker-events");n[o]&&n[o].call(this,e)}),t.on("keyup",function(e){var o=i(this);n.confirm.call(this,o,13===e.keyCode?null:"change")})},D.prototype.events=function(){var e=this,o=e.config,r=e.elemColorBox.find("."+f);e.elemColorBox.on("click",function(){e.renderPicker(),i(c)[0]&&(e.val(),e.side())}),o.elem[0]&&!e.elemColorBox[0].eventHandler&&(w.on("click",function(o){if(!i(o.target).hasClass(l)&&!i(o.target).parents("."+l)[0]&&!i(o.target).hasClass(c.replace(/\./g,""))&&!i(o.target).parents(c)[0]&&e.elemPicker){if(e.color){var t=k(P(e.color));e.select(t.h,t.s,t.b)}else e.elemColorBox.find("."+d).removeClass(a).addClass(s);r[0].style.background=e.color||"",e.removePicker()}}),B.on("resize",function(){return!(!e.elemPicker||!i(c)[0])&&void e.position()}),e.elemColorBox[0].eventHandler=!0)},o.render=function(e){var i=new D(e);return r.call(i)},e(t,o)});layui.define("layer",function(e){"use strict";var t=layui.$,i=layui.layer,a=layui.hint(),n=layui.device(),l="form",r=".layui-form",s="layui-this",o="layui-hide",c="layui-disabled",u=function(){this.config={verify:{required:[/[\S]+/,"蹇呭～椤逛笉鑳戒负绌�"],phone:[/^1\d{10}$/,"璇疯緭鍏ユ纭殑鎵嬫満鍙�"],email:[/^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/,"閭鏍煎紡涓嶆纭�"],url:[/(^#)|(^http(s*):\/\/[^\s]+\.[^\s]+)/,"閾炬帴鏍煎紡涓嶆纭�"],number:function(e){if(!e||isNaN(e))return"鍙兘濉啓鏁板瓧"},date:[/^(\d{4})[-\/](\d{1}|0\d{1}|1[0-2])([-\/](\d{1}|0\d{1}|[1-2][0-9]|3[0-1]))*$/,"鏃ユ湡鏍煎紡涓嶆纭�"],identity:[/(^\d{15}$)|(^\d{17}(x|X|\d)$)/,"璇疯緭鍏ユ纭殑韬唤璇佸彿"]}}};u.prototype.set=function(e){var i=this;return t.extend(!0,i.config,e),i},u.prototype.verify=function(e){var i=this;return t.extend(!0,i.config.verify,e),i},u.prototype.on=function(e,t){return layui.onevent.call(this,l,e,t)},u.prototype.val=function(e,i){var a=this,n=t(r+'[lay-filter="'+e+'"]');return n.each(function(e,a){var n=t(this);layui.each(i,function(e,t){var i,a=n.find('[name="'+e+'"]');a[0]&&(i=a[0].type,"checkbox"===i?a[0].checked=t:"radio"===i?a.each(function(){this.value==t&&(this.checked=!0)}):a.val(t))})}),f.render(null,e),a.getValue(e)},u.prototype.getValue=function(e,i){i=i||t(r+'[lay-filter="'+e+'"]').eq(0);var a={},n={},l=i.find("input,select,textarea");return layui.each(l,function(e,t){if(t.name=(t.name||"").replace(/^\s*|\s*&/,""),t.name){if(/^.*\[\]$/.test(t.name)){var i=t.name.match(/^(.*)\[\]$/g)[0];a[i]=0|a[i],t.name=t.name.replace(/^(.*)\[\]$/,"$1["+a[i]++ +"]")}/^checkbox|radio$/.test(t.type)&&!t.checked||(n[t.name]=t.value)}}),n},u.prototype.render=function(e,i){var n=this,u=t(r+function(){return i?'[lay-filter="'+i+'"]':""}()),d={select:function(){var e,i="璇烽�夋嫨",a="layui-form-select",n="layui-select-title",r="layui-select-none",d="",f=u.find("select"),v=function(i,l){t(i.target).parent().hasClass(n)&&!l||(t("."+a).removeClass(a+"ed "+a+"up"),e&&d&&e.val(d)),e=null},y=function(i,u,f){var y,p=t(this),m=i.find("."+n),k=m.find("input"),g=i.find("dl"),x=g.children("dd"),b=this.selectedIndex;if(!u){var C=function(){var e=i.offset().top+i.outerHeight()+5-h.scrollTop(),t=g.outerHeight();b=p[0].selectedIndex,i.addClass(a+"ed"),x.removeClass(o),y=null,x.eq(b).addClass(s).siblings().removeClass(s),e+t>h.height()&&e>=t&&i.addClass(a+"up"),T()},w=function(e){i.removeClass(a+"ed "+a+"up"),k.blur(),y=null,e||$(k.val(),function(e){var i=p[0].selectedIndex;e&&(d=t(p[0].options[i]).html(),0===i&&d===k.attr("placeholder")&&(d=""),k.val(d||""))})},T=function(){var e=g.children("dd."+s);if(e[0]){var t=e.position().top,i=g.height(),a=e.height();t>i&&g.scrollTop(t+g.scrollTop()-i+a-5),t<0&&g.scrollTop(t+g.scrollTop()-5)}};m.on("click",function(e){i.hasClass(a+"ed")?w():(v(e,!0),C()),g.find("."+r).remove()}),m.find(".layui-edge").on("click",function(){k.focus()}),k.on("keyup",function(e){var t=e.keyCode;9===t&&C()}).on("keydown",function(e){var t=e.keyCode;9===t&&w();var i=function(t,a){var n,l;e.preventDefault();var r=function(){var e=g.children("dd."+s);if(g.children("dd."+o)[0]&&"next"===t){var i=g.children("dd:not(."+o+",."+c+")"),n=i.eq(0).index();if(n>=0&&n<e.index()&&!i.hasClass(s))return i.eq(0).prev()[0]?i.eq(0).prev():g.children(":last")}return a&&a[0]?a:y&&y[0]?y:e}();return l=r[t](),n=r[t]("dd:not(."+o+")"),l[0]?(y=r[t](),n[0]&&!n.hasClass(c)||!y[0]?(n.addClass(s).siblings().removeClass(s),void T()):i(t,y)):y=null};38===t&&i("prev"),40===t&&i("next"),13===t&&(e.preventDefault(),g.children("dd."+s).trigger("click"))});var $=function(e,i,a){var n=0;layui.each(x,function(){var i=t(this),l=i.text(),r=l.indexOf(e)===-1;(""===e||"blur"===a?e!==l:r)&&n++,"keyup"===a&&i[r?"addClass":"removeClass"](o)});var l=n===x.length;return i(l),l},q=function(e){var t=this.value,i=e.keyCode;return 9!==i&&13!==i&&37!==i&&38!==i&&39!==i&&40!==i&&($(t,function(e){e?g.find("."+r)[0]||g.append('<p class="'+r+'">鏃犲尮閰嶉」</p>'):g.find("."+r).remove()},"keyup"),""===t&&g.find("."+r).remove(),void T())};f&&k.on("keyup",q).on("blur",function(i){var a=p[0].selectedIndex;e=k,d=t(p[0].options[a]).html(),0===a&&d===k.attr("placeholder")&&(d=""),setTimeout(function(){$(k.val(),function(e){d||k.val("")},"blur")},200)}),x.on("click",function(){var e=t(this),a=e.attr("lay-value"),n=p.attr("lay-filter");return!e.hasClass(c)&&(e.hasClass("layui-select-tips")?k.val(""):(k.val(e.text()),e.addClass(s)),e.siblings().removeClass(s),p.val(a).removeClass("layui-form-danger"),layui.event.call(this,l,"select("+n+")",{elem:p[0],value:a,othis:i}),w(!0),!1)}),i.find("dl>dt").on("click",function(e){return!1}),t(document).off("click",v).on("click",v)}};f.each(function(e,l){var r=t(this),o=r.next("."+a),u=this.disabled,d=l.value,f=t(l.options[l.selectedIndex]),v=l.options[0];if("string"==typeof r.attr("lay-ignore"))return r.show();var h="string"==typeof r.attr("lay-search"),p=v?v.value?i:v.innerHTML||i:i,m=t(['<div class="'+(h?"":"layui-unselect ")+a,(u?" layui-select-disabled":"")+'">','<div class="'+n+'">','<input type="text" placeholder="'+p+'" '+('value="'+(d?f.html():"")+'"')+(!u&&h?"":" readonly")+' class="layui-input'+(h?"":" layui-unselect")+(u?" "+c:"")+'">','<i class="layui-edge"></i></div>','<dl class="layui-anim layui-anim-upbit'+(r.find("optgroup")[0]?" layui-select-group":"")+'">',function(e){var t=[];return layui.each(e,function(e,a){0!==e||a.value?"optgroup"===a.tagName.toLowerCase()?t.push("<dt>"+a.label+"</dt>"):t.push('<dd lay-value="'+a.value+'" class="'+(d===a.value?s:"")+(a.disabled?" "+c:"")+'">'+a.innerHTML+"</dd>"):t.push('<dd lay-value="" class="layui-select-tips">'+(a.innerHTML||i)+"</dd>")}),0===t.length&&t.push('<dd lay-value="" class="'+c+'">娌℃湁閫夐」</dd>'),t.join("")}(r.find("*"))+"</dl>","</div>"].join(""));o[0]&&o.remove(),r.after(m),y.call(this,m,u,h)})},checkbox:function(){var e={checkbox:["layui-form-checkbox","layui-form-checked","checkbox"],_switch:["layui-form-switch","layui-form-onswitch","switch"]},i=u.find("input[type=checkbox]"),a=function(e,i){var a=t(this);e.on("click",function(){var t=a.attr("lay-filter"),n=(a.attr("lay-text")||"").split("|");a[0].disabled||(a[0].checked?(a[0].checked=!1,e.removeClass(i[1]).find("em").text(n[1])):(a[0].checked=!0,e.addClass(i[1]).find("em").text(n[0])),layui.event.call(a[0],l,i[2]+"("+t+")",{elem:a[0],value:a[0].value,othis:e}))})};i.each(function(i,n){var l=t(this),r=l.attr("lay-skin"),s=(l.attr("lay-text")||"").split("|"),o=this.disabled;"switch"===r&&(r="_"+r);var u=e[r]||e.checkbox;if("string"==typeof l.attr("lay-ignore"))return l.show();var d=l.next("."+u[0]),f=t(['<div class="layui-unselect '+u[0],n.checked?" "+u[1]:"",o?" layui-checkbox-disbaled "+c:"",'"',r?' lay-skin="'+r+'"':"",">",function(){var e=n.title.replace(/\s/g,""),t={checkbox:[e?"<span>"+n.title+"</span>":"",'<i class="layui-icon layui-icon-ok"></i>'].join(""),_switch:"<em>"+((n.checked?s[0]:s[1])||"")+"</em><i></i>"};return t[r]||t.checkbox}(),"</div>"].join(""));d[0]&&d.remove(),l.after(f),a.call(this,f,u)})},radio:function(){var e="layui-form-radio",i=["",""],a=u.find("input[type=radio]"),n=function(a){var n=t(this),s="layui-anim-scaleSpring";a.on("click",function(){var o=n[0].name,c=n.parents(r),u=n.attr("lay-filter"),d=c.find("input[name="+o.replace(/(\.|#|\[|\])/g,"\\$1")+"]");n[0].disabled||(layui.each(d,function(){var a=t(this).next("."+e);this.checked=!1,a.removeClass(e+"ed"),a.find(".layui-icon").removeClass(s).html(i[1])}),n[0].checked=!0,a.addClass(e+"ed"),a.find(".layui-icon").addClass(s).html(i[0]),layui.event.call(n[0],l,"radio("+u+")",{elem:n[0],value:n[0].value,othis:a}))})};a.each(function(a,l){var r=t(this),s=r.next("."+e),o=this.disabled;if("string"==typeof r.attr("lay-ignore"))return r.show();s[0]&&s.remove();var u=t(['<div class="layui-unselect '+e,l.checked?" "+e+"ed":"",(o?" layui-radio-disbaled "+c:"")+'">','<i class="layui-anim layui-icon">'+i[l.checked?0:1]+"</i>","<div>"+function(){var e=l.title||"";return"string"==typeof r.next().attr("lay-radio")&&(e=r.next().html(),r.next().remove()),e}()+"</div>","</div>"].join(""));r.after(u),n.call(this,u)})}};return e?d[e]?d[e]():a.error("涓嶆敮鎸佺殑"+e+"琛ㄥ崟娓叉煋"):layui.each(d,function(e,t){t()}),n};var d=function(){var e=null,a=f.config.verify,s="layui-form-danger",o={},c=t(this),u=c.parents(r),d=u.find("*[lay-verify]"),v=c.parents("form")[0],h=c.attr("lay-filter");return layui.each(d,function(l,r){var o=t(this),c=o.attr("lay-verify").split("|"),u=o.attr("lay-verType"),d=o.val();if(o.removeClass(s),layui.each(c,function(t,l){var c,f="",v="function"==typeof a[l];if(a[l]){var c=v?f=a[l](d,r):!a[l][0].test(d);if(f=f||a[l][1],"required"===l&&(f=o.attr("lay-reqText")||f),c)return"tips"===u?i.tips(f,function(){return"string"==typeof o.attr("lay-ignore")||"select"!==r.tagName.toLowerCase()&&!/^checkbox|radio$/.test(r.type)?o:o.next()}(),{tips:1}):"alert"===u?i.alert(f,{title:"鎻愮ず",shadeClose:!0}):i.msg(f,{icon:5,shift:6}),n.android||n.ios||setTimeout(function(){r.focus()},7),o.addClass(s),e=!0}}),e)return e}),!e&&(o=f.getValue(null,u),layui.event.call(this,l,"submit("+h+")",{elem:this,form:v,field:o}))},f=new u,v=t(document),h=t(window);f.render(),v.on("reset",r,function(){var e=t(this).attr("lay-filter");setTimeout(function(){f.render(null,e)},50)}),v.on("submit",r,d).on("click","*[lay-submit]",d),e(l,f)});layui.define("form",function(e){"use strict";var i=layui.$,a=layui.form,n=layui.layer,t="tree",r={config:{},index:layui[t]?layui[t].index+1e4:0,set:function(e){var a=this;return a.config=i.extend({},a.config,e),a},on:function(e,i){return layui.onevent.call(this,t,e,i)}},l=function(){var e=this,i=e.config,a=i.id||e.index;return l.that[a]=e,l.config[a]=i,{config:i,reload:function(i){e.reload.call(e,i)},getChecked:function(){return e.getChecked.call(e)},setChecked:function(i){return e.setChecked.call(e,i)}}},c="layui-hide",d="layui-disabled",s="layui-tree-set",o="layui-tree-iconClick",h="layui-icon-addition",u="layui-icon-subtraction",p="layui-tree-entry",f="layui-tree-main",y="layui-tree-txt",v="layui-tree-pack",C="layui-tree-spread",k="layui-tree-setLineShort",m="layui-tree-showLine",x="layui-tree-lineExtend",b=function(e){var a=this;a.index=++r.index,a.config=i.extend({},a.config,r.config,e),a.render()};b.prototype.config={data:[],showCheckbox:!1,showLine:!0,accordion:!1,onlyIconControl:!1,isJump:!1,edit:!1,text:{defaultNodeName:"鏈懡鍚�",none:"鏃犳暟鎹�"}},b.prototype.reload=function(e){var a=this;layui.each(e,function(e,i){i.constructor===Array&&delete a.config[e]}),a.config=i.extend(!0,{},a.config,e),a.render()},b.prototype.render=function(){var e=this,a=e.config;e.checkids=[];var n=i('<div class="layui-tree'+(a.showCheckbox?" layui-form":"")+(a.showLine?" layui-tree-line":"")+'" lay-filter="LAY-tree-'+e.index+'"></div>');e.tree(n);var t=a.elem=i(a.elem);if(t[0]){if(e.key=a.id||e.index,e.elem=n,e.elemNone=i('<div class="layui-tree-emptyText">'+a.text.none+"</div>"),t.html(e.elem),0==e.elem.find(".layui-tree-set").length)return e.elem.append(e.elemNone);a.showCheckbox&&e.renderForm("checkbox"),e.elem.find(".layui-tree-set").each(function(){var e=i(this);e.parent(".layui-tree-pack")[0]||e.addClass("layui-tree-setHide"),!e.next()[0]&&e.parents(".layui-tree-pack").eq(1).hasClass("layui-tree-lineExtend")&&e.addClass(k),e.next()[0]||e.parents(".layui-tree-set").eq(0).next()[0]||e.addClass(k)}),e.events()}},b.prototype.renderForm=function(e){a.render(e,"LAY-tree-"+this.index)},b.prototype.tree=function(e,a){var n=this,t=n.config,r=a||t.data;layui.each(r,function(a,r){var l=r.children&&r.children.length>0,o=i('<div class="layui-tree-pack" '+(r.spread?'style="display: block;"':"")+'"></div>'),h=i(['<div data-id="'+r.id+'" class="layui-tree-set'+(r.spread?" layui-tree-spread":"")+(r.checked?" layui-tree-checkedFirst":"")+'">','<div class="layui-tree-entry">','<div class="layui-tree-main">',function(){return t.showLine?l?'<span class="layui-tree-iconClick layui-tree-icon"><i class="layui-icon '+(r.spread?"layui-icon-subtraction":"layui-icon-addition")+'"></i></span>':'<span class="layui-tree-iconClick"><i class="layui-icon layui-icon-file"></i></span>':'<span class="layui-tree-iconClick"><i class="layui-tree-iconArrow '+(l?"":c)+'"></i></span>'}(),function(){return t.showCheckbox?'<input type="checkbox" name="'+(r.field||"layuiTreeCheck_"+r.id)+'" same="layuiTreeCheck" lay-skin="primary" '+(r.disabled?"disabled":"")+' value="'+r.id+'">':""}(),function(){return t.isJump&&r.href?'<a href="'+r.href+'" target="_blank" class="'+y+'">'+(r.title||r.label||t.text.defaultNodeName)+"</a>":'<span class="'+y+(r.disabled?" "+d:"")+'">'+(r.title||r.label||t.text.defaultNodeName)+"</span>"}(),"</div>",function(){if(!t.edit)return"";var e={add:'<i class="layui-icon layui-icon-add-1" data-type="add"></i>',update:'<i class="layui-icon layui-icon-edit" data-type="update"></i>',del:'<i class="layui-icon layui-icon-delete" data-type="del"></i>'},i=['<div class="layui-btn-group layui-tree-btnGroup">'];return t.edit===!0&&(t.edit=["update","del"]),"object"==typeof t.edit?(layui.each(t.edit,function(a,n){i.push(e[n]||"")}),i.join("")+"</div>"):void 0}(),"</div></div>"].join(""));l&&(h.append(o),n.tree(o,r.children)),e.append(h),h.prev("."+s)[0]&&h.prev().children(".layui-tree-pack").addClass("layui-tree-showLine"),l||h.parent(".layui-tree-pack").addClass("layui-tree-lineExtend"),n.spread(h,r),t.showCheckbox&&(r.checked&&n.checkids.push(r.id),n.checkClick(h,r)),t.edit&&n.operate(h,r)})},b.prototype.spread=function(e,a){var n=this,t=n.config,r=e.children("."+p),l=r.children("."+f),c=r.find("."+o),k=r.find("."+y),m=t.onlyIconControl?c:l,x="";m.on("click",function(i){var a=e.children("."+v),n=m.children(".layui-icon")[0]?m.children(".layui-icon"):m.find(".layui-tree-icon").children(".layui-icon");if(a[0]){if(e.hasClass(C))e.removeClass(C),a.slideUp(200),n.removeClass(u).addClass(h);else if(e.addClass(C),a.slideDown(200),n.addClass(u).removeClass(h),t.accordion){var r=e.siblings("."+s);r.removeClass(C),r.children("."+v).slideUp(200),r.find(".layui-tree-icon").children(".layui-icon").removeClass(u).addClass(h)}}else x="normal"}),k.on("click",function(){var n=i(this);n.hasClass(d)||(x=e.hasClass(C)?t.onlyIconControl?"open":"close":t.onlyIconControl?"close":"open",t.click&&t.click({elem:e,state:x,data:a}))})},b.prototype.setCheckbox=function(e,i,a){var n=this,t=(n.config,a.prop("checked"));if(!a.prop("disabled")){if("object"==typeof i.children||e.find("."+v)[0]){var r=e.find("."+v).find('input[same="layuiTreeCheck"]');r.each(function(){this.disabled||(this.checked=t)})}var l=function(e){if(e.parents("."+s)[0]){var i,a=e.parent("."+v),n=a.parent(),r=a.prev().find('input[same="layuiTreeCheck"]');t?r.prop("checked",t):(a.find('input[same="layuiTreeCheck"]').each(function(){this.checked&&(i=!0)}),i||r.prop("checked",!1)),l(n)}};l(e),n.renderForm("checkbox")}},b.prototype.checkClick=function(e,a){var n=this,t=n.config,r=e.children("."+p),l=r.children("."+f);l.on("click",'input[same="layuiTreeCheck"]+',function(r){layui.stope(r);var l=i(this).prev(),c=l.prop("checked");l.prop("disabled")||(n.setCheckbox(e,a,l),t.oncheck&&t.oncheck({elem:e,checked:c,data:a}))})},b.prototype.operate=function(e,a){var t=this,r=t.config,l=e.children("."+p),d=l.children("."+f);l.children(".layui-tree-btnGroup").on("click",".layui-icon",function(l){layui.stope(l);var f=i(this).data("type"),b=e.children("."+v),g={data:a,type:f,elem:e};if("add"==f){b[0]||(r.showLine?(d.find("."+o).addClass("layui-tree-icon"),d.find("."+o).children(".layui-icon").addClass(h).removeClass("layui-icon-file")):d.find(".layui-tree-iconArrow").removeClass(c),e.append('<div class="layui-tree-pack"></div>'));var w=r.operate&&r.operate(g),N={};if(N.title=r.text.defaultNodeName,N.id=w,t.tree(e.children("."+v),[N]),r.showLine)if(b[0])b.hasClass(x)||b.addClass(x),e.find("."+v).each(function(){i(this).children("."+s).last().addClass(k)}),b.children("."+s).last().prev().hasClass(k)?b.children("."+s).last().prev().removeClass(k):b.children("."+s).last().removeClass(k),!e.parent("."+v)[0]&&e.next()[0]&&b.children("."+s).last().removeClass(k);else{var T=e.siblings("."+s),L=1,A=e.parent("."+v);layui.each(T,function(e,a){i(a).children("."+v)[0]||(L=0)}),1==L?(T.children("."+v).addClass(m),T.children("."+v).children("."+s).removeClass(k),e.children("."+v).addClass(m),A.removeClass(x),A.children("."+s).last().children("."+v).children("."+s).last().addClass(k)):e.children("."+v).children("."+s).addClass(k)}if(!r.showCheckbox)return;if(d.find('input[same="layuiTreeCheck"]')[0].checked){var I=e.children("."+v).children("."+s).last();I.find('input[same="layuiTreeCheck"]')[0].checked=!0}t.renderForm("checkbox")}else if("update"==f){var F=d.children("."+y).html();d.children("."+y).html(""),d.append('<input type="text" class="layui-tree-editInput">'),d.children(".layui-tree-editInput").val(F).focus();var j=function(e){var i=e.val().trim();i=i?i:r.text.defaultNodeName,e.remove(),d.children("."+y).html(i),g.data.title=i,r.operate&&r.operate(g)};d.children(".layui-tree-editInput").blur(function(){j(i(this))}),d.children(".layui-tree-editInput").on("keydown",function(e){13===e.keyCode&&(e.preventDefault(),j(i(this)))})}else n.confirm('纭鍒犻櫎璇ヨ妭鐐� "<span style="color: #999;">'+(a.title||"")+'</span>" 鍚楋紵',function(a){if(r.operate&&r.operate(g),g.status="remove",n.close(a),!e.prev("."+s)[0]&&!e.next("."+s)[0]&&!e.parent("."+v)[0])return e.remove(),void t.elem.append(t.elemNone);if(e.siblings("."+s).children("."+p)[0]){if(r.showCheckbox){var l=function(e){if(e.parents("."+s)[0]){var a=e.siblings("."+s).children("."+p),n=e.parent("."+v).prev(),r=n.find('input[same="layuiTreeCheck"]')[0],c=1,d=0;0==r.checked&&(a.each(function(e,a){var n=i(a).find('input[same="layuiTreeCheck"]')[0];0!=n.checked||n.disabled||(c=0),n.disabled||(d=1)}),1==c&&1==d&&(r.checked=!0,t.renderForm("checkbox"),l(n.parent("."+s))))}};l(e)}if(r.showLine){var d=e.siblings("."+s),h=1,f=e.parent("."+v);layui.each(d,function(e,a){i(a).children("."+v)[0]||(h=0)}),1==h?(b[0]||(f.removeClass(x),d.children("."+v).addClass(m),d.children("."+v).children("."+s).removeClass(k)),e.next()[0]?f.children("."+s).last().children("."+v).children("."+s).last().addClass(k):e.prev().children("."+v).children("."+s).last().addClass(k),e.next()[0]||e.parents("."+s)[1]||e.parents("."+s).eq(0).next()[0]||e.prev("."+s).addClass(k)):!e.next()[0]&&e.hasClass(k)&&e.prev().addClass(k)}}else{var y=e.parent("."+v).prev();if(r.showLine){y.find("."+o).removeClass("layui-tree-icon"),y.find("."+o).children(".layui-icon").removeClass(u).addClass("layui-icon-file");var w=y.parents("."+v).eq(0);w.addClass(x),w.children("."+s).each(function(){i(this).children("."+v).children("."+s).last().addClass(k)})}else y.find(".layui-tree-iconArrow").addClass(c);e.parents("."+s).eq(0).removeClass(C),e.parent("."+v).remove()}e.remove()})})},b.prototype.events=function(){var e=this,a=e.config;e.elem.find(".layui-tree-checkedFirst");e.setChecked(e.checkids),e.elem.find(".layui-tree-search").on("keyup",function(){var n=i(this),t=n.val(),r=n.nextAll(),l=[];r.find("."+y).each(function(){var e=i(this).parents("."+p);if(i(this).html().indexOf(t)!=-1){l.push(i(this).parent());var a=function(e){e.addClass("layui-tree-searchShow"),e.parent("."+v)[0]&&a(e.parent("."+v).parent("."+s))};a(e.parent("."+s))}}),r.find("."+p).each(function(){var e=i(this).parent("."+s);e.hasClass("layui-tree-searchShow")||e.addClass(c)}),0==r.find(".layui-tree-searchShow").length&&e.elem.append(e.elemNone),a.onsearch&&a.onsearch({elem:l})}),e.elem.find(".layui-tree-search").on("keydown",function(){i(this).nextAll().find("."+p).each(function(){var e=i(this).parent("."+s);e.removeClass("layui-tree-searchShow "+c)}),i(".layui-tree-emptyText")[0]&&i(".layui-tree-emptyText").remove()})},b.prototype.getChecked=function(){var e=this,a=e.config,n=[],t=[];e.elem.find(".layui-form-checked").each(function(){n.push(i(this).prev()[0].value)});var r=function(e,a){layui.each(e,function(e,t){layui.each(n,function(e,n){if(t.id==n){var l=i.extend({},t);return delete l.children,a.push(l),t.children&&(l.children=[],r(t.children,l.children)),!0}})})};return r(i.extend({},a.data),t),t},b.prototype.setChecked=function(e){var a=this;a.config;a.elem.find("."+s).each(function(a,n){var t=i(this).data("id"),r=i(n).children("."+p).find('input[same="layuiTreeCheck"]'),l=r.next();if("number"==typeof e){if(t==e)return r[0].checked||l.click(),!1}else"object"==typeof e&&layui.each(e,function(e,i){if(i==t&&!r[0].checked)return l.click(),!0})})},l.that={},l.config={},r.reload=function(e,i){var a=l.that[e];return a.reload(i),l.call(a)},r.getChecked=function(e){var i=l.that[e];return i.getChecked()},r.setChecked=function(e,i){var a=l.that[e];return a.setChecked(i)},r.render=function(e){var i=new b(e);return l.call(i)},e(t,r)});layui.define(["laytpl","form"],function(e){"use strict";var a=layui.$,t=layui.laytpl,n=layui.form,i="transfer",l={config:{},index:layui[i]?layui[i].index+1e4:0,set:function(e){var t=this;return t.config=a.extend({},t.config,e),t},on:function(e,a){return layui.onevent.call(this,i,e,a)}},r=function(){var e=this,a=e.config,t=a.id||e.index;return r.that[t]=e,r.config[t]=a,{config:a,reload:function(a){e.reload.call(e,a)},getData:function(){return e.getData.call(e)}}},c="layui-hide",o="layui-btn-disabled",d="layui-none",s="layui-transfer-box",u="layui-transfer-header",h="layui-transfer-search",f="layui-transfer-active",y="layui-transfer-data",p=function(e){return e=e||{},['<div class="layui-transfer-box" data-index="'+e.index+'">','<div class="layui-transfer-header">','<input type="checkbox" name="'+e.checkAllName+'" lay-filter="layTransferCheckbox" lay-type="all" lay-skin="primary" title="{{ d.data.title['+e.index+"] || 'list"+(e.index+1)+"' }}\">","</div>","{{# if(d.data.showSearch){ }}",'<div class="layui-transfer-search">','<i class="layui-icon layui-icon-search"></i>','<input type="input" class="layui-input" placeholder="鍏抽敭璇嶆悳绱�">',"</div>","{{# } }}",'<ul class="layui-transfer-data"></ul>',"</div>"].join("")},v=['<div class="layui-transfer layui-form layui-border-box" lay-filter="LAY-transfer-{{ d.index }}">',p({index:0,checkAllName:"layTransferLeftCheckAll"}),'<div class="layui-transfer-active">','<button type="button" class="layui-btn layui-btn-sm layui-btn-primary layui-btn-disabled" data-index="0">','<i class="layui-icon layui-icon-next"></i>',"</button>",'<button type="button" class="layui-btn layui-btn-sm layui-btn-primary layui-btn-disabled" data-index="1">','<i class="layui-icon layui-icon-prev"></i>',"</button>","</div>",p({index:1,checkAllName:"layTransferRightCheckAll"}),"</div>"].join(""),x=function(e){var t=this;t.index=++l.index,t.config=a.extend({},t.config,l.config,e),t.render()};x.prototype.config={title:["鍒楄〃涓�","鍒楄〃浜�"],width:200,height:360,data:[],value:[],showSearch:!1,id:"",text:{none:"鏃犳暟鎹�",searchNone:"鏃犲尮閰嶆暟鎹�"}},x.prototype.reload=function(e){var t=this;layui.each(e,function(e,a){a.constructor===Array&&delete t.config[e]}),t.config=a.extend(!0,{},t.config,e),t.render()},x.prototype.render=function(){var e=this,n=e.config,i=e.elem=a(t(v).render({data:n,index:e.index})),l=n.elem=a(n.elem);l[0]&&(n.data=n.data||[],n.value=n.value||[],e.key=n.id||e.index,l.html(e.elem),e.layBox=e.elem.find("."+s),e.layHeader=e.elem.find("."+u),e.laySearch=e.elem.find("."+h),e.layData=i.find("."+y),e.layBtn=i.find("."+f+" .layui-btn"),e.layBox.css({width:n.width,height:n.height}),e.layData.css({height:function(){return n.height-e.layHeader.outerHeight()-e.laySearch.outerHeight()-2}()}),e.renderData(),e.events())},x.prototype.renderData=function(){var e=this,a=(e.config,[{checkName:"layTransferLeftCheck",views:[]},{checkName:"layTransferRightCheck",views:[]}]);e.parseData(function(e){var t=e.selected?1:0,n=["<li>",'<input type="checkbox" name="'+a[t].checkName+'" lay-skin="primary" lay-filter="layTransferCheckbox" title="'+e.title+'"'+(e.disabled?" disabled":"")+(e.checked?" checked":"")+' value="'+e.value+'">',"</li>"].join("");a[t].views.push(n),delete e.selected}),e.layData.eq(0).html(a[0].views.join("")),e.layData.eq(1).html(a[1].views.join("")),e.renderCheckBtn()},x.prototype.renderForm=function(e){n.render(e,"LAY-transfer-"+this.index)},x.prototype.renderCheckBtn=function(e){var t=this,n=t.config;e=e||{},t.layBox.each(function(i){var l=a(this),r=l.find("."+y),d=l.find("."+u).find('input[type="checkbox"]'),s=r.find('input[type="checkbox"]'),h=0,f=!1;if(s.each(function(){var e=a(this).data("hide");(this.checked||this.disabled||e)&&h++,this.checked&&!e&&(f=!0)}),d.prop("checked",f&&h===s.length),t.layBtn.eq(i)[f?"removeClass":"addClass"](o),!e.stopNone){var p=r.children("li:not(."+c+")").length;t.noneView(r,p?"":n.text.none)}}),t.renderForm("checkbox")},x.prototype.noneView=function(e,t){var n=a('<p class="layui-none">'+(t||"")+"</p>");e.find("."+d)[0]&&e.find("."+d).remove(),t.replace(/\s/g,"")&&e.append(n)},x.prototype.setValue=function(){var e=this,t=e.config,n=[];return e.layBox.eq(1).find("."+y+' input[type="checkbox"]').each(function(){var e=a(this).data("hide");e||n.push(this.value)}),t.value=n,e},x.prototype.parseData=function(e){var t=this,n=t.config,i=[];return layui.each(n.data,function(t,l){l=("function"==typeof n.parseData?n.parseData(l):l)||l,i.push(l=a.extend({},l)),layui.each(n.value,function(e,a){a==l.value&&(l.selected=!0)}),e&&e(l)}),n.data=i,t},x.prototype.getData=function(e){var a=this,t=a.config,n=[];return a.setValue(),layui.each(e||t.value,function(e,a){layui.each(t.data,function(e,t){delete t.selected,a==t.value&&n.push(t)})}),n},x.prototype.events=function(){var e=this,t=e.config;e.elem.on("click",'input[lay-filter="layTransferCheckbox"]+',function(){var t=a(this).prev(),n=t[0].checked,i=t.parents("."+s).eq(0).find("."+y);t[0].disabled||("all"===t.attr("lay-type")&&i.find('input[type="checkbox"]').each(function(){this.disabled||(this.checked=n)}),e.renderCheckBtn({stopNone:!0}))}),e.layBtn.on("click",function(){var n=a(this),i=n.data("index"),l=e.layBox.eq(i),r=[];if(!n.hasClass(o)){e.layBox.eq(i).each(function(t){var n=a(this),i=n.find("."+y);i.children("li").each(function(){var t=a(this),n=t.find('input[type="checkbox"]'),i=n.data("hide");n[0].checked&&!i&&(n[0].checked=!1,l.siblings("."+s).find("."+y).append(t.clone()),t.remove(),r.push(n[0].value)),e.setValue()})}),e.renderCheckBtn();var c=l.siblings("."+s).find("."+h+" input");""===c.val()||c.trigger("keyup"),t.onchange&&t.onchange(e.getData(r),i)}}),e.laySearch.find("input").on("keyup",function(){var n=this.value,i=a(this).parents("."+h).eq(0).siblings("."+y),l=i.children("li");l.each(function(){var e=a(this),t=e.find('input[type="checkbox"]'),i=t[0].title.indexOf(n)!==-1;e[i?"removeClass":"addClass"](c),t.data("hide",!i)}),e.renderCheckBtn();var r=l.length===i.children("li."+c).length;e.noneView(i,r?t.text.searchNone:"")})},r.that={},r.config={},l.reload=function(e,a){var t=r.that[e];return t.reload(a),r.call(t)},l.getData=function(e){var a=r.that[e];return a.getData()},l.render=function(e){var a=new x(e);return r.call(a)},e(i,l)});layui.define(["laytpl","laypage","layer","form","util"],function(e){"use strict";var t=layui.$,i=layui.laytpl,a=layui.laypage,l=layui.layer,n=layui.form,o=(layui.util,layui.hint()),r=layui.device(),d={config:{checkName:"LAY_CHECKED",indexName:"LAY_TABLE_INDEX"},cache:{},index:layui.table?layui.table.index+1e4:0,set:function(e){var i=this;return i.config=t.extend({},i.config,e),i},on:function(e,t){return layui.onevent.call(this,y,e,t)}},c=function(){var e=this,t=e.config,i=t.id||t.index;return i&&(c.that[i]=e,c.config[i]=t),{config:t,reload:function(t){e.reload.call(e,t)},setColsWidth:function(){e.setColsWidth.call(e)},resize:function(){e.resize.call(e)}}},s=function(e){var t=c.config[e];return t||o.error("The ID option was not found in the table instance"),t||null},u=function(e,a,l,n){var o=e.templet?function(){return"function"==typeof e.templet?e.templet(l):i(t(e.templet).html()||String(a)).render(l)}():a;return n?t("<div>"+o+"</div>").text():o},y="table",h=".layui-table",f="layui-hide",p="layui-none",v="layui-table-view",m=".layui-table-tool",g=".layui-table-box",b=".layui-table-init",x=".layui-table-header",k=".layui-table-body",C=".layui-table-main",w=".layui-table-fixed",T=".layui-table-fixed-l",A=".layui-table-fixed-r",L=".layui-table-total",N=".layui-table-page",S=".layui-table-sort",R="layui-table-edit",W="layui-table-hover",_=function(e){var t='{{#if(item2.colspan){}} colspan="{{item2.colspan}}"{{#} if(item2.rowspan){}} rowspan="{{item2.rowspan}}"{{#}}}';return e=e||{},['<table cellspacing="0" cellpadding="0" border="0" class="layui-table" ','{{# if(d.data.skin){ }}lay-skin="{{d.data.skin}}"{{# } }} {{# if(d.data.size){ }}lay-size="{{d.data.size}}"{{# } }} {{# if(d.data.even){ }}lay-even{{# } }}>',"<thead>","{{# layui.each(d.data.cols, function(i1, item1){ }}","<tr>","{{# layui.each(item1, function(i2, item2){ }}",'{{# if(item2.fixed && item2.fixed !== "right"){ left = true; } }}','{{# if(item2.fixed === "right"){ right = true; } }}',function(){return e.fixed&&"right"!==e.fixed?'{{# if(item2.fixed && item2.fixed !== "right"){ }}':"right"===e.fixed?'{{# if(item2.fixed === "right"){ }}':""}(),"{{# var isSort = !(item2.colGroup) && item2.sort; }}",'<th data-field="{{ item2.field||i2 }}" data-key="{{d.index}}-{{i1}}-{{i2}}" {{# if( item2.parentKey){ }}data-parentkey="{{ item2.parentKey }}"{{# } }} {{# if(item2.minWidth){ }}data-minwidth="{{item2.minWidth}}"{{# } }} '+t+' {{# if(item2.unresize || item2.colGroup){ }}data-unresize="true"{{# } }} class="{{# if(item2.hide){ }}layui-hide{{# } }}{{# if(isSort){ }} layui-unselect{{# } }}{{# if(!item2.field){ }} layui-table-col-special{{# } }}">','<div class="layui-table-cell laytable-cell-',"{{# if(item2.colGroup){ }}","group","{{# } else { }}","{{d.index}}-{{i1}}-{{i2}}",'{{# if(item2.type !== "normal"){ }}'," laytable-cell-{{ item2.type }}","{{# } }}","{{# } }}",'" {{#if(item2.align){}}align="{{item2.align}}"{{#}}}>','{{# if(item2.type === "checkbox"){ }}','<input type="checkbox" name="layTableCheckbox" lay-skin="primary" lay-filter="layTableAllChoose" {{# if(item2[d.data.checkName]){ }}checked{{# }; }}>',"{{# } else { }}",'<span>{{item2.title||""}}</span>',"{{# if(isSort){ }}",'<span class="layui-table-sort layui-inline"><i class="layui-edge layui-table-sort-asc" title="鍗囧簭"></i><i class="layui-edge layui-table-sort-desc" title="闄嶅簭"></i></span>',"{{# } }}","{{# } }}","</div>","</th>",e.fixed?"{{# }; }}":"","{{# }); }}","</tr>","{{# }); }}","</thead>","</table>"].join("")},E=['<table cellspacing="0" cellpadding="0" border="0" class="layui-table" ','{{# if(d.data.skin){ }}lay-skin="{{d.data.skin}}"{{# } }} {{# if(d.data.size){ }}lay-size="{{d.data.size}}"{{# } }} {{# if(d.data.even){ }}lay-even{{# } }}>',"<tbody></tbody>","</table>"].join(""),z=['<div class="layui-form layui-border-box {{d.VIEW_CLASS}}" lay-filter="LAY-table-{{d.index}}" lay-id="{{ d.data.id }}" style="{{# if(d.data.width){ }}width:{{d.data.width}}px;{{# } }} {{# if(d.data.height){ }}height:{{d.data.height}}px;{{# } }}">',"{{# if(d.data.toolbar){ }}",'<div class="layui-table-tool">','<div class="layui-table-tool-temp"></div>','<div class="layui-table-tool-self"></div>',"</div>","{{# } }}",'<div class="layui-table-box">',"{{# if(d.data.loading){ }}",'<div class="layui-table-init" style="background-color: #fff;">','<i class="layui-icon layui-icon-loading layui-anim layui-anim-rotate layui-anim-loop"></i>',"</div>","{{# } }}","{{# var left, right; }}",'<div class="layui-table-header">',_(),"</div>",'<div class="layui-table-body layui-table-main">',E,"</div>","{{# if(left){ }}",'<div class="layui-table-fixed layui-table-fixed-l">','<div class="layui-table-header">',_({fixed:!0}),"</div>",'<div class="layui-table-body">',E,"</div>","</div>","{{# }; }}","{{# if(right){ }}",'<div class="layui-table-fixed layui-table-fixed-r">','<div class="layui-table-header">',_({fixed:"right"}),'<div class="layui-table-mend"></div>',"</div>",'<div class="layui-table-body">',E,"</div>","</div>","{{# }; }}","</div>","{{# if(d.data.totalRow){ }}",'<div class="layui-table-total">','<table cellspacing="0" cellpadding="0" border="0" class="layui-table" ','{{# if(d.data.skin){ }}lay-skin="{{d.data.skin}}"{{# } }} {{# if(d.data.size){ }}lay-size="{{d.data.size}}"{{# } }} {{# if(d.data.even){ }}lay-even{{# } }}>','<tbody><tr><td><div class="layui-table-cell" style="visibility: hidden;">Total</div></td></tr></tbody>',"</table>","</div>","{{# } }}","{{# if(d.data.page){ }}",'<div class="layui-table-page">','<div id="layui-table-page{{d.index}}"></div>',"</div>","{{# } }}","<style>","{{# layui.each(d.data.cols, function(i1, item1){","layui.each(item1, function(i2, item2){ }}",".laytable-cell-{{d.index}}-{{i1}}-{{i2}}{ ","{{# if(item2.width){ }}","width: {{item2.width}}px;","{{# } }}"," }","{{# });","}); }}","</style>","</div>"].join(""),H=t(window),j=t(document),F=function(e){var i=this;i.index=++d.index,i.config=t.extend({},i.config,d.config,e),i.render()};F.prototype.config={limit:10,loading:!0,cellMinWidth:60,defaultToolbar:["filter","exports","print"],autoSort:!0,text:{none:"鏃犳暟鎹�"}},F.prototype.render=function(){var e=this,a=e.config;if(a.elem=t(a.elem),a.where=a.where||{},a.id=a.id||a.elem.attr("id")||e.index,a.request=t.extend({pageName:"page",limitName:"limit"},a.request),a.response=t.extend({statusName:"code",statusCode:0,msgName:"msg",dataName:"data",totalRowName:"totalRow",countName:"count"},a.response),"object"==typeof a.page&&(a.limit=a.page.limit||a.limit,a.limits=a.page.limits||a.limits,e.page=a.page.curr=a.page.curr||1,delete a.page.elem,delete a.page.jump),!a.elem[0])return e;a.height&&/^full-\d+$/.test(a.height)&&(e.fullHeightGap=a.height.split("-")[1],a.height=H.height()-e.fullHeightGap),e.setInit();var l=a.elem,n=l.next("."+v),o=e.elem=t(i(z).render({VIEW_CLASS:v,data:a,index:e.index}));if(a.index=e.index,e.key=a.id||a.index,n[0]&&n.remove(),l.after(o),e.layTool=o.find(m),e.layBox=o.find(g),e.layHeader=o.find(x),e.layMain=o.find(C),e.layBody=o.find(k),e.layFixed=o.find(w),e.layFixLeft=o.find(T),e.layFixRight=o.find(A),e.layTotal=o.find(L),e.layPage=o.find(N),e.renderToolbar(),e.fullSize(),a.cols.length>1){var r=e.layFixed.find(x).find("th");r.height(e.layHeader.height()-1-parseFloat(r.css("padding-top"))-parseFloat(r.css("padding-bottom")))}e.pullData(e.page),e.events()},F.prototype.initOpts=function(e){var t=this,i=(t.config,{checkbox:48,radio:48,space:15,numbers:40});e.checkbox&&(e.type="checkbox"),e.space&&(e.type="space"),e.type||(e.type="normal"),"normal"!==e.type&&(e.unresize=!0,e.width=e.width||i[e.type])},F.prototype.setInit=function(e){var t=this,i=t.config;return i.clientWidth=i.width||function(){var e=function(t){var a,l;t=t||i.elem.parent(),a=t.width();try{l="none"===t.css("display")}catch(n){}return!t[0]||a&&!l?a:e(t.parent())};return e()}(),"width"===e?i.clientWidth:void layui.each(i.cols,function(e,a){layui.each(a,function(l,n){if(!n)return void a.splice(l,1);if(n.key=e+"-"+l,n.hide=n.hide||!1,n.colGroup||n.colspan>1){var o=0;layui.each(i.cols[e+1],function(t,i){i.HAS_PARENT||o>1&&o==n.colspan||(i.HAS_PARENT=!0,i.parentKey=e+"-"+l,o+=parseInt(i.colspan>1?i.colspan:1))}),n.colGroup=!0}t.initOpts(n)})})},F.prototype.renderToolbar=function(){var e=this,a=e.config,l=['<div class="layui-inline" lay-event="add"><i class="layui-icon layui-icon-add-1"></i></div>','<div class="layui-inline" lay-event="update"><i class="layui-icon layui-icon-edit"></i></div>','<div class="layui-inline" lay-event="delete"><i class="layui-icon layui-icon-delete"></i></div>'].join(""),n=e.layTool.find(".layui-table-tool-temp");if("default"===a.toolbar)n.html(l);else if("string"==typeof a.toolbar){var o=t(a.toolbar).html()||"";o&&n.html(i(o).render(a))}var r={filter:{title:"绛涢�夊垪",layEvent:"LAYTABLE_COLS",icon:"layui-icon-cols"},exports:{title:"瀵煎嚭",layEvent:"LAYTABLE_EXPORT",icon:"layui-icon-export"},print:{title:"鎵撳嵃",layEvent:"LAYTABLE_PRINT",icon:"layui-icon-print"}},d=[];"object"==typeof a.defaultToolbar&&layui.each(a.defaultToolbar,function(e,t){var i="string"==typeof t?r[t]:t;i&&d.push('<div class="layui-inline" title="'+i.title+'" lay-event="'+i.layEvent+'"><i class="layui-icon '+i.icon+'"></i></div>')}),e.layTool.find(".layui-table-tool-self").html(d.join(""))},F.prototype.setParentCol=function(e,t){var i=this,a=i.config,l=i.layHeader.find('th[data-key="'+a.index+"-"+t+'"]'),n=parseInt(l.attr("colspan"))||0;if(l[0]){var o=t.split("-"),r=a.cols[o[0]][o[1]];e?n--:n++,l.attr("colspan",n),l[n<1?"addClass":"removeClass"](f),r.colspan=n,r.hide=n<1;var d=l.data("parentkey");d&&i.setParentCol(e,d)}},F.prototype.setColsPatch=function(){var e=this,t=e.config;layui.each(t.cols,function(t,i){layui.each(i,function(t,i){i.hide&&e.setParentCol(i.hide,i.parentKey)})})},F.prototype.setColsWidth=function(){var e=this,t=e.config,i=0,a=0,l=0,n=0,o=e.setInit("width");e.eachCols(function(e,t){t.hide||i++}),o=o-function(){return"line"===t.skin||"nob"===t.skin?2:i+1}()-e.getScrollWidth(e.layMain[0])-1;var r=function(e){layui.each(t.cols,function(i,r){layui.each(r,function(i,d){var c=0,s=d.minWidth||t.cellMinWidth;return d?void(d.colGroup||d.hide||(e?l&&l<s&&(a--,c=s):(c=d.width||0,/\d+%$/.test(c)?(c=Math.floor(parseFloat(c)/100*o),c<s&&(c=s)):c||(d.width=c=0,a++)),d.hide&&(c=0),n+=c)):void r.splice(i,1)})}),o>n&&a&&(l=(o-n)/a)};r(),r(!0),e.autoColNums=a,e.eachCols(function(i,a){var n=a.minWidth||t.cellMinWidth;a.colGroup||a.hide||(0===a.width?e.getCssRule(t.index+"-"+a.key,function(e){e.style.width=Math.floor(l>=n?l:n)+"px"}):/\d+%$/.test(a.width)&&e.getCssRule(t.index+"-"+a.key,function(e){e.style.width=Math.floor(parseFloat(a.width)/100*o)+"px"}))});var d=e.layMain.width()-e.getScrollWidth(e.layMain[0])-e.layMain.children("table").outerWidth();if(e.autoColNums&&d>=-i&&d<=i){var c=function(t){var i;return t=t||e.layHeader.eq(0).find("thead th:last-child"),i=t.data("field"),!i&&t.prev()[0]?c(t.prev()):t},s=c(),u=s.data("key");e.getCssRule(u,function(t){var i=t.style.width||s.outerWidth();t.style.width=parseFloat(i)+d+"px",e.layMain.height()-e.layMain.prop("clientHeight")>0&&(t.style.width=parseFloat(t.style.width)-1+"px")})}e.loading(!0)},F.prototype.resize=function(){var e=this;e.fullSize(),e.setColsWidth(),e.scrollPatch()},F.prototype.reload=function(e){var i=this;e=e||{},delete i.haveInit,e.data&&e.data.constructor===Array&&delete i.config.data,i.config=t.extend(!0,{},i.config,e),i.render()},F.prototype.errorView=function(e){var i=this,a=i.layMain.find("."+p),l=t('<div class="'+p+'">'+(e||"Error")+"</div>");a[0]&&(i.layNone.remove(),a.remove()),i.layFixed.addClass(f),i.layMain.find("tbody").html(""),i.layMain.append(i.layNone=l),d.cache[i.key]=[]},F.prototype.page=1,F.prototype.pullData=function(e){var i=this,a=i.config,l=a.request,n=a.response,o=function(){"object"==typeof a.initSort&&i.sort(a.initSort.field,a.initSort.type)};if(i.startTime=(new Date).getTime(),a.url){var r={};r[l.pageName]=e,r[l.limitName]=a.limit;var d=t.extend(r,a.where);a.contentType&&0==a.contentType.indexOf("application/json")&&(d=JSON.stringify(d)),i.loading(),t.ajax({type:a.method||"get",url:a.url,contentType:a.contentType,data:d,dataType:"json",headers:a.headers||{},success:function(t){"function"==typeof a.parseData&&(t=a.parseData(t)||t),t[n.statusName]!=n.statusCode?(i.renderForm(),i.errorView(t[n.msgName]||'杩斿洖鐨勬暟鎹笉绗﹀悎瑙勮寖锛屾纭殑鎴愬姛鐘舵�佺爜搴斾负锛�"'+n.statusName+'": '+n.statusCode)):(i.renderData(t,e,t[n.countName]),o(),a.time=(new Date).getTime()-i.startTime+" ms"),i.setColsWidth(),"function"==typeof a.done&&a.done(t,e,t[n.countName])},error:function(e,t){i.errorView("鏁版嵁鎺ュ彛璇锋眰寮傚父锛�"+t),i.renderForm(),i.setColsWidth()}})}else if(a.data&&a.data.constructor===Array){var c={},s=e*a.limit-a.limit;c[n.dataName]=a.data.concat().splice(s,a.limit),c[n.countName]=a.data.length,"object"==typeof a.totalRow&&(c[n.totalRowName]=t.extend({},a.totalRow)),i.renderData(c,e,c[n.countName]),o(),i.setColsWidth(),"function"==typeof a.done&&a.done(c,e,c[n.countName])}},F.prototype.eachCols=function(e){var t=this;return d.eachCols(null,e,t.config.cols),t},F.prototype.renderData=function(e,n,o,r){var c=this,s=c.config,y=e[s.response.dataName]||[],h=e[s.response.totalRowName],v=[],m=[],g=[],b=function(){var e;return!r&&c.sortKey?c.sort(c.sortKey.field,c.sortKey.sort,!0):(layui.each(y,function(a,l){var o=[],y=[],h=[],p=a+s.limit*(n-1)+1;0!==l.length&&(r||(l[d.config.indexName]=a),c.eachCols(function(n,r){var c=r.field||n,v=s.index+"-"+r.key,m=l[c];if(void 0!==m&&null!==m||(m=""),!r.colGroup){var g=['<td data-field="'+c+'" data-key="'+v+'" '+function(){var e=[];return r.edit&&e.push('data-edit="'+r.edit+'"'),r.align&&e.push('align="'+r.align+'"'),r.templet&&e.push('data-content="'+m+'"'),r.toolbar&&e.push('data-off="true"'),r.event&&e.push('lay-event="'+r.event+'"'),r.style&&e.push('style="'+r.style+'"'),r.minWidth&&e.push('data-minwidth="'+r.minWidth+'"'),e.join(" ")}()+' class="'+function(){var e=[];return r.hide&&e.push(f),r.field||e.push("layui-table-col-special"),e.join(" ")}()+'">','<div class="layui-table-cell laytable-cell-'+function(){return"normal"===r.type?v:v+" laytable-cell-"+r.type}()+'">'+function(){var n=t.extend(!0,{LAY_INDEX:p},l),o=d.config.checkName;switch(r.type){case"checkbox":return'<input type="checkbox" name="layTableCheckbox" lay-skin="primary" '+function(){return r[o]?(l[o]=r[o],r[o]?"checked":""):n[o]?"checked":""}()+">";case"radio":return n[o]&&(e=a),'<input type="radio" name="layTableRadio_'+s.index+'" '+(n[o]?"checked":"")+' lay-type="layTableRadio">';case"numbers":return p}return r.toolbar?i(t(r.toolbar).html()||"").render(n):u(r,m,n)}(),"</div></td>"].join("");o.push(g),r.fixed&&"right"!==r.fixed&&y.push(g),"right"===r.fixed&&h.push(g)}}),v.push('<tr data-index="'+a+'">'+o.join("")+"</tr>"),m.push('<tr data-index="'+a+'">'+y.join("")+"</tr>"),g.push('<tr data-index="'+a+'">'+h.join("")+"</tr>"))}),c.layBody.scrollTop(0),c.layMain.find("."+p).remove(),c.layMain.find("tbody").html(v.join("")),c.layFixLeft.find("tbody").html(m.join("")),c.layFixRight.find("tbody").html(g.join("")),c.renderForm(),"number"==typeof e&&c.setThisRowChecked(e),c.syncCheckAll(),c.haveInit?c.scrollPatch():setTimeout(function(){c.scrollPatch()},50),c.haveInit=!0,l.close(c.tipsIndex),s.HAS_SET_COLS_PATCH||c.setColsPatch(),void(s.HAS_SET_COLS_PATCH=!0))};return d.cache[c.key]=y,c.layPage[0==o||0===y.length&&1==n?"addClass":"removeClass"](f),r?b():0===y.length?(c.renderForm(),c.errorView(s.text.none)):(c.layFixed.removeClass(f),b(),c.renderTotal(y,h),void(s.page&&(s.page=t.extend({elem:"layui-table-page"+s.index,count:o,limit:s.limit,limits:s.limits||[10,20,30,40,50,60,70,80,90],groups:3,layout:["prev","page","next","skip","count","limit"],prev:'<i class="layui-icon"></i>',next:'<i class="layui-icon"></i>',jump:function(e,t){t||(c.page=e.curr,s.limit=e.limit,c.pullData(e.curr))}},s.page),s.page.count=o,a.render(s.page))))},F.prototype.renderTotal=function(e,t){var i=this,a=i.config,l={};if(a.totalRow){layui.each(e,function(e,t){0!==t.length&&i.eachCols(function(e,i){var a=i.field||e,n=t[a];i.totalRow&&(l[a]=(l[a]||0)+(parseFloat(n)||0))})}),i.dataTotal={};var n=[];i.eachCols(function(e,o){var r=o.field||e,d=function(){var e=o.totalRowText||"",i=parseFloat(l[r]).toFixed(2),a={};return a[r]=i,i=u(o,i,a),t?t[o.field]||e:o.totalRow?i||e:e}(),c=['<td data-field="'+r+'" data-key="'+a.index+"-"+o.key+'" '+function(){var e=[];return o.align&&e.push('align="'+o.align+'"'),o.style&&e.push('style="'+o.style+'"'),o.minWidth&&e.push('data-minwidth="'+o.minWidth+'"'),e.join(" ")}()+' class="'+function(){var e=[];return o.hide&&e.push(f),o.field||e.push("layui-table-col-special"),e.join(" ")}()+'">','<div class="layui-table-cell laytable-cell-'+function(){var e=a.index+"-"+o.key;return"normal"===o.type?e:e+" laytable-cell-"+o.type}()+'">'+d,"</div></td>"].join("");o.field&&(i.dataTotal[r]=d),n.push(c)}),i.layTotal.find("tbody").html("<tr>"+n.join("")+"</tr>")}},F.prototype.getColElem=function(e,t){var i=this,a=i.config;return e.eq(0).find(".laytable-cell-"+(a.index+"-"+t)+":eq(0)")},F.prototype.renderForm=function(e){n.render(e,"LAY-table-"+this.index)},F.prototype.setThisRowChecked=function(e){var t=this,i=(t.config,"layui-table-click"),a=t.layBody.find('tr[data-index="'+e+'"]');a.addClass(i).siblings("tr").removeClass(i)},F.prototype.sort=function(e,i,a,l){var n,r,c=this,s={},u=c.config,h=u.elem.attr("lay-filter"),f=d.cache[c.key];"string"==typeof e&&c.layHeader.find("th").each(function(i,a){var l=t(this),o=l.data("field");if(o===e)return e=l,n=o,!1});try{var n=n||e.data("field"),p=e.data("key");if(c.sortKey&&!a&&n===c.sortKey.field&&i===c.sortKey.sort)return;var v=c.layHeader.find("th .laytable-cell-"+p).find(S);c.layHeader.find("th").find(S).removeAttr("lay-sort"),v.attr("lay-sort",i||null),c.layFixed.find("th")}catch(m){return o.error("Table modules: Did not match to field")}c.sortKey={field:n,sort:i},u.autoSort&&("asc"===i?r=layui.sort(f,n):"desc"===i?r=layui.sort(f,n,!0):(r=layui.sort(f,d.config.indexName),delete c.sortKey)),s[u.response.dataName]=r||f,c.renderData(s,c.page,c.count,!0),l&&layui.event.call(e,y,"sort("+h+")",{field:n,type:i})},F.prototype.loading=function(e){var i=this,a=i.config;a.loading&&(e?(i.layInit&&i.layInit.remove(),delete i.layInit,i.layBox.find(b).remove()):(i.layInit=t(['<div class="layui-table-init">','<i class="layui-icon layui-icon-loading layui-anim layui-anim-rotate layui-anim-loop"></i>',"</div>"].join("")),i.layBox.append(i.layInit)))},F.prototype.setCheckData=function(e,t){var i=this,a=i.config,l=d.cache[i.key];l[e]&&l[e].constructor!==Array&&(l[e][a.checkName]=t)},F.prototype.syncCheckAll=function(){var e=this,t=e.config,i=e.layHeader.find('input[name="layTableCheckbox"]'),a=function(i){return e.eachCols(function(e,a){"checkbox"===a.type&&(a[t.checkName]=i)}),i};i[0]&&(d.checkStatus(e.key).isAll?(i[0].checked||(i.prop("checked",!0),e.renderForm("checkbox")),a(!0)):(i[0].checked&&(i.prop("checked",!1),e.renderForm("checkbox")),a(!1)))},F.prototype.getCssRule=function(e,t){var i=this,a=i.elem.find("style")[0],l=a.sheet||a.styleSheet||{},n=l.cssRules||l.rules;layui.each(n,function(i,a){if(a.selectorText===".laytable-cell-"+e)return t(a),!0})},F.prototype.fullSize=function(){var e,t=this,i=t.config,a=i.height;t.fullHeightGap&&(a=H.height()-t.fullHeightGap,a<135&&(a=135),t.elem.css("height",a)),a&&(e=parseFloat(a)-(t.layHeader.outerHeight()||38),i.toolbar&&(e-=t.layTool.outerHeight()||50),i.totalRow&&(e-=t.layTotal.outerHeight()||40),i.page&&(e-=t.layPage.outerHeight()||41),t.layMain.css("height",e-2))},F.prototype.getScrollWidth=function(e){var t=0;return e?t=e.offsetWidth-e.clientWidth:(e=document.createElement("div"),e.style.width="100px",e.style.height="100px",e.style.overflowY="scroll",document.body.appendChild(e),t=e.offsetWidth-e.clientWidth,document.body.removeChild(e)),t},F.prototype.scrollPatch=function(){var e=this,i=e.layMain.children("table"),a=e.layMain.width()-e.layMain.prop("clientWidth"),l=e.layMain.height()-e.layMain.prop("clientHeight"),n=(e.getScrollWidth(e.layMain[0]),i.outerWidth()-e.layMain.width()),o=function(e){if(a&&l){if(e=e.eq(0),!e.find(".layui-table-patch")[0]){var i=t('<th class="layui-table-patch"><div class="layui-table-cell"></div></th>');i.find("div").css({width:a}),e.find("tr").append(i)}}else e.find(".layui-table-patch").remove()};o(e.layHeader),o(e.layTotal);var r=e.layMain.height(),d=r-l;e.layFixed.find(k).css("height",i.height()>=d?d:"auto"),e.layFixRight[n>0?"removeClass":"addClass"](f),e.layFixRight.css("right",a-1)},F.prototype.events=function(){var e,i=this,a=i.config,o=t("body"),c={},s=i.layHeader.find("th"),h=".layui-table-cell",p=a.elem.attr("lay-filter");i.layTool.on("click","*[lay-event]",function(e){var o=t(this),c=o.attr("lay-event"),s=function(e){var l=t(e.list),n=t('<ul class="layui-table-tool-panel"></ul>');n.html(l),a.height&&n.css("max-height",a.height-(i.layTool.outerHeight()||50)),o.find(".layui-table-tool-panel")[0]||o.append(n),i.renderForm(),n.on("click",function(e){layui.stope(e)}),e.done&&e.done(n,l)};switch(layui.stope(e),j.trigger("table.tool.panel.remove"),l.close(i.tipsIndex),c){case"LAYTABLE_COLS":s({list:function(){var e=[];return i.eachCols(function(t,i){i.field&&"normal"==i.type&&e.push('<li><input type="checkbox" name="'+i.field+'" data-key="'+i.key+'" data-parentkey="'+(i.parentKey||"")+'" lay-skin="primary" '+(i.hide?"":"checked")+' title="'+(i.title||i.field)+'" lay-filter="LAY_TABLE_TOOL_COLS"></li>')}),e.join("")}(),done:function(){n.on("checkbox(LAY_TABLE_TOOL_COLS)",function(e){var l=t(e.elem),n=this.checked,o=l.data("key"),r=l.data("parentkey");layui.each(a.cols,function(e,t){layui.each(t,function(t,l){if(e+"-"+t===o){var d=l.hide;l.hide=!n,i.elem.find('*[data-key="'+a.index+"-"+o+'"]')[n?"removeClass":"addClass"](f),d!=l.hide&&i.setParentCol(!n,r),i.resize()}})})})}});break;case"LAYTABLE_EXPORT":r.ie?l.tips("瀵煎嚭鍔熻兘涓嶆敮鎸� IE锛岃鐢� Chrome 绛夐珮绾ф祻瑙堝櫒瀵煎嚭",this,{tips:3}):s({list:function(){return['<li data-type="csv">瀵煎嚭鍒� Csv 鏂囦欢</li>','<li data-type="xls">瀵煎嚭鍒� Excel 鏂囦欢</li>'].join("")}(),done:function(e,l){l.on("click",function(){var e=t(this).data("type");d.exportFile.call(i,a.id,null,e)})}});break;case"LAYTABLE_PRINT":var u=window.open("鎵撳嵃绐楀彛","_blank"),h=["<style>","body{font-size: 12px; color: #666;}","table{width: 100%; border-collapse: collapse; border-spacing: 0;}","th,td{line-height: 20px; padding: 9px 15px; border: 1px solid #ccc; text-align: left; font-size: 12px; color: #666;}","a{color: #666; text-decoration:none;}","*.layui-hide{display: none}","</style>"].join(""),v=t(i.layHeader.html());v.append(i.layMain.find("table").html()),v.append(i.layTotal.find("table").html()),v.find("th.layui-table-patch").remove(),v.find(".layui-table-col-special").remove(),u.document.write(h+v.prop("outerHTML")),u.document.close(),u.print(),u.close()}layui.event.call(this,y,"toolbar("+p+")",t.extend({event:c,config:a},{}))}),s.on("mousemove",function(e){var i=t(this),a=i.offset().left,l=e.clientX-a;i.data("unresize")||c.resizeStart||(c.allowResize=i.width()-l<=10,o.css("cursor",c.allowResize?"col-resize":""))}).on("mouseleave",function(){t(this);c.resizeStart||o.css("cursor","")}).on("mousedown",function(e){var l=t(this);if(c.allowResize){var n=l.data("key");e.preventDefault(),c.resizeStart=!0,c.offset=[e.clientX,e.clientY],i.getCssRule(n,function(e){var t=e.style.width||l.outerWidth();c.rule=e,c.ruleWidth=parseFloat(t),c.minWidth=l.data("minwidth")||a.cellMinWidth})}}),j.on("mousemove",function(t){if(c.resizeStart){if(t.preventDefault(),c.rule){var a=c.ruleWidth+t.clientX-c.offset[0];a<c.minWidth&&(a=c.minWidth),c.rule.style.width=a+"px",l.close(i.tipsIndex)}e=1}}).on("mouseup",function(t){c.resizeStart&&(c={},o.css("cursor",""),i.scrollPatch()),2===e&&(e=null)}),s.on("click",function(a){var l,n=t(this),o=n.find(S),r=o.attr("lay-sort");return o[0]&&1!==e?(l="asc"===r?"desc":"desc"===r?null:"asc",void i.sort(n,l,null,!0)):e=2}).find(S+" .layui-edge ").on("click",function(e){var a=t(this),l=a.index(),n=a.parents("th").eq(0).data("field");layui.stope(e),0===l?i.sort(n,"asc",null,!0):i.sort(n,"desc",null,!0)});var v=function(e){var a=t(this),l=a.parents("tr").eq(0).data("index"),n=i.layBody.find('tr[data-index="'+l+'"]'),o=d.cache[i.key]||[];return o=o[l]||{},t.extend({tr:n,data:d.clearCacheKey(o),del:function(){d.cache[i.key][l]=[],n.remove(),i.scrollPatch()},update:function(e){e=e||{},layui.each(e,function(e,t){if(e in o){var a,l=n.children('td[data-field="'+e+'"]');o[e]=t,i.eachCols(function(t,i){i.field==e&&i.templet&&(a=i.templet)}),l.children(h).html(u({templet:a},t,o)),l.data("content",t)}})}},e)};i.elem.on("click",'input[name="layTableCheckbox"]+',function(){var e=t(this).prev(),a=i.layBody.find('input[name="layTableCheckbox"]'),l=e.parents("tr").eq(0).data("index"),n=e[0].checked,o="layTableAllChoose"===e.attr("lay-filter");o?(a.each(function(e,t){t.checked=n,i.setCheckData(e,n)}),i.syncCheckAll(),i.renderForm("checkbox")):(i.setCheckData(l,n),i.syncCheckAll()),layui.event.call(e[0],y,"checkbox("+p+")",v.call(e[0],{checked:n,type:o?"all":"one"}))}),i.elem.on("click",'input[lay-type="layTableRadio"]+',function(){var e=t(this).prev(),a=e[0].checked,l=d.cache[i.key],n=e.parents("tr").eq(0).data("index");layui.each(l,function(e,t){n===e?t.LAY_CHECKED=!0:delete t.LAY_CHECKED}),i.setThisRowChecked(n),layui.event.call(this,y,"radio("+p+")",v.call(this,{checked:a}))}),i.layBody.on("mouseenter","tr",function(){var e=t(this),a=e.index();e.data("off")||i.layBody.find("tr:eq("+a+")").addClass(W)}).on("mouseleave","tr",function(){var e=t(this),a=e.index();e.data("off")||i.layBody.find("tr:eq("+a+")").removeClass(W)}).on("click","tr",function(){m.call(this,"row")}).on("dblclick","tr",function(){m.call(this,"rowDouble")});var m=function(e){var i=t(this);i.data("off")||layui.event.call(this,y,e+"("+p+")",v.call(i.children("td")[0]))};i.layBody.on("change","."+R,function(){var e=t(this),a=this.value,l=e.parent().data("field"),n=e.parents("tr").eq(0).data("index"),o=d.cache[i.key][n];o[l]=a,layui.event.call(this,y,"edit("+p+")",v.call(this,{value:a,field:l}))}).on("blur","."+R,function(){var e,a=t(this),l=this,n=a.parent().data("field"),o=a.parents("tr").eq(0).data("index"),r=d.cache[i.key][o];i.eachCols(function(t,i){i.field==n&&i.templet&&(e=i.templet)}),a.siblings(h).html(function(t){return u({templet:e},t,r)}(l.value)),a.parent().data("content",l.value),a.remove()}),i.layBody.on("click","td",function(e){var i=t(this),a=(i.data("field"),i.data("edit")),l=i.children(h);if(!i.data("off")&&a){var n=t('<input class="layui-input '+R+'">');return n[0].value=i.data("content")||l.text(),i.find("."+R)[0]||i.append(n),n.focus(),void layui.stope(e)}}).on("mouseenter","td",function(){b.call(this)}).on("mouseleave","td",function(){b.call(this,"hide")});var g="layui-table-grid-down",b=function(e){var i=t(this),a=i.children(h);if(!i.data("off"))if(e)i.find(".layui-table-grid-down").remove();else if(a.prop("scrollWidth")>a.outerWidth()){if(a.find("."+g)[0])return;i.append('<div class="'+g+'"><i class="layui-icon layui-icon-down"></i></div>')}};i.layBody.on("click","."+g,function(e){var n=t(this),o=n.parent(),d=o.children(h);i.tipsIndex=l.tips(['<div class="layui-table-tips-main" style="margin-top: -'+(d.height()+16)+"px;"+function(){return"sm"===a.size?"padding: 4px 15px; font-size: 12px;":"lg"===a.size?"padding: 14px 15px;":""}()+'">',d.html(),"</div>",'<i class="layui-icon layui-table-tips-c layui-icon-close"></i>'].join(""),d[0],{tips:[3,""],time:-1,anim:-1,maxWidth:r.ios||r.android?300:i.elem.width()/2,isOutAnim:!1,skin:"layui-table-tips",success:function(e,t){e.find(".layui-table-tips-c").on("click",function(){l.close(t)})}}),layui.stope(e)}),i.layBody.on("click","*[lay-event]",function(){var e=t(this),a=e.parents("tr").eq(0).data("index");layui.event.call(this,y,"tool("+p+")",v.call(this,{event:e.attr("lay-event")})),i.setThisRowChecked(a)}),i.layMain.on("scroll",function(){var e=t(this),a=e.scrollLeft(),n=e.scrollTop();i.layHeader.scrollLeft(a),i.layTotal.scrollLeft(a),i.layFixed.find(k).scrollTop(n),l.close(i.tipsIndex)}),H.on("resize",function(){i.resize()})},function(){j.on("click",function(){j.trigger("table.remove.tool.panel")}),j.on("table.remove.tool.panel",function(){t(".layui-table-tool-panel").remove()})}(),d.init=function(e,i){i=i||{};var a=this,l=t(e?'table[lay-filter="'+e+'"]':h+"[lay-data]"),n="Table element property lay-data configuration item has a syntax error: ";return l.each(function(){var a=t(this),l=a.attr("lay-data");try{l=new Function("return "+l)()}catch(r){o.error(n+l)}var c=[],s=t.extend({elem:this,cols:[],data:[],skin:a.attr("lay-skin"),size:a.attr("lay-size"),even:"string"==typeof a.attr("lay-even")},d.config,i,l);e&&a.hide(),a.find("thead>tr").each(function(e){s.cols[e]=[],t(this).children().each(function(i){var a=t(this),l=a.attr("lay-data");try{l=new Function("return "+l)()}catch(r){return o.error(n+l)}var d=t.extend({title:a.text(),colspan:a.attr("colspan")||0,rowspan:a.attr("rowspan")||0},l);d.colspan<2&&c.push(d),s.cols[e].push(d)})}),a.find("tbody>tr").each(function(e){var i=t(this),a={};i.children("td").each(function(e,i){var l=t(this),n=l.data("field");if(n)return a[n]=l.html()}),layui.each(c,function(e,t){var l=i.children("td").eq(e);a[t.field]=l.html()}),s.data[e]=a}),d.render(s)}),a},c.that={},c.config={},d.eachCols=function(e,i,a){var l=c.config[e]||{},n=[],o=0;a=t.extend(!0,[],a||l.cols),layui.each(a,function(e,t){layui.each(t,function(t,i){if(i.colGroup){var l=0;o++,i.CHILD_COLS=[],layui.each(a[e+1],function(e,t){t.PARENT_COL_INDEX||l>1&&l==i.colspan||(t.PARENT_COL_INDEX=o,i.CHILD_COLS.push(t),l+=parseInt(t.colspan>1?t.colspan:1))})}i.PARENT_COL_INDEX||n.push(i)})});var r=function(e){layui.each(e||n,function(e,t){return t.CHILD_COLS?r(t.CHILD_COLS):void("function"==typeof i&&i(e,t))})};r()},d.checkStatus=function(e){var t=0,i=0,a=[],l=d.cache[e]||[];return layui.each(l,function(e,l){return l.constructor===Array?void i++:void(l[d.config.checkName]&&(t++,a.push(d.clearCacheKey(l))))}),{data:a,isAll:!!l.length&&t===l.length-i}},d.exportFile=function(e,t,i){var a=this;t=t||d.clearCacheKey(d.cache[e]),i=i||"csv";var l=c.config[e]||{},n={csv:"text/csv",xls:"application/vnd.ms-excel"}[i],s=document.createElement("a");return r.ie?o.error("IE_NOT_SUPPORT_EXPORTS"):(s.href="data:"+n+";charset=utf-8,\ufeff"+encodeURIComponent(function(){var i=[],l=[],n=[];return layui.each(t,function(t,a){var n=[];"object"==typeof e?(layui.each(e,function(e,a){0==t&&i.push(a||"")}),layui.each(d.clearCacheKey(a),function(e,t){n.push('"'+(t||"")+'"')})):d.eachCols(e,function(e,l){if(l.field&&"normal"==l.type&&!l.hide){var o=a[l.field];void 0!==o&&null!==o||(o=""),0==t&&i.push(l.title||""),n.push('"'+u(l,o,a,"text")+'"')}}),l.push(n.join(","))}),layui.each(a.dataTotal,function(e,t){n.push(t)}),i.join(",")+"\r\n"+l.join("\r\n")+"\r\n"+n.join(",")}()),s.download=(l.title||"table_"+(l.index||""))+"."+i,document.body.appendChild(s),s.click(),void document.body.removeChild(s))},d.resize=function(e){if(e){var t=s(e);if(!t)return;c.that[e].resize()}else layui.each(c.that,function(){this.resize()})},d.reload=function(e,t){var i=s(e);if(i){var a=c.that[e];return a.reload(t),c.call(a)}},d.render=function(e){var t=new F(e);return c.call(t)},d.clearCacheKey=function(e){return e=t.extend({},e),delete e[d.config.checkName],delete e[d.config.indexName],e},d.init(),e(y,d)});layui.define("jquery",function(e){"use strict";var i=layui.$,n=(layui.hint(),layui.device(),{config:{},set:function(e){var n=this;return n.config=i.extend({},n.config,e),n},on:function(e,i){return layui.onevent.call(this,t,e,i)}}),t="carousel",a="layui-this",l=">*[carousel-item]>*",o="layui-carousel-left",r="layui-carousel-right",d="layui-carousel-prev",s="layui-carousel-next",u="layui-carousel-arrow",c="layui-carousel-ind",m=function(e){var t=this;t.config=i.extend({},t.config,n.config,e),t.render()};m.prototype.config={width:"600px",height:"280px",full:!1,arrow:"hover",indicator:"inside",autoplay:!0,interval:3e3,anim:"",trigger:"click",index:0},m.prototype.render=function(){var e=this,n=e.config;n.elem=i(n.elem),n.elem[0]&&(e.elemItem=n.elem.find(l),n.index<0&&(n.index=0),n.index>=e.elemItem.length&&(n.index=e.elemItem.length-1),n.interval<800&&(n.interval=800),n.full?n.elem.css({position:"fixed",width:"100%",height:"100%",zIndex:9999}):n.elem.css({width:n.width,height:n.height}),n.elem.attr("lay-anim",n.anim),e.elemItem.eq(n.index).addClass(a),e.elemItem.length<=1||(e.indicator(),e.arrow(),e.autoplay(),e.events()))},m.prototype.reload=function(e){var n=this;clearInterval(n.timer),n.config=i.extend({},n.config,e),n.render()},m.prototype.prevIndex=function(){var e=this,i=e.config,n=i.index-1;return n<0&&(n=e.elemItem.length-1),n},m.prototype.nextIndex=function(){var e=this,i=e.config,n=i.index+1;return n>=e.elemItem.length&&(n=0),n},m.prototype.addIndex=function(e){var i=this,n=i.config;e=e||1,n.index=n.index+e,n.index>=i.elemItem.length&&(n.index=0)},m.prototype.subIndex=function(e){var i=this,n=i.config;e=e||1,n.index=n.index-e,n.index<0&&(n.index=i.elemItem.length-1)},m.prototype.autoplay=function(){var e=this,i=e.config;i.autoplay&&(clearInterval(e.timer),e.timer=setInterval(function(){e.slide()},i.interval))},m.prototype.arrow=function(){var e=this,n=e.config,t=i(['<button class="layui-icon '+u+'" lay-type="sub">'+("updown"===n.anim?"":"")+"</button>",'<button class="layui-icon '+u+'" lay-type="add">'+("updown"===n.anim?"":"")+"</button>"].join(""));n.elem.attr("lay-arrow",n.arrow),n.elem.find("."+u)[0]&&n.elem.find("."+u).remove(),n.elem.append(t),t.on("click",function(){var n=i(this),t=n.attr("lay-type");e.slide(t)})},m.prototype.indicator=function(){var e=this,n=e.config,t=e.elemInd=i(['<div class="'+c+'"><ul>',function(){var i=[];return layui.each(e.elemItem,function(e){i.push("<li"+(n.index===e?' class="layui-this"':"")+"></li>")}),i.join("")}(),"</ul></div>"].join(""));n.elem.attr("lay-indicator",n.indicator),n.elem.find("."+c)[0]&&n.elem.find("."+c).remove(),n.elem.append(t),"updown"===n.anim&&t.css("margin-top",-(t.height()/2)),t.find("li").on("hover"===n.trigger?"mouseover":n.trigger,function(){var t=i(this),a=t.index();a>n.index?e.slide("add",a-n.index):a<n.index&&e.slide("sub",n.index-a)})},m.prototype.slide=function(e,i){var n=this,l=n.elemItem,u=n.config,c=u.index,m=u.elem.attr("lay-filter");n.haveSlide||("sub"===e?(n.subIndex(i),l.eq(u.index).addClass(d),setTimeout(function(){l.eq(c).addClass(r),l.eq(u.index).addClass(r)},50)):(n.addIndex(i),l.eq(u.index).addClass(s),setTimeout(function(){l.eq(c).addClass(o),l.eq(u.index).addClass(o)},50)),setTimeout(function(){l.removeClass(a+" "+d+" "+s+" "+o+" "+r),l.eq(u.index).addClass(a),n.haveSlide=!1},300),n.elemInd.find("li").eq(u.index).addClass(a).siblings().removeClass(a),n.haveSlide=!0,layui.event.call(this,t,"change("+m+")",{index:u.index,prevIndex:c,item:l.eq(u.index)}))},m.prototype.events=function(){var e=this,i=e.config;i.elem.data("haveEvents")||(i.elem.on("mouseenter",function(){clearInterval(e.timer)}).on("mouseleave",function(){e.autoplay()}),i.elem.data("haveEvents",!0))},n.render=function(e){var i=new m(e);return i},e(t,n)});layui.define("jquery",function(e){"use strict";var a=layui.jquery,i={config:{},index:layui.rate?layui.rate.index+1e4:0,set:function(e){var i=this;return i.config=a.extend({},i.config,e),i},on:function(e,a){return layui.onevent.call(this,n,e,a)}},l=function(){var e=this,a=e.config;return{setvalue:function(a){e.setvalue.call(e,a)},config:a}},n="rate",t="layui-rate",o="layui-icon-rate",s="layui-icon-rate-solid",u="layui-icon-rate-half",r="layui-icon-rate-solid layui-icon-rate-half",c="layui-icon-rate-solid layui-icon-rate",f="layui-icon-rate layui-icon-rate-half",v=function(e){var l=this;l.index=++i.index,l.config=a.extend({},l.config,i.config,e),l.render()};v.prototype.config={length:5,text:!1,readonly:!1,half:!1,value:0,theme:""},v.prototype.render=function(){var e=this,i=e.config,l=i.theme?'style="color: '+i.theme+';"':"";i.elem=a(i.elem),parseInt(i.value)!==i.value&&(i.half||(i.value=Math.ceil(i.value)-i.value<.5?Math.ceil(i.value):Math.floor(i.value)));for(var n='<ul class="layui-rate" '+(i.readonly?"readonly":"")+">",u=1;u<=i.length;u++){var r='<li class="layui-inline"><i class="layui-icon '+(u>Math.floor(i.value)?o:s)+'" '+l+"></i></li>";i.half&&parseInt(i.value)!==i.value&&u==Math.ceil(i.value)?n=n+'<li><i class="layui-icon layui-icon-rate-half" '+l+"></i></li>":n+=r}n+="</ul>"+(i.text?'<span class="layui-inline">'+i.value+"鏄�":"")+"</span>";var c=i.elem,f=c.next("."+t);f[0]&&f.remove(),e.elemTemp=a(n),i.span=e.elemTemp.next("span"),i.setText&&i.setText(i.value),c.html(e.elemTemp),c.addClass("layui-inline"),i.readonly||e.action()},v.prototype.setvalue=function(e){var a=this,i=a.config;i.value=e,a.render()},v.prototype.action=function(){var e=this,i=e.config,l=e.elemTemp,n=l.find("i").width();l.children("li").each(function(e){var t=e+1,v=a(this);v.on("click",function(e){if(i.value=t,i.half){var o=e.pageX-a(this).offset().left;o<=n/2&&(i.value=i.value-.5)}i.text&&l.next("span").text(i.value+"鏄�"),i.choose&&i.choose(i.value),i.setText&&i.setText(i.value)}),v.on("mousemove",function(e){if(l.find("i").each(function(){a(this).addClass(o).removeClass(r)}),l.find("i:lt("+t+")").each(function(){a(this).addClass(s).removeClass(f)}),i.half){var c=e.pageX-a(this).offset().left;c<=n/2&&v.children("i").addClass(u).removeClass(s)}}),v.on("mouseleave",function(){l.find("i").each(function(){a(this).addClass(o).removeClass(r)}),l.find("i:lt("+Math.floor(i.value)+")").each(function(){a(this).addClass(s).removeClass(f)}),i.half&&parseInt(i.value)!==i.value&&l.children("li:eq("+Math.floor(i.value)+")").children("i").addClass(u).removeClass(c)})})},v.prototype.events=function(){var e=this;e.config},i.render=function(e){var a=new v(e);return l.call(a)},e(n,i)});layui.define("jquery",function(e){"use strict";var t=layui.$,i={fixbar:function(e){var i,n,a="layui-fixbar",o="layui-fixbar-top",r=t(document),l=t("body");e=t.extend({showHeight:200},e),e.bar1=e.bar1===!0?"":e.bar1,e.bar2=e.bar2===!0?"":e.bar2,e.bgcolor=e.bgcolor?"background-color:"+e.bgcolor:"";var c=[e.bar1,e.bar2,""],u=t(['<ul class="'+a+'">',e.bar1?'<li class="layui-icon" lay-type="bar1" style="'+e.bgcolor+'">'+c[0]+"</li>":"",e.bar2?'<li class="layui-icon" lay-type="bar2" style="'+e.bgcolor+'">'+c[1]+"</li>":"",'<li class="layui-icon '+o+'" lay-type="top" style="'+e.bgcolor+'">'+c[2]+"</li>","</ul>"].join("")),g=u.find("."+o),s=function(){var t=r.scrollTop();t>=e.showHeight?i||(g.show(),i=1):i&&(g.hide(),i=0)};t("."+a)[0]||("object"==typeof e.css&&u.css(e.css),l.append(u),s(),u.find("li").on("click",function(){var i=t(this),n=i.attr("lay-type");"top"===n&&t("html,body").animate({scrollTop:0},200),e.click&&e.click.call(this,n)}),r.on("scroll",function(){clearTimeout(n),n=setTimeout(function(){s()},100)}))},countdown:function(e,t,i){var n=this,a="function"==typeof t,o=new Date(e).getTime(),r=new Date(!t||a?(new Date).getTime():t).getTime(),l=o-r,c=[Math.floor(l/864e5),Math.floor(l/36e5)%24,Math.floor(l/6e4)%60,Math.floor(l/1e3)%60];a&&(i=t);var u=setTimeout(function(){n.countdown(e,r+1e3,i)},1e3);return i&&i(l>0?c:[0,0,0,0],t,u),l<=0&&clearTimeout(u),u},timeAgo:function(e,t){var i=this,n=[[],[]],a=(new Date).getTime()-new Date(e).getTime();return a>26784e5?(a=new Date(e),n[0][0]=i.digit(a.getFullYear(),4),n[0][1]=i.digit(a.getMonth()+1),n[0][2]=i.digit(a.getDate()),t||(n[1][0]=i.digit(a.getHours()),n[1][1]=i.digit(a.getMinutes()),n[1][2]=i.digit(a.getSeconds())),n[0].join("-")+" "+n[1].join(":")):a>=864e5?(a/1e3/60/60/24|0)+"澶╁墠":a>=36e5?(a/1e3/60/60|0)+"灏忔椂鍓�":a>=18e4?(a/1e3/60|0)+"鍒嗛挓鍓�":a<0?"鏈潵":"鍒氬垰"},digit:function(e,t){var i="";e=String(e),t=t||2;for(var n=e.length;n<t;n++)i+="0";return e<Math.pow(10,t)?i+(0|e):e},toDateString:function(e,t){var i=this,n=new Date(e||new Date),a=[i.digit(n.getFullYear(),4),i.digit(n.getMonth()+1),i.digit(n.getDate())],o=[i.digit(n.getHours()),i.digit(n.getMinutes()),i.digit(n.getSeconds())];return t=t||"yyyy-MM-dd HH:mm:ss",t.replace(/yyyy/g,a[0]).replace(/MM/g,a[1]).replace(/dd/g,a[2]).replace(/HH/g,o[0]).replace(/mm/g,o[1]).replace(/ss/g,o[2])},escape:function(e){return String(e||"").replace(/&(?!#?[a-zA-Z0-9]+;)/g,"&").replace(/</g,"<").replace(/>/g,">").replace(/'/g,"'").replace(/"/g,""")},event:function(e,n,a){var o=t("body");return a=a||"click",n=i.event[e]=t.extend(!0,i.event[e],n)||{},i.event.UTIL_EVENT_CALLBACK=i.event.UTIL_EVENT_CALLBACK||{},o.off(a,"*["+e+"]",i.event.UTIL_EVENT_CALLBACK[e]),i.event.UTIL_EVENT_CALLBACK[e]=function(){var i=t(this),a=i.attr(e);"function"==typeof n[a]&&n[a].call(this,i)},o.on(a,"*["+e+"]",i.event.UTIL_EVENT_CALLBACK[e]),n}};!function(e,t,i){"$:nomunge";function n(){a=t[l](function(){o.each(function(){var t=e(this),i=t.width(),n=t.height(),a=e.data(this,u);(i!==a.w||n!==a.h)&&t.trigger(c,[a.w=i,a.h=n])}),n()},r[g])}var a,o=e([]),r=e.resize=e.extend(e.resize,{}),l="setTimeout",c="resize",u=c+"-special-event",g="delay",s="throttleWindow";r[g]=250,r[s]=!0,e.event.special[c]={setup:function(){if(!r[s]&&this[l])return!1;var t=e(this);o=o.add(t),e.data(this,u,{w:t.width(),h:t.height()}),1===o.length&&n()},teardown:function(){if(!r[s]&&this[l])return!1;var t=e(this);o=o.not(t),t.removeData(u),o.length||clearTimeout(a)},add:function(t){function n(t,n,o){var r=e(this),l=e.data(this,u)||{};l.w=n!==i?n:r.width(),l.h=o!==i?o:r.height(),a.apply(this,arguments)}if(!r[s]&&this[l])return!1;var a;return e.isFunction(t)?(a=t,n):(a=t.handler,void(t.handler=n))}}}(t,window),e("util",i)});layui.define("jquery",function(e){"use strict";var l=layui.$,o=function(e){},t='<i class="layui-anim layui-anim-rotate layui-anim-loop layui-icon "></i>';o.prototype.load=function(e){var o,i,n,r,a=this,c=0;e=e||{};var f=l(e.elem);if(f[0]){var m=l(e.scrollElem||document),u=e.mb||50,s=!("isAuto"in e)||e.isAuto,v=e.end||"娌℃湁鏇村浜�",y=e.scrollElem&&e.scrollElem!==document,d="<cite>鍔犺浇鏇村</cite>",h=l('<div class="layui-flow-more"><a href="javascript:;">'+d+"</a></div>");f.find(".layui-flow-more")[0]||f.append(h);var p=function(e,t){e=l(e),h.before(e),t=0==t||null,t?h.html(v):h.find("a").html(d),i=t,o=null,n&&n()},g=function(){o=!0,h.find("a").html(t),"function"==typeof e.done&&e.done(++c,p)};if(g(),h.find("a").on("click",function(){l(this);i||o||g()}),e.isLazyimg)var n=a.lazyimg({elem:e.elem+" img",scrollElem:e.scrollElem});return s?(m.on("scroll",function(){var e=l(this),t=e.scrollTop();r&&clearTimeout(r),!i&&f.width()&&(r=setTimeout(function(){var i=y?e.height():l(window).height(),n=y?e.prop("scrollHeight"):document.documentElement.scrollHeight;n-t-i<=u&&(o||g())},100))}),a):a}},o.prototype.lazyimg=function(e){var o,t=this,i=0;e=e||{};var n=l(e.scrollElem||document),r=e.elem||"img",a=e.scrollElem&&e.scrollElem!==document,c=function(e,l){var o=n.scrollTop(),r=o+l,c=a?function(){return e.offset().top-n.offset().top+o}():e.offset().top;if(c>=o&&c<=r&&!e.attr("src")){var m=e.attr("lay-src");layui.img(m,function(){var l=t.lazyimg.elem.eq(i);e.attr("src",m).removeAttr("lay-src"),l[0]&&f(l),i++})}},f=function(e,o){var f=a?(o||n).height():l(window).height(),m=n.scrollTop(),u=m+f;if(t.lazyimg.elem=l(r),e)c(e,f);else for(var s=0;s<t.lazyimg.elem.length;s++){var v=t.lazyimg.elem.eq(s),y=a?function(){return v.offset().top-n.offset().top+m}():v.offset().top;if(c(v,f),i=s,y>u)break}};if(f(),!o){var m;n.on("scroll",function(){var e=l(this);m&&clearTimeout(m),m=setTimeout(function(){f(null,e)},50)}),o=!0}return f},e("flow",new o)});layui.define(["layer","form"],function(t){"use strict";var e=layui.$,i=layui.layer,a=layui.form,l=(layui.hint(),layui.device()),n="layedit",o="layui-show",r="layui-disabled",c=function(){var t=this;t.index=0,t.config={tool:["strong","italic","underline","del","|","left","center","right","|","link","unlink","face","image"],hideTool:[],height:280}};c.prototype.set=function(t){var i=this;return e.extend(!0,i.config,t),i},c.prototype.on=function(t,e){return layui.onevent(n,t,e)},c.prototype.build=function(t,i){i=i||{};var a=this,n=a.config,r="layui-layedit",c=e("string"==typeof t?"#"+t:t),u="LAY_layedit_"+ ++a.index,d=c.next("."+r),y=e.extend({},n,i),f=function(){var t=[],e={};return layui.each(y.hideTool,function(t,i){e[i]=!0}),layui.each(y.tool,function(i,a){C[a]&&!e[a]&&t.push(C[a])}),t.join("")}(),m=e(['<div class="'+r+'">','<div class="layui-unselect layui-layedit-tool">'+f+"</div>",'<div class="layui-layedit-iframe">','<iframe id="'+u+'" name="'+u+'" textarea="'+t+'" frameborder="0"></iframe>',"</div>","</div>"].join(""));return l.ie&&l.ie<8?c.removeClass("layui-hide").addClass(o):(d[0]&&d.remove(),s.call(a,m,c[0],y),c.addClass("layui-hide").after(m),a.index)},c.prototype.getContent=function(t){var e=u(t);if(e[0])return d(e[0].document.body.innerHTML)},c.prototype.getText=function(t){var i=u(t);if(i[0])return e(i[0].document.body).text()},c.prototype.setContent=function(t,i,a){var l=u(t);l[0]&&(a?e(l[0].document.body).append(i):e(l[0].document.body).html(i),layedit.sync(t))},c.prototype.sync=function(t){var i=u(t);if(i[0]){var a=e("#"+i[1].attr("textarea"));a.val(d(i[0].document.body.innerHTML))}},c.prototype.getSelection=function(t){var e=u(t);if(e[0]){var i=m(e[0].document);return document.selection?i.text:i.toString()}};var s=function(t,i,a){var l=this,n=t.find("iframe");n.css({height:a.height}).on("load",function(){var o=n.contents(),r=n.prop("contentWindow"),c=o.find("head"),s=e(["<style>","*{margin: 0; padding: 0;}","body{padding: 10px; line-height: 20px; overflow-x: hidden; word-wrap: break-word; font: 14px Helvetica Neue,Helvetica,PingFang SC,Microsoft YaHei,Tahoma,Arial,sans-serif; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important;}","a{color:#01AAED; text-decoration:none;}a:hover{color:#c00}","p{margin-bottom: 10px;}","img{display: inline-block; border: none; vertical-align: middle;}","pre{margin: 10px 0; padding: 10px; line-height: 20px; border: 1px solid #ddd; border-left-width: 6px; background-color: #F2F2F2; color: #333; font-family: Courier New; font-size: 12px;}","</style>"].join("")),u=o.find("body");c.append(s),u.attr("contenteditable","true").css({"min-height":a.height}).html(i.value||""),y.apply(l,[r,n,i,a]),g.call(l,r,t,a)})},u=function(t){var i=e("#LAY_layedit_"+t),a=i.prop("contentWindow");return[a,i]},d=function(t){return 8==l.ie&&(t=t.replace(/<.+>/g,function(t){return t.toLowerCase()})),t},y=function(t,a,n,o){var r=t.document,c=e(r.body);c.on("keydown",function(t){var e=t.keyCode;if(13===e){var a=m(r),l=p(a),n=l.parentNode;if("pre"===n.tagName.toLowerCase()){if(t.shiftKey)return;return i.msg("璇锋殏鏃剁敤shift+enter"),!1}r.execCommand("formatBlock",!1,"<p>")}}),e(n).parents("form").on("submit",function(){var t=c.html();8==l.ie&&(t=t.replace(/<.+>/g,function(t){return t.toLowerCase()})),n.value=t}),c.on("paste",function(e){r.execCommand("formatBlock",!1,"<p>"),setTimeout(function(){f.call(t,c),n.value=c.html()},100)})},f=function(t){var i=this;i.document;t.find("*[style]").each(function(){var t=this.style.textAlign;this.removeAttribute("style"),e(this).css({"text-align":t||""})}),t.find("table").addClass("layui-table"),t.find("script,link").remove()},m=function(t){return t.selection?t.selection.createRange():t.getSelection().getRangeAt(0)},p=function(t){return t.endContainer||t.parentElement().childNodes[0]},v=function(t,i,a){var l=this.document,n=document.createElement(t);for(var o in i)n.setAttribute(o,i[o]);if(n.removeAttribute("text"),l.selection){var r=a.text||i.text;if("a"===t&&!r)return;r&&(n.innerHTML=r),a.pasteHTML(e(n).prop("outerHTML")),a.select()}else{var r=a.toString()||i.text;if("a"===t&&!r)return;r&&(n.innerHTML=r),a.deleteContents(),a.insertNode(n)}},h=function(t,i){var a=this.document,l="layedit-tool-active",n=p(m(a)),o=function(e){return t.find(".layedit-tool-"+e)};i&&i[i.hasClass(l)?"removeClass":"addClass"](l),t.find(">i").removeClass(l),o("unlink").addClass(r),e(n).parents().each(function(){var t=this.tagName.toLowerCase(),e=this.style.textAlign;"b"!==t&&"strong"!==t||o("b").addClass(l),"i"!==t&&"em"!==t||o("i").addClass(l),"u"===t&&o("u").addClass(l),"strike"===t&&o("d").addClass(l),"p"===t&&("center"===e?o("center").addClass(l):"right"===e?o("right").addClass(l):o("left").addClass(l)),"a"===t&&(o("link").addClass(l),o("unlink").removeClass(r))})},g=function(t,a,l){var n=t.document,o=e(n.body),c={link:function(i){var a=p(i),l=e(a).parent();b.call(o,{href:l.attr("href"),target:l.attr("target")},function(e){var a=l[0];"A"===a.tagName?a.href=e.url:v.call(t,"a",{target:e.target,href:e.url,text:e.url},i)})},unlink:function(t){n.execCommand("unlink")},face:function(e){x.call(this,function(i){v.call(t,"img",{src:i.src,alt:i.alt},e)})},image:function(a){var n=this;layui.use("upload",function(o){var r=l.uploadImage||{};o.render({url:r.url,method:r.type,elem:e(n).find("input")[0],done:function(e){0==e.code?(e.data=e.data||{},v.call(t,"img",{src:e.data.src,alt:e.data.title},a)):i.msg(e.msg||"涓婁紶澶辫触")}})})},code:function(e){k.call(o,function(i){v.call(t,"pre",{text:i.code,"lay-lang":i.lang},e)})},help:function(){i.open({type:2,title:"甯姪",area:["600px","380px"],shadeClose:!0,shade:.1,skin:"layui-layer-msg",content:["http://www.layui.com/about/layedit/help.html","no"]})}},s=a.find(".layui-layedit-tool"),u=function(){var i=e(this),a=i.attr("layedit-event"),l=i.attr("lay-command");if(!i.hasClass(r)){o.focus();var u=m(n);u.commonAncestorContainer;l?(n.execCommand(l),/justifyLeft|justifyCenter|justifyRight/.test(l)&&n.execCommand("formatBlock",!1,"<p>"),setTimeout(function(){o.focus()},10)):c[a]&&c[a].call(this,u),h.call(t,s,i)}},d=/image/;s.find(">i").on("mousedown",function(){var t=e(this),i=t.attr("layedit-event");d.test(i)||u.call(this)}).on("click",function(){var t=e(this),i=t.attr("layedit-event");d.test(i)&&u.call(this)}),o.on("click",function(){h.call(t,s),i.close(x.index)})},b=function(t,e){var l=this,n=i.open({type:1,id:"LAY_layedit_link",area:"350px",shade:.05,shadeClose:!0,moveType:1,title:"瓒呴摼鎺�",skin:"layui-layer-msg",content:['<ul class="layui-form" style="margin: 15px;">','<li class="layui-form-item">','<label class="layui-form-label" style="width: 60px;">URL</label>','<div class="layui-input-block" style="margin-left: 90px">','<input name="url" lay-verify="url" value="'+(t.href||"")+'" autofocus="true" autocomplete="off" class="layui-input">',"</div>","</li>",'<li class="layui-form-item">','<label class="layui-form-label" style="width: 60px;">鎵撳紑鏂瑰紡</label>','<div class="layui-input-block" style="margin-left: 90px">','<input type="radio" name="target" value="_self" class="layui-input" title="褰撳墠绐楀彛"'+("_self"!==t.target&&t.target?"":"checked")+">",'<input type="radio" name="target" value="_blank" class="layui-input" title="鏂扮獥鍙�" '+("_blank"===t.target?"checked":"")+">","</div>","</li>",'<li class="layui-form-item" style="text-align: center;">','<button type="button" lay-submit lay-filter="layedit-link-yes" class="layui-btn"> 纭畾 </button>','<button style="margin-left: 20px;" type="button" class="layui-btn layui-btn-primary"> 鍙栨秷 </button>',"</li>","</ul>"].join(""),success:function(t,n){var o="submit(layedit-link-yes)";a.render("radio"),t.find(".layui-btn-primary").on("click",function(){i.close(n),l.focus()}),a.on(o,function(t){i.close(b.index),e&&e(t.field)})}});b.index=n},x=function(t){var a=function(){var t=["[寰瑧]","[鍢诲樆]","[鍝堝搱]","[鍙埍]","[鍙�淽","[鎸栭蓟]","[鍚冩儕]","[瀹崇緸]","[鎸ょ溂]","[闂槾]","[閯欒]","[鐖变綘]","[娉猐","[鍋风瑧]","[浜蹭翰]","[鐢熺梾]","[澶紑蹇僝","[鐧界溂]","[鍙冲摷鍝糫","[宸﹀摷鍝糫","[鍢榏","[琛癩","[濮斿眻]","[鍚怾","[鍝堟瑺]","[鎶辨姳]","[鎬抅","[鐤戦棶]","[棣嬪槾]","[鎷滄嫓]","[鎬濊�僝","[姹梋","[鍥癩","[鐫","[閽盷","[澶辨湜]","[閰穄","[鑹瞉","[鍝糫","[榧撴帉]","[鏅昡","[鎮蹭激]","[鎶撶媯]","[榛戠嚎]","[闃撮櫓]","[鎬掗獋]","[浜掔矇]","[蹇僝","[浼ゅ績]","[鐚ご]","[鐔婄尗]","[鍏斿瓙]","[ok]","[鑰禲","[good]","[NO]","[璧瀅","[鏉","[寮盷","[鑽夋偿椹琞","[绁為┈]","[鍥","[娴簯]","[缁欏姏]","[鍥磋]","[濞佹]","[濂ョ壒鏇糫","[绀肩墿]","[閽焆","[璇濈瓛]","[铚＄儧]","[铔嬬硶]"],e={};return layui.each(t,function(t,i){e[i]=layui.cache.dir+"images/face/"+t+".gif"}),e}();return x.hide=x.hide||function(t){"face"!==e(t.target).attr("layedit-event")&&i.close(x.index)},x.index=i.tips(function(){var t=[];return layui.each(a,function(e,i){t.push('<li title="'+e+'"><img src="'+i+'" alt="'+e+'"></li>')}),'<ul class="layui-clear">'+t.join("")+"</ul>"}(),this,{tips:1,time:0,skin:"layui-box layui-util-face",maxWidth:500,success:function(l,n){l.css({marginTop:-4,marginLeft:-10}).find(".layui-clear>li").on("click",function(){t&&t({src:a[this.title],alt:this.title}),i.close(n)}),e(document).off("click",x.hide).on("click",x.hide)}})},k=function(t){var e=this,l=i.open({type:1,id:"LAY_layedit_code",area:"550px",shade:.05,shadeClose:!0,moveType:1,title:"鎻掑叆浠ｇ爜",skin:"layui-layer-msg",content:['<ul class="layui-form layui-form-pane" style="margin: 15px;">','<li class="layui-form-item">','<label class="layui-form-label">璇烽�夋嫨璇█</label>','<div class="layui-input-block">','<select name="lang">','<option value="JavaScript">JavaScript</option>','<option value="HTML">HTML</option>','<option value="CSS">CSS</option>','<option value="Java">Java</option>','<option value="PHP">PHP</option>','<option value="C#">C#</option>','<option value="Python">Python</option>','<option value="Ruby">Ruby</option>','<option value="Go">Go</option>',"</select>","</div>","</li>",'<li class="layui-form-item layui-form-text">','<label class="layui-form-label">浠ｇ爜</label>','<div class="layui-input-block">','<textarea name="code" lay-verify="required" autofocus="true" class="layui-textarea" style="height: 200px;"></textarea>',"</div>","</li>",'<li class="layui-form-item" style="text-align: center;">','<button type="button" lay-submit lay-filter="layedit-code-yes" class="layui-btn"> 纭畾 </button>','<button style="margin-left: 20px;" type="button" class="layui-btn layui-btn-primary"> 鍙栨秷 </button>',"</li>","</ul>"].join(""),success:function(l,n){var o="submit(layedit-code-yes)";a.render("select"),l.find(".layui-btn-primary").on("click",function(){i.close(n),e.focus()}),a.on(o,function(e){i.close(k.index),t&&t(e.field)})}});k.index=l},C={html:'<i class="layui-icon layedit-tool-html" title="HTML婧愪唬鐮�" lay-command="html" layedit-event="html""></i><span class="layedit-tool-mid"></span>',strong:'<i class="layui-icon layedit-tool-b" title="鍔犵矖" lay-command="Bold" layedit-event="b""></i>',italic:'<i class="layui-icon layedit-tool-i" title="鏂滀綋" lay-command="italic" layedit-event="i""></i>',underline:'<i class="layui-icon layedit-tool-u" title="涓嬪垝绾�" lay-command="underline" layedit-event="u""></i>',del:'<i class="layui-icon layedit-tool-d" title="鍒犻櫎绾�" lay-command="strikeThrough" layedit-event="d""></i>',"|":'<span class="layedit-tool-mid"></span>',left:'<i class="layui-icon layedit-tool-left" title="宸﹀榻�" lay-command="justifyLeft" layedit-event="left""></i>',center:'<i class="layui-icon layedit-tool-center" title="灞呬腑瀵归綈" lay-command="justifyCenter" layedit-event="center""></i>',right:'<i class="layui-icon layedit-tool-right" title="鍙冲榻�" lay-command="justifyRight" layedit-event="right""></i>',link:'<i class="layui-icon layedit-tool-link" title="鎻掑叆閾炬帴" layedit-event="link""></i>',unlink:'<i class="layui-icon layedit-tool-unlink layui-disabled" title="娓呴櫎閾炬帴" lay-command="unlink" layedit-event="unlink""></i>',face:'<i class="layui-icon layedit-tool-face" title="琛ㄦ儏" layedit-event="face""></i>',image:'<i class="layui-icon layedit-tool-image" title="鍥剧墖" layedit-event="image"><input type="file" name="file"></i>',code:'<i class="layui-icon layedit-tool-code" title="鎻掑叆浠ｇ爜" layedit-event="code"></i>',help:'<i class="layui-icon layedit-tool-help" title="甯姪" layedit-event="help"></i>'},w=new c;t(n,w)});layui.define("jquery",function(e){"use strict";var a=layui.$,l="http://www.layui.com/doc/modules/code.html";e("code",function(e){var t=[];e=e||{},e.elem=a(e.elem||".layui-code"),e.about=!("about"in e)||e.about,e.elem.each(function(){t.push(this)}),layui.each(t.reverse(),function(t,i){var c=a(i),o=c.html();(c.attr("lay-encode")||e.encode)&&(o=o.replace(/&(?!#?[a-zA-Z0-9]+;)/g,"&").replace(/</g,"<").replace(/>/g,">").replace(/'/g,"'").replace(/"/g,""")),c.html('<ol class="layui-code-ol"><li>'+o.replace(/[\r\t\n]+/g,"</li><li>")+"</li></ol>"),c.find(">.layui-code-h3")[0]||c.prepend('<h3 class="layui-code-h3">'+(c.attr("lay-title")||e.title||"code")+(e.about?'<a href="'+l+'" target="_blank">layui.code</a>':"")+"</h3>");var d=c.find(">.layui-code-ol");c.addClass("layui-box layui-code-view"),(c.attr("lay-skin")||e.skin)&&c.addClass("layui-code-"+(c.attr("lay-skin")||e.skin)),(d.find("li").length/100|0)>0&&d.css("margin-left",(d.find("li").length/100|0)+"px"),(c.attr("lay-height")||e.height)&&d.css("max-height",c.attr("lay-height")||e.height)})})}).addcss("modules/code.css","skincodecss");
\ No newline at end of file
diff --git a/src/main/resources/static/JS/layui/layui.js b/src/main/resources/static/JS/layui/layui.js
new file mode 100644
index 0000000..99dba90
--- /dev/null
+++ b/src/main/resources/static/JS/layui/layui.js
@@ -0,0 +1,2 @@
+/** layui-v2.5.6 MIT License By https://www.layui.com */
+ ;!function(e){"use strict";var t=document,n={modules:{},status:{},timeout:10,event:{}},r=function(){this.v="2.5.6"},o=function(){var e=t.currentScript?t.currentScript.src:function(){for(var e,n=t.scripts,r=n.length-1,o=r;o>0;o--)if("interactive"===n[o].readyState){e=n[o].src;break}return e||n[r].src}();return e.substring(0,e.lastIndexOf("/")+1)}(),a=function(t){e.console&&console.error&&console.error("Layui hint: "+t)},i="undefined"!=typeof opera&&"[object Opera]"===opera.toString(),u={layer:"modules/layer",laydate:"modules/laydate",laypage:"modules/laypage",laytpl:"modules/laytpl",layim:"modules/layim",layedit:"modules/layedit",form:"modules/form",upload:"modules/upload",transfer:"modules/transfer",tree:"modules/tree",table:"modules/table",element:"modules/element",rate:"modules/rate",colorpicker:"modules/colorpicker",slider:"modules/slider",carousel:"modules/carousel",flow:"modules/flow",util:"modules/util",code:"modules/code",jquery:"modules/jquery",mobile:"modules/mobile","layui.all":"../layui.all"};r.prototype.cache=n,r.prototype.define=function(e,t){var r=this,o="function"==typeof e,a=function(){var e=function(e,t){layui[e]=t,n.status[e]=!0};return"function"==typeof t&&t(function(r,o){e(r,o),n.callback[r]=function(){t(e)}}),this};return o&&(t=e,e=[]),!layui["layui.all"]&&layui["layui.mobile"]?a.call(r):(r.use(e,a),r)},r.prototype.use=function(e,r,l){function c(e,t){var r="PLaySTATION 3"===navigator.platform?/^complete$/:/^(complete|loaded)$/;("load"===e.type||r.test((e.currentTarget||e.srcElement).readyState))&&(n.modules[d]=t,y.removeChild(h),function o(){return++m>1e3*n.timeout/4?a(d+" is not a valid module"):void(n.status[d]?s():setTimeout(o,4))}())}function s(){l.push(layui[d]),e.length>1?p.use(e.slice(1),r,l):"function"==typeof r&&r.apply(layui,l)}var p=this,f=n.dir=n.dir?n.dir:o,y=t.getElementsByTagName("head")[0];e="string"==typeof e?[e]:e,window.jQuery&&jQuery.fn.on&&(p.each(e,function(t,n){"jquery"===n&&e.splice(t,1)}),layui.jquery=layui.$=jQuery);var d=e[0],m=0;if(l=l||[],n.host=n.host||(f.match(/\/\/([\s\S]+?)\//)||["//"+location.host+"/"])[0],0===e.length||layui["layui.all"]&&u[d]||!layui["layui.all"]&&layui["layui.mobile"]&&u[d])return s(),p;var v=(u[d]?f+"lay/":/^\{\/\}/.test(p.modules[d])?"":n.base||"")+(p.modules[d]||d)+".js";if(v=v.replace(/^\{\/\}/,""),!n.modules[d]&&layui[d]&&(n.modules[d]=v),n.modules[d])!function g(){return++m>1e3*n.timeout/4?a(d+" is not a valid module"):void("string"==typeof n.modules[d]&&n.status[d]?s():setTimeout(g,4))}();else{var h=t.createElement("script");h.async=!0,h.charset="utf-8",h.src=v+function(){var e=n.version===!0?n.v||(new Date).getTime():n.version||"";return e?"?v="+e:""}(),y.appendChild(h),!h.attachEvent||h.attachEvent.toString&&h.attachEvent.toString().indexOf("[native code")<0||i?h.addEventListener("load",function(e){c(e,v)},!1):h.attachEvent("onreadystatechange",function(e){c(e,v)}),n.modules[d]=v}return p},r.prototype.getStyle=function(t,n){var r=t.currentStyle?t.currentStyle:e.getComputedStyle(t,null);return r[r.getPropertyValue?"getPropertyValue":"getAttribute"](n)},r.prototype.link=function(e,r,o){var i=this,u=t.createElement("link"),l=t.getElementsByTagName("head")[0];"string"==typeof r&&(o=r);var c=(o||e).replace(/\.|\//g,""),s=u.id="layuicss-"+c,p=0;return u.rel="stylesheet",u.href=e+(n.debug?"?v="+(new Date).getTime():""),u.media="all",t.getElementById(s)||l.appendChild(u),"function"!=typeof r?i:(function f(){return++p>1e3*n.timeout/100?a(e+" timeout"):void(1989===parseInt(i.getStyle(t.getElementById(s),"width"))?function(){r()}():setTimeout(f,100))}(),i)},n.callback={},r.prototype.factory=function(e){if(layui[e])return"function"==typeof n.callback[e]?n.callback[e]:null},r.prototype.addcss=function(e,t,r){return layui.link(n.dir+"css/"+e,t,r)},r.prototype.img=function(e,t,n){var r=new Image;return r.src=e,r.complete?t(r):(r.onload=function(){r.onload=null,"function"==typeof t&&t(r)},void(r.onerror=function(e){r.onerror=null,"function"==typeof n&&n(e)}))},r.prototype.config=function(e){e=e||{};for(var t in e)n[t]=e[t];return this},r.prototype.modules=function(){var e={};for(var t in u)e[t]=u[t];return e}(),r.prototype.extend=function(e){var t=this;e=e||{};for(var n in e)t[n]||t.modules[n]?a("妯″潡鍚� "+n+" 宸茶鍗犵敤"):t.modules[n]=e[n];return t},r.prototype.router=function(e){var t=this,e=e||location.hash,n={path:[],search:{},hash:(e.match(/[^#](#.*$)/)||[])[1]||""};return/^#\//.test(e)?(e=e.replace(/^#\//,""),n.href="/"+e,e=e.replace(/([^#])(#.*$)/,"$1").split("/")||[],t.each(e,function(e,t){/^\w+=/.test(t)?function(){t=t.split("="),n.search[t[0]]=t[1]}():n.path.push(t)}),n):n},r.prototype.url=function(e){var t=this,n={pathname:function(){var t=e?function(){var t=(e.match(/\.[^.]+?\/.+/)||[])[0]||"";return t.replace(/^[^\/]+/,"").replace(/\?.+/,"")}():location.pathname;return t.replace(/^\//,"").split("/")}(),search:function(){var n={},r=(e?function(){var t=(e.match(/\?.+/)||[])[0]||"";return t.replace(/\#.+/,"")}():location.search).replace(/^\?+/,"").split("&");return t.each(r,function(e,t){var r=t.indexOf("="),o=function(){return r<0?t.substr(0,t.length):0!==r&&t.substr(0,r)}();o&&(n[o]=r>0?t.substr(r+1):null)}),n}(),hash:t.router(function(){return e?(e.match(/#.+/)||[])[0]||"":location.hash}())};return n},r.prototype.data=function(t,n,r){if(t=t||"layui",r=r||localStorage,e.JSON&&e.JSON.parse){if(null===n)return delete r[t];n="object"==typeof n?n:{key:n};try{var o=JSON.parse(r[t])}catch(a){var o={}}return"value"in n&&(o[n.key]=n.value),n.remove&&delete o[n.key],r[t]=JSON.stringify(o),n.key?o[n.key]:o}},r.prototype.sessionData=function(e,t){return this.data(e,t,sessionStorage)},r.prototype.device=function(t){var n=navigator.userAgent.toLowerCase(),r=function(e){var t=new RegExp(e+"/([^\\s\\_\\-]+)");return e=(n.match(t)||[])[1],e||!1},o={os:function(){return/windows/.test(n)?"windows":/linux/.test(n)?"linux":/iphone|ipod|ipad|ios/.test(n)?"ios":/mac/.test(n)?"mac":void 0}(),ie:function(){return!!(e.ActiveXObject||"ActiveXObject"in e)&&((n.match(/msie\s(\d+)/)||[])[1]||"11")}(),weixin:r("micromessenger")};return t&&!o[t]&&(o[t]=r(t)),o.android=/android/.test(n),o.ios="ios"===o.os,o.mobile=!(!o.android&&!o.ios),o},r.prototype.hint=function(){return{error:a}},r.prototype.each=function(e,t){var n,r=this;if("function"!=typeof t)return r;if(e=e||[],e.constructor===Object){for(n in e)if(t.call(e[n],n,e[n]))break}else for(n=0;n<e.length&&!t.call(e[n],n,e[n]);n++);return r},r.prototype.sort=function(e,t,n){var r=JSON.parse(JSON.stringify(e||[]));return t?(r.sort(function(e,n){var r=/^-?\d+$/,o=e[t],a=n[t];return r.test(o)&&(o=parseFloat(o)),r.test(a)&&(a=parseFloat(a)),o&&!a?1:!o&&a?-1:o>a?1:o<a?-1:0}),n&&r.reverse(),r):r},r.prototype.stope=function(t){t=t||e.event;try{t.stopPropagation()}catch(n){t.cancelBubble=!0}},r.prototype.onevent=function(e,t,n){return"string"!=typeof e||"function"!=typeof n?this:r.event(e,t,null,n)},r.prototype.event=r.event=function(e,t,r,o){var a=this,i=null,u=t.match(/\((.*)\)$/)||[],l=(e+"."+t).replace(u[0],""),c=u[1]||"",s=function(e,t){var n=t&&t.call(a,r);n===!1&&null===i&&(i=!1)};return o?(n.event[l]=n.event[l]||{},n.event[l][c]=[o],this):(layui.each(n.event[l],function(e,t){return"{*}"===c?void layui.each(t,s):(""===e&&layui.each(t,s),void(c&&e===c&&layui.each(t,s)))}),i)},e.layui=new r}(window);
\ No newline at end of file
diff --git a/src/main/resources/static/JS/resourcelist.js b/src/main/resources/static/JS/resourcelist.js
new file mode 100644
index 0000000..e69de29
--- /dev/null
+++ b/src/main/resources/static/JS/resourcelist.js
diff --git a/src/main/resources/static/resourcelist.html b/src/main/resources/static/resourcelist.html
new file mode 100644
index 0000000..9950ad9
--- /dev/null
+++ b/src/main/resources/static/resourcelist.html
@@ -0,0 +1,315 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <title>鏈嶅姟绠＄悊</title>
+ <link rel="stylesheet" href="JS/layui/css/layui.css" media="all">
+</head>
+<style>
+ .fromsys {
+ height: 38px;
+
+ }
+
+ .searchgroup {
+ width: 100%;
+ height: 100%;
+ margin-top: 20px;
+ }
+
+ .layui-btn,
+ .layui-laypage-em {
+ background-color: #659cff !important;
+ }
+
+ select[name='fromsys']{
+ width: 90px;
+ border-color: #e6e6e6;
+ border-radius: 2px;
+ text-align: center!important;
+text-indent: 0.1rem;
+ }
+ select[name='fromsys'] option{
+ width:90px;
+ text-align: center!important;
+ /* text-indent: 1rem; */
+
+ }
+</style>
+
+<body>
+ <div class="searchgroup">
+ <!--鏌ヨ浠ｇ悊鏈嶅姟绛涢�夋潯浠� -->
+ <div class="layui-form-item">
+ <div class="layui-inline">
+ <label class="layui-form-label">璧勬簮ID</label>
+ <div class="layui-input-inline">
+ <input type="text" name="resid" lay-verify="number" autocomplete="off" class="layui-input">
+ </div>
+ </div>
+ <div class="layui-inline">
+ <label class="layui-form-label">鍚庣紑ID</label>
+ <div class="layui-input-inline">
+ <input type="text" name="suffixid" lay-verify="number" autocomplete="off" class="layui-input">
+ </div>
+ </div>
+
+ <div class="layui-inline">
+ <label class="layui-form-label">鏈嶅姟鍚嶇О</label>
+ <div class="layui-input-inline">
+ <input type="text" name="resname" autocomplete="off" class="layui-input">
+ </div>
+ </div>
+ <div class="layui-inline">
+ <label class="layui-form-label">鏉ユ簮绯荤粺</label>
+ <div class="layui-input-inline">
+ <select name="fromsys" class="fromsys">
+ <option value="">鍏ㄩ儴</option>
+ <option value="jzpt">鐩戠骞冲彴</option>
+ <option value="zjxt">娴欐睙绯荤粺</option>
+ </select>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <table class="layui-hide" id="test" lay-filter="test" style="width: 100%"></table>
+ <script type="text/html" id="toolbar">
+ <div class="layui-btn-container">
+ <button class="layui-btn layui-btn-sm" lay-event="query">鏌ヨ</button>
+ <button class="layui-btn layui-btn-sm" lay-event="reset">閲嶇疆</button>
+ </div>
+ </script>
+ <script type="text/html" id="toolbar1">
+ <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">鍒犻櫎</a>
+ <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="update">淇敼</a>
+ </script>
+ <script src="JS/layui/layui.js" charset="utf-8"></script>
+ <script src="JS/jquery.min.js" charset="utf-8"></script>
+ <script>
+ var table = null;
+ var resourcedata = [];
+
+ layui.use("table", function () {
+ table = layui.table;
+ table.render({
+ elem: "#test",
+ toolbar: "#toolbar",
+ url: "http://192.168.20.106:8070/serverRegister/queryServer",
+ parseData: function (res) {
+ return {
+ "code": 0,
+ "msg": "",
+ "count": res.total,
+ "data": res.data
+ }
+ },
+ method: 'post',
+ cellMinwidth: "80",
+ cols: [
+ [{
+ type: 'checkbox'
+ },
+ {
+ field: 'ID',
+ title: '涓婚敭',
+ sort: true,
+ align: 'center'
+ },
+ {
+ field: 'SERVERURL',
+ title: '鏈嶅姟鍦板潃',
+ sort: true,
+ align: 'center',
+ edit: 'text'
+ },
+ {
+ field: 'RESOURCEID',
+ title: '璧勬簮ID',
+ sort: true,
+ align: 'center'
+ },
+ {
+ field: 'SERVERNAME',
+ title: '鏈嶅姟鍚嶇О',
+ sort: true,
+ align: 'center',
+ edit: 'text'
+ },
+ {
+ field: 'FROMSYS',
+ title: '鏉ユ簮绯荤粺',
+ sort: true,
+ align: 'center',
+ templet:function(d){
+ switch(d.FROMSYS){
+ case "zjzt":return "娴欐睙涓撻";
+ break;
+ case "jgpt": return "鐩戠骞冲彴";
+ break;
+ default: return "";
+ }
+ }
+ },
+ {
+ field: 'ISPUBLIC',
+ title: '鏄惁鍏紑',
+ sort: true,
+ align: 'center',
+ edit: 'text',
+ templet:function(d){
+
+ switch(d.ISPUBLIC){
+ case 1:return "鍏紑";
+ break;
+ case 0: return "涓嶅叕寮�";
+ break;
+ default: return "";
+ break;
+ }
+ }
+ },
+ {
+ field: 'SUFFIX',
+ title: '鍚庣紑ID',
+ sort: true,
+ align: 'center'
+ },
+ {
+ field: 'RESOURCESTATUS',
+ title: '璧勬簮鐘舵��',
+ sort: true,
+ align: 'center',
+ edit: 'text'
+ },
+ {
+ fixed: 'right',
+ title: '鎿嶄綔',
+ toolbar: '#toolbar1',
+ width: 150
+ }
+ ]
+ ],
+ page: true
+ })
+ table.on('toolbar(test)', function (obj) {
+ var checkstatus = table.checkStatus(obj.config.id);
+ switch (obj.event) {
+ case 'query':
+ query();
+ break;
+ case 'reset':
+ reset();
+ break;
+ };
+ });
+
+ table.on('tool(test)', function (obj) {
+ console.log(obj);
+
+ switch (obj.event) {
+ case 'del':
+ layer.confirm('鐪熺殑鍒犻櫎琛屽悧?', function (index) {
+ del(obj);
+ obj.del();
+ layer.close(index);
+ })
+ break;
+ case 'update':
+ update(obj);
+ break;
+ };
+ });
+ })
+
+
+ function query() {
+ table.reload('test', {
+ page: {
+ curr: 1
+ },
+ where: {
+ zyid: $("[name='resid']").val(),
+ suffix: $("[name='suffixid']").val(),
+ fromsys: $("[name='fromsys'] option:selected").val() == "" ? null : $(
+ "[name='fromsys'] option:selected").val(),
+ servername: $("[name='resname']").val(),
+ }
+
+ }, 'data')
+ }
+
+
+ function reset() {
+ $("[name='resid']").val('');
+ $("[name='suffixid']").val('');
+ $("[name='resname']").val(''),
+ $("[name='fromsys'] option:selected").val(""),
+ table.reload('test', {
+ page: {
+ curr: 1
+ },
+ where: {
+
+ }
+
+ }, 'data')
+ }
+
+ function del(obj) {
+ $.ajax({
+ type: "get",
+ url: "http://192.168.20.106:8070/serverRegister/delArcGisServer",
+ data: {
+ id: obj.data.ID
+
+ },
+ dataType: 'text',
+ success: function (data) {
+ alert("鍒犻櫎鎴愬姛")
+ },
+ error: function (obj) {
+ alert("error");
+ }
+ })
+ table.reload('test', {
+ page: {
+ curr: 1
+ },
+ where: {}
+ }, 'data')
+ }
+
+ function update(obj) {
+ console.log(obj);
+ $.ajax({
+ type: "GET",
+ url: "http://192.168.20.106:8070/serverRegister/updateArcGisServer",
+ data: {
+ id: obj.data.ID,
+ servername: obj.data.SERVERNAME,
+ isPublic: obj.data.ISPUBLIC,
+ serverurl: obj.data.SERVERURL
+ },
+ dataType: "text",
+ success: function (data) {
+ alert("鏇存柊鎴愬姛")
+ },
+ error: function (obj) {
+ alert("error");
+ }
+ })
+ table.reload('test', {
+ page: {
+ curr: 1
+ },
+ where: {}
+ }, 'data')
+ }
+ </script>
+
+</body>
+
+</html>
diff --git a/src/main/resources/static/resourcelist2.html b/src/main/resources/static/resourcelist2.html
new file mode 100644
index 0000000..1c06c4c
--- /dev/null
+++ b/src/main/resources/static/resourcelist2.html
@@ -0,0 +1,272 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <title>鏈嶅姟璁块棶鏃ュ織</title>
+ <link rel="stylesheet" href="JS/layui/css/layui.css" media="all">
+</head>
+<style>
+ .fromsys {
+ height: 38px;
+
+ }
+ .result {
+ height: 38px;
+
+ }
+
+ .searchgroup {
+ width: 100%;
+ height: 100%;
+ margin-top: 20px;
+ }
+
+ .layui-btn,
+ .layui-laypage-em {
+ background-color: #659cff !important;
+ }
+
+ select[name='fromsys']{
+ width: 90px;
+ border-color: #e6e6e6;
+ border-radius: 2px;
+ text-align: center!important;
+text-indent: 0.1rem;
+ }
+ select[name='fromsys'] option{
+ width:90px;
+ text-align: center!important;
+ /* text-indent: 1rem; */
+
+ }
+
+ select[name='result']{
+ width: 90px;
+ border-color: #e6e6e6;
+ border-radius: 2px;
+ text-align: center!important;
+text-indent: 0.1rem;
+ }
+ select[name='result'] option{
+ width:90px;
+ text-align: center!important;
+ /* text-indent: 1rem; */
+
+ }
+</style>
+
+<body>
+ <div class="searchgroup">
+ <!--鏌ヨ浠ｇ悊鏈嶅姟绛涢�夋潯浠� -->
+ <div class="layui-form-item">
+ <div class="layui-inline">
+ <label class="layui-form-label">璧勬簮ID</label>
+ <div class="layui-input-inline">
+ <input type="text" name="resid" lay-verify="number" autocomplete="off" class="layui-input">
+ </div>
+ </div>
+ <div class="layui-inline">
+ <label class="layui-form-label">璁块棶ip</label>
+ <div class="layui-input-inline">
+ <input type="text" name="requestip" autocomplete="off" class="layui-input">
+ </div>
+ </div>
+
+ <div class="layui-inline">
+ <label class="layui-form-label">鏈嶅姟鍚嶇О</label>
+ <div class="layui-input-inline">
+ <input type="text" name="resname" autocomplete="off" class="layui-input">
+ </div>
+ </div>
+ <div class="layui-inline">
+ <label class="layui-form-label">鏈嶅姟鍦板潃</label>
+ <div class="layui-input-inline">
+ <input type="text" name="serverurl" autocomplete="off" class="layui-input">
+ </div>
+ </div>
+ <div class="layui-inline">
+ <label class="layui-form-label">鏉ユ簮绯荤粺</label>
+ <div class="layui-input-inline">
+ <select name="fromsys" class="fromsys">
+ <option value="">鍏ㄩ儴</option>
+ <option value="jzpt">鐩戠骞冲彴</option>
+ <option value="zjxt">娴欐睙绯荤粺</option>
+ </select>
+ </div>
+ </div>
+
+ <div class="layui-inline">
+ <label class="layui-form-label">璁块棶缁撴灉</label>
+ <div class="layui-input-inline">
+ <select name="result" class="result">
+ <option value="">鍏ㄩ儴</option>
+ <option value="ok">鎴愬姛</option>
+ <option value="fail">澶辫触</option>
+ </select>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <table class="layui-hide" id="test" lay-filter="test" style="width: 100%"></table>
+ <script type="text/html" id="toolbar">
+ <div class="layui-btn-container">
+ <button class="layui-btn layui-btn-sm" lay-event="query">鏌ヨ</button>
+ <button class="layui-btn layui-btn-sm" lay-event="reset">閲嶇疆</button>
+ </div>
+ </script>
+
+ <script src="JS/layui/layui.js" charset="utf-8"></script>
+ <script src="JS/jquery.min.js" charset="utf-8"></script>
+ <script>
+ var table = null;
+ var resourcedata = [];
+
+ layui.use("table", function () {
+ table = layui.table;
+ table.render({
+ elem: "#test",
+ toolbar: "#toolbar",
+ url: "http://192.168.20.106:8070/log/querylog",
+ parseData: function (res) {
+ return {
+ "code": 0,
+ "msg": "",
+ "count": res.total,
+ "data": res.data
+ }
+ },
+ method: 'get',
+ cellMinwidth: "80",
+ cols: [
+ [{
+ type: 'checkbox'
+ },
+ {
+ field: 'ID',
+ title: '涓婚敭',
+ sort: true,
+ align: 'center'
+ },
+ {
+ field: 'SERVERURL',
+ title: '鏈嶅姟鍦板潃',
+ sort: true,
+ align: 'center',
+ edit: 'text'
+ },
+ {
+ field: 'RESOURCEID',
+ title: '璧勬簮ID',
+ sort: true,
+ align: 'center'
+ },
+ {
+ field: 'SERVERNAME',
+ title: '鏈嶅姟鍚嶇О',
+ sort: true,
+ align: 'center',
+ edit: 'text'
+ },
+ {
+ field: 'FROMSYS',
+ title: '鏉ユ簮绯荤粺',
+ sort: true,
+ align: 'center',
+ templet:function(d){
+ switch(d.FROMSYS){
+ case "zjzt":return "娴欐睙涓撻";
+ break;
+ case "jgpt": return "鐩戠骞冲彴";
+ break;
+ default: return "";
+ }
+ }
+ },
+ {
+ field: 'REQUESTIP',
+ title: '璁块棶ip',
+ sort: true,
+ align: 'center',
+ edit: 'text'
+ },
+ {
+ field: 'RESULT',
+ title: '璁块棶缁撴灉',
+ sort: true,
+ align: 'center',
+ templet:function(d){
+ switch(d.RESULT){
+ case "ok":return "鎴愬姛";
+ break;
+ case "fail": return "澶辫触";
+ break;
+ default: return "";
+ }
+ }
+ }
+
+ ]
+ ],
+ page: true
+ })
+ table.on('toolbar(test)', function (obj) {
+ var checkstatus = table.checkStatus(obj.config.id);
+ switch (obj.event) {
+ case 'query':
+ query();
+ break;
+ case 'reset':
+ reset();
+ break;
+ };
+ });
+
+
+ })
+
+
+ function query() {
+ table.reload('test', {
+ page: {
+ curr: 1
+ },
+ where: {
+ id: $("[name='resid']").val(),
+ ip: $("[name='requestip']").val(),
+ serverurl: $("[name='serverurl']").val(),
+ fromsys: $("[name='fromsys'] option:selected").val() == "" ? null : $(
+ "[name='fromsys'] option:selected").val(),
+ result:$("[name='result'] option:selected").val() == "" ? null : $(
+ "[name='result'] option:selected").val(),
+ servername: $("[name='resname']").val(),
+ }
+
+ }, 'data')
+ }
+
+
+ function reset() {
+ $("[name='resid']").val('');
+ $("[name='requestip']").val('');
+ $("[name='resname']").val(''),
+ $("[name='fromsys'] option:selected").val(""),
+ $("[name='result'] option:selected").val(""),
+ table.reload('test', {
+ page: {
+ curr: 1
+ },
+ where: {
+
+ }
+
+ }, 'data')
+ }
+
+ </script>
+
+</body>
+
+</html>
diff --git a/src/main/resources/static/tokenerror.html b/src/main/resources/static/tokenerror.html
new file mode 100644
index 0000000..e22d777
--- /dev/null
+++ b/src/main/resources/static/tokenerror.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><head>
+ <title>403 — Forbidden</title>
+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
+ <meta name="description" content="You do not have permission to view this"/>
+ <style type="text/css">
+
+ </style>
+</head>
+<script>
+function GetQueryString(name) {
+ var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
+ var r = window.location.search.substr(1).match(reg);
+ if (r != null) return r[2];
+ return null;
+}
+var info=GetQueryString("result");
+document.getElementById("statuscode").innerText=info.code;
+document.getElementById("msg").innerText=info.msg;
+
+</script>
+<body>
+<div>
+ <label>鐘舵�佺爜</label> <p id="statuscode"></p>
+ <p id="msg"></p>
+</div>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/src/main/resources/static/tokenresult.html b/src/main/resources/static/tokenresult.html
new file mode 100644
index 0000000..0bcf2d8
--- /dev/null
+++ b/src/main/resources/static/tokenresult.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><head>
+ <title>403 — Forbidden</title>
+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
+ <meta name="description" content="You do not have permission to view this"/>
+ <style type="text/css">
+
+ </style>
+</head>
+
+<body>
+<div>
+ token涓嶅瓨鍦�
+</div>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/src/main/resources/static/visitlogchart.html b/src/main/resources/static/visitlogchart.html
new file mode 100644
index 0000000..ab2059c
--- /dev/null
+++ b/src/main/resources/static/visitlogchart.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <title>鐢ㄦ埛姣忔棩璁块棶宄板�肩粺璁″浘</title>
+ <script src="static\JS\echarts.js"></script>
+ <script src="JS/jquery.min.js" charset="utf-8"></script>
+</head>
+<body>
+ <div id="main" style="width:600px;height:400px"></div>
+ <script type="text/javascript">
+ var mychart=echarts.init($("#main"));
+ var option={
+ title:{
+ text:'鐢ㄦ埛姣忔棩璁块棶宄板�肩粺璁″浘'
+ },
+ tooltip:{},
+ legend:{
+ data:['閿�閲�']
+ },
+ xAxis:{
+ data:["琛～","缇婃瘺琛�"]
+ }
+ }
+ </script>
+</body>
+</html>
\ No newline at end of file
diff --git a/src/main/resources/static/visitlogchartperday.html b/src/main/resources/static/visitlogchartperday.html
new file mode 100644
index 0000000..5e5090b
--- /dev/null
+++ b/src/main/resources/static/visitlogchartperday.html
@@ -0,0 +1,217 @@
+<!DOCTYPE html>
+<html style="height: 100%">
+
+<head>
+ <meta charset="utf-8">
+</head>
+
+<body style="height: 100%; margin: 0">
+ <div id="container" style="height: 100%"></div>
+ <script src="JS/echarts.js"></script>
+ <script src="JS/jquery.min.js" charset="utf-8"></script>
+ <script type="text/javascript">
+ var dom = document.getElementById("container");
+ var myChart = echarts.init(dom);
+ var app = {};
+ option = null;
+ var data = [];
+
+ function getdata() {
+ $.ajax({
+ type: "GET",
+ url: "http://192.168.20.106:8066/log/getDailyEchart",
+ data: {
+
+ },
+ dataType: "json",
+ success: function (res) {
+
+ console.log(res)
+ data = res;
+ // debugger
+ anchor = [{
+ name: '' + res.day + '',
+ value: ['' + res.day + '', 0]
+ },
+ {
+ name: '' + res.nextday + '',
+ value: ['' + res.nextday + '', 0]
+ }
+ ];
+ myChart.setOption({
+ xAxis: {
+ data: data
+ },
+ series: [{
+ name: '妯℃嫙鏁版嵁',
+ type: 'line',
+ showSymbol: false,
+ hoverAnimation: false,
+ data: data
+
+ },
+ {
+ name: '.anchor',
+ type: 'line',
+ showSymbol: false,
+ data: anchor,
+ itemStyle: {
+ normal: {
+ opacity: 0
+ }
+ },
+ lineStyle: {
+ normal: {
+ opacity: 0
+ }
+ }
+ }
+ ]
+ });
+
+ },
+ error: function (obj) {
+ alert("error");
+ }
+ })
+ }
+
+ var anchor = [{
+ name: '2020/10/11 00:00:00',
+ value: ['2020/10/11 00:00:00', 0]
+ },
+ {
+ name: '2020/10/12 00:00:00',
+ value: ['2020/10/12 00:00:00', 0]
+ }
+ ];
+ setInterval(function () {
+ getdata();
+ }, 5000)
+ option = {
+ title: {
+ text: '',
+ // x: '80px'
+ },
+ grid: {
+ y: 6,
+ y2: 76,
+
+ },
+ tooltip: {
+ // show:false,
+ trigger: 'axis',
+ formatter: function (params) {
+ params = params[0];
+ var date = new Date(params.name);
+ var temp = 'Date: ' + params.name + '<hr size=1 style="margin: 3px 0">';
+ // console.log(params.data.info);
+
+ for (var i = 0; i < params.data.info.length; i++) {
+ var t = params.data.info[i];
+ for (const k in t) {
+ temp += 'ip: ' + k + " " + '璁块棶娆℃暟: ' + t[k] + '<br/>';
+ }
+ }
+ return [
+ temp
+
+ ].join('');
+ },
+ axisPointer: {
+ type: 'cross',
+ label: {
+ show: true,
+ color: '#fff',
+ backgroundColor: '#25272e'
+ }
+ // crossStyle:{
+ // color:'red'
+ // }
+ },
+
+ },
+ xAxis: {
+ type: 'time',
+ splitLine: {
+ show: false
+ },
+ axisLine: {
+ lineStyle: {
+
+ color: '#fff'
+ }
+ },
+ axisLabel: {
+ color: '#fff'
+ }
+ },
+ yAxis: {
+ type: 'value',
+ boundaryGap: [0, '100%'],
+ splitLine: {
+ show: false
+ },
+ axisLine: {
+ lineStyle: {
+
+ color: '#fff'
+ }
+ },
+ axisLabel: {
+ color: '#fff'
+ }
+ },
+ dataZoom: [{ // 杩欎釜dataZoom缁勪欢锛岄粯璁ゆ帶鍒秞杞淬��
+ type: 'slider', // 杩欎釜 dataZoom 缁勪欢鏄� slider 鍨� dataZoom 缁勪欢
+ start: 10, // 宸﹁竟鍦� 10% 鐨勪綅缃��
+ end: 60, // 鍙宠竟鍦� 60% 鐨勪綅缃��
+ height: 20,
+ // color: '#fff',
+ handleColor: 'red',
+ backgroundColor: 'rgba(0,0,0,0)',
+ dataBackgroundColor: 'rgba(0,0,0,0)',
+ handleSize: 33,
+ textStyle:{
+ color:'#fff'
+ }
+ }
+
+ ],
+ series: [{
+ name: '妯℃嫙鏁版嵁',
+ type: 'line',
+ showSymbol: false,
+ hoverAnimation: false,
+ data: data
+ },
+ {
+ name: '.anchor',
+ type: 'line',
+ showSymbol: false,
+ data: anchor,
+ itemStyle: {
+ normal: {
+ opacity: 0
+ }
+ },
+ lineStyle: {
+ normal: {
+ opacity: 0
+ }
+ }
+ }
+ ]
+ };;
+ if (option && typeof option === "object") {
+ myChart.setOption(option, true);
+ }
+ getdata();
+ // myChart.resize();
+ // $(window).resize(function () {
+ // myChart.resize();
+ // });
+ </script>
+</body>
+
+</html>
diff --git a/src/main/resources/templates/error.html b/src/main/resources/templates/error.html
new file mode 100644
index 0000000..768274d
--- /dev/null
+++ b/src/main/resources/templates/error.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="UTF-8">
+<title>寮傚父椤�</title>
+</head>
+<body>
+<p>鍑虹幇寮傚父,璇疯仈绯诲紑鍙戜汉鍛�</p>
+<a>鐘舵�佺爜:</a><p th:text="${status}"></p>
+<a>璇︽儏:</a><p th:text="${message}"></p>
+</body>
+</html>
\ No newline at end of file
diff --git a/src/main/resources/terra.properties b/src/main/resources/terra.properties
new file mode 100644
index 0000000..0094432
--- /dev/null
+++ b/src/main/resources/terra.properties
@@ -0,0 +1,29 @@
+terra.proxy.proxyController=proxyController
+terra.proxy.proxyApi=/baidu
+
+
+# \u81EA\u5B9A\u4E49\u4EE3\u7406\u76F8\u5173\u914D\u7F6E
+
+# \u4EE3\u7406\u7684\u672C\u5730\u8DEF\u7531 geoservers
+#terra.proxy.host: http://${my.ip}:8099
+terra.proxy.host: http://${my.ip}:8066
+terra.proxy.targethost:http://gis.nmsmp.com/
+
+#瀹氭椂浠诲姟,灏嗚闂鏁板ぇ浜�10000鐨刬p鏆傛椂鍔犲叆榛戝悕鍗�
+terra.proxy.times:10000
+
+terra.proxy.logapipath: http://192.168.20.106:8082/api
+
+# 鏃犵敤閰嶇疆
+terra.proxy.servletmapjson: servlet.json
+
+
+terra.proxy.blacklist: 71
+
+terra.proxy.blackUris: /swagger**
+
+terra.proxy.tempAllowUrls:6201;4993;6199;10019;10008;10020
+
+terra.proxy.tempAllowBlackList:59.210.232.145;
+
+
diff --git a/src/main/resources/views/login.jsp b/src/main/resources/views/login.jsp
new file mode 100644
index 0000000..d5f4daa
--- /dev/null
+++ b/src/main/resources/views/login.jsp
@@ -0,0 +1,12 @@
+<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
+ pageEncoding="ISO-8859-1"%>
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="ISO-8859-1">
+<title>Insert title here</title>
+</head>
+<body>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/src/test/java/resources/terra.properties b/src/test/java/resources/terra.properties
new file mode 100644
index 0000000..b8476be
--- /dev/null
+++ b/src/test/java/resources/terra.properties
@@ -0,0 +1,64 @@
+terra.proxy.proxyController=proxyController
+terra.proxy.proxyApi=/baidu
+
+
+# \u81EA\u5B9A\u4E49\u4EE3\u7406\u76F8\u5173\u914D\u7F6E
+
+# \u4EE3\u7406\u7684\u672C\u5730\u8DEF\u7531 geoservers
+#terra.proxy.host: http://${my.ip}:8099
+terra.proxy.host: http://${my.ip}:8070
+terra.proxy.targethost:http://gis.nmsmp.com/
+
+#瀹氭椂浠诲姟,灏嗚闂鏁板ぇ浜�10000鐨刬p鏆傛椂鍔犲叆榛戝悕鍗�
+terra.proxy.times:10000
+
+terra.proxy.servletUrl: /arcgis/rest/services/*
+terra.proxy.targetUrl:
+
+terra.proxy.servletUrl2: /arcgis/rest/info/*
+#terra.proxy.targetUrl2: http://192.168.1.39:6443/arcgis
+terra.proxy.targetUrl2: http://gis.nmsmp.com/arcgis/rest/info
+#
+terra.proxy.servletUrl3: /server/*
+terra.proxy.targetUrl3: http://71.3.251.50:6080/arcgis/rest/services/
+#
+terra.proxy.servletUrl4: /servers/*
+terra.proxy.targetUrl4: http://71.3.251.52/zjxm_dl
+
+
+#terra.proxy.servletUrl4: /servers/HTML/ZHJC/*
+#terra.proxy.targetUrl4: http://71.3.251.52/zjxm_dl/HTML/ZHJC/Common/Echart/H_ECHARTBAR.html?gnId=1590&gnsxsjb=H_ECHARTBAR&isShowTotal=0&where=and%20indicator_name%20in(%20%27%E6%B5%B7%E6%B4%8B%E6%96%B0%E5%85%B4%E4%BA%A7%E4%B8%9A%E5%A2%9E%E5%8A%A0%E5%80%BC%27)%20and%20obj_code%20in(%27%E6%B5%99%E6%B1%9F%27)&gnId=1590&tcbh=null&where=&searchWhereText=
+#terra.proxy.servletUrl5: /server/terrainout/*
+#terra.proxy.targetUrl5: http://${my.ip}:80/terrainout
+
+#terra.proxy.servletUrl3: /server/wmts/*
+#terra.proxy.targetUrl3: https://36.7.136.132:16443/arcgis/rest/services/jiangsu01/jiangsu/MapServer/WMTS
+
+#terra.proxy.servletUrl4: /server/wms/*
+#terra.proxy.targetUrl4: https://36.7.136.132:16443/arcgis/services/NJ/MapServer/WMSServer
+
+terra.proxy.servletUrl5: /zjservice/*
+terra.proxy.targetUrl5: http://71.3.251.52/zjservices/WebServices/ZJService/ZJService.asmx/
+
+
+terra.proxy.servletUrl6: /zjgetinfo/*
+terra.proxy.targetUrl6: http://71.3.251.52/zjservices/WebServices/ZJService/GetInfo.asmx/
+
+
+terra.proxy.servletUrl7: /sg/*
+terra.proxy.targetUrl7: http://71.3.251.50/sg/
+
+
+
+
+terra.proxy.servletUrl10: /sg101/*
+terra.proxy.targetUrl10: http://71.3.251.101/sg/
+
+
+terra.proxy.servletUrl8: /serverv1/*
+terra.proxy.targetUrl8: http://18.1.1.55:6080/arcgis/rest/services/
+
+terra.proxy.servletUrl9: /sg200/*
+terra.proxy.targetUrl9: http://71.3.110.200/sg/
+
+terra.proxy.servletmapjson: servlet.json
\ No newline at end of file
--
Gitblit v1.9.3