init

6 years ago · 4f3c1dec0c
10 changed files with 491 additions and 1 deletions
--- a/README.md
+++ b/README.md
@ -1,3 +1,14 @@
 # decision-demo-carousel

-一个全屏轮播的插件示例
+一个全屏轮播的插件示例,用来演示对tabPane相关方法的使用
+
+## 使用方法
+1. 先打开几个模板.
+2. 然后按下组合键 *shift+alt+f*,设置好时间,是否全屏,是否刷新,确定
+3. 停止轮播,再按一次 *shift+alt+f*
+
+## 效果图
+
+![示例](screenshorts/screenshort.gif)
+
+
--- a/build.xml
+++ b/build.xml
@ -0,0 +1,130 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<project basedir="." default="jar" name="plugin">
+    <!-- JDK路径，根据自己机器上实际位置修改-->
+    <property name="jdk.home" value="C:\Program Files\Java\jdk1.8.0_192"/>
+
+    <property name="libs" value="${basedir}/lib"/>
+    <property name="publicLibs" value=""/>
+    <property name="reportLibs" value="${basedir}/../webroot/WEB-INF/lib"/>
+    <property name="destLoc" value="."/>
+    <property name="classes" value="classes"/>
+    <xmlproperty file="${basedir}/plugin.xml"/>
+    <property name="current-version" value="${plugin.version}"/>
+
+    <!-- 插件版本-->
+    <property name="plugin-version" value="${current-version}"/>
+    <!-- 插件名字-->
+    <property name="plugin-name" value="carousel"/>
+    <property name="plugin-jar" value="fr-plugin-${plugin-name}-${plugin-version}.jar"/>
+
+    <target name="prepare">
+        <delete dir="${classes}"/>
+        <delete dir="fr-plugin-${plugin-name}-${plugin-version}"/>
+        <xmlproperty file="${basedir}/plugin.xml"/>
+        <delete dir="${destLoc}/${plugin.name}"/>
+    </target>
+    <path id="compile.classpath">
+        <fileset dir="${libs}">
+            <include name="**/*.jar"/>
+        </fileset>
+        <fileset dir="${publicLibs}">
+            <include name="**/*.jar"/>
+        </fileset>
+        <fileset dir="${reportLibs}">
+            <include name="**/*.jar"/>
+        </fileset>
+    </path>
+    <patternset id="resources4Jar">
+        <exclude name="**/.settings/**"/>
+        <exclude name=".classpath"/>
+        <exclude name=".project"/>
+
+        <exclude name="**/*.java"/>
+        <exclude name="**/*.db"/>
+        <exclude name="**/*.g"/>
+        <exclude name="**/package.html"/>
+    </patternset>
+    <target name="copy_resources">
+        <echo message="从${resources_from}拷贝图片,JS,CSS等资源文件"/>
+        <delete dir="tmp"/>
+        <copy todir="tmp">
+            <fileset dir="${resources_from}/src/main/resources">
+                <patternset refid="resources4Jar"/>
+            </fileset>
+        </copy>
+        <copy todir="${classes}">
+            <fileset dir="tmp"/>
+        </copy>
+        <delete dir="tmp"/>
+    </target>
+    <target name="compile_javas">
+        <echo message="编译${compile_files}下的Java文件"/>
+        <javac destdir="${classes}" debug="false" optimize="on" source="${source_jdk_version}"
+               target="${target_jdk_version}"
+               fork="true" memoryMaximumSize="512m" listfiles="false" srcdir="${basedir}"
+               executable="${compile_jdk_version}/bin/javac">
+            <src path="${basedir}/src/main/java"/>
+            <exclude name="**/.svn/**"/>
+            <compilerarg line="-encoding UTF8 "/>
+            <classpath refid="compile.classpath"/>
+        </javac>
+        <taskdef name="pretreatment" classname="com.fr.plugin.pack.PluginPretreatmentTask">
+            <classpath refid="compile.classpath"/>
+        </taskdef>
+        <pretreatment baseDir="${basedir}"/>
+    </target>
+
+    <target name="jar_classes">
+        <echo message="打Jar包:${jar_name}"/>
+        <delete file="${basedir}/${jar_name}"/>
+        <jar jarfile="${basedir}/${jar_name}">
+            <fileset dir="${classes}">
+            </fileset>
+        </jar>
+    </target>
+
+    <target name="super_jar" depends="prepare">
+        <antcall target="copy_resources">
+            <param name="resources_from" value="${basedir}"/>
+        </antcall>
+        <antcall target="compile_javas">
+            <param name="source_jdk_version" value="1.6"/>
+            <param name="target_jdk_version" value="1.6"/>
+            <param name="compile_jdk_version" value="${jdk.home}"/>
+            <param name="compile_files" value="${basedir}/src"/>
+        </antcall>
+        <echo message="compile plugin success!"/>
+
+        <antcall target="jar_classes">
+            <param name="jar_name" value="${plugin-jar}"/>
+        </antcall>
+        <delete dir="${classes}"/>
+
+    </target>
+
+    <target name="jar" depends="super_jar">
+        <antcall target="zip"/>
+    </target>
+
+    <target name="zip">
+        <property name="plugin-folder" value="fr-plugin-${plugin-name}-${plugin-version}"/>
+        <echo message="----------zip files----------"/>
+        <mkdir dir="${plugin-folder}"/>
+        <copy todir="${plugin-folder}">
+            <fileset dir=".">
+                <include name="${plugin-jar}"/>
+                <include name="plugin.xml"/>
+            </fileset>
+            <fileset dir="${libs}">
+                <include name="*.jar"/>
+                <include name="*.dll"/>
+            </fileset>
+        </copy>
+        <zip destfile="${basedir}/${plugin-folder}.zip" basedir=".">
+            <include name="${plugin-folder}/*.jar"/>
+            <include name="${plugin-folder}/*.dll"/>
+            <include name="${plugin-folder}/plugin.xml"/>
+        </zip>
+        <move file="${plugin-folder}.zip" todir="${destLoc}/install"/>
+    </target>
+</project>
--- a/lib/report/.gitkeep
+++ b/lib/report/.gitkeep
--- a/plugin.xml
+++ b/plugin.xml
@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<plugin>
+    <id>com.fr.plugin.carousel</id>
+    <name><![CDATA[轮播插件]]></name>
+    <active>yes</active>
+    <version>1.0</version>
+    <env-version>10.0</env-version>
+    <jartime>2018-07-31</jartime>
+    <vendor>dailer</vendor>
+    <description><![CDATA[提供全屏及轮播功能]]></description>
+    <extra-decision>
+        <AbstractWebResourceProvider class="com.fr.plugin.Carousel"/>
+    </extra-decision>
+    <function-recorder class="com.fr.plugin.Carousel"/>
+</plugin>
--- a/pom.xml
+++ b/pom.xml
@ -0,0 +1,20 @@
+<?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 http://maven.apache.org/xsd/maven-4.0.0.xsd">
+    <modelVersion>4.0.0</modelVersion>
+
+    <parent>
+        <groupId>com.fr.plugin</groupId>
+        <artifactId>starter</artifactId>
+        <version>10.0</version>
+    </parent>
+    <packaging>jar</packaging>
+    <artifactId>plugin-carousel</artifactId>
+    <dependencies>
+    </dependencies>
+    <build>
+        <!---如果要更改调试插件，改这里的配置就可以了-->
+        <outputDirectory>${project.basedir}/../webroot/WEB-INF/plugins/plugin-com.fr.plugin.function.test-1.0/classes</outputDirectory>
+    </build>
+</project>
--- a/screenshorts/screenshort.gif
+++ b/screenshorts/screenshort.gif
--- a/src/main/java/com/fr/plugin/Carousel.java
+++ b/src/main/java/com/fr/plugin/Carousel.java
@ -0,0 +1,27 @@
+package com.fr.plugin;
+
+import com.fr.decision.fun.impl.AbstractWebResourceProvider;
+import com.fr.decision.web.MainComponent;
+import com.fr.intelli.record.Focus;
+import com.fr.intelli.record.Original;
+import com.fr.record.analyzer.EnableMetrics;
+import com.fr.web.struct.Atom;
+
+/**
+ * Created by dailer on 18/10/10.
+ */
+@EnableMetrics
+public class Carousel extends AbstractWebResourceProvider {
+
+
+    @Override
+    public Atom attach() {
+        return MainComponent.KEY;
+    }
+
+    @Override
+    @Focus(id = "com.fr.plugin.carousel", text = "轮播功能", source = Original.PLUGIN)
+    public Atom client() {
+        return CarouselComponent.KEY;
+    }
+}
--- a/src/main/java/com/fr/plugin/CarouselComponent.java
+++ b/src/main/java/com/fr/plugin/CarouselComponent.java
@ -0,0 +1,29 @@
+package com.fr.plugin;
+
+import com.fr.decision.config.AppearanceConfig;
+import com.fr.web.struct.Component;
+import com.fr.web.struct.category.ScriptPath;
+import com.fr.web.struct.category.StylePath;
+import com.fr.web.struct.Filter;
+
+/**
+ * Created by Zed on 2018/10/12.
+ */
+public class CarouselComponent extends Component {
+
+    public static final CarouselComponent KEY = new CarouselComponent();
+
+    private CarouselComponent() {
+
+    }
+
+    @Override
+    public ScriptPath script() {
+        return ScriptPath.build("com/fr/plugin/web/carousel.js");
+    }
+
+    @Override
+    public StylePath style() {
+        return StylePath.build("com/fr/plugin/web/carousel.css");
+    }
+}
--- a/src/main/resources/com/fr/plugin/web/carousel.css
+++ b/src/main/resources/com/fr/plugin/web/carousel.css
@ -0,0 +1,50 @@
+/* fine-decision-webui 19-01-03 12:02:26 */
+.demo-background {
+    background: #3d3780;
+}
+.dec-workbench-tabs {
+    border-radius: 8px;
+    overflow: hidden;
+}
+#wrapper.active {
+    transform: perspective(0.5em) rotateX(25deg);
+    transform-origin: bottom;
+}
+
+.demo-header {
+    background: #494299;
+}
+.demo-header .demo-sidebar-trigger .b-font {
+    color: #FFFFFF;
+    font-size: 30px;
+}
+.demo-header .demo-search-button .b-font,
+.demo-header .favorite-font .b-font {
+    color: #a1a1e5;
+}
+.demo-header .demo-title-text {
+    color: #FFFFFF;
+    font-size: 24px;
+}
+
+.demo-sidebar {
+    background: #494299;
+    color: #a1a1e5;
+    font-size: 14px;
+    border-radius: 10px;
+}
+.demo-sidebar .platform-node-icon .b-font {
+    font-size: 35px;
+    color: #a1a1e5;
+}
+.demo-sidebar .demo-sidebar-item.active {
+    background-color: rgba(0, 255, 170, 0.25);
+    color: #fff;
+    border: 2px solid #00f9a6;
+    border-radius: 8px;
+    -webkit-box-shadow: 0 2px 12px 0 rgba(0, 255, 170, 0.25);
+    box-shadow: 0 2px 12px 0 rgba(0, 255, 170, 0.25);
+}
+.demo-sidebar .demo-sidebar-expander-popup {
+    background: #3d3780;
+}
--- a/src/main/resources/com/fr/plugin/web/carousel.js
+++ b/src/main/resources/com/fr/plugin/web/carousel.js
@ -0,0 +1,208 @@
+!(function () {
+    var timer = null;
+    Dec.Plugin = Dec.Plugin || {};
+    Dec.Plugin.alternate = {
+        play: function () {
+            var pane = {
+                type: "dec.plugin.carousel.popup",
+                onClickConfirm: function (v) {
+                    var service = BI.Services.getService("dec.service.tabs");
+                    v.fullscreen && service.fullScreen();
+                    timer = service.alternatePlay(v.time, v.refresh);
+                },
+                listeners: [
+                    {
+                        eventName: "EVENT_CLOSE",
+                        action: function () {
+                            BI.Popovers.remove("plugin-carousel-popup");
+                        }
+                    }
+                ]
+            };
+
+            BI.Popovers.create("plugin-carousel-popup", {
+                type: "bi.popover",
+                header: "轮播设定",
+                body: pane,
+                width: 450,
+                height: 240,
+                listeners: [
+                    {
+                        eventName: "EVENT_CLOSE",
+                        action: function () {
+                            BI.Popovers.remove("plugin-carousel-popup");
+                        }
+                    }
+                ]
+            }).open("plugin-carousel-popup");
+        },
+
+        stop: function () {
+            window.clearInterval(timer);
+            timer = null;
+        }
+    };
+
+    document.onkeydown = function (e) {
+        var keyCode = e.keyCode || e.which || e.charCode;
+        var shiftKey = e.shiftKey;
+        var altKey = e.altKey;
+        if (shiftKey && altKey && keyCode === 70) {
+            if (!timer) {
+                Dec.Plugin.alternate.play();
+            } else {
+                Dec.Plugin.alternate.stop();
+            }
+            e.preventDefault();
+        }
+    };
+}());
+
+!(function () {
+
+
+    var WIDTH = 80;
+    var HEIGHT = 50;
+    var EDITOR_Width = 300;
+
+    var Popup = BI.inherit(BI.Widget, {
+
+        props: {
+            baseCls: "dec-add-user-popup",
+            btns: [BI.i18nText(BI.i18nText("BI-Basic_Sure")), BI.i18nText(BI.i18nText("BI-Basic_Cancel"))],
+            onClickConfirm: BI.emptyFn,
+            info: {}
+        },
+
+        render: function () {
+            var self = this;
+
+            return {
+                el: {
+                    type: "bi.vtape",
+                    tgap: -10,
+                    items: [
+                        {
+                            el: this.rebuildCenter()
+                        }, {
+                            el: this.rebuildSouth(),
+                            height: 44
+                        }
+                    ]
+                }
+            };
+        },
+
+
+        rebuildSouth: function () {
+            var self = this, o = this.options;
+            var sure = BI.createWidget({
+                type: "bi.button",
+                ref: function (_ref) {
+                    self.sure = _ref;
+                },
+                text: this.options.btns[0],
+                warningTitle: o.warningTitle,
+                height: 24,
+                handler: function () {
+                    self.end();
+                }
+            });
+            var cancel = BI.createWidget({
+                type: "bi.button",
+                ref: function (_ref) {
+                    self.cancel = _ref;
+                },
+                text: this.options.btns[1],
+                height: 24,
+                level: "ignore",
+                handler: function () {
+                    self.close();
+                }
+            });
+            return {
+                type: "bi.right_vertical_adapt",
+                lgap: 10,
+                items: [cancel, sure]
+            };
+        },
+
+        rebuildCenter: function (center) {
+            var self = this, o = this.options;
+
+            var time = BI.createWidget({
+                type: "bi.editor",
+                ref: function (_ref) {
+                    self.time = _ref;
+                },
+                cls: "bi-border",
+                watermark: BI.i18nText("间隔时间(s)"),
+                width: EDITOR_Width,
+                height: 24
+            });
+
+            var fullscrenn = BI.createWidget({
+                type: "bi.multi_select_item",
+                ref: function (_ref) {
+                    self.fullscreen = _ref;
+                },
+                text: "是否全屏",
+                width: EDITOR_Width - 2,
+                height: 24,
+                value: o.info.description || ""
+            });
+
+            var refresh = BI.createWidget({
+                type: "bi.multi_select_item",
+                ref: function (_ref) {
+                    self.refresh = _ref;
+                },
+                text: "切换前是否刷新模板",
+                width: EDITOR_Width - 2,
+                height: 24
+            });
+
+
+            return {
+                element: center,
+                type: "bi.vertical",
+                cls: "dec-add-user-popup",
+                items: [
+                    {
+                        el: {
+                            type: "bi.vertical_adapt",
+                            height: HEIGHT,
+                            items: [{
+                                type: "bi.label",
+                                width: WIDTH,
+                                textAlign: "left",
+                                text: BI.i18nText("间隔时间(s)")
+                            }, time]
+                        },
+                        tgap: 10
+                    }, fullscrenn, refresh
+                ]
+            };
+        },
+
+
+        getValue: function () {
+            return {
+                time: this.time.getValue(),
+                fullscreen: this.fullscreen.isSelected(),
+                refresh: this.refresh.isSelected()
+            };
+        },
+
+        close: function () {
+            this.fireEvent("EVENT_CLOSE");
+        },
+        end: function () {
+            this.options.onClickConfirm(this.getValue());
+            this.close();
+        }
+    });
+
+    Popup.EVENT_CLICK_CONFIRM = "EVENT_CONFIRM";
+    BI.shortcut("dec.plugin.carousel.popup", Popup);
+}());