0.0.1: 图表DEMO_EK

.gitignore

@@ -0,0 +1,12 @@
+*.iml
+.idea/
+/target/
+/download/
+/webroot/
+.DS_Store
+.gradle
+build
+local.properties
+classes/
+transform-classes/
+tomcat.*

build.gradle

@@ -0,0 +1,123 @@
+apply plugin: 'java'
+
+[compileJava, compileTestJava]*.options*.encoding = 'UTF-8'
+
+ext {
+    /**
+     * 项目中依赖的jar的路径
+     * 1.如果依赖的jar需要打包到zip中,放置在lib根目录下
+     * 2.如果依赖的jar仅仅是编译时需要，防止在lib下子目录下即可
+     */
+    libPath = "$projectDir/../../../webroot/WEB-INF/lib"
+
+    /**
+     * 是否对插件的class进行加密保护，防止反编译
+     */
+    guard = true
+
+    def pluginInfo = getPluginInfo()
+    pluginPre = "fine-plugin"
+    pluginName = pluginInfo.id
+    pluginVersion = pluginInfo.version
+
+    outputPath = "$projectDir/../../../webroot/WEB-INF/plugins/plugin-" + pluginName + "-1.0/classes"
+}
+
+group = 'com.fr.plugin'
+version = '10.0'
+sourceCompatibility = '8'
+
+sourceSets {
+    main {
+        java.outputDir = file(outputPath)
+        output.resourcesDir = file(outputPath)
+    }
+}
+
+ant.importBuild("encrypt.xml")
+//定义ant变量
+ant.projectDir = projectDir
+ant.references["compile.classpath"] = ant.path {
+    fileset(dir: libPath, includes: '**/*.jar')
+    fileset(dir: ".", includes: "**/*.jar")
+}
+
+classes.dependsOn('clean')
+
+task copyFiles(type: Copy, dependsOn: 'classes') {
+    from outputPath
+    into "$projectDir/classes"
+}
+
+task preJar(type: Copy, dependsOn: guard ? 'compile_encrypt_javas' : 'compile_plain_javas') {
+    from "$projectDir/classes"
+    into "$projectDir/transform-classes"
+    include "**/*.*"
+}
+jar.dependsOn("preJar")
+
+task makeJar(type: Jar, dependsOn: preJar) {
+    from fileTree(dir: "$projectDir/transform-classes")
+    baseName pluginPre
+    appendix pluginName
+    version pluginVersion
+    destinationDir = file("$buildDir/libs")
+
+    doLast() {
+        delete file("$projectDir/classes")
+        delete file("$projectDir/transform-classes")
+    }
+}
+
+task copyFile(type: Copy, dependsOn: ["makeJar"]) {
+    from "$buildDir/libs"
+    from("$projectDir/lib") {
+        include "*.jar"
+    }
+    from "$projectDir/plugin.xml"
+    into file("$buildDir/temp/plugin")
+}
+
+task zip(type: Zip, dependsOn: ["copyFile"]) {
+    from "$buildDir/temp/plugin"
+    destinationDir file("$buildDir/install")
+    baseName pluginPre
+    appendix pluginName
+    version pluginVersion
+}
+
+//控制build时包含哪些文件,排除哪些文件
+processResources {
+//    exclude everything
+//    用*.css没效果
+//    exclude '**/*.css'
+//    except this file
+//    include 'xx.xml'
+}
+
+/*读取plugin.xml中的version*/
+
+def getPluginInfo() {
+    def xmlFile = file("plugin.xml")
+    if (!xmlFile.exists()) {
+        return ["id": "none", "version": "1.0.0"]
+    }
+    def plugin = new XmlParser().parse(xmlFile)
+    def version = plugin.version[0].text()
+    def id = plugin.id[0].text()
+    return ["id": id, "version": version]
+}
+
+repositories {
+    mavenLocal()
+    maven {
+        url = uri('http://mvn.finedevelop.com/repository/maven-public/')
+    }
+}
+
+dependencies {
+    //使用本地jar
+    implementation fileTree(dir: 'lib', include: ['**/*.jar'])
+    implementation fileTree(dir: libPath, include: ['**/*.jar'])
+}
+

encrypt.xml

@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<project>
+    <target name="compile_encrypt_javas" depends="copyFiles">
+        <echo message="加密文件"/>
+        <echo message="${projectDir}"/>
+        <taskdef name="pretreatment" classname="com.fr.plugin.pack.PluginPretreatmentTask">
+            <classpath refid="compile.classpath"/>
+        </taskdef>
+        <pretreatment baseDir="${projectDir}"/>
+    </target>
+    <target name="compile_plain_javas" depends="copyFiles">
+    </target>
+</project>

plugin.xml

