Many resources are needed to download a project. Please understand that we have to compensate our server costs. Thank you in advance.
Project price only 1 $
You can buy this project and download/modify it how often you want.
META-INF.resources.ajaxjs-ui-output.all.js Maven / Gradle / Ivy
// build date:Tue Jan 22 18:41:21 GMT+08:00 2019
ajaxjs = aj = function(cssSelector, fn) {
return Element.prototype.$.apply(document, arguments);
}
Element.prototype.$ = function(cssSelector, fn) {
if (typeof fn == 'function') {
var children = this.querySelectorAll(cssSelector);
if (children && fn)
Array.prototype.forEach.call(children, fn);
return children;
} else {
return this.querySelector.apply(this, arguments);
}
}
Element.prototype.die = function() {
this.parentNode.removeChild(this);
}
Element.prototype.up = function(tagName, className) {
if (tagName && className)
throw '只能任选一种参数，不能同时传';
var el = this.parentNode;
tagName = tagName && tagName.toUpperCase();
while (el) {
if (tagName && el.tagName == tagName)
return el;
if (className && el.className && ~el.className.indexOf(className))
return el;
el = el.parentNode;
}
return null;
}
Element.prototype.insertAfter = function(newElement) {
var targetElement = this, parent = targetElement.parentNode;
if (parent.lastChild == targetElement)
parent.insertBefore(newElement);
else
parent.insertBefore(newElement, targetElement.nextSibling);
}
ajaxjs.apply = function(a, b) {
for ( var i in b)
a[i] = b[i];
return a;
}
Function.prototype.delegate = function() {
var self = this, scope = this.scope, args = arguments, aLength = arguments.length, fnToken = 'function';
return function() {
var bLength = arguments.length, Length = (aLength > bLength) ? aLength : bLength;
for (var i = 0; i < Length; i++)
if (arguments[i])
args[i] = arguments[i];
args.length = Length;
for (var i = 0, j = args.length; i < j; i++) {
var _arg = args[i];
if (_arg && typeof _arg == fnToken && _arg.late == true)
args[i] = _arg.apply(scope || this, args);
}
return self.apply(scope || this, args);
};
}
Function.prototype.after = function(composeFn, isForceCall, scope) {
var self = this;
return function() {
var result = self.apply(scope || this, arguments);
if (isForceCall) {
return composeFn.call(this, result);
}
return result && (typeof result.pop != 'undefined')&& (typeof result.pop != 'unknown') ? composeFn.apply(this, result) : composeFn.call(this, result);
};
}
ajaxjs.params = {
json2url : function(json, appendUrl) {
var params = [];
for ( var i in json)
params.push(i + '=' + json[i]);
params = params.join('&');
if (appendUrl)
params = ~appendUrl.indexOf('?') ? appendUrl + '&' + params : appendUrl + '?' + params;
return params;
},
get : function(search, hash) {
search = search || window.location.search;
hash = hash || window.location.hash;
var fn = function(str, reg) {
if (str) {
var data = {};
str.replace(reg, function($0, $1, $2, $3) {
data[$1] = $3;
});
return data;
}
};
return {
search : fn(search, new RegExp("([^?=&]+)(=([^&]*))?", "g")) || {},
hash : fn(hash, new RegExp("([^#=&]+)(=([^&]*))?", "g")) || {}
};
}
};
if (!window.URLSearchParams) {
URLSearchParams = function() {
}
}
ajaxjs.xhr = {
json2url : ajaxjs.params.json2url,
request : function(url, cb, args, cfg, method) {
var params = this.json2url(args), xhr = new XMLHttpRequest();
method = method.toUpperCase();
if (method == 'POST' || method == 'PUT') {
xhr.open(method, url);
} else
xhr.open(method, url + (params ? '?' + params : ''));
cb.url = url;
xhr.onreadystatechange = this.callback.delegate(null, cb, cfg && cfg.parseContentType);
if (method == 'POST' || method == 'PUT') {
xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
xhr.send(params);
} else {
xhr.send(null);
}
},
callback : function(event, cb, parseContentType) {
if (this.readyState === 4 && this.status === 200) {
var responseText = this.responseText.trim();
try {
if (!responseText)
throw '服务端返回空的字符串!';
var data = null;
switch (parseContentType) {
case 'text':
data = this.responseText;
break;
case 'xml':
data = this.responseXML;
break;
case 'json':
default:
try{
data = JSON.parse(responseText);
} catch(e) {
try{
data = eval("TEMP_VAR = " + responseText);
} catch(e) {
throw e;
}
}
}
} catch (e) {
alert('XHR 错误:\n' + e + '\nUrl is:' + cb.url);
}
if (!cb)
throw '你未提供回调函数';
cb(data, this);
}
if (this.readyState === 4 && this.status == 500)
alert('服务端 500 错误！');
},
jsonp : function(url, params, cb, cfg) {
var globalMethod_Token = 'globalMethod_' + parseInt(Math.random() * (200000 - 10000 + 1) + 10000);
if (!window.$$_jsonp)
window.$$_jsonp = {};
window.$$_jsonp[globalMethod_Token] = cb;
params = params || {};
params[cfg && cfg.callBackField || 'callBack'] = '$$_jsonp.' + globalMethod_Token;
var scriptTag = document.createElement('script');
scriptTag.src = this.json2url(params, url);
document.getElementsByTagName('head')[0].appendChild(scriptTag);
},
form : function(form, cb, cfg) {
cb = cb || ajaxjs.xhr.defaultCallBack;
cfg = cfg || {};
if(!form) return;
if (typeof form == 'string')
form = aj(form);
if (!form.action)
throw 'Please fill the url in ACTION attribute.';
var method;
if(form.getAttribute('method'))
method = form.getAttribute('method').toLowerCase();
cfg.method = method || cfg.method || 'post';
form.addEventListener('submit', function(e, cb, cfg) {
e.preventDefault();
var form = e.target;
var json = ajaxjs.xhr.serializeForm(form, cfg);
if (cfg && cfg.beforeSubmit && cfg.beforeSubmit(form, json) === false)
return;
if (cfg && cfg.method == 'put')
ajaxjs.xhr.put(form.action, cb, json);
else
ajaxjs.xhr.post(form.action, cb, json);
}.delegate(null, cb, cfg));
}
};
ajaxjs.xhr.get = ajaxjs.xhr.request.delegate(null, null, null, null, 'GET');
ajaxjs.xhr.post = ajaxjs.xhr.request.delegate(null, null, null, null, 'POST');
ajaxjs.xhr.put = ajaxjs.xhr.request.delegate(null, null, null, null, 'PUT');
ajaxjs.xhr.dele = ajaxjs.xhr.request.delegate(null, null, null, null, 'DELETE');
ajaxjs.xhr.serializeForm = function(form, cfg) {
var json = {};
if (window.FormData && FormData.prototype.forEach) {
var formData = new FormData(form);
formData.forEach(function(value, name) {
if (cfg && cfg.ignoreField != name)
json[name] = encodeURIComponent(value);
});
} else {
for (var i = 0, len = form.elements.length; i < len; i++) {
var formElement = form.elements[i], name = formElement.name, value = formElement.value;
if (formElement.name === '' || formElement.disabled || (cfg && cfg.ignoreField == name))
continue;
switch (formElement.nodeName.toLowerCase()) {
case 'input':
switch (formElement.type) {
case 'number':
case 'text':
case 'hidden':
case 'password':
json[name] = encodeURIComponent(value);
break;
case 'checkbox':
case 'radio':
if (formElement.checked)
json[name] = encodeURIComponent(value);
break;
}
break;
case 'textarea':
case 'select':
json[name] = encodeURIComponent(value);
break;
}
}
}
return json;
}
ajaxjs.xhr.defaultCallBack = function(json) {
if (json) {
if (json.isOk) {
ajaxjs.alert.show(json.msg || '操作成功！');
} else {
ajaxjs.alert.show(json.msg || '执行失败！原因未知！');
}
} else {
ajaxjs.alert.show('ServerSide Error!');
}
}
ajaxjs.throttle = {
event : {},
handler : [],
init : function(fn, eventType) {
eventType = eventType || 'resize';
this.handler.push(fn);
if (!this.event[eventType])
this.event[eventType] = true;
(function() {
var me = arguments.callee;
window.addEventListener(eventType, function() {
window.removeEventListener(eventType, arguments.callee);
var args = arguments;
window.setTimeout(function() {
for (var i = 0, j = ajaxjs.throttle.handler.length; i < j; i++) {
var obj = ajaxjs.throttle.handler[i];
if (typeof obj == 'function') {
obj.apply(this, args);
} else if (typeof obj.fn == 'function' && !obj.executeOnce) {
obj.fn.call(obj);
}
}
me();
}, 300);
});
})();
var obj = fn;
if (typeof obj == 'function') {
obj();
} else if (typeof obj.fn == 'function' && !obj.done) {
obj.fn.call(obj);
}
}
};
ajaxjs.throttle.onEl_in_viewport = function(el, fn) {
setTimeout(function() {
UserEvent2.onWinResizeFree({
executeOnce : false,
fn : function() {
var scrollTop = document.body.scrollTop, docHeight = window.innerHeight;
var elTop = el.getBoundingClientRect().top, isFirstPage = docHeight > elTop, isInPage = scrollTop > elTop;
if (isFirstPage || isInPage) {
this.executeOnce = true;
fn();
}
}
}, 'scroll');
}, 1500);
}
ajaxjs.throttle.onEl_in_viewport.actions = [];
tppl = function(tpl, data){
var fn = function(d) {
var i, k = [], v = [];
for (i in d) {
k.push(i);
v.push(d[i]);
};
return (new Function(k, fn.$)).apply(d, v);
};
if(!fn.$){
var tpls = tpl.split('[:');
fn.$ = "var $=''";
for(var t = 0;t < tpls.length;t++){
var p = tpls[t].split(':]');
if(t!=0){
fn.$ += '='==p[0].charAt(0)
? "+("+p[0].substr(1)+")"
: ";"+p[0].replace(/\r\n/g, '')+"$=$"
}
fn.$ += "+'"+p[p.length-1].replace(/\'/g,"\\'").replace(/\r\n/g, '\\n').replace(/\n/g, '\\n').replace(/\r/g, '\\n')+"'";
}
fn.$ += ";return $;";
}
return data ? fn(data) : fn;
}
ajaxjs.tab = function(cfg) {
ajaxjs.apply(this, cfg);
var mover = this.el.querySelector(this.moverTagName || 'div');
var children = mover.children, len = children.length;
var stepWidth = this.stepWidth || mover.parentNode.clientWidth || window.innerWidth;
if(this.isMagic)
mover.style.width = this.isUsePx ? (stepWidth * 2) +'px' : '200%';
else
mover.style.width = this.isUsePx ? (stepWidth * len) +'px' : len + '00%';
var tabWidth = this.isUsePx ? stepWidth + 'px' : (1 / len * 100).toFixed(5) + '%';
for(var i = 0; i < len; i++)
children[i].style.width = this.isMagic ? '50%' : tabWidth;
this.isUsePx && ajaxjs.throttle.init(onResize.bind(this));
this.tabHeader = this.el.$('header');
if (this.tabHeader && !this.disableTabHeaderJump)
this.tabHeader.onclick = onTabHeaderPress.bind(this);
var isWebkit = navigator.userAgent.toLowerCase().indexOf('webkit') != -1;
this.go = function(i) {
if(this.isGetCurrentHeight) {
for(var p = 0; p < len; p++) {
if(i == p) {
this.children[p].style.height = 'initial';
}else{
this.children[p].style.height = '1px';
}
}
}
if(this.isMagic) {
for(var p = 0; p < len; p++) {
if(this.currentIndex == p) {
continue;
}else if(i == p) {
children[p].classList.remove('hide');
}else {
children[p].classList.add('hide');
}
}
var cssText = i > this.currentIndex
? 'translate3d({0}, 0px, 0px)'.replace('{0}', '-50%')
: 'translate3d({0}, 0px, 0px)'.replace('{0}', '0%');
mover.style.webkitTransition = '-webkit-transform 400ms linear';
mover.style.webkitTransform = cssText;
}else{
var leftValue = this.isUsePx ? ('-' + (i * stepWidth) + 'px') : ('-' + (1 / len * 100 * i).toFixed(2) + '%');
mover.style[isWebkit ? 'webkitTransform' : 'transform'] = 'translate3d({0}, 0px, 0px)'.replace('{0}', leftValue);
}
this.currentIndex = i;
this.onItemSwitch && this.onItemSwitch.call(this, i, children[i]);
}
this.goPrevious = function() {
this.currentIndex--;
if (this.currentIndex < 0)this.currentIndex = len - 1;
this.go(this.currentIndex);
}
this.goNext = function() {
this.currentIndex++;
if (this.currentIndex == len)this.currentIndex = 0;
this.go(this.currentIndex);
}
this.loop = function() {
if(this.isEnableLoop)
this.loopTimer = window.setInterval(this.goNext.bind(this), this.autoLoop);
}
this.goTab = function(index) {
onTabHeaderPress.call(this, {
target : this.el.querySelectorAll('header ul li')[index]
});
}
function onResize() {
var stepWidth = mover.parentNode.clientWidth;
mover.style.width = this.isUsePx ? (stepWidth * len) +'px' : len + '00%';
for(var i = 0; i < len; i++)
children[i].style.width = stepWidth + 'px';
}
function onTabHeaderPress(e) {
var target = e.target,
li = target.tagName == 'LI' ? target : target.up('li');
if(!li)return;
var arr = this.tabHeader.$('ul').children, index;
for(var i = 0, j = arr.length; i < j; i++) {
if(li == arr[i]) {
arr[i].classList.add('active');
index = i;
} else
arr[i].classList.remove('active');
}
this.go(index);
this.currentIndex = index;
var nextItem = children[index];
this.onTabHeaderSwitch && this.onTabHeaderSwitch.call(this, li, nextItem, target, index);
autoHeight.call(this, nextItem);
}
function autoHeight(nextItem) {
if(this.autoHeight) {
var tabHeaderHeight = 0;
if(this.tabHeader)
tabHeaderHeight = this.tabHeader.scrollHeight;
this.el.style.height = (nextItem.scrollHeight + tabHeaderHeight + 50) + 'px';
}
}
}
ajaxjs.tab.prototype = {
isMagic : false,
isUsePx : false,
autoHeight : false,
disableTabHeaderJump : false,
isGetCurrentHeigh : true,
currentIndex : 0,
autoLoop : 4000,
initFirstTab : function() {
this.goTab(0);
}
};
ajaxjs.banner = function(cfg) {
cfg.isUsePx = true;
cfg.isEnableLoop = true;
cfg.isGetCurrentHeight = false;
ajaxjs.tab.call(this, cfg);
this.initIndicator = function() {
var ol = this.el.$('ol');
this.onItemSwitch = function(index) {
if (ol) ol.$('li', function(li, i) {
if(index == i)
li.classList.add('active');
else
li.classList.remove('active');
});
}
var self = this;
ol.onclick = function(e) {
var el = e.target;
if(el.tagName != 'LI')return;
if (ol) ol.$('li', function(li, i) {
if(el == li) {
self.go(i);
return;
}
});
}
}
this.loop();
this.initIndicator();
}
ajaxjs.banner.prototype = ajaxjs.tab.prototype;
ajaxjs.list = function(cfg) {
ajaxjs.apply(this, cfg);
var args = {};
args.start = 0;
args.limit = 10;
this.baseParam && ajaxjs.apply(args, this.baseParam);
if (!this.jsonInit)
this.jsonInit = function(json) {
if (json) {
if (!json.isOk)
ajaxjs.alert(json.msg || '执行失败！原因未知！');
} else {
ajaxjs.alert('ServerSide Error!');
}
return {
data : json.result,
total : json.total
};
}
this.load = function() {
ajaxjs.xhr.get(this.url, function(json) {
var result = this.jsonInit(json);
var data = result.data;
renderer.call(this, data);
args.start += args.limit;
this.afterDataLoad && typeof this.afterDataLoad == 'function' && this.afterDataLoad.call(this, result);
}.bind(this), args);
}
function renderer(data) {
if (!data || data.length <= 0)
return;
var lis = [];
for (var i = 0; i < data.length; i++) {
var _data = this.renderer ? this.renderer(data[i]) : data[i];
if (_data === false)
continue;
var li = tppl(this.tpl, _data);
if (this.isAppend) {
var loadingIndicator = this.el.$('.loadingIndicator');
if (loadingIndicator)
this.el.removeChild(loadingIndicator);
var temp = document.createElement('div');
temp.innerHTML = li;
this.el.appendChild(temp.$('li'));
temp = null;
} else {
lis.push(li);
}
}
if (!this.isAppend)
this.el.innerHTML = lis.join('');
}
function getCellRequestWidth() {
window.devicePixelRatio = window.devicePixelRatio || 1;
var screenWidth = window.innerWidth;
var columns = 3;
var cellWidth = screenWidth * ( 1 / columns );
var cellHight = cellWidth / (4 / 3);
var reqeustWidth = cellWidth * window.devicePixelRatio;
reqeustWidth = Math.floor(reqeustWidth);
var MaxWidth = 500;
return reqeustWidth;
}
function autoHeight() {
var firstHeight = arguments.callee.firstHeight;
for(var i = 0 , j = imgs.length; i < j; i++) {
var imgObj = imgs[i];
console.log(imgObj.el.complete);
if(i == 0 && !firstHeight)
firstHeight = arguments.callee.firstHeight = imgObj.el.height;
else
imgObj.el.height = firstHeight;
}
}
function fixImgHeigtBy() {
window.innerWidth * 0.3 / 1.333
}
}
ajaxjs.list.thumbFadeIn = function() {
var imgs = [];
this.el.$('img[data-src^="https://"]', function(img, index) {
img.onload = function(){ this.classList.add('tran') };
imgs.push({
index : index,
el : img,
src : img.getAttribute('data-src')
});
});
Step(function() {
for(var i = 0 , j = imgs.length; i < j; i++) {
if(imgs[i].src) {
var img = new Image();
img.onload = this.parallel();
img.src = imgs[i].src;
}
}
}, function() {
var i = 0;
var nextStep = this;
var id = setInterval(function() {
var imgObj = imgs[i++];
imgObj.el.src = imgObj.src;
if(i == imgs.length) {
clearInterval(id);
nextStep();
}
}, 300);
}, function() {
});
}
Vue.component('ajaxjs-admin-header', {
props : {
isCreate : Boolean,
uiName : String,
infoId : {
type: Number,
required: false
}
},
template :
''
})
Vue.component('ajaxjs-admin-info-btns', {
props : {
isCreate : Boolean
},
template :
'\
\
复 位 \
\
\
' + content + ' ';
}
}
});
Vue.component('aj-page-captcha', {
props : {
imgSrc : {
type: String,
required: false,
},
fieldName : {
type: String,
required: false,
default : 'captcha'
}
},
template :
'',
methods : {
onClk : function(e) {
var img = e.target;
img.src = img.src.replace(/\?\d+$/, '') + '?' + new Date().valueOf();
}
}
});
Vue.component('aj-form-calendar', {
data: function() {
return {
year : 2017,
month : 2,
day : 1
};
},
props : {
},
template :
'',
mounted : function () {
aj.apply(this, this.getDate('now'));
this.render();
},
methods : {
render : function () {
var el = this.$el;
var arr = this.getDateArr();
this.days = [];
var frag = document.createDocumentFragment();
while (arr.length) {
var row = document.createElement("tr");
for (var i = 1; i <= 7; i++) {
var cell = document.createElement("td");
if (arr.length) {
var d = arr.shift();
if (d) {
cell.innerHTML = d;
cell.className = 'day day_' + this.year + '-' + this.month + '-' + d;
cell.title = this.year + '-' + this.month + '-' + d;
this.days[d] = cell;
var on = new Date(this.year, this.month - 1, d);
if (this.isSameDay(on, this.date)) {
cell.classList.add('onToday');
this.onToday && this.onToday(cell);
}
this.selectDay && this.onSelectDay && this.isSameDay(on, this.selectDay) && this.onSelectDay(cell);
}
}
row.appendChild(cell);
}
frag.appendChild(row);
}
var tbody = el.$("table tbody");
tbody.innerHTML = '';
tbody.appendChild(frag);
this.onFinish && this.onFinish();
},
setYear : function(type) {
this.year = this.getDate(type).year;
},
nextYear : function() {
},
getDate: function (dateType) {
var now = new Date(), date, nowYear = now.getFullYear(), nowMonth = now.getMonth() + 1;
switch (dateType) {
case 'now':
date = now;
break;
case 'preMonth':
date = new Date(nowYear, nowMonth - 2, 1);
break;
case 'nextMonth':
date = new Date(nowYear, nowMonth, 1);
break;
case 'preYear':
date = new Date(nowYear - 1, nowMonth - 1, 1);
break;
case 'nextYear':
date = new Date(nowYear + 1, nowMonth - 1, 1);
break;
}
return {
date : date,
year : date.getFullYear(),
month : date.getMonth() + 1,
};
},
getDateArr: function () {
var arr = [];
for (var i = 1, firstDay = new Date(this.year, this.month - 1, 1).getDay(); i <= firstDay; i++)
arr.push(0);
for (var i = 1, monthDay = new Date(this.year, this.month, 0).getDate(); i <= monthDay; i++)
arr.push(i);
return arr;
},
pickDay : function(e) {
var el = e.target, date = el.title;
this.$emit('pick-date', date);
return date;
},
isSameDay: function (d1, d2) {
return (d1.getFullYear() == d2.getFullYear() && d1.getMonth() == d2.getMonth() && d1.getDate() == d2.getDate());
}
}
});
Vue.component('aj-form-calendar-input', {
data : function(){
return {
date : this.fieldValue
}
},
props : {
fieldName : {
type: String,
required: true
},
fieldValue : {
type: String,
required: false
},
positionFixed : Boolean
},
template :
'',
mounted : function() {
if(this.positionFixed) {
this.$el.$('.aj-form-calendar').classList.add('positionFixed');
}
},
methods : {
recEvent: function(date) {
this.date = date;
},
onMouseOver : function(e) {
if(this.positionFixed) {
var el = e.currentTarget;
var b = el.getBoundingClientRect();
var c = this.$el.$('.aj-form-calendar');
c.style.top = (b.top + el.clientHeight - 0) + 'px';
c.style.left = ((b.left - 0) + 0) + 'px';
}
}
}
});
Vue.component('aj-form-html-editor', {
template : '',
props : {
fieldName : {
type: String,
required: true
},
content : {
type: String,
required: false
},
basePath : {
type: String,
required: false,
default : ''
}
},
beforeCreate : function() {
var xhr = new XMLHttpRequest();
xhr.open("GET", this.ajResources.libraryUse + '/htmleditor-tag.htm', false);
xhr.send(null);
this.$options.template = xhr.responseText;
},
mounted : function() {
var el = this.$el;
this.iframeEl = el.$('iframe');
this.sourceEditor = el.$('textarea');
this.iframeWin = this.iframeEl.contentWindow;
this.mode = 'iframe';
this.toolbarEl = el.$('.toolbar');
this.iframeWin.onload = function() {
this.iframeDoc = this.iframeWin.document;
this.iframeDoc.designMode = 'on';
this.iframeBody = this.iframeDoc.body;
this.sourceEditor.value && this.setValue(this.sourceEditor.value);
}.bind(this);
},
methods: {
onToolBarClk : function(e) {
var el = e.target, clsName = el.className;
clsName = clsName.split(' ').shift();
switch(clsName) {
case 'createLink':
var result = prompt("请输入 URL 地址");
if(result)
this.format("createLink", result);
break;
case 'insertImage':
if(window.isCreate)
aj.alert.show('请保存记录后再上传图片。');
else {
var self = this;
App.$refs.uploadLayer.show(function(imgUrl) {
if(imgUrl)
self.format("insertImage", imgUrl);
});
}
break;
case 'switchMode':
this.setMode();
break;
default:
this.format(clsName);
}
},
format : function (type, para) {
this.iframeWin.focus();
if (!para) {
if (document.all)
this.iframeDoc.execCommand(type);
else
this.iframeDoc.execCommand(type, false, false);
} else
this.iframeDoc.execCommand(type, false, para);
this.iframeWin.focus();
},
insertEl : function (html) {
this.iframeDoc.body.innerHTML = html;
},
setValue : function(v) {
var self = this;
setTimeout(function() {
self.iframeWin.document.body.innerHTML = v;
}, 500);
},
getValue : function(cfg) {
var result = this.iframeBody.innerHTML;
if(cfg && cfg.cleanWord)
result = this.cleanPaste(result);
if(cfg && cfg.encode)
result = encodeURIComponent(result);
return result;
},
cleanPaste : function(html) {
html = html.replace(/<(\/)*(\\?xml:|meta|link|span|font|del|ins|st1:|[ovwxp]:)((.|\s)*?)>/gi, '');
html = html.replace(/(class|style|type|start)=("(.*?)"|(\w*))/gi, '');
html = html.replace(//gi, '');
html = html.replace(//gi, '');
html = html.replace(//gi, '');
return html;
},
setMode : function () {
if (this.mode == 'iframe') {
this.iframeEl.classList.add('hide');
this.sourceEditor.classList.remove('hide');
this.sourceEditor.value = this.iframeBody.innerHTML;
this.mode = 'text';
this.grayImg(true);
} else {
this.iframeEl.classList.remove('hide');
this.sourceEditor.classList.add('hide');
this.iframeBody.innerHTML = this.sourceEditor.value;
this.mode = 'iframe';
this.grayImg(false);
}
},
grayImg: function (isGray) {
this.toolbarEl.$('span', function(item) {
if(item.className.indexOf('switchMode') != -1) {
item.style.color = isGray ? 'red' : '';
} else {
item.style.filter = isGray ? 'grayscale(100%)' : '';
}
});
},
onFontfamilyChoserClk : function(e) {
var el = e.target;
this.format('fontname', el.innerHTML);
var menuPanel = el.parentNode;
menuPanel.style.display = 'none';
setTimeout(function() {
menuPanel.style.display = '';
}, 300);
},
onFontsizeChoserClk : function(e) {
var el = e.target;
for(var els = e.currentTarget.children, i = 0, j = els.length; i < j; i++)
if(el == els[i]) break;
this.format('fontsize', i);
},
onFontColorPicker: function(e) {
var color = e.target.title;
this.format('foreColor', color);
},
onFontBgColorPicker: function(e) {
var color = e.target.title;
this.format('backColor', color);
},
createColorPickerHTML : function() {
var cl = ['00', '33', '66', '99', 'CC', 'FF'], a, b, c, d, e, f, i, j, k, T;
var h = '颜色选择
\
';// 创建body [6 x 6的色盘]
for (var i = 0; i < 6; ++i) {
h += '';
for (var j = 0, a = cl[i]; j < 6; ++j) {
h += '';
for (var k = 0, c = cl[j]; k < 6; ++k) {
b = cl[k];
e = k == 5 && i != 2 && i != 5 ? ';border-right:none;' : '';
f = j == 5 && i < 3 ? ';border-bottom:none' : '';
d = '#' + a + b + c;
T = document.all ? ' ' : '';
h += '' + T + ' ';
}
h += ' ';
}
h += '
';
}
h += '
这是一段滚动的文字；这是一段滚动的文字；这是一段滚动的文字
',
mounted : function() {
this.$arr = this.$el.innerHTML.split("");
this.start();
},
methods : {
scroll : function () {
this.$arr.push(this.$arr.shift());
this.$el.innerHTML = this.$arr.join("");
}
}
});
Vue.component('aj-simple-marquee-text', {
mixins : [aj._simple_marquee_text],
template : '11111111111 22222222222 33333333333 44444444444 55555555555
',
methods : {
show : function(text, cfg) {
this.showText = text;
var el = this.$el;
setTimeout(function() {
el.classList.remove('fadeOut');
el.classList.add('fadeIn');
}, 0);
setTimeout(function() {
el.classList.remove('fadeIn');
el.classList.add('fadeOut');
cfg && cfg.afterClose && cfg.afterClose(div, this);
}, cfg && cfg.showTime || 3000);
}
}
});
});
Vue.component('aj-layer', {
template : '',
methods : {
show : function(cfg) {
this.$el.classList.remove('hide');
if(cfg && cfg.afterClose)
this.afterClose = cfg.afterClose;
},
close : function(e) {
aj.alert.$options.methods.close.apply(this, arguments);
}
}
});
Vue.component('aj-page-fullscreen-loading-indicator', {
template : '
',
beforeCreate : function () {
document.onreadystatechange = function () {
if(document.readyState === "complete") {
aj(".aj-fullscreen-loading").classList.add('fadeOut');
}
}
}
});
Vue.component('aj-page-share', {
template :
'',
computed : {
title : function() {
return encodeURIComponent(document.title);
},
url : function() {
return document.location.href;
}
}
});
Vue.component('aj-adjust-font-size', {
props : {
articleTarget : {
type: String,
required: false,
default : 'article p'
}
},
template :
'',
methods : {
onClk : function(e) {
var el = e.target, target = el.innerHTML;
if(el.tagName != 'LABEL')
el = el.up('label');
if(el.innerHTML.indexOf('大') != -1) {
this.setFontSize('12pt');
}else if(el.innerHTML.indexOf('中') != -1) {
this.setFontSize('10.5pt');
}else if(el.innerHTML.indexOf('小') != -1) {
this.setFontSize('9pt');
}
},
setFontSize : function (fontSize) {
aj(this.$props.articleTarget, function(p){
p.style.fontSize = fontSize;
});
}
}
});
Vue.component('aj-misc-function', {
props : {
articleTarget : {
type: String,
required: false,
default : 'article'
}
},
template :
'',
methods : {
printContent : function () {
var printHTML = "[email protected] ?subject= '
+ document.title
+ '&body=\u6211\u5411\u4F60\u63A8\u8350\u8FD9\u6761\u6587\u7AE0\uFF0C\u5E0C\u671B\u4F60\u559C\u6B22\uFF01\u6587\u7AE0\u6807\u9898\uFF1A'
+ document.title
+ '\u3002\u8BF7\u70B9\u51FB\u67E5\u770B\uFF1A ' + location.href;
}
}
});
Vue.component('aj-article-body', {
props : {
title : {
type: String,
required: true
},
initCreateDate : String,
initContent : {
type: String,
required: false
},
isShowTools : {
type: Boolean,
required: false
},
neighbor : {
type: Object,
default : function(){
return {};
},
required: false
}
},
data: function(){
return {
content : this.initContent,
createDate : this.initCreateDate
};
},
template :
'\
\
{{title}} \
{{createDate}} \
\
\
\
\
\
简体中文 \
/正体中文 \
',
created: function() {
document.body.appendChild(document.createElement('script')).src = this.$props.jsurl;
}
});
Vue.component('aj-simple-tab', {
template :
'',
props: {
isVertical : Boolean,
initItems : Array
},
data : function() {
return {
selected : 0,
items : this.initItems || [
{name : '杜甫：望岳', content : '岱宗夫如何，齊魯青未了。回到顶部 ',
methods : {
go : function() {
this.$timerId && window.clearInterval(this.$timerId);
var top = speed = 0;
this.$timerId = window.setInterval(function() {
top = document.documentElement.scrollTop || document.body.scrollTop;
speed = Math.floor((0 - top) / 8);
if (top === 0)
clearInterval(this.$timerId);
else
document.documentElement.scrollTop = document.body.scrollTop = top + speed;
}.bind(this), 30);
}
}
});
Vue.component('aj-process-line', {
template :
'',
props : {
items : {
type: Array,
default : function() {
return ['Step 1', 'Step 2', 'Step 3'];
}
}
},
data : function() {
return {
current : 0
}
},
methods: {
go : function(i) {
this.current = i;
},
perv: function() {
var perv = this.current - 1;
if (perv < 0)
perv = this.items.length - 1;
this.go(perv);
},
next: function() {
var next = this.current + 1;
if (this.items.length == next)
next = 0;
this.go(next);
}
}
});
aj.imageEnlarger = function() {
var vue = new Vue({
el : document.body.appendChild(document.createElement('div')),
template:
'\
\
\
\
{{key}} \
',
created:function(){
if(this.defaultSelected) {
this.selected = this.defaultSelected;
} else {
for(var i in this.json) {
this.selected = i;
break;
}
}
},
methods : {
onSelected : function(e) {
},
getSelected: function(){
console.log(this.selected)
}
}
});
Vue.component('aj-select-arr', {
props : {
url : '',
fieldName : {
type: String,
required: true
},
firstOption:{
type:String,
default :'---请选择---'
},
defaultSelected : {
type: String,
default: "0"
}
},
data : function() {
return {
json : {}
};
},
template:'\
请选择 \
{{v}} \
\
\
请选择 \
{{v}} \
\
\
请选择 \
{{v}} \
\
',
props:{
provinceCode:String,
cityCode: String,
districtCode: String
},
data:function(){
if(!China_AREA)throw '中国行政区域数据 脚本没导入';
return {
province: this.provinceCode || '',
city: this.cityCode || '',
district: this.districtCode || '',
addressData: China_AREA
}
},
watch:{
province: function(val, oldval) {
if(val !== oldval)
this.city = '';
},
city: function(val, oldval) {
if(val !== oldval)
this.district = '';
}
},
computed: {
citys:function() {
if(!this.province)
return;
return this.addressData[this.province];
},
districts :function(){
if(!this.city)
return;
return this.addressData[this.city];
}
}
});
Vue.component('ajaxjs-file-upload', {
data : function() {
return {
isFileSize : false,
isExtName : false,
errMsg : null,
newlyId : null
};
},
props : {
fieldName : {
type: String,
required: false
},
filedId : {
type: Number,
required: false
},
limitSize : Number,
limitFileType: String
},
template :
'',
methods : {
onUploadInputChange : function(e) {
var fileInput = e.target;
var ext = fileInput.value.split('.').pop();
var size = fileInput.files[0].size;
if(this.limitSize)
this.isFileSize = size < this.limitSize;
else
this.isFileSize = true;
if(this.limitFileType)
this.isExtName = new RegExp(this.limitFileType, 'i').test(ext);
else
this.isExtName = true;
},
doUpload : function(e) {
var form = this.$parent.$refs.uploadIframe && this.$parent.$refs.uploadIframe.$el;
if(!form) {
form = this.$parent.$el.$('form');
}
form && form.submit();
e.preventDefault();
return false;
}
}
});
Vue.component('ajaxjs-img-upload-perview', {
data : function() {
return {
imgBase64Str : null,
isFileSize : false,
isExtName : false,
isImgSize : false,
isFileTypeCheck : false,
errMsg : null,
imgNewlyId : null
};
},
props : {
imgPlace : String,
imgName : {
type: String,
required: false
},
imgId : {
type: Number,
required: false
},
limit : {
type : Object,
required : false,
default : function(){
return {
maxSize : 600,
fileExt: /png|gif|jpg|jpeg/i,
maxWidth: 1200,
maxHeight:1680
};
}
},
labelId : {
type : String,
required : false,
default : 'input_file_molding'
}
},
template :
'\
\
\
\
\
\
{{errMsg}}
\
\
上传 \
\
\
图片上传 \
上传限制：{{text.maxSize}}kb 或以下，分辨率：{{text.maxHeight}}x{{text.maxWidth}}
\
',
mounted: function() {
this.text = this.$refs.uploadControl.$options.props.limit.default();
},
methods : {
show : function(callback) {
if(callback)
this.$refs.uploadIframe.uploadOk_callback = callback;
this.$children[0].show();
}
}
});
if (!HTMLCanvasElement.prototype.toBlob) {
Object.defineProperty(HTMLCanvasElement.prototype, 'toBlob', {
value : function(callback, type, quality) {
var binStr = atob(this.toDataURL(type, quality).split(',')[1]), len = binStr.length, arr = new Uint8Array(len);
for (var i = 0; i < len; i++) {
arr[i] = binStr.charCodeAt(i);
}
callback(new Blob([ arr ], {
type : type || 'image/png'
}));
}
});
}
Vue.component('aj-xhr-upload', {
data : function() {
return {
isFileSize : false,
isExtName : false,
isImgSize : false,
errMsg : null,
newlyId : null,
radomId : Math.round(Math.random() * 1000),
uploadOk_callback: ajaxjs.xhr.defaultCallBack,
imgBase64Str : null,
progress : 0
};
},
props : {
action : {
type : String,
required: true
},
fieldName : String,
limitSize : Number,
limitFileType: String,
accpectFileType: String,
isImgUpload : Boolean,
imgPlace : String,
imgMaxWidth : {type : Number, default : 1920},
imgMaxHeight: {type : Number, default : 1680}
},
template :
'\
\
\
+
点击选择{{isImgUpload ? \'图片\': \'文件\'}}
\
\
\
{{errMsg}}
\
\
{{progress && progress !== 100 ? \'上传中 \' + progress + \'%\': \'上传\'}} \
\
\
[:=list[i].text:] \
[:}:]';
var arr = [];
for(var i = 0, j = scheme.option.length; i < j; i++) {
var item = scheme.option[i];
var _arr = item.split('=');
var checked = value == getRealValue(_arr[0]);
arr.push({
value: _arr[0],
text : _arr[1],
checked : checked
});
}
return tppl(tpl, {
namespaces:namespaces,
dataNote: tip,
list : arr
});
}
var tree = aj('.tree');
function isMap(v) {
return typeof v == 'object' && v != null;
}
var stack = [];
function it(json, fn, parentEl) {
stack.push(json);
var ul = document.createElement('ul');
ul.style.paddingLeft = (stack.length * 10) + "px";
if (stack.length != 1) {
ul.className = 'subTree';
ul.style.height = '0';
}
for ( var i in json) {
var el = json[i];
var li = document.createElement('li');
if (isMap(el)) {
var div = document.createElement('div');
div.className = 'parentNode';
div.innerHTML = '+' + i;
div.onclick = toggle;
li.appendChild(div);
it(el, fn, li);
} else {
var namespaces = getParentStack(stack);
if (namespaces)
namespaces += '.' + i;
else
namespaces = i;
try {
var scheme = eval('jsonScheme.' + namespaces);
var tip = makeTip(scheme);
} catch (e) {
var scheme = {
ui : 'input_text'
};
var tip = '';
}
var html = '';
if(!scheme){
continue;
}
switch (scheme.ui) {
case 'textarea':
html += '';
break;
case 'htmlEditor':
break;
case 'checkbox':
html += renderCheckbox(scheme, namespaces, tip, el);
break;
case 'radio':
html += renderRadio(scheme, namespaces, tip, el);
break;
case 'select':
html += renderSelect(scheme, namespaces, tip, el);
break;
case 'input_text':
default:
html += '
'+ (scheme.name || '') + ' ' + i);
li.innerHTML = html;
fn(i, el);
}
ul.appendChild(li);
}
stack.pop();
parentEl.appendChild(ul);
}
function getRealValue(v) {
switch(v) {
case 'null':
case 'true':
case 'false':
return eval(v);
}
if((Number(v) + "") == v)
return Number(v);
return v;
}
function isChecked(value, itemValue) {
return (value & itemValue) == itemValue;
}
function getParentStack(stack) {
var names = [];
var last;
for (var i = stack.length; i > 0; i--) {
last = stack[i];
if (last) {
var map = stack[i - 1];
for ( var j in map) {
if (map[j] == last) {
names.push(j);
}
}
}
}
return names.reverse().join('.');
}
function makeTip(scheme) {
if (!scheme || !scheme.name || !scheme.tip)
return '';
var html = scheme.name.bold();
html += '
新窗口打开\
\
\
', href : 'http://qq.com'},
{name : '资质证照', content : '
', href : 'javascript:alert(9);'},
{name : '资质证照', content : '
', href: '#'}
]
};
},
mounted: function() {
this.loop();
},
methods:{
loop : function() {
this.loopTimer = window.setInterval(this.goNext.bind(this), this.autoLoop);
},
getContent : function(content, href) {
if(!href)
return content;
else
return '' + content + '';
}
}
});
Vue.component('aj-page-captcha', {
props : {
imgSrc : {
type: String,
required: false,
},
fieldName : {
type: String,
required: false,
default : 'captcha'
}
},
template :
'
