dailer
6 years ago
10 changed files with 491 additions and 1 deletions
@ -1,3 +1,14 @@ |
|||||||
# decision-demo-carousel |
# decision-demo-carousel |
||||||
|
|
||||||
一个全屏轮播的插件示例 |
一个全屏轮播的插件示例,用来演示对tabPane相关方法的使用 |
||||||
|
|
||||||
|
## 使用方法 |
||||||
|
1. 先打开几个模板. |
||||||
|
2. 然后按下组合键 *shift+alt+f*,设置好时间,是否全屏,是否刷新,确定 |
||||||
|
3. 停止轮播,再按一次 *shift+alt+f* |
||||||
|
|
||||||
|
## 效果图 |
||||||
|
|
||||||
|
![示例](screenshorts/screenshort.gif) |
||||||
|
|
||||||
|
|
||||||
|
@ -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> |
@ -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> |
@ -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> |
After Width: | Height: | Size: 1.7 MiB |
@ -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; |
||||||
|
} |
||||||
|
} |
@ -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"); |
||||||
|
} |
||||||
|
} |
@ -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; |
||||||
|
} |
@ -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); |
||||||
|
}()); |
Loading…
Reference in new issue