@@ -0,0 +1,24 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<plugin>
+    <id>com.finebi.plugin.tptj.ivan.chart.demo.amap</id>
+    <name><![CDATA[图表DEMO_EK]]></name>
+    <active>yes</active>
+    <version>0.0.1</version>
+    <env-version>11.0~11.0</env-version>
+    <jartime>2021-08-30</jartime>
+    <vendor>DEMO</vendor>
+    <description><![CDATA[图表DEMO_EK]]></description>
+    <change-notes><![CDATA[
+      0.0.1: 图表DEMO_EK init<br/>
+    ]]></change-notes>
+    <bi-env-version>6.0~</bi-env-version>
+    <main-package>com.finebi.plugin.tptj.ivan.chart.demo.amap</main-package>
+
+    <lifecycle-monitor class="com.finebi.plugin.tptj.ivan.chart.demo.amap.LifecycleMonitorEK"/>
+    <function-recorder class="com.finebi.plugin.tptj.ivan.chart.demo.amap.MapHotComponentProvider"/>
+    <extra-core>
+        <CustomComponentProvider
+                class="com.finebi.plugin.tptj.ivan.chart.demo.amap.MapHotComponentProvider"/>
+        <LocaleFinder class="com.finebi.plugin.tptj.ivan.chart.demo.amap.locale.CustomDatasetLocale"/>
+    </extra-core>
+</plugin>

src/main/java/com/finebi/plugin/tptj/ivan/chart/demo/amap/LifecycleMonitorEK.java

@@ -0,0 +1,19 @@
+package com.finebi.plugin.tptj.ivan.chart.demo.amap;
+
+import com.finebi.plugin.tptj.ivan.chart.demo.amap.config.MapHotConfig;
+import com.fr.plugin.context.PluginContext;
+import com.fr.plugin.observer.inner.AbstractPluginLifecycleMonitor;
+
+public class LifecycleMonitorEK extends AbstractPluginLifecycleMonitor {
+
+
+    @Override
+    public void afterRun(PluginContext pluginContext) {
+        MapHotConfig.getInstance();
+    }
+
+    @Override
+    public void beforeStop(PluginContext pluginContext) {
+    }
+
+}

src/main/java/com/finebi/plugin/tptj/ivan/chart/demo/amap/MapHotComponentProvider.java

@@ -0,0 +1,71 @@
+package com.finebi.plugin.tptj.ivan.chart.demo.amap;
+
+import com.finebi.common.context.OperationContext;
+import com.finebi.plugin.tptj.ivan.chart.demo.amap.component.MapHotComponent;
+import com.finebi.plugin.tptj.ivan.chart.demo.amap.constant.PluginConstantsEK;
+import com.finebi.provider.api.component.AbstractCustomComponentProvider;
+import com.fr.base.TemplateUtils;
+import com.fr.general.IOUtils;
+import com.fr.intelli.record.Focus;
+import com.fr.intelli.record.Original;
+import com.fr.record.analyzer.EnableMetrics;
+import com.fr.web.struct.AssembleComponent;
+
+@EnableMetrics
+public class MapHotComponentProvider extends AbstractCustomComponentProvider {
+    /**
+     * 图表名称
+     */
+    @Override
+    public String getName() {
+        return PluginConstantsEK.PLUGIN_MAP_NAME;
+    }
+
+    /**
+     * @return 图表类型
+     */
+    @Override
+    public String getType() {
+        return PluginConstantsEK.PLUGIN_MAP_TYPE;
+    }
+
+    /**
+     * 图标
+     *
+     * @return icon的地址
+     */
+    @Override
+    public String getIcon() {
+        try {
+            String render = TemplateUtils.render("${fineServletURL}");
+            return render + "/resources?path=/com/finebi/plugin/tptj/ivan/chart/demo/amap/icon.png";
+        } catch (Exception ignore) {
+        }
+        return "";
+    }
+
+    /**
+     * @param context 上下文
+     * @return 初始化时的页面元素
+     */
+    @Focus(id = PluginConstantsEK.PLUGIN_ID, text = PluginConstantsEK.PLUGIN_NAME, source = Original.PLUGIN)
+    @Override
+    public String getPreviewPageHTML(OperationContext context) {
+        return "<div id=\"amap-demo-container\"></div>";
+    }
+
+    @Override
+    public AssembleComponent previewClient(OperationContext context) {
+        return MapHotComponent.KEY;
+    }
+
+    /**
+     * 配置项，JSON字符串格式
+     *
+     * @return
+     */
+    @Override
+    public String config() {
+        return IOUtils.readResourceAsString("com/finebi/plugin/tptj/ivan/chart/demo/amap/config/config.json");
+    }
+}

src/main/java/com/finebi/plugin/tptj/ivan/chart/demo/amap/component/AMapComponent.java

@@ -0,0 +1,27 @@
+package com.finebi.plugin.tptj.ivan.chart.demo.amap.component;
+
+import com.fr.web.struct.AssembleComponent;
+import com.fr.web.struct.Atom;
+import com.fr.web.struct.browser.RequestClient;
+import com.fr.web.struct.category.FileType;
+import com.fr.web.struct.category.ScriptPath;
+import com.fr.web.struct.category.StylePath;
+
+public class AMapComponent extends AssembleComponent {
+    public static final AMapComponent KEY = new AMapComponent();
+
+    @Override
+    public Atom[] refer() {
+        return new Atom[0];
+    }
+
+    @Override
+    public ScriptPath script(RequestClient req) {
+        return ScriptPath.build("com.finebi.plugin.tptj.ivan.chart.demo.amap.component.AmapJSGenerator&time=" + System.currentTimeMillis(), FileType.CLASS);
+    }
+
+    @Override
+    public StylePath style(RequestClient req) {
+        return StylePath.build("/com/finebi/plugin/tptj/ivan/chart/demo/amap/css/lib/demo-center.css");
+    }
+}

