1444 lines
55 KiB
JavaScript
1444 lines
55 KiB
JavaScript
!function(e) {
|
||
var t = {};
|
||
function r(n) {
|
||
if (t[n])
|
||
return t[n].exports;
|
||
var o = t[n] = {
|
||
i: n,
|
||
l: !1,
|
||
exports: {}
|
||
};
|
||
return e[n].call(o.exports, o, o.exports, r),
|
||
o.l = !0,
|
||
o.exports
|
||
}
|
||
r.m = e,
|
||
r.c = t,
|
||
r.d = function(e, t, n) {
|
||
r.o(e, t) || Object.defineProperty(e, t, {
|
||
enumerable: !0,
|
||
get: n
|
||
})
|
||
}
|
||
,
|
||
r.r = function(e) {
|
||
"undefined" != typeof Symbol && Symbol.toStringTag && Object.defineProperty(e, Symbol.toStringTag, {
|
||
value: "Module"
|
||
}),
|
||
Object.defineProperty(e, "__esModule", {
|
||
value: !0
|
||
})
|
||
}
|
||
,
|
||
r.t = function(e, t) {
|
||
if (1 & t && (e = r(e)),
|
||
8 & t)
|
||
return e;
|
||
if (4 & t && "object" == typeof e && e && e.__esModule)
|
||
return e;
|
||
var n = Object.create(null);
|
||
if (r.r(n),
|
||
Object.defineProperty(n, "default", {
|
||
enumerable: !0,
|
||
value: e
|
||
}),
|
||
2 & t && "string" != typeof e)
|
||
for (var o in e)
|
||
r.d(n, o, function(t) {
|
||
return e[t]
|
||
}
|
||
.bind(null, o));
|
||
return n
|
||
}
|
||
,
|
||
r.n = function(e) {
|
||
var t = e && e.__esModule ? function() {
|
||
return e.default
|
||
}
|
||
: function() {
|
||
return e
|
||
}
|
||
;
|
||
return r.d(t, "a", t),
|
||
t
|
||
}
|
||
,
|
||
r.o = function(e, t) {
|
||
return Object.prototype.hasOwnProperty.call(e, t)
|
||
}
|
||
,
|
||
r.p = "",
|
||
r(r.s = 1)
|
||
}([function(e, t, r) {
|
||
"use strict";
|
||
Object.defineProperty(t, "__esModule", {
|
||
value: !0
|
||
});
|
||
var n = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
|
||
return typeof e
|
||
}
|
||
: function(e) {
|
||
return e && "function" == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e
|
||
}
|
||
;
|
||
function o(e) {
|
||
return "string" == typeof e
|
||
}
|
||
function i(e) {
|
||
return null !== e && "object" === (void 0 === e ? "undefined" : n(e))
|
||
}
|
||
function a(e) {
|
||
return "[object Array]" === Object.prototype.toString.call(e)
|
||
}
|
||
t.isNumber = function(e) {
|
||
return "number" == typeof e
|
||
}
|
||
,
|
||
t.isStr = o,
|
||
t.isUndefined = function(e) {
|
||
return void 0 === e
|
||
}
|
||
,
|
||
t.isNull = function(e) {
|
||
return null === e
|
||
}
|
||
,
|
||
t.isFunction = function(e) {
|
||
return "function" == typeof e
|
||
}
|
||
,
|
||
t.isShallowObject = i,
|
||
t.isDeepObject = function(e) {
|
||
return "[object Object]" === Object.prototype.toString.call(e)
|
||
}
|
||
,
|
||
t.isDeepArray = a,
|
||
t.ewObjToArray = function(e) {
|
||
if (e && e.length)
|
||
return Array.prototype.slice.call(e)
|
||
}
|
||
,
|
||
t.isIB = function(e) {
|
||
return e.indexOf("inline-block") > -1
|
||
}
|
||
,
|
||
t.isStat = function(e) {
|
||
return e.indexOf("static") > -1
|
||
}
|
||
,
|
||
t.isRel = function(e) {
|
||
return e.indexOf("relative") > -1
|
||
}
|
||
,
|
||
t.isAbs = function(e) {
|
||
return e.indexOf("absolute") > -1
|
||
}
|
||
,
|
||
t.isDom = function(e) {
|
||
return "object" === ("undefined" == typeof HTMLElement ? "undefined" : n(HTMLElement)) ? e instanceof HTMLElement : e && "object" === (void 0 === e ? "undefined" : n(e)) && 1 === e.nodeType && "string" == typeof e.nodeName || e instanceof HTMLCollection || e instanceof NodeList
|
||
}
|
||
,
|
||
t.ewAssign = function(e, t) {
|
||
if (null === e)
|
||
return;
|
||
if (Object.assign)
|
||
return Object.assign(e, t);
|
||
for (var r = Object(e), n = 1; n < arguments.length; n++) {
|
||
var o = arguments[n];
|
||
if (o)
|
||
for (var i in o)
|
||
Object.prototype.hasOwnProperty.call(o, i) && (r[i] = o[i])
|
||
}
|
||
return r
|
||
}
|
||
,
|
||
t.ewError = function(e) {
|
||
return new Error(e)
|
||
}
|
||
,
|
||
t.deepCloneObjByJSON = function(e) {
|
||
return JSON.parse(JSON.stringify(e))
|
||
}
|
||
,
|
||
t.cssObjToStr = function(e) {
|
||
if (!i(e))
|
||
return;
|
||
var t = "";
|
||
for (var r in e)
|
||
t += s(r) + ":" + e[r] + ";";
|
||
return t
|
||
}
|
||
,
|
||
t.keba = s,
|
||
t.getCss = function(e, t) {
|
||
var r = e.currentStyle ? function(t) {
|
||
var n = e.currentStyle[t];
|
||
if (n.indexOf("height") > -1 && n.search(/px/i) > -1) {
|
||
var o = e.getBoundingClientRect;
|
||
return o.bottom - o.top - parseInt(r("padding-bottom")) - parseInt(r("padding-top")) + "px"
|
||
}
|
||
}
|
||
: function(t) {
|
||
return window.getComputedStyle(e, null)[t]
|
||
}
|
||
;
|
||
return r(t)
|
||
}
|
||
,
|
||
t.requestAnimationFrame = function() {
|
||
window.requestAnimationFrame = window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || window.msRequestAnimationFrame || window.oRequestAnimationFrame || function(e) {
|
||
return window.setTimeout(e, 1e3 / 60)
|
||
}
|
||
}
|
||
,
|
||
t.createElement = function(e) {
|
||
return document.createElement(e)
|
||
}
|
||
,
|
||
t.addClass = function(e, t) {
|
||
return e.classList.add(t)
|
||
}
|
||
,
|
||
t.removeClass = function(e, t) {
|
||
return e.classList.remove(t)
|
||
}
|
||
,
|
||
t.clone = function(e) {
|
||
return e.cloneNode(!0)
|
||
}
|
||
,
|
||
t.addEvent = function(e, t, r) {
|
||
e.addEventListener ? e.addEventListener(t, r, !1) : e.attachEvent("on" + t, r)
|
||
}
|
||
;
|
||
t.deepCloneObjByRecursion = function e(t) {
|
||
if (i(t)) {
|
||
var r = a(t) ? [] : {};
|
||
for (var n in t)
|
||
r[n] = i(t[n]) ? e(t[n]) : t[n];
|
||
return r
|
||
}
|
||
}
|
||
;
|
||
function s(e) {
|
||
if (o(e))
|
||
return e.replace(/A-Z/g, function(e) {
|
||
return "-" + e.toLowerCase()
|
||
})
|
||
}
|
||
t.getDom = function(e) {
|
||
var t, r = e.slice(0, 1), n = e.slice(1);
|
||
return /^[#\.]/.test(r) ? "#" === r ? t = document.getElementById(n) : "." === r && (t = document.getElementsByClassName(n)) : t = document.getElementsByTagName(e),
|
||
t
|
||
}
|
||
,
|
||
t.eventType = navigator.userAgent.match(/(iPhone|iPod|Android|ios)/i) ? ["touchstart", "touchmove", "touchend"] : ["mousedown", "mousemove", "mouseup"]
|
||
}
|
||
, function(e, t, r) {
|
||
"use strict";
|
||
var n, o, i, a = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
|
||
return typeof e
|
||
}
|
||
: function(e) {
|
||
return e && "function" == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e
|
||
}
|
||
, s = r(0), l = u(r(2)), c = u(r(3)), d = u(r(4));
|
||
function u(e) {
|
||
return e && e.__esModule ? e : {
|
||
default: e
|
||
}
|
||
}
|
||
i = function() {
|
||
function e(e, t) {
|
||
if (!(0,
|
||
s.isStr)(e))
|
||
throw (0,
|
||
s.ewError)("you should pass a string params,sush as drag,textarea,colorpicker！");
|
||
switch (e) {
|
||
case "drag":
|
||
return new l.default(t);
|
||
case "textarea":
|
||
return new c.default(t);
|
||
case "colorpicker":
|
||
return new d.default(t)
|
||
}
|
||
return this
|
||
}
|
||
return window.ewPlugins || (window.ewPlugins = e),
|
||
e
|
||
}
|
||
,
|
||
"object" === a(t) && void 0 !== e ? e.exports = i() : void 0 === (o = "function" == typeof (n = i) ? n.call(t, r, t, e) : n) || (e.exports = o)
|
||
}
|
||
, function(e, t, r) {
|
||
"use strict";
|
||
Object.defineProperty(t, "__esModule", {
|
||
value: !0
|
||
});
|
||
var n = r(0)
|
||
, o = [];
|
||
function i(e, t, r) {
|
||
var n = null
|
||
, o = parseInt(e.style[t])
|
||
, i = !isNaN(r) && r > 0 && r <= o ? r : 50;
|
||
e.style.transition = t + " .3s ease-out .1s";
|
||
!function r() {
|
||
o -= i,
|
||
e.style[t] = o + "px",
|
||
n && o <= 0 ? (e.style[t] = "",
|
||
clearTimeout(n)) : n = setTimeout(r, 100)
|
||
}()
|
||
}
|
||
function a(e) {
|
||
var t, r, i, a, s;
|
||
if ((0,
|
||
n.isStr)(e) || (0,
|
||
n.isDom)(e))
|
||
r = (0,
|
||
n.isStr)(e) ? (0,
|
||
n.getDom)(e) : e,
|
||
t = {
|
||
width: window.innerWidth,
|
||
height: window.innerHeight,
|
||
isWindow: !0
|
||
};
|
||
else {
|
||
if (!(0,
|
||
n.isDeepObject)(e) || !e.el)
|
||
return (0,
|
||
n.ewError)("you should pass a string param or an object param!");
|
||
r = (0,
|
||
n.isStr)(e.el) ? (0,
|
||
n.getDom)(e.el) : e.el,
|
||
i = (0,
|
||
n.isStr)(e.scopeEl) ? (0,
|
||
n.getDom)(e.scopeEl) : e.scopeEl,
|
||
a = (0,
|
||
n.isStr)(e.designEl) ? (0,
|
||
n.getDom)(e.designEl) : e.designEl,
|
||
s = (0,
|
||
n.isStr)(e.disabledButton) ? (0,
|
||
n.getDom)(e.disabledButton) : e.disabledButton,
|
||
(t = {
|
||
width: e.width || window.innerWidth,
|
||
height: e.height || window.innerHeight,
|
||
scopeEl: e.scopeEl || null,
|
||
isWindow: !!(0,
|
||
n.isUndefined)(e.isWindow) || e.isWindow,
|
||
origin: e.origin || !1,
|
||
designEl: a || null,
|
||
startCB: (0,
|
||
n.isFunction)(e.startCB) ? e.startCB : null,
|
||
moveCB: (0,
|
||
n.isFunction)(e.moveCB) ? e.moveCB : null,
|
||
endCB: (0,
|
||
n.isFunction)(e.endCB) ? e.endCB : null,
|
||
dragDisabled: e.dragDisabled || !1,
|
||
disabledButton: s || null,
|
||
grid: e.grid || [],
|
||
ani_transition: (0,
|
||
n.isStr)(e.ani_transition) || (0,
|
||
n.isDeepObject)(e.ani_transition) ? e.ani_transition : null
|
||
}).scopeEl && (t.scopeEl = i.length ? i[0] : i,
|
||
t.width = (0,
|
||
n.getCss)(t.scopeEl, "width"),
|
||
t.height = (0,
|
||
n.getCss)(t.scopeEl, "height")),
|
||
e.axis && (t.axis = e.axis)
|
||
}
|
||
return o.push(t),
|
||
this.config = o,
|
||
this.beforeInit(r, t),
|
||
s && this.clickDisable(s, r, t),
|
||
this
|
||
}
|
||
a.prototype.clickDisable = function(e, t, r) {
|
||
if (e && e.length > 0)
|
||
for (var o = 0, i = e.length; o < i; o++)
|
||
a(this, e[o]);
|
||
else
|
||
a(this, e);
|
||
function a(e, o) {
|
||
o && (o.onclick = function() {
|
||
e.config.length > 1 ? e.config.forEach(function(t) {
|
||
(0,
|
||
n.ewObjToArray)(t.disabledButton).indexOf(o) > -1 && (t.dragDisabled = !t.dragDisabled,
|
||
e.beforeInit(t.el, t))
|
||
}) : t.length > 0 ? (e.config[0].dragDisabled = !e.config[0].dragDisabled,
|
||
(0,
|
||
n.ewObjToArray)(t).forEach(function(t) {
|
||
e.beforeInit(t, e.config[0])
|
||
})) : (r.dragDisabled = !r.dragDisabled,
|
||
e.beforeInit(r.el, r))
|
||
}
|
||
)
|
||
}
|
||
}
|
||
,
|
||
a.prototype.beforeInit = function(e, t) {
|
||
if (e && e.length > 0)
|
||
for (var r = 0, o = e.length; r < o; r++)
|
||
this.init((0,
|
||
n.ewAssign)(t, {
|
||
el: e[r]
|
||
})),
|
||
this.resize(this, (0,
|
||
n.ewAssign)(t, {
|
||
el: e[r]
|
||
}));
|
||
else
|
||
t.el = e,
|
||
this.init(t),
|
||
this.resize(this, t)
|
||
}
|
||
,
|
||
a.prototype.resize = function(e, t) {
|
||
window.onresize = function() {
|
||
t.scopeEl || (t.width = window.innerWidth,
|
||
t.height = window.innerHeight),
|
||
e.init(t)
|
||
}
|
||
}
|
||
,
|
||
a.prototype.init = function(e) {
|
||
e.width = parseInt(e.width) <= parseInt((0,
|
||
n.getCss)(e.el, "width")) ? window.innerWidth : parseInt(e.width),
|
||
e.height = parseInt(e.height) <= parseInt((0,
|
||
n.getCss)(e.el, "height")) ? window.innerHeight : parseInt(e.height),
|
||
this.onMouseDown(e)
|
||
}
|
||
,
|
||
a.prototype.onMouseDown = function(e) {
|
||
if ((0,
|
||
n.isDom)(e.designEl))
|
||
if (e.designEl.length > 0) {
|
||
var t = this;
|
||
(0,
|
||
n.ewObjToArray)(e.designEl).forEach(function(r) {
|
||
t.config.length > 1 ? t.config.map(function(e) {
|
||
e.designEl && (0,
|
||
n.ewObjToArray)(e.designEl).indexOf(r) > -1 && i(t, e.el, r, e)
|
||
}) : r.parentElement ? i(t, r.parentElement, r, t.config[0]) : i(t, e.el, r, t.config[0])
|
||
})
|
||
} else
|
||
i(this, e.el, e.designEl, e);
|
||
else
|
||
i(this, e.el, e.el, e);
|
||
function r() {
|
||
this.style.cursor = "move"
|
||
}
|
||
function o() {
|
||
this.style.cursor = ""
|
||
}
|
||
function i(e, t, i, a) {
|
||
a.dragDisabled ? (i.removeEventListener("mouseenter", r),
|
||
i.removeEventListener("mouseleave", o),
|
||
i["on" + n.eventType[0]] = null,
|
||
document["on" + n.eventType[1]] = document["on" + n.eventType[2]] = null) : (i.addEventListener("mouseenter", r),
|
||
i.addEventListener("mouseleave", o),
|
||
i["on" + n.eventType[0]] = function(r) {
|
||
a.startCB && a.startCB(),
|
||
a.ani_transition && (t.style.cssText += (0,
|
||
n.isStr)(a.ani_transition) && a.ani_transition.indexOf("transition") > -1 ? a.ani_transition : (0,
|
||
n.cssObjToStr)(a.ani_transition).indexOf("transition") > -1 ? (0,
|
||
n.cssObjToStr)(a.ani_transition) : "");
|
||
var o = n.eventType[0].indexOf("touch") > -1 ? r.changedTouches[0].clientX - t.offsetLeft : r.clientX - t.offsetLeft
|
||
, s = n.eventType[0].indexOf("touch") > -1 ? r.changedTouches[0].clientY - t.offsetTop : r.clientY - t.offsetTop;
|
||
e.onMouseMove(t, a, o, s, n.eventType),
|
||
e.onMouseUp(t, i, a, n.eventType)
|
||
}
|
||
)
|
||
}
|
||
}
|
||
,
|
||
a.prototype.onMouseMove = function(e, t, r, o, i) {
|
||
var a = (0,
|
||
n.getCss)(e, "position");
|
||
document["on" + i[1]] = function(s) {
|
||
var l, c, d, u, p = i[0].indexOf("touch") > -1 ? s.changedTouches[0].clientX : s.clientX, f = i[0].indexOf("touch") > -1 ? s.changedTouches[0].clientY : s.clientY;
|
||
if (e.style.margin = 0,
|
||
(0,
|
||
n.isAbs)(a) || (e.style.position = "absolute"),
|
||
t.moveCB && t.moveCB(),
|
||
(0,
|
||
n.isDeepArray)(t.grid) && t.grid.length && t.grid.length <= 2) {
|
||
var h = p - r
|
||
, g = parseInt(t.grid[0])
|
||
, b = f - o
|
||
, m = parseInt(t.grid[1]);
|
||
isNaN(g) || (l = g * parseInt(h / g)),
|
||
isNaN(m) || (c = m * parseInt(b / m))
|
||
} else
|
||
l = p - r,
|
||
c = f - o;
|
||
if (d = t.width - e.offsetWidth,
|
||
u = t.height - e.offsetHeight,
|
||
t.axis)
|
||
if (t.axis.toLowerCase().indexOf("x") > -1)
|
||
this.moveLeft(e, t, l, d);
|
||
else {
|
||
if (!(t.axis.toLowerCase().indexOf("y") > -1))
|
||
throw (0,
|
||
n.ewError)("a Invalid value of axis!");
|
||
this.moveTop(e, t, c, u)
|
||
}
|
||
else
|
||
this.moveLeft(e, t, l, d),
|
||
this.moveTop(e, t, c, u)
|
||
}
|
||
.bind(this)
|
||
}
|
||
,
|
||
a.prototype.moveLeft = function(e, t, r, n) {
|
||
var o = r <= 0 && t.isWindow ? 0 : r >= n && t.isWindow ? n : r;
|
||
e.style.left = o + "px"
|
||
}
|
||
,
|
||
a.prototype.moveTop = function(e, t, r, n) {
|
||
var o = r <= 0 && t.isWindow ? 0 : r >= n && t.isWindow ? n : r;
|
||
e.style.top = o + "px"
|
||
}
|
||
,
|
||
a.prototype.restoreX = function(e, t) {
|
||
i(e, "left", t)
|
||
}
|
||
,
|
||
a.prototype.restoreY = function(e, t) {
|
||
i(e, "top", t)
|
||
}
|
||
,
|
||
a.prototype.onMouseUp = function(e, t, r, o) {
|
||
document["on" + o[2]] = function() {
|
||
if (r.endCB && r.endCB(),
|
||
document["on" + o[1]] = document["on" + o[2]] = null,
|
||
t.style.cursor = "",
|
||
r.origin) {
|
||
if (r.axis)
|
||
if (r.axis.toLowerCase().indexOf("x") > -1)
|
||
this.restoreX(e, r.originSpeed);
|
||
else {
|
||
if (!(r.axis.toLowerCase().indexOf("y") > -1))
|
||
throw (0,
|
||
n.ewError)("a Invalid value of axis!");
|
||
this.restoreY(e, r.originSpeed)
|
||
}
|
||
else
|
||
this.restoreX(e, r.originSpeed),
|
||
this.restoreY(e, r.originSpeed);
|
||
e.style.cssText = 'margin:0;position:"";'
|
||
}
|
||
}
|
||
.bind(this)
|
||
}
|
||
,
|
||
t.default = a
|
||
}
|
||
, function(e, t, r) {
|
||
"use strict";
|
||
Object.defineProperty(t, "__esModule", {
|
||
value: !0
|
||
});
|
||
var n = r(0)
|
||
, o = {
|
||
width: "auto",
|
||
height: "auto",
|
||
border: "1px solid rgb(169, 169, 169)",
|
||
"min-height": "30px",
|
||
font: "400 13.3333px Arial;font-family: monospace",
|
||
"min-width": "157px",
|
||
"max-width": "157px",
|
||
padding: "2px",
|
||
display: "block",
|
||
background: "#fff"
|
||
};
|
||
function i(e) {
|
||
if ((0,
|
||
n.isDeepObject)(e))
|
||
if (e.el) {
|
||
var t = (0,
|
||
n.isStr)(e.el) ? (0,
|
||
n.getDom)(e.el) : e.el;
|
||
this.editextArea(t)
|
||
} else {
|
||
if (this.isModeUndefined(e.mode) && !this.isModeAuto(e.mode) && !this.isModeNotAuto(e.mode))
|
||
throw (0,
|
||
n.ewError)("you should pass a string param that called mode and mode is auto or notAuto!");
|
||
var r = (0,
|
||
n.isStr)(e.container) ? (0,
|
||
n.getDom)(e.container) : (0,
|
||
n.isDom)(e.container) ? e.container : null;
|
||
this.addTextArea(r, this.createEleAuto(e.mode))
|
||
}
|
||
else if ((0,
|
||
n.isUndefined)(e) || (0,
|
||
n.isNull)(e))
|
||
this.addTextArea(null, this.createEleAuto("notAuto"));
|
||
else if (this.isModeAuto(e) || this.isModeNotAuto(e))
|
||
this.addTextArea(null, this.createEleAuto(e));
|
||
else {
|
||
var o = (0,
|
||
n.isStr)(e) ? (0,
|
||
n.getDom)(e) : e;
|
||
this.editextArea(o)
|
||
}
|
||
return this
|
||
}
|
||
i.prototype.editextArea = function(e) {
|
||
if (e.length) {
|
||
var t = !0
|
||
, r = !1
|
||
, n = void 0;
|
||
try {
|
||
for (var o, i = e[Symbol.iterator](); !(t = (o = i.next()).done); t = !0) {
|
||
var a = o.value;
|
||
this.setEleAuto(a)
|
||
}
|
||
} catch (e) {
|
||
r = !0,
|
||
n = e
|
||
} finally {
|
||
try {
|
||
!t && i.return && i.return()
|
||
} finally {
|
||
if (r)
|
||
throw n
|
||
}
|
||
}
|
||
} else
|
||
this.setEleAuto(e)
|
||
}
|
||
,
|
||
i.prototype.addTextArea = function(e, t) {
|
||
var r = this;
|
||
if ((0,
|
||
n.isDom)(e))
|
||
if (e.length) {
|
||
var o = !0
|
||
, i = !1
|
||
, a = void 0;
|
||
try {
|
||
for (var s, l = function() {
|
||
var e = s.value
|
||
, n = t.cloneNode(!0);
|
||
n.tagName.toLowerCase().indexOf("textarea") > -1 && setTimeout(function() {
|
||
r.autoTextArea(n)
|
||
}, 0),
|
||
e.appendChild(n)
|
||
}, c = e[Symbol.iterator](); !(o = (s = c.next()).done); o = !0)
|
||
l()
|
||
} catch (e) {
|
||
i = !0,
|
||
a = e
|
||
} finally {
|
||
try {
|
||
!o && c.return && c.return()
|
||
} finally {
|
||
if (i)
|
||
throw a
|
||
}
|
||
}
|
||
} else
|
||
e.appendChild(t);
|
||
else
|
||
document.body.appendChild(t)
|
||
}
|
||
,
|
||
i.prototype.isModeUndefined = function(e) {
|
||
return !(0,
|
||
n.isStr)(e)
|
||
}
|
||
,
|
||
i.prototype.isModeAuto = function(e) {
|
||
return e.indexOf("auto") > -1
|
||
}
|
||
,
|
||
i.prototype.isModeNotAuto = function(e) {
|
||
return e.indexOf("notAuto") > -1
|
||
}
|
||
,
|
||
i.prototype.setEleAuto = function(e) {
|
||
e.tagName.toLowerCase().indexOf("textarea") > -1 ? this.autoTextArea(e) : (e.setAttribute("contenteditable", !0),
|
||
e.style.cssText += (0,
|
||
n.cssObjToStr)(o))
|
||
}
|
||
,
|
||
i.prototype.createEleAuto = function(e) {
|
||
var t = null
|
||
, r = function(e) {
|
||
this.autoTextArea(e)
|
||
}
|
||
.bind(this);
|
||
return this.isModeAuto(e) ? (t = document.createElement("textarea"),
|
||
setTimeout(r(t), 0)) : ((t = document.createElement("div")).style.cssText += (0,
|
||
n.cssObjToStr)(o),
|
||
t.classList.add("ew-textarea"),
|
||
t.setAttribute("contenteditable", !0)),
|
||
t
|
||
}
|
||
,
|
||
i.prototype.autoTextArea = function(e, t, r) {
|
||
t = t || 0;
|
||
var o = document.getBoxObjectFor || "mozInnerScreenX"in window
|
||
, i = window.opera && window.opera.toString().indexOf("opera");
|
||
e.style.cssText += "resize:none;";
|
||
var a = parseInt((0,
|
||
n.getCss)(e, "height"))
|
||
, s = function() {
|
||
var s, l = 0, c = e.style;
|
||
o || i || (l = parseInt((0,
|
||
n.getCss)(e, "padding-bottom")) + parseInt((0,
|
||
n.getCss)(e, "padding-top"))),
|
||
c.height = a + "px",
|
||
e.scrollHeight > a && (r && e.scrollHeight > r ? (s = r - l,
|
||
c.overflowY = "auto") : (s = e.scrollHeight - l,
|
||
c.overflowY = "hidden"),
|
||
c.height = s + t + "px")
|
||
};
|
||
(0,
|
||
n.addEvent)(e, "propertychange", s),
|
||
(0,
|
||
n.addEvent)(e, "focus", s),
|
||
(0,
|
||
n.addEvent)(e, "input", s),
|
||
s()
|
||
}
|
||
,
|
||
t.default = i
|
||
}
|
||
, function(e, t, r) {
|
||
"use strict";
|
||
Object.defineProperty(t, "__esModule", {
|
||
value: !0
|
||
});
|
||
var n = r(0)
|
||
, o = r(5)
|
||
, i = s(r(6))
|
||
, a = s(r(8));
|
||
function s(e) {
|
||
return e && e.__esModule ? e : {
|
||
default: e
|
||
}
|
||
}
|
||
function l(e, t, r) {
|
||
return r ? document.querySelectorAll ? e.querySelectorAll("." + t) : e.getElementsByClassName(t) : document.querySelector ? e.querySelector("." + t) : e.getElementsByClassName(t)[0]
|
||
}
|
||
function c(e, t, r) {
|
||
e.style[t] = r
|
||
}
|
||
function d(e) {
|
||
e.config.openPickerAni.indexOf("height") > -1 ? e.pickerFlag ? a.default.slideDown(e.picker, 400) : a.default.slideUp(e.picker, 400) : e.pickerFlag ? a.default.fadeIn(e.picker, 400) : a.default.fadeOut(e.picker, 400)
|
||
}
|
||
function u(e, t, r, n, o) {
|
||
c(e.pickerCursor, "left", t + "px"),
|
||
c(e.pickerCursor, "top", r + "px");
|
||
var i = parseInt(100 * t / n)
|
||
, a = parseInt(100 * (o - r) / o);
|
||
e.hsba.s = i > 100 ? 100 : i < 0 ? 0 : i,
|
||
e.hsba.b = a > 100 ? 100 : a < 0 ? 0 : a,
|
||
p(e)
|
||
}
|
||
function p(e, t) {
|
||
// c(e.box, "background", (0,
|
||
// o.colorHsbaToRgba)(e.hsba)),
|
||
c(e.arrowRight, "border-top-color", (0,
|
||
o.colorHsbaToRgba)(e.hsba)),
|
||
t || e.config.alpha ? e.pickerInput.value = (0,
|
||
o.colorHsbaToRgba)(e.hsba) : e.pickerInput.value = (0,
|
||
o.colorRgbaToHex)((0,
|
||
o.colorHsbaToRgba)(e.hsba))
|
||
}
|
||
function f(e) {
|
||
if (this.pickerFlag = !1,
|
||
(0,
|
||
n.isStr)(e) || (0,
|
||
n.isDom)(e)) {
|
||
var t = (0,
|
||
n.isDom)(e) ? e : (0,
|
||
n.getDom)(e);
|
||
if (this.config = {
|
||
hue: !0,
|
||
alpha: !1,
|
||
size: "normal",
|
||
predefineColor: [],
|
||
disabled: !1,
|
||
defaultColor: "",
|
||
openPickerAni: "height",
|
||
sure: function() {},
|
||
clear: function() {},
|
||
},
|
||
t.length)
|
||
for (var r = -1; ++r < t.length; )
|
||
this.init(t[r], this.config);
|
||
else
|
||
this.init(t, this.config)
|
||
} else {
|
||
if (!(0,
|
||
n.isDeepObject)(e) || !(0,
|
||
n.isStr)(e.el) && !(0,
|
||
n.isDom)(e.el))
|
||
return (0,
|
||
n.isDeepObject)(e) ? (0,
|
||
n.ewError)("you should pass a param which is el and el must be a string or a dom element!") : (0,
|
||
n.ewError)("you should pass a param that it must be a string or a dom element!");
|
||
var o = (0,
|
||
n.isDom)(e.el) ? e.el : (0,
|
||
n.getDom)(e.el);
|
||
if (this.config = {
|
||
hue: e.hue || !0,
|
||
alpha: e.alpha || !1,
|
||
size: e.size || "normal",
|
||
predefineColor: e.predefineColor || [],
|
||
disabled: e.disabled || !1,
|
||
defaultColor: e.defaultColor || "",
|
||
openPickerAni: e.openPickerAni || "height",
|
||
sure: (0,
|
||
n.isFunction)(e.sure) ? e.sure : null,
|
||
clear: (0,
|
||
n.isFunction)(e.clear) ? e.clear : null,
|
||
startMainCallback: (0,
|
||
n.isFunction)(e.startMainCallback) ? e.startMainCallback : null
|
||
},
|
||
o.length)
|
||
for (var i = 0; i < o.length; )
|
||
this.init(o[i], this.config),
|
||
i++;
|
||
else
|
||
this.init(o, this.config)
|
||
}
|
||
this.close = () => {
|
||
this.pickerFlag = !this.pickerFlag,
|
||
this.render(this.box.parentNode, this.config),
|
||
d(this),
|
||
g(this, this.panelWidth, this.panelHeight)
|
||
}
|
||
|
||
function createGuid(){
|
||
return"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,function(e){let t=Math.random()*16|0;return(e==="x"?t:t&3|8).toString(16)})
|
||
}
|
||
|
||
let _this = this
|
||
let uid = createGuid()
|
||
this.uid = uid
|
||
_this.box.setAttribute("color-box-id", uid)
|
||
function clickEvent(event) {
|
||
if(!document.contains(_this.box)) {
|
||
document.removeEventListener('click', clickEvent);
|
||
}
|
||
// 检查点击事件是否发生在核心元素或其子元素之外
|
||
let boxNode
|
||
function recursion(node) {
|
||
if(!node.parentNode) {
|
||
boxNode = node
|
||
}
|
||
else {
|
||
if(node.getAttribute("color-box-id") === uid) {
|
||
boxNode = node
|
||
}
|
||
else {
|
||
recursion(node.parentNode)
|
||
}
|
||
}
|
||
}
|
||
recursion(event.target)
|
||
if(!boxNode) {
|
||
if(_this.pickerFlag) {
|
||
_this.close()
|
||
}
|
||
}
|
||
else {
|
||
if (!boxNode.getAttribute || boxNode.getAttribute("color-box-id") !== uid) {
|
||
if(_this.pickerFlag) {
|
||
_this.close()
|
||
}
|
||
}
|
||
}
|
||
}
|
||
document.addEventListener('click', clickEvent);
|
||
return this
|
||
}
|
||
function h(e) {
|
||
var t = (0,
|
||
n.deepCloneObjByJSON)(e.hsba);
|
||
t? t.s = t.b = 100 : t = { s: 100, b: 100 }
|
||
e.alphaBarBg && c(e.alphaBarBg, "background", "linear-gradient(to top," + (0,
|
||
o.colorHsbaToRgba)(t, 0) + " 0%," + (0,
|
||
o.colorHsbaToRgba)(t) + " 100%)")
|
||
}
|
||
function g(e, t, r) {
|
||
e.pickerInput.value = e.config.alpha ? (0,
|
||
o.colorHsbaToRgba)(e.hsba) : (0,
|
||
o.colorRgbaToHex)((0,
|
||
o.colorHsbaToRgba)(e.hsba)),
|
||
e.arrowRight && c(e.arrowRight, "border-top-color", (0,
|
||
o.colorHsbaToRgba)(e.hsba));
|
||
var i = e.hueBar.offsetHeight || 180
|
||
, a = parseInt(e.hsba.s * t / 100)
|
||
, s = parseInt(r - e.hsba.b * r / 100)
|
||
, l = parseInt(e.hsba.h * i / 360);
|
||
c(e.pickerCursor, "left", a + "px"),
|
||
c(e.pickerCursor, "top", s + "px"),
|
||
c(e.hueThumb, "top", l + "px");
|
||
var d = (0,
|
||
n.deepCloneObjByJSON)(e.hsba);
|
||
if (d.s = d.b = 100,
|
||
c(e.pickerPanel, "background", (0,
|
||
o.colorRgbaToHex)((0,
|
||
o.colorHsbaToRgba)(d))),
|
||
e.config.alpha) {
|
||
var u = i - e.hsba.a * i;
|
||
c(e.alphaBarThumb, "top", u + "px")
|
||
}
|
||
}
|
||
function b(e, t) {
|
||
var r = e.hueBar.offsetHeight
|
||
, i = e.hueBar.getBoundingClientRect()
|
||
, a = Math.max(0, Math.min(t - i.y, r));
|
||
c(e.hueThumb, "top", a + "px");
|
||
var s = (0,
|
||
n.deepCloneObjByJSON)(e.hsba);
|
||
s.s = 100,
|
||
s.b = 100,
|
||
e.hsba.h = s.h = parseInt(360 * a / r),
|
||
c(e.pickerPanel, "background", (0,
|
||
o.colorRgbaToHex)((0,
|
||
o.colorHsbaToRgba)(s))),
|
||
p(e),
|
||
h(e)
|
||
}
|
||
function m(e, t) {
|
||
var r = e.hueBar.offsetHeight
|
||
, n = e.hueBar.getBoundingClientRect()
|
||
, o = Math.max(0, Math.min(t - n.y, r));
|
||
c(e.alphaBarThumb, "top", o + "px");
|
||
var i = (r - o <= 0 ? 0 : r - o) / r;
|
||
e.hsba.a = i >= 1 ? 1 : i.toFixed(2),
|
||
p(e, !0)
|
||
}
|
||
f.prototype.init = function(e, t) {
|
||
this.render(e, t),
|
||
document.getElementsByTagName("head")[0].appendChild(i.default)
|
||
}
|
||
,
|
||
f.prototype.render = function(e, t) {
|
||
var r = void 0
|
||
, o = void 0
|
||
, i = "";
|
||
if ((0,
|
||
n.isStr)(t.size))
|
||
switch (t.size) {
|
||
case "normal":
|
||
r = o = "40px";
|
||
break;
|
||
case "medium":
|
||
r = o = "36px";
|
||
break;
|
||
case "small":
|
||
r = o = "32px";
|
||
break;
|
||
case "mini":
|
||
r = o = "28px"
|
||
}
|
||
else {
|
||
if (!(0,
|
||
n.isDeepObject)(t.size))
|
||
return (0,
|
||
n.ewError)("the value must be a string which is one of the normal,medium,small,mini,or must be an object and need to contain width or height property!");
|
||
r = t.size.width && (0,
|
||
n.isNumber)(t.size.width) ? t.size.width + "px" : (0,
|
||
n.isStr)(t.size.width) ? parseInt(t.size.width) + "px" : "40px",
|
||
o = t.size.height && (0,
|
||
n.isNumber)(t.size.height) ? t.size.height + "px" : (0,
|
||
n.isStr)(t.size.height) ? parseInt(t.size.height) : "40px"
|
||
}
|
||
(0,
|
||
n.isDeepArray)(t.predefineColor) && t.predefineColor.length && t.predefineColor.map(function(e) {
|
||
i += '<div class="ew-pre-define-color" style="background:' + e + ';" tabIndex=0></div>'
|
||
});
|
||
var a = t.defaultColor ? '<div class="ew-color-picker-arrow">\n <div class="ew-color-picker-arrow-left"></div>\n <div class="ew-color-picker-arrow-right"></div>\n </div>' : '<div class="ew-color-picker-no">X</div>'
|
||
, s = t.alpha ? '<div class="ew-alpha-slider-bar">\n <div class="ew-alpha-slider-wrapper"></div>\n <div class="ew-alpha-slider-bg"></div>\n <div class="ew-alpha-slider-thumb"></div>\n </div>' : ""
|
||
, l = i ? '<div class="ew-pre-define-color-container">' + i + "</div>" : ""
|
||
, c = '<div class="ew-color-picker-box ' + (t.disabled ? "ew-color-picker-box-disabled" : "") + '" tabindex="0" style="background:' + t.defaultColor + ";width:" + r + ";height:" + o + '">\n ' + a + '\n </div>\n <div class="ew-color-picker">\n <div class="ew-color-picker-content">\n <div class="ew-color-slider">\n ' + s + '\n <div class="ew-color-slider-bar">\n <div class="ew-color-slider-thumb"></div>\n </div>\n </div>\n <div class="ew-color-panel" style="background:red;">\n <div class="ew-color-white-panel"></div>\n <div class="ew-color-black-panel"></div>\n <div class="ew-color-cursor"></div>\n </div>\n </div>\n <div class="ew-color-dropbtns">\n <input type="text" class="ew-color-input">\n <div class="ew-color-dropbtngroup">\n <button class="ew-color-clear ew-color-dropbtn">清空</button>\n <button class="ew-color-sure ew-color-dropbtn">确定</button>\n </div>\n </div>\n ' + l + "\n </div>";
|
||
e.innerHTML = c,
|
||
this.startMain(e, t)
|
||
}
|
||
,
|
||
f.prototype.startMain = function(e, t) {
|
||
var r = this;
|
||
this.box = l(e, "ew-color-picker-box"),
|
||
this.box.setAttribute("color-box-id", this.uid),
|
||
this.arrowRight = l(e, "ew-color-picker-arrow-right"),
|
||
this.pickerPanel = l(e, "ew-color-panel"),
|
||
this.pickerCursor = l(e, "ew-color-cursor"),
|
||
this.pickerInput = l(e, "ew-color-input"),
|
||
this.pickerClear = l(e, "ew-color-clear"),
|
||
this.pickerSure = l(e, "ew-color-sure"),
|
||
this.hueBar = l(e, "ew-color-slider-bar"),
|
||
this.hueThumb = l(e, "ew-color-slider-thumb"),
|
||
this.picker = l(e, "ew-color-picker"),
|
||
this.picker.setAttribute("color-box-id", this.uid),
|
||
this.slider = l(e, "ew-color-slider"),
|
||
this.hsba = this.config.defaultColor ? (0,
|
||
o.colorRgbaToHsba)((0,
|
||
o.colorToRgb)(this.config.defaultColor)) : {
|
||
h: 0,
|
||
s: 0,
|
||
b: 100,
|
||
a: 1
|
||
};
|
||
r.updateColor = (e)=>{
|
||
var t = (0,
|
||
o.colorRgbaToHsba)((0,
|
||
n.getCss)(e.target, "background-color"));
|
||
r.hsba = t,
|
||
p(r),
|
||
h(r),
|
||
g(r, i, a)
|
||
}
|
||
for (var i = this.panelWidth = parseInt((0,
|
||
n.getCss)(this.pickerPanel, "width")), a = this.panelHeight = parseInt((0,
|
||
n.getCss)(this.pickerPanel, "height")), s = e, c = s.offsetTop, f = s.offsetLeft; s.offsetParent; )
|
||
c += s.offsetParent.offsetTop,
|
||
f += s.offsetParent.offsetLeft,
|
||
s = s.offsetParent;
|
||
this.pancelLeft = f,
|
||
this.pancelTop = c + e.offsetHeight,
|
||
this.preDefineItem = l(e, "ew-pre-define-color", !0),
|
||
this.preDefineItem.length && (0,
|
||
n.ewObjToArray)(this.preDefineItem).map(function(e) {
|
||
e.addEventListener("click", function(e) {
|
||
(0,
|
||
n.ewObjToArray)(this.parentElement.children).forEach(function(e) {
|
||
(0,
|
||
n.removeClass)(e, "ew-pre-define-color-active")
|
||
}),
|
||
(0,
|
||
n.addClass)(e.target, "ew-pre-define-color-active");
|
||
var t = (0,
|
||
o.colorRgbaToHsba)((0,
|
||
n.getCss)(e.target, "background-color"));
|
||
r.hsba = t,
|
||
p(r),
|
||
h(r),
|
||
g(r, i, a)
|
||
}, !1),
|
||
e.addEventListener("blur", function(e) {
|
||
(0,
|
||
n.removeClass)(e.target, "ew-pre-define-color-active")
|
||
}, !1)
|
||
}),
|
||
t.openPickerAni.indexOf("height") > -1 ? this.picker.style.display = "none" : this.picker.style.opacity = 0,
|
||
t.alpha ? (this.alphaBar = l(e, "ew-alpha-slider-bar"),
|
||
this.alphaBarBg = l(e, "ew-alpha-slider-bg"),
|
||
this.alphaBarThumb = l(e, "ew-alpha-slider-thumb"),
|
||
h(this),
|
||
this.bindEvent(this.alphaBarThumb, function(e, t, r, n) {
|
||
m(e, n)
|
||
}, !1),
|
||
this.alphaBar.addEventListener("click", function(e) {
|
||
m(r, e.y)
|
||
}, !1)) : (this.slider.style.width = "14px",
|
||
this.picker.style.minWidth = "300px"),
|
||
this.pickerInput.addEventListener("blur", function(e) {
|
||
!function(e, t) {
|
||
var r = (0,
|
||
o.colorRgbaToHsba)((0,
|
||
o.colorToRgb)(t));
|
||
(r.h || r.s || r.h || r.a) && (e.hsba = r,
|
||
g(e, e.panelWidth, e.panelHeight),
|
||
p(e))
|
||
}(r, e.target.value)
|
||
}, !1),
|
||
this.pickerClear.addEventListener("click", function() {
|
||
!function(e, t) {
|
||
t.config.defaultColor = "rgba(255,255,255,1)",
|
||
t.pickerFlag = !t.pickerFlag,
|
||
t.render(e, t.config),
|
||
d(t),
|
||
t.config.clear(t)
|
||
}(e, r)
|
||
}, !1),
|
||
this.pickerSure.addEventListener("click", function() {
|
||
!function(e) {
|
||
e.pickerFlag = !1,
|
||
d(e),
|
||
p(e);
|
||
var t = e.config.alpha ? (0,
|
||
o.colorHsbaToRgba)(e.hsba) : (0,
|
||
o.colorRgbaToHex)((0,
|
||
o.colorHsbaToRgba)(e.hsba));
|
||
e.config.sure(t, e)
|
||
}(r)
|
||
}),
|
||
t.disabled || this.box.addEventListener("click", function() {
|
||
!function(e, t) {
|
||
t.pickerFlag = !t.pickerFlag,
|
||
// t.config.defaultColor = t.config.alpha ? (0,
|
||
// o.colorHsbaToRgba)(t.hsba) : (0,
|
||
// o.colorRgbaToHex)((0,
|
||
// o.colorHsbaToRgba)(t.hsba)),
|
||
t.render(e, t.config),
|
||
d(t),
|
||
g(t, t.panelWidth, t.panelHeight)
|
||
}(e, r)
|
||
}, !1),
|
||
this.pickerPanel.addEventListener("click", function(e) {
|
||
!function(e, t) {
|
||
if (t.target !== e.pickerCursor) {
|
||
var r = t.layerX
|
||
, n = t.layerY
|
||
, o = e.pickerPanel.offsetWidth
|
||
, i = e.pickerPanel.offsetHeight;
|
||
u(e, r >= o - 1 ? o : r <= 0 ? 0 : r, n >= i - 2 ? i : n <= 0 ? 0 : n, o, i)
|
||
}
|
||
}(r, e)
|
||
}, !1),
|
||
this.bindEvent(this.pickerCursor, function(e, t, r, n) {
|
||
r=r-7
|
||
n=n-7
|
||
u(e, Math.max(0, Math.min(r - e.pancelLeft, i)), Math.max(0, Math.min(n - e.pancelTop, a)), i, a)
|
||
}, !1),
|
||
this.hueBar.addEventListener("click", function(e) {
|
||
b(r, e.y)
|
||
}, !1),
|
||
this.bindEvent(this.hueThumb, function(e, t, r, n) {
|
||
b(e, n)
|
||
}, !1)
|
||
t.startMainCallback && t.startMainCallback(this)
|
||
}
|
||
,
|
||
f.prototype.bindEvent = function(e, t, r) {
|
||
var o = this;
|
||
e.addEventListener(n.eventType[0], function(i) {
|
||
var a = function(i) {
|
||
var a;
|
||
i.preventDefault(),
|
||
a = i,
|
||
o.moveX = n.eventType[0].indexOf("touch") > -1 ? a.changedTouches[0].clientX : a.clientX,
|
||
o.moveY = n.eventType[0].indexOf("touch") > -1 ? a.changedTouches[0].clientY : a.clientY,
|
||
r ? t(o, o.moveX, o.moveY) : t(o, e, o.moveX, o.moveY)
|
||
};
|
||
document.addEventListener(n.eventType[1], a, {
|
||
capture: !1,
|
||
once: !1,
|
||
passive: !1,
|
||
useCapture: !1,
|
||
wantsUntrusted: !1
|
||
}),
|
||
document.addEventListener(n.eventType[2], function e() {
|
||
document.removeEventListener(n.eventType[1], a, {
|
||
capture: !1,
|
||
once: !1,
|
||
passive: !1,
|
||
useCapture: !1,
|
||
wantsUntrusted: !1
|
||
}),
|
||
document.removeEventListener(n.eventType[2], e, {
|
||
capture: !1,
|
||
once: !1,
|
||
passive: !1,
|
||
useCapture: !1,
|
||
wantsUntrusted: !1
|
||
})
|
||
}, {
|
||
capture: !1,
|
||
once: !1,
|
||
passive: !1,
|
||
useCapture: !1,
|
||
wantsUntrusted: !1
|
||
})
|
||
}, {
|
||
capture: !1,
|
||
once: !1,
|
||
passive: !1,
|
||
useCapture: !1,
|
||
wantsUntrusted: !1
|
||
})
|
||
}
|
||
,
|
||
t.default = f
|
||
}
|
||
, function(e, t, r) {
|
||
"use strict";
|
||
Object.defineProperty(t, "__esModule", {
|
||
value: !0
|
||
}),
|
||
t.colorRgbaToHsba = function(e) {
|
||
var t = e.slice(e.indexOf("(") + 1, e.lastIndexOf(")")).split(",")
|
||
, r = t.length < 4 ? 1 : Number(t[3])
|
||
, n = Number(t[0]) / 255
|
||
, o = Number(t[1]) / 255
|
||
, i = Number(t[2]) / 255
|
||
, a = void 0
|
||
, s = void 0
|
||
, l = void 0
|
||
, c = Math.min(n, o, i)
|
||
, d = l = Math.max(n, o, i)
|
||
, u = d - c;
|
||
if (d === c)
|
||
a = 0;
|
||
else {
|
||
switch (d) {
|
||
case n:
|
||
a = (o - i) / u + (o < i ? 6 : 0);
|
||
break;
|
||
case o:
|
||
a = 2 + (i - n) / u;
|
||
break;
|
||
case i:
|
||
a = 4 + (n - o) / u
|
||
}
|
||
a = Math.round(60 * a)
|
||
}
|
||
s = 0 === d ? 0 : 1 - c / d;
|
||
return s = Math.round(100 * s),
|
||
l = Math.round(100 * l),
|
||
{
|
||
h: a,
|
||
s: s,
|
||
b: l,
|
||
a: r
|
||
}
|
||
}
|
||
,
|
||
t.colorToRgb = function(e) {
|
||
var t = document.createElement("div");
|
||
t.style.backgroundColor = e,
|
||
document.body.appendChild(t);
|
||
var r = window.getComputedStyle(t).backgroundColor;
|
||
return document.body.removeChild(t),
|
||
r
|
||
}
|
||
;
|
||
t.colorHexToRgba = function(e, t) {
|
||
var r = t || 1
|
||
, n = e.toLowerCase()
|
||
, o = e.length
|
||
, i = [];
|
||
if (e && /^#([0-9a-fA-f]{3}|[0-9a-fA-f]{6})$/.test(n)) {
|
||
if (4 === o) {
|
||
for (var a = "#", s = 0; s < o; s++) {
|
||
var l = n.slice(s, s + 1);
|
||
a += l.cancat(l)
|
||
}
|
||
n = a
|
||
}
|
||
for (var c = 0, d = n.length; c < d; c++)
|
||
i.push(parseInt("0X" + n.slice(c, c + 2)));
|
||
return "rgba(" + i.join(",") + "," + r + ")"
|
||
}
|
||
return n
|
||
}
|
||
,
|
||
t.colorRgbaToHex = function(e) {
|
||
var t = {
|
||
10: "A",
|
||
11: "B",
|
||
12: "C",
|
||
13: "D",
|
||
14: "E",
|
||
15: "F"
|
||
};
|
||
if (/rgba?/.test(e)) {
|
||
var r = e.replace(/rgba?\(/, "").replace(/\)/, "").replace(/[\s+]/g, "").split(",")
|
||
, n = "";
|
||
r[3];
|
||
return r.map(function(e, r) {
|
||
r <= 2 && (n += function(e) {
|
||
e = Math.min(Math.round(e), 255);
|
||
var r = Math.floor(e / 16)
|
||
, n = e % 16;
|
||
return "" + (t[r] || r) + (t[n] || n)
|
||
}(e))
|
||
}),
|
||
"#" + n
|
||
}
|
||
}
|
||
,
|
||
t.colorHsbaToRgba = function(e, t) {
|
||
var r, n, o, i = e.a, a = Math.round(e.h), s = Math.round(255 * e.s / 100), l = Math.round(255 * e.b / 100);
|
||
if (0 === s)
|
||
r = n = o = l;
|
||
else {
|
||
var c = (255 - s) * l / 255
|
||
, d = a % 60 * (l - c) / 60;
|
||
360 === a ? (r = l,
|
||
n = o = 0) : a < 60 ? (r = l,
|
||
n = c + d,
|
||
o = c) : a < 120 ? (r = l - d,
|
||
n = l,
|
||
o = c) : a < 180 ? (r = c,
|
||
n = l,
|
||
o = c + d) : a < 240 ? (r = c,
|
||
n = l - d,
|
||
o = l) : a < 300 ? (r = c + d,
|
||
n = c,
|
||
o = l) : a < 360 ? (r = l,
|
||
n = c,
|
||
o = l - d) : r = n = o = 0
|
||
}
|
||
return (t >= 0 || t <= 1) && (i = t),
|
||
"rgba(" + Math.round(r) + "," + Math.round(n) + "," + Math.round(o) + "," + i + ")"
|
||
}
|
||
}
|
||
, function(e, t, r) {
|
||
"use strict";
|
||
Object.defineProperty(t, "__esModule", {
|
||
value: !0
|
||
});
|
||
var n, o = r(7), i = (n = o) && n.__esModule ? n : {
|
||
default: n
|
||
};
|
||
var a = (0,
|
||
r(0).createElement)("style");
|
||
a.textContent = i.default,
|
||
t.default = a
|
||
}
|
||
, function(e, t, r) {
|
||
"use strict";
|
||
r.r(t),
|
||
t.default = '.ew-color-picker {\r\n min-width: 320px;\r\n position: absolute;\r\n box-sizing: content-box;\r\n border: 1px solid #ebeeff;\r\n box-shadow: 0 4px 15px rgba(0, 0, 0, .2);\r\n border-radius: 5px;\r\n z-index: 10;\r\n padding: 7px;\r\n background-color: #ffffff;\r\n /* left: 10px;\r\n top: 10px; */\r\n display: none;\r\n}\r\n\r\n.ew-color-picker .ew-color-picker-content:after {\r\n content: "";\r\n display: table;\r\n clear: both;\r\n}\r\n\r\n.ew-color-picker-content {\r\n margin-bottom: 6px;\r\n}\r\n\r\n.ew-color-panel {\r\n position: relative;\r\n width: 280px;\r\n height: 180px;\r\n cursor: pointer;\r\n}\r\n\r\n.ew-color-white-panel,\r\n.ew-color-black-panel {\r\n position: absolute;\r\n left: 0;\r\n right: 0;\r\n top: 0;\r\n bottom: 0;\r\n}\r\n\r\n.ew-color-white-panel {\r\n background: linear-gradient(90deg, #fff, hsla(0, 0%, 100%, 0));\r\n}\r\n\r\n.ew-color-black-panel {\r\n background: linear-gradient(0deg, #000, transparent);\r\n}\r\n\r\n.ew-color-slider {\r\n width: 27px;\r\n height: 180px;\r\n position: relative;\r\n float: right;\r\n box-sizing: border-box;\r\n}\r\n.ew-color-slider-bar {\r\n background: linear-gradient(180deg, #f00 0, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00);\r\n margin-left: 3px;\r\n}\r\n.ew-alpha-slider-bar,.ew-color-slider-bar{\r\n width: 12px;\r\n height: 100%;\r\n position: relative;\r\n float: left;\r\n cursor: pointer;\r\n}\r\n.ew-alpha-slider-wrapper{\r\n background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==");\r\n}\r\n.ew-alpha-slider-bg,.ew-alpha-slider-wrapper{\r\n position: absolute;\r\n right: 0;\r\n top: 0;\r\n left: 0;\r\n bottom: 0;\r\n}\r\n/* .ew-alpha-slider-bg{\r\n background:linear-gradient(to top,rgba(255,0,0,0) 0%,rgba(255,0,0,1) 100%);\r\n} */\r\n.ew-color-slider-thumb,.ew-alpha-slider-thumb {\r\n position: absolute;\r\n cursor: pointer;\r\n box-sizing: border-box;\r\n left: 0;\r\n top: 0;\r\n width: 12px;\r\n height: 4px;\r\n border-radius: 1px;\r\n background: #fff;\r\n border: 1px solid #f0f0f0;\r\n box-shadow: 0 0 2px rgba(0, 0, 0, .6);\r\n}\r\n\r\n.ew-color-cursor{\r\n position: absolute;\r\n left: 100%;\r\n top: 0%;\r\n cursor: default;\r\n width: 4px;\r\n height: 4px;\r\n transform: translate(-2px, -2px);\r\n border-radius: 50%;\r\n box-shadow: 0 0 0 3px #fff,\r\n inset 0 0 2px 2px rgba(0, 0, 0, .4),\r\n 0 0 2px 3px rgba(0, 0, 0, .5);\r\n transform: translate(-6px,-6px)\r\nuser-select: none;\r\n-webkit-user-select: none;\r\n-moz-user-select: none;\r\n-ms-user-select: none;\r\n}\r\n\r\n.ew-color-dropbtns {\r\n margin-top: 6px;\r\n position: relative;\r\n}\r\n\r\n.ew-color-input {\r\n width: 160px;\r\n height: 28px;\r\n line-height: 28px;\r\n border: 1px solid #dcdfe6;\r\n background-color: #ffffff;\r\n display: inline-block;\r\n box-sizing: border-box;\r\n padding: 0 5px;\r\n transition: border-color .2s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n border-radius: 5px;\r\n outline: none;\r\n}\r\n\r\n.ew-color-input:focus {\r\n border-color: #239fe6;\r\n}\r\n\r\n.ew-color-dropbtn {\r\n display: inline-block;\r\n padding: 5px 15px;\r\n font-size: 12px;\r\n border-radius: 3px;\r\n cursor: pointer;\r\n text-align: center;\r\n transition: .1s;\r\n font-weight: 500;\r\n outline: none;\r\n box-sizing: border-box;\r\n margin: 0;\r\n white-space: nowrap;\r\n color: #606266;\r\n border: 1px solid #dcdfe6;\r\n}\r\n\r\n.ew-color-dropbtngroup {\r\n position: absolute;\r\n right: 0;\r\n top: 1px;\r\n}\r\n\r\n.ew-color-clear {\r\n color: #4096ef;\r\n border-color: transparent;\r\n background-color: transparent;\r\n padding-left: 0;\r\n padding-right: 0;\r\n}\r\n\r\n.ew-color-clear:hover,\r\n.ew-color-clear:active {\r\n color: #66b1ff;\r\n}\r\n\r\n.ew-color-sure {\r\n background-color: #ffffff;\r\n margin-left: 10px;\r\n}\r\n\r\n.ew-color-sure:hover,\r\n.ew-color-sure:active {\r\n border-color: #4096ef;\r\n color: #4096ef;\r\n}\r\n.ew-pre-define-color-container{\r\n width: 280px;\r\n font-size: 12px;\r\n margin-top: 8px;\r\n}\r\n.ew-pre-define-color-container:after{\r\n content: "";\r\n visibility: hidden;\r\n clear: both;\r\n display: block;\r\n height: 0;\r\n}\r\n.ew-pre-define-color{\r\n float: left;\r\n margin: 0 0 8px 8px;\r\n width: 20px;\r\n height: 20px;\r\n border-radius: 4px;\r\n cursor: pointer;\r\n outline: none;\r\n}\r\n.ew-pre-define-color:nth-child(10n+1){\r\n margin-left: 0;\r\n}\r\n.ew-pre-define-color:hover,\r\n.ew-pre-define-color:active{\r\n opacity: .8;\r\n}\r\n.ew-pre-define-color-active{\r\n box-shadow: 0 0 3px 2px #409eff;\r\n}\r\n.ew-color-picker-box{\r\n border: 1px solid #dcdee2;\r\n color: #535353;\r\n outline: none;\r\n display: inline-block;\r\n background-color: #ffffff;\r\n position: relative;\r\n border-radius: 4px;\r\n padding: 4px 7px;\r\n line-height: 1.5;\r\n cursor: pointer;\r\n font-size: 14px;\r\n transition: border-color .2s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n}\r\n.ew-color-picker-box-disabled{\r\n background-color: #999999;\r\n cursor: not-allowed;\r\n}\r\n.ew-color-picker-arrow,.ew-color-picker-no{\r\n width: 20px;\r\n height: 20px;\r\n position: absolute;\r\n left: 0;\r\n top: 0;\r\n bottom: 0;\r\n right: 0;\r\n margin: auto;\r\n z-index: 3;\r\n}\r\n.ew-color-picker-no{\r\n width: 40px;\r\n height: 40px;\r\n font-size: 12px;\r\n text-align: center;\r\n line-height: 40px;\r\n color: #5e535f;\r\n border: 1px solid #5e535f;\r\n border-radius: 2px;\r\n}\r\n.ew-color-picker-arrow-left,.ew-color-picker-arrow-right{\r\n width: 0;\r\n height: 0;\r\n position: absolute;\r\n left: 0;\r\n top: 0;\r\n z-index: 5;\r\n overflow: hidden;\r\n border-bottom: 10px transparent dashed;\r\n border-left: 10px transparent dashed;\r\n border-right: 10px transparent dashed;\r\n border-top: 10px #fff solid;\r\n}\r\n.ew-color-picker-arrow-left{\r\n border-top: 10px solid #fff;\r\n}\r\n.ew-color-picker-arrow-right{\r\n border-top: 10px solid #ff0000;\r\n}'
|
||
}
|
||
, function(e, t, r) {
|
||
"use strict";
|
||
Object.defineProperty(t, "__esModule", {
|
||
value: !0
|
||
});
|
||
var n = r(0)
|
||
, o = function() {
|
||
var e = {};
|
||
function t() {
|
||
this.timers = [],
|
||
this.args = [],
|
||
this.isTimerRun = !1
|
||
}
|
||
function r(e, r) {
|
||
if (e.offsetHeight > 0) {
|
||
var n = e.offsetHeight
|
||
, o = n
|
||
, i = n / (r / 10);
|
||
e.style.transition = "height " + r + " ms",
|
||
e.style.overflow = "hidden";
|
||
var a = setInterval(function() {
|
||
o -= i,
|
||
e.style.height = o + "px",
|
||
o <= 0 && (clearInterval(a),
|
||
e.style.display = "none",
|
||
e.style.height = n + "px",
|
||
e.TimerManage && e.TimerManage.constructor === t && e.TimerManage.next())
|
||
}, 10)
|
||
} else
|
||
e.TimerManage && e.TimerManage.constructor === t && e.TimerManage.next()
|
||
}
|
||
function o(e, r) {
|
||
if (e.offsetHeight <= 0) {
|
||
e.style.display = "block",
|
||
e.style.transition = "height" + r + " ms",
|
||
e.style.overflow = "hidden";
|
||
var n = e.offsetHeight
|
||
, o = 0;
|
||
e.style.height = "0px";
|
||
var i = n / (r / 10)
|
||
, a = setInterval(function() {
|
||
o += i,
|
||
e.style.height = o + "px",
|
||
o >= n && (clearInterval(a),
|
||
e.style.height = n + "px",
|
||
e.TimerManage && e.TimerManage.constructor === t && e.TimerManage.next())
|
||
}, 10)
|
||
} else
|
||
e.TimerManage && e.TimerManage.constructor === t && e.TimerManage.next()
|
||
}
|
||
function i(e, r) {
|
||
if (e.style.transition = "opacity" + r + " ms",
|
||
!(0,
|
||
n.getCss)(e, "opactiy") || !parseInt((0,
|
||
n.getCss)(e, "opactiy")) <= 0) {
|
||
e.style.display = "none";
|
||
var o = 0;
|
||
e.style.opacity = 0;
|
||
var i = 100 / (r / 100)
|
||
, a = setInterval(function() {
|
||
o += i,
|
||
e.style.display = "block",
|
||
e.style.opacity = (o / 100).toFixed(2),
|
||
o >= 100 && (clearInterval(a),
|
||
e.style.opacity = 1,
|
||
e.TimerManage && e.TimerManage.constructor === t && e.TimerManage.next())
|
||
}, 10)
|
||
} else
|
||
e.TimerManage && e.TimerManage.constructor === t && e.TimerManage.next()
|
||
}
|
||
function a(e, r) {
|
||
if (e.style.transition = "opacity" + r + " ms",
|
||
!(0,
|
||
n.getCss)(e, "opactiy") || !parseInt((0,
|
||
n.getCss)(e, "opactiy")) >= 1) {
|
||
var o = 100;
|
||
e.style.opacity = 1,
|
||
e.style.display = "block";
|
||
var i = 100 / (r / 100)
|
||
, a = setInterval(function() {
|
||
o -= i,
|
||
e.style.opacity = (o / 100).toFixed(2),
|
||
o <= 0 && (clearInterval(a),
|
||
e.style.opacity = 0,
|
||
e.style.display = "none",
|
||
e.TimerManage && e.TimerManage.constructor === t && e.TimerManage.next())
|
||
}, 10)
|
||
} else
|
||
e.TimerManage && e.TimerManage.constructor === t && e.TimerManage.next()
|
||
}
|
||
return t.makeTimerManage = function(e) {
|
||
e.TimerManage && e.TimerManage.constructor === t || (e.TimerManage = new t)
|
||
}
|
||
,
|
||
t.prototype.add = function(e, t) {
|
||
this.timers.push(e),
|
||
this.args.push(t),
|
||
this.timerRun()
|
||
}
|
||
,
|
||
t.prototype.timerRun = function() {
|
||
if (!this.isTimerRun) {
|
||
var e = this.timers.shift()
|
||
, t = this.args.shift();
|
||
e && t && (this.isTimerRun = !0,
|
||
e(t[0], t[1]))
|
||
}
|
||
}
|
||
,
|
||
t.prototype.next = function() {
|
||
this.isTimerRun = !1,
|
||
this.timerRun()
|
||
}
|
||
,
|
||
e.slideUp = function(e) {
|
||
return t.makeTimerManage(e),
|
||
e.TimerManage.add(r, arguments),
|
||
this
|
||
}
|
||
,
|
||
e.slideDown = function(e) {
|
||
return t.makeTimerManage(e),
|
||
e.TimerManage.add(o, arguments),
|
||
this
|
||
}
|
||
,
|
||
e.fadeIn = function(e) {
|
||
return t.makeTimerManage(e),
|
||
e.TimerManage.add(i, arguments),
|
||
this
|
||
}
|
||
,
|
||
e.fadeOut = function(e) {
|
||
return t.makeTimerManage(e),
|
||
e.TimerManage.add(a, arguments),
|
||
this
|
||
}
|
||
,
|
||
e
|
||
}();
|
||
t.default = o
|
||
}
|
||
]);
|
||
|