src/main/java/com/finebi/plugin/tptj/ivan/chart/demo/amap/component/AmapJSGenerator.java

@@ -0,0 +1,35 @@
+package com.finebi.plugin.tptj.ivan.chart.demo.amap.component;
+
+import com.finebi.plugin.tptj.ivan.chart.demo.amap.config.MapHotConfig;
+import com.fr.base.TemplateUtils;
+import com.fr.gen.TextGenerator;
+import com.fr.general.http.HttpToolbox;
+
+import javax.servlet.http.HttpServletRequest;
+import javax.servlet.http.HttpServletResponse;
+import java.io.IOException;
+import java.util.HashMap;
+import java.util.Map;
+
+/**
+ * 平台地址版权信息
+ */
+public class AmapJSGenerator implements TextGenerator {
+    @Override
+    public String text(HttpServletRequest req, HttpServletResponse res) throws Exception {
+        return template();
+    }
+
+    @Override
+    public String mimeType() {
+        return "text/javascript";
+    }
+
+    private String template() throws IOException {
+        Map<String, Object> renderMap = new HashMap<String, Object>();
+        renderMap.put("amapSecret", MapHotConfig.getInstance().getSecretKey());
+        String amapSecurityJS = TemplateUtils.renderTemplate("/com/finebi/plugin/tptj/ivan/chart/demo/amap/js/lib/amap.js", renderMap);
+        String amapJS = HttpToolbox.get("https://webapi.amap.com/maps?v=2.0&key=" + MapHotConfig.getInstance().getKey() + "&plugin=AMap.MarkerCluster");
+        return amapSecurityJS + amapJS;
+    }
+}

src/main/java/com/finebi/plugin/tptj/ivan/chart/demo/amap/component/MapHotComponent.java

@@ -0,0 +1,30 @@
+package com.finebi.plugin.tptj.ivan.chart.demo.amap.component;
+
+import com.fr.web.struct.AssembleComponent;
+import com.fr.web.struct.Atom;
+import com.fr.web.struct.browser.RequestClient;
+import com.fr.web.struct.category.ScriptPath;
+import com.fr.web.struct.category.StylePath;
+import com.fr.web.struct.impl.FineUI;
+
+public class MapHotComponent extends AssembleComponent {
+    public static final MapHotComponent KEY = new MapHotComponent();
+
+    @Override
+    public Atom[] refer() {
+        return new Atom[]{
+                FineUI.KEY,
+                AMapComponent.KEY
+        };
+    }
+
+    @Override
+    public ScriptPath script(RequestClient req) {
+        return ScriptPath.build("/com/finebi/plugin/tptj/ivan/chart/demo/amap/js/chart.js");
+    }
+
+    @Override
+    public StylePath style(RequestClient req) {
+        return StylePath.EMPTY;
+    }
+}

src/main/java/com/finebi/plugin/tptj/ivan/chart/demo/amap/config/MapHotConfig.java

@@ -0,0 +1,63 @@
+package com.finebi.plugin.tptj.ivan.chart.demo.amap.config;
+
+import com.finebi.plugin.tptj.ivan.chart.demo.amap.constant.PluginConstantsEK;
+import com.fr.config.ConfigContext;
+import com.fr.config.DefaultConfiguration;
+import com.fr.config.Identifier;
+import com.fr.config.Status;
+import com.fr.config.Visualization;
+import com.fr.config.holder.Conf;
+import com.fr.config.holder.factory.Holders;
+
+/**
+ * @author Ivan.Guo
+ * @version 11.0
+ */
+@Visualization(category = "Plugin-DEMO_CONF")
+public class MapHotConfig extends DefaultConfiguration {
+    private static volatile MapHotConfig instance = null;
+
+    @Override
+    public String getNameSpace() {
+        return PluginConstantsEK.PLUGIN_ID + this.getClass().getSimpleName();
+    }
+
+    public static MapHotConfig getInstance() {
+        if (instance == null) {
+            instance = ConfigContext.getConfigInstance(MapHotConfig.class);
+        }
+        return instance;
+    }
+
+    @Identifier(
+            value = "key",
+            name = "Plugin-DEMO_CONF_KEY",
+            description = "Plugin-DEMO_CONF_KEY_DES",
+            status = Status.SHOW
+    )
+    private Conf<String> key = Holders.simple("");
+
+    @Identifier(
+            value = "secretKey",
+            name = "Plugin-DEMO_CONF_SECRET",
+            description = "Plugin-DEMO_CONF_SECRET_DES",
+            status = Status.SHOW
+    )
+    private Conf<String> secretKey = Holders.simple("");
+
+    public String getKey() {
+        return key.get();
+    }
+
+    public void setKey(String key) {
+        this.key.set(key);
+    }
+
+    public String getSecretKey() {
+        return secretKey.get();
+    }
+
+    public void setSecretKey(String secretKey) {
+        this.secretKey.set(secretKey);
+    }
+}

src/main/java/com/finebi/plugin/tptj/ivan/chart/demo/amap/constant/PluginConstantsEK.java

@@ -0,0 +1,19 @@
+package com.finebi.plugin.tptj.ivan.chart.demo.amap.constant;
+
+
+/**
+ * @author Ivan.Guo
+ * @version 11.0
+ * Created by Ivan.Guo on 2022/11/14
+ * 全局常量
+ */
+public class PluginConstantsEK {
+
+    public static final String PLUGIN_ID = "com.finebi.plugin.tptj.ivan.chart.demo.amap";
+    public static final String PLUGIN_JSD = "JSD-DEMO";
+    public static final String PLUGIN_NAME = "图表DEMO_EK";
+    public static final String PLUGIN_MAP_TYPE = "amap_demo";
+    public static final String PLUGIN_MAP_NAME = "图表DEMO_EK";
+
+
+}

src/main/java/com/finebi/plugin/tptj/ivan/chart/demo/amap/locale/CustomDatasetLocale.java

@@ -0,0 +1,11 @@
+package com.finebi.plugin.tptj.ivan.chart.demo.amap.locale;
+
+import com.fr.stable.fun.impl.AbstractLocaleFinder;
+
+public class CustomDatasetLocale extends AbstractLocaleFinder {
+    @Override
+    public String find() {
+        return "com/finebi/plugin/tptj/ivan/chart/demo/amap/locale/plugin";
+    }
+
+}

src/main/java/com/finebi/plugin/tptj/ivan/chart/demo/amap/utils/LogUtil.java

@@ -0,0 +1,64 @@
+package com.finebi.plugin.tptj.ivan.chart.demo.amap.utils;
+
+import com.finebi.plugin.tptj.ivan.chart.demo.amap.constant.PluginConstantsEK;
+import com.fr.log.FineLoggerFactory;
+import com.fr.log.FineLoggerProvider;
+
+/**
+ * @author Ivan.Guo
+ * @version 11.0
+ * Created by Ivan.Guo on 2022/11/15
+ */
+public class LogUtil {
+    private static final FineLoggerProvider LOGGER = FineLoggerFactory.getLogger();
+    private static final String LOG_PREFIX = PluginConstantsEK.PLUGIN_JSD + "-" + PluginConstantsEK.PLUGIN_NAME + ": ";
+
+    public static void debug(String msg) {
+        LOGGER.debug("DEBUG-" + LOG_PREFIX + msg);
+    }
+
+    public static void debug(String msg, Object... objs) {
+        LOGGER.debug("DEBUG-" + LOG_PREFIX + msg, objs);
+    }
+
+    public static void info(String msg) {
+        LOGGER.info("INFO-" + LOG_PREFIX + msg);
+    }
+
+    public static void info(String msg, Object... objs) {
+        LOGGER.info("INFO-" + LOG_PREFIX + msg, objs);
+    }
+
+    public static void warn(String msg) {
+        LOGGER.warn("WARN-" + LOG_PREFIX + msg);
+    }
+
+    public static void warn(String msg, Object... objs) {
+        LOGGER.warn("WARN-" + LOG_PREFIX + msg, objs);
+    }
+
+    public static void warn(String msg, Throwable ex) {
+        LOGGER.warn("WARN-" + LOG_PREFIX + msg, ex);
+    }
+
+    public static void warn(Throwable ex, String msg, Object... objs) {
+        LOGGER.warn(ex, "WARN-" + LOG_PREFIX + msg, objs);
+    }
+
+    public static void error(String msg) {
+        LOGGER.error("ERROR-" + LOG_PREFIX + msg);
+    }
+
+    public static void error(String msg, Object... objs) {
+        LOGGER.error("ERROR-" + LOG_PREFIX + msg, objs);
+    }
+
+    public static void error(String msg, Throwable ex) {
+        LOGGER.error("ERROR-" + LOG_PREFIX + msg, ex);
+    }
+
+    public static void error(Throwable ex, String msg, Object... objs) {
+        LOGGER.error(ex, "ERROR-" + LOG_PREFIX + msg, objs);
+    }
+
+}

src/main/resources/com/finebi/plugin/tptj/ivan/chart/demo/amap/config/config.json

@@ -0,0 +1,99 @@
+{
+  "dataRegions": [
+    {
+      "name": "lat",
+      "text": "Plugin-DEMO_WEB_LAT"
+    },
+    {
+      "name": "lng",
+      "text": "Plugin-DEMO_WEB_LNG"
+    }
+  ],
+  "attrRegions": [
+    {
+      "name": "细粒度",
+      "text": "Plugin-DEMO_WEB_FG",
+      "multiFields": false,
+      "settings": []
+    }
+  ],
+  "chartStyles": [
+    {
+      "name": "mapProp",
+      "text": "Plugin-DEMO_WEB_MAP_ATTRIBUTE",
+      "multiFields": true,
+      "settings": [
+        {
+          "name": "centerLng",
+          "text": "Plugin-DEMO_WEB_CENTER_LNG",
+          "type": "Input",
+          "defaultValue": "102.3716"
+        },
+        {
+          "name": "centerLat",
+          "text": "Plugin-DEMO_WEB_CENTER_LAT",
+          "type": "Input",
+          "defaultValue": "36.6808"
+        },
+        {
+          "name": "defaultZoom",
+          "text": "Plugin-DEMO_WEB_DEFAULT_ZOOM",
+          "type": "Input",
+          "defaultValue": "4"
+        },
+        {
+          "name": "style",
+          "text": "Plugin-DEMO_WEB_STYLE",
+          "type": "Select",
+          "defaultValue": "normal",
+          "items": [
+            {
+              "text": "标准",
+              "value": "normal"
+            },
+            {
+              "text": "幻影黑",
+              "value": "dark"
+            },
+            {
+              "text": "月光银",
+              "value": "light"
+            },
+            {
+              "text": "远山黛",
+              "value": "whitesmoke"
+            },
+            {
+              "text": "草色青",
+              "value": "fresh"
+            },
+            {
+              "text": "雅士灰",
+              "value": "grey"
+            },
+            {
+              "text": "涂鸦",
+              "value": "graffiti"
+            },
+            {
+              "text": "马卡龙",
+              "value": "macaron"
+            },
+            {
+              "text": "靛青蓝",
+              "value": "blue"
+            },
+            {
+              "text": "极夜蓝",
+              "value": "darkblue"
+            },
+            {
+              "text": "酱籽",
+              "value": "wine"
+            }
+          ]
+        }
+      ]
+    }
+  ]
+}

src/main/resources/com/finebi/plugin/tptj/ivan/chart/demo/amap/css/lib/demo-center.css

@@ -0,0 +1,431 @@
+html {
+    font-size: 12px;
+}
+.amap-copyright{
+    box-sizing: content-box
+}
+* {
+    box-sizing: border-box
+}
+.input-textarea{
+    color:grey;
+    height:8em;
+    overflow:auto;
+    border-radius:0.4rem;
+    border:1px solid #ced4da;
+    margin-bottom:1rem;
+}
+body {
+    margin: 0;
+    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+    line-height: 1.5;
+    font-weight: 300;
+    color: #111213;
+}
+
+hr {
+    margin: 0.5rem 0;
+    box-sizing: content-box;
+    height: 0;
+    overflow: visible;
+    border: 0;
+    border-top: 1px solid rgba(0, 0, 0, .1)
+}
+
+p {
+    margin-top: 0;
+    margin-bottom: 0;
+}
+
+label {
+    display: inline-block;
+    margin-bottom: 0.4rem;
+}
+
+label, .btn {
+    margin-left: 0;
+    font-size: 1rem;
+}
+
+button, input, select {
+    margin: 0;
+    font-family: inherit;
+    font-size: inherit;
+    line-height: inherit;
+    overflow: visible;
+    text-transform: none
+}
+
+[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
+    padding: 0;
+    border-style: none;
+}
+
+input[type=checkbox], input[type=radio] {
+    box-sizing: border-box;
+    padding: 0;
+    -webkit-box-sizing: border-box;
+    box-sizing: border-box;
+    padding: 0;
+    margin: 0 0.5rem 0 0;
+}
+
+h4 {
+    font-family: inherit;
+    line-height: 1.8;
+    font-weight: 300;
+    color: inherit;
+    font-size: 1.1rem;
+    margin-top: 0;
+    margin-bottom: .5rem
+}
+
+.btn {
+    display: inline-block;
+    font-weight: 400;
+    text-align: center;
+    white-space: nowrap;
+    vertical-align: middle;
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+    border: 1px solid transparent;
+    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
+    background-color: transparent;
+    background-image: none;
+    color: #25A5F7;
+    border-color: #25A5F7;
+    padding: .25rem .5rem;
+    line-height: 1.5;
+    border-radius: 1rem;
+    -webkit-appearance: button;
+    cursor:pointer;
+}
+
+.btn:hover {
+    color: #fff;
+    background-color: #25A5F7;
+    border-color: #25A5F7
+}
+
+.btn:hover {
+    text-decoration: none
+}
+
+.input-item {
+    position: relative;
+    display: -ms-flexbox;
+    display: flex;
+    -ms-flex-wrap: wrap;
+    flex-wrap: wrap;
+    -ms-flex-align: center;
+    align-items: center;
+    width: 100%;
+    height: 3rem;
+}
+
+.input-item:last-child {
+    margin-bottom: 0;
+}
+
+.input-item>select, .input-item>input[type=text], .input-item>input[type=date] {
+    position: relative;
+    -ms-flex: 1 1 auto;
+    flex: 1 1 auto;
+    width: 1%;
+    margin-bottom: 0;
+}
+
+.input-item>select:not(:last-child), .input-item>input[type=text]:not(:last-child), .input-item>input[type=date]:not(:last-child) {
+    border-top-right-radius: 0;
+    border-bottom-right-radius: 0
+}
+
+.input-item>select:not(:first-child), .input-item>input[type=text]:not(:first-child), .input-item>input[type=date]:not(:first-child) {
+    border-top-left-radius: 0;
+    border-bottom-left-radius: 0
+}
+
+.input-item-prepend {
+    margin-right: -1px;
+}
+
+.input-item-text, input[type=text],input[type=date], select {
+    height: calc(2.2rem + 2px);
+}
+
+.input-item-text {
+    width: 6rem;
+    text-align: justify;
+    padding: 0.4rem 0.7rem;
+    display: inline-block;
+    text-justify: distribute-all-lines;
+    /*ie6-8*/
+    text-align-last: justify;
+    /* ie9*/
+    -moz-text-align-last: justify;
+    /*ff*/
+    -webkit-text-align-last: justify;
+    /*chrome 20+*/
+    -ms-flex-align: center;
+    align-items: center;
+    margin-bottom: 0;
+    font-size: 1rem;
+    font-weight: 400;
+    line-height: 1.5;
+    color: #495057;
+    text-align: center;
+    white-space: nowrap;
+    background-color: #e9ecef;
+    border: 1px solid #ced4da;
+    border-radius: .25rem;
+    border-bottom-right-radius: 0;
+    border-top-right-radius: 0;
+}
+
+.input-item-text input[type=checkbox], .input-item-text input[type=radio] {
+    margin-top: 0
+}
+
+.input-card {
+    display: flex;
+    flex-direction: column;
+    min-width: 0;
+    word-wrap: break-word;
+    background-color: #fff;
+    background-clip: border-box;
+    border-radius: .25rem;
+    border-width: 0;
+    border-radius: 0.4rem;
+    box-shadow: 0 2px 6px 0 rgba(114, 124, 245, .5);
+    position: fixed;
+    bottom: 1rem;
+    right: 1rem;
+    -ms-flex: 1 1 auto;
+    flex: 1 1 auto;
+    padding: 0.75rem 1.25rem;
+}
+
+.input-text {
+    line-height: 2rem;
+    margin-right: 2rem;
+}
+
+.info hr {
+    margin-right: 0;
+    margin-left: 0;
+    border-top-color: grey;
+}
+
+.info {
+    padding: .75rem 1.25rem;
+    margin-bottom: 1rem;
+    border-radius: .25rem;
+    position: fixed;
+    top: 1rem;
+    background-color: white;
+    width: auto;
+    min-width: 22rem;
+    border-width: 0;
+    right: 1rem;
+    box-shadow: 0 2px 6px 0 rgba(114, 124, 245, .5);
+}
+
+.code {
+    left: 1.5rem;
+    right: 1.5rem;
+    top: 1.5rem;
+    bottom: 1.5rem;
+    overflow: auto;
+    margin-bottom: 0rem;
+}
+
+.code .btn {
+    top: 1rem;
+    position: absolute;
+    right: 1rem;
+}
+
+.code .result {
+    border: 1px solid rgba(0, 0, 0, 0.1);
+    border-radius: 0.5rem;
+    padding: 1rem;
+    bottom: 1rem;
+    position: absolute;
+    top: 5.5rem;
+    right: 1rem;
+    left: 1rem;
+    overflow: auto;
+}
+
+.code .status {
+    color: #80adff;
+    display: inline-block;
+    font-size: 14px;
+}
+
+.code h4 {
+    display: inline-block;
+    max-width: 20rem;
+    margin-right: 1rem;
+    margin-bottom: 1rem;
+}
+
+select, input[type=text], input[type=date] {
+    display: inline-block;
+    width: 100%;
+    padding: .375rem 1.75rem .375rem .75rem;
+    line-height: 1.5;
+    color: #495057;
+    vertical-align: middle;
+    background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right .75rem center;
+    background-size: 8px 10px;
+    border: 1px solid #ced4da;
+    border-radius: .25rem;
+    -webkit-appearance: none;
+    -moz-appearance: none;
+    appearance: none
+}
+
+input[type=text],input[type=date] {
+    background: #fff;
+    padding: .375rem .75rem;
+}
+
+select:focus, input[type=text]:focus, input[type=date]:focus {
+    border-color: #80bdff;
+    outline: 0;
+    box-shadow: 0 0 0 .1rem rgba(128, 189, 255, .1)
+}
+
+.btn:focus {
+    outline: 0;
+    box-shadow: none;
+}
+
+select:focus::-ms-value, input[type=text]:focus::-ms-value,input[type=date]:focus::-ms-value {
+    color: #495057;
+    background-color: #fff
+}
+
+
+/* native toastr */
+.native-toast {
+    position: fixed;
+    background-color: rgba(50, 50, 50, .8);
+    border-radius: 33px;
+    color: white;
+    left: 50%;
+    text-align: center;
+    padding: 6px 12px;
+    opacity: 0;
+    z-index: 99999;
+    transition: transform .25s, opacity .25s, top .25s;
+    box-sizing: border-box;
+}
+
+.native-toast-bottom {
+    bottom: 50px;
+    -ms-transform: translateX(-50%) translateY(50px);
+    transform: translateX(-50%) translateY(50px)
+}
+
+.native-toast-bottom.native-toast-shown {
+    opacity: 1;
+    -ms-transform: translateX(-50%) translateY(0);
+    transform: translateX(-50%) translateY(0);
+}
+
+.native-toast-bottom.native-toast-edge {
+    bottom: 0;
+}
+
+.native-toast-top {
+    top: 50px;
+    -ms-transform: translateX(-50%) translateY(-50px);
+    transform: translateX(-50%) translateY(-50px)
+}
+
+.native-toast-top.native-toast-shown {
+    opacity: 1;
+    -ms-transform: translateX(-50%) translateY(0);
+    transform: translateX(-50%) translateY(0);
+}
+
+.native-toast-top.native-toast-edge {
+    top: 0;
+}
+
+.native-toast-center {
+    top: 0;
+    -ms-transform: translateX(-50%) translateY(-50px);
+    transform: translateX(-50%) translateY(-50px)
+}
+
+.native-toast-center.native-toast-shown {
+    opacity: 1;
+    top: 50%;
+    -ms-transform: translateX(-50%) translateY(-50%);
+    transform: translateX(-50%) translateY(-50%);
+}
+
+.native-toast-edge {
+    border-radius: 0;
+    width: 100%;
+    text-align: left;
+}
+
+@media screen and (min-width: 40rem) {
+.native-toast:not(.native-toast-edge) {
+        max-width: 18rem;
+    }
+}
+
+/*
+  max-width does not seem to work in small screen?
+*/
+
+/*@media screen and (max-width: 768px) {
+  .native-toast:not(.native-toast-edge) {
+    max-width: 400px;
+  }
+}
+
+@media screen and (max-width: 468px) {
+  .native-toast:not(.native-toast-edge) {
+    max-width: 300px;
+  }
+}*/
+
+/* types */
+
+.native-toast-error {
+    background-color: #d92727;
+    color: white;
+}
+
+.native-toast-success {
+    background-color: #62a465;
+    color: white;
+}
+
+.native-toast-warning {
+    background-color: #fdaf17;
+    color: white;
+}
+
+.native-toast-info {
+    background-color: #5060ba;
+    color: white;
+}
+
+[class^="native-toast-icon-"] {
+    vertical-align: middle;
+    margin-right: 8px
+}
+
+[class^="native-toast-icon-"] svg {
+    width: 16px;
+    height: 16px;
+}

src/main/resources/com/finebi/plugin/tptj/ivan/chart/demo/amap/js/chart.js

@@ -0,0 +1,143 @@
+(function ($) {
+    function render(
+        data, // 数据
+        config, // 配置
+        saveSessionCallback,
+        closeSessionCallBack,
+        extensionCallBack
+    ) {
+        debugger;
+
+        // 查找初始化时的dom对象
+        const dom = document.getElementById("amap-demo-container");
+
+        // 一定要设置 宽高   不然图表渲染不出来
+        dom.style.width = document.body.clientWidth + "px";
+        dom.style.height = document.body.clientHeight + "px";
+
+        // 获取配置项
+        const mapAttribute = config["chartStyle"]["mapProp"]["value"];
+
+        // 地图组件初始化
+        const map = new AMap.Map(dom, {
+            resizeEnable: true,
+            center: [mapAttribute[0], mapAttribute[1]],
+            zoom: mapAttribute[2],
+        });
+
+        // 地图设置样式
+        const styleName = "amap://styles/" + mapAttribute[3];
+        map.setMapStyle(styleName);
+
+        // 获取全部的经纬度点数据
+        const points = _getAllPoint(data.dataMapping, data.dataModels[0]);
+
+        if (points != null) {
+            // 创建聚合点图层
+            var pointCluster = new AMap.MarkerCluster(map, points, {
+                gridSize: 60, // 设置网格像素大小
+                renderClusterMarker: _renderCarClusterMarker, // 自定义聚合点样式
+                renderMarker: _renderMarker,   // 自定义非聚合点样式
+            });
+        }
+
+
+        window.addEventListener("resize", function () {
+            dom.style.width = document.body.clientWidth + "px";
+            dom.style.height = document.body.clientHeight + "px";
+        });
+    }
+
+    /**
+     * 自定义聚合点样式
+     * @param context
+     * @private
+     */
+    function _renderCarClusterMarker(context) {
+        let count = context.count;
+        let factor = context.count / count;
+        const div = document.createElement('div');
+        const Hue = 180 - factor * 180;
+        let bgColor;
+        if (context.count < 10) {
+            bgColor = 'hsla(108,100%,40%,1)';
+        } else if (context.count < 100) {
+            bgColor = 'hsl(201,100%,40%)';
+        } else if (context.count < 1000) {
+            bgColor = 'hsla(36,100%,50%,1)';
+        } else if (context.count < 10000) {
+            bgColor = 'hsla(0,100%,60%,1)';
+        } else {
+            bgColor = 'hsla(0,100%,40%,1)';
+        }
+        const fontColor = 'hsla(' + Hue + ',100%,90%,1)';
+        const borderColor = bgColor;
+        const shadowColor = 'hsla(' + Hue + ',100%,90%,1)';
+        div.style.backgroundColor = bgColor;
+        const size = Math.round(30 + Math.pow(context.count / count, 1 / 5) * 20);
+        div.style.width = div.style.height = size + 'px';
+        div.style.border = 'solid 1px ' + borderColor;
+        div.style.borderRadius = size / 2 + 'px';
+        div.style.boxShadow = '0 0 5px ' + shadowColor;
+        div.innerHTML = context.count;
+        div.style.lineHeight = size + 'px';
+        div.style.color = fontColor;
+        div.style.fontSize = '14px';
+        div.style.textAlign = 'center';
+        context.marker.setOffset(new AMap.Pixel(-size / 2, -size / 2));
+        context.marker.setContent(div)
+    }
+
+    /**
+     * 自定义非聚合点样式
+     * @param context
+     * @private
+     */
+    function _renderMarker(context) {
+        var content = '<div style="background-color: rgba(255,255,178,.9); height: 18px; width: 18px; border: 1px solid rgba(255,255,178,1); border-radius: 12px; box-shadow: rgba(0, 0, 0, 1) 0px 0px 3px;"></div>';
+        var offset = new AMap.Pixel(-9, -9);
+        context.marker.setContent(content)
+        context.marker.setOffset(offset)
+    }
+
+    /**
+     *
+     * @param dataMapping
+     * @param dataModel
+     * @returns {*[]}
+     * @private
+     */
+    function _getAllPoint(dataMapping, dataModel) {
+        let lngId = dataMapping['lat'];
+        let latId = dataMapping['lng'];
+
+        let files = dataModel.fields;
+        let rowCount = dataModel.rowCount
+        const colData = dataModel.colData;
+
+        let lngIndex;
+        let latIndex;
+
+        // demo这里没有考虑多维度多指标的情况，具体根据实际情况进行修改
+        files.forEach((item, index) => {
+            if (lngId.indexOf(item.id) >= 0) {
+                lngIndex = index;
+            }
+            if (latId.indexOf(item.id) >= 0) {
+                latIndex = index;
+            }
+        })
+
+        var points = [];
+        for (let i = 0; i < rowCount; i++) {
+            points.push({
+                lnglat: [colData[lngIndex][i], colData[latIndex][i]],
+            })
+        }
+
+        return points;
+    }
+
+    // 注册渲染方法
+    new BIPlugin().init(render);
+})(jQuery);

src/main/resources/com/finebi/plugin/tptj/ivan/chart/demo/amap/js/lib/amap.js

@@ -0,0 +1,5 @@
+!(function () {
+    window._AMapSecurityConfig = {
+        securityJsCode: "${amapSecret}",
+    };
+})();

src/main/resources/com/finebi/plugin/tptj/ivan/chart/demo/amap/locale/plugin.properties

@@ -0,0 +1,15 @@
+Plugin-DEMO_=
+Plugin-DEMO_CONF=\u56FE\u8868DEMO_EK\u914D\u7F6E
+Plugin-DEMO_CONF_KEY=\u9AD8\u5FB7\u5730\u56FE\u5BC6\u94A5
+Plugin-DEMO_CONF_KEY_DES=\u9AD8\u5FB7\u5730\u56FE\u5BC6\u94A5
+Plugin-DEMO_CONF_SECRET=\u9AD8\u5FB7\u5730\u56FE\u5B89\u5168\u5BC6\u94A5
+Plugin-DEMO_CONF_SECRET_DES=\u9AD8\u5FB7\u5730\u56FE\u5B89\u5168\u5BC6\u94A5
+Plugin-DEMO_WEB_LNG_LAT=\u7ECF\u7EAC\u5EA6
+Plugin-DEMO_WEB_LAT=\u7EAC\u5EA6
+Plugin-DEMO_WEB_LNG=\u7ECF\u5EA6
+Plugin-DEMO_WEB_FG=\u7EC6\u7C92\u5EA6
+Plugin-DEMO_WEB_MAP_ATTRIBUTE=\u5730\u56FE\u5C5E\u6027
+Plugin-DEMO_WEB_CENTER_LNG=\u4E2D\u5FC3\u7ECF\u5EA6
+Plugin-DEMO_WEB_CENTER_LAT=\u4E2D\u5FC3\u7EAC\u5EA6
+Plugin-DEMO_WEB_DEFAULT_ZOOM=\u9ED8\u8BA4\u7F29\u653E\u7EA7\u522B
+Plugin-DEMO_WEB_STYLE=\u6837\u5F0F

src/main/resources/com/finebi/plugin/tptj/ivan/chart/demo/amap/locale/plugin_zh_CN.properties

@@ -0,0 +1,16 @@
+Plugin-DEMO_=
+Plugin-DEMO_CONF=\u56FE\u8868DEMO_EK\u914D\u7F6E
+Plugin-DEMO_CONF_KEY=\u9AD8\u5FB7\u5730\u56FE\u5BC6\u94A5
+Plugin-DEMO_CONF_KEY_DES=\u9AD8\u5FB7\u5730\u56FE\u5BC6\u94A5
+Plugin-DEMO_CONF_SECRET=\u9AD8\u5FB7\u5730\u56FE\u5B89\u5168\u5BC6\u94A5
+Plugin-DEMO_CONF_SECRET_DES=\u9AD8\u5FB7\u5730\u56FE\u5B89\u5168\u5BC6\u94A5
+Plugin-DEMO_WEB_LNG_LAT=\u7ECF\u7EAC\u5EA6
+Plugin-DEMO_WEB_LAT=\u7EAC\u5EA6
+Plugin-DEMO_WEB_LNG=\u7ECF\u5EA6
+Plugin-DEMO_WEB_FG=\u7EC6\u7C92\u5EA6
+Plugin-DEMO_WEB_TYPE=\u7C7B\u578B
+Plugin-DEMO_WEB_MAP_ATTRIBUTE=\u5730\u56FE\u5C5E\u6027
+Plugin-DEMO_WEB_CENTER_LNG=\u4E2D\u5FC3\u7ECF\u5EA6
+Plugin-DEMO_WEB_CENTER_LAT=\u4E2D\u5FC3\u7EAC\u5EA6
+Plugin-DEMO_WEB_DEFAULT_ZOOM=\u9ED8\u8BA4\u7F29\u653E\u7EA7\u522B
+Plugin-DEMO_WEB_STYLE=\u6837\u5F0F