1146 lines
58 KiB
JavaScript
1146 lines
58 KiB
JavaScript
|
window.yu = function(e) {
|
||
|
var t = {};
|
||
|
|
||
|
function n(a) {
|
||
|
if (t[a]) return t[a].exports;
|
||
|
var o = t[a] = {
|
||
|
i: a,
|
||
|
l: !1,
|
||
|
exports: {}
|
||
|
};
|
||
|
return e[a].call(o.exports, o, o.exports, n), o.l = !0, o.exports
|
||
|
}
|
||
|
return n.m = e, n.c = t, n.d = function(e, t, a) {
|
||
|
n.o(e, t) || Object.defineProperty(e, t, {
|
||
|
enumerable: !0,
|
||
|
get: a
|
||
|
})
|
||
|
}, n.r = function(e) {
|
||
|
"undefined" != typeof Symbol && Symbol.toStringTag && Object.defineProperty(e, Symbol.toStringTag, {
|
||
|
value: "Module"
|
||
|
}), Object.defineProperty(e, "__esModule", {
|
||
|
value: !0
|
||
|
})
|
||
|
}, n.t = function(e, t) {
|
||
|
if (1 & t && (e = n(e)), 8 & t) return e;
|
||
|
if (4 & t && "object" == typeof e && e && e.__esModule) return e;
|
||
|
var a = Object.create(null);
|
||
|
if (n.r(a), Object.defineProperty(a, "default", {
|
||
|
enumerable: !0,
|
||
|
value: e
|
||
|
}), 2 & t && "string" != typeof e)
|
||
|
for (var o in e) n.d(a, o, function(t) {
|
||
|
return e[t]
|
||
|
}.bind(null, o));
|
||
|
return a
|
||
|
}, n.n = function(e) {
|
||
|
var t = e && e.__esModule ? function() {
|
||
|
return e.default
|
||
|
} : function() {
|
||
|
return e
|
||
|
};
|
||
|
return n.d(t, "a", t), t
|
||
|
}, n.o = function(e, t) {
|
||
|
return Object.prototype.hasOwnProperty.call(e, t)
|
||
|
}, n.p = "", n(n.s = 14)
|
||
|
}([function(e, t) {
|
||
|
e.exports = function(e) {
|
||
|
if (void 0 === e) throw new ReferenceError(
|
||
|
"this hasn't been initialised - super() hasn't been called");
|
||
|
return e
|
||
|
}
|
||
|
}, function(e, t) {
|
||
|
e.exports = function(e, t, n) {
|
||
|
return t in e ? Object.defineProperty(e, t, {
|
||
|
value: n,
|
||
|
enumerable: !0,
|
||
|
configurable: !0,
|
||
|
writable: !0
|
||
|
}) : e[t] = n, e
|
||
|
}
|
||
|
}, function(e, t) {
|
||
|
e.exports = function(e, t) {
|
||
|
if (!(e instanceof t)) throw new TypeError("Cannot call a class as a function")
|
||
|
}
|
||
|
}, function(e, t, n) {
|
||
|
var a = n(8),
|
||
|
o = n(0);
|
||
|
e.exports = function(e, t) {
|
||
|
return !t || "object" !== a(t) && "function" != typeof t ? o(e) : t
|
||
|
}
|
||
|
}, function(e, t) {
|
||
|
function n(t) {
|
||
|
return e.exports = n = Object.setPrototypeOf ? Object.getPrototypeOf : function(e) {
|
||
|
return e.__proto__ || Object.getPrototypeOf(e)
|
||
|
}, n(t)
|
||
|
}
|
||
|
e.exports = n
|
||
|
}, function(e, t, n) {
|
||
|
var a = n(9);
|
||
|
e.exports = function(e, t) {
|
||
|
if ("function" != typeof t && null !== t) throw new TypeError(
|
||
|
"Super expression must either be null or a function");
|
||
|
e.prototype = Object.create(t && t.prototype, {
|
||
|
constructor: {
|
||
|
value: e,
|
||
|
writable: !0,
|
||
|
configurable: !0
|
||
|
}
|
||
|
}), t && a(e, t)
|
||
|
}
|
||
|
}, function(e, t) {
|
||
|
function n(e, t) {
|
||
|
for (var n = 0; n < t.length; n++) {
|
||
|
var a = t[n];
|
||
|
a.enumerable = a.enumerable || !1, a.configurable = !0, "value" in a && (a.writable = !0),
|
||
|
Object.defineProperty(e, a.key, a)
|
||
|
}
|
||
|
}
|
||
|
e.exports = function(e, t, a) {
|
||
|
return t && n(e.prototype, t), a && n(e, a), e
|
||
|
}
|
||
|
}, function(e, t, n) {
|
||
|
var a = n(11),
|
||
|
o = n(12),
|
||
|
i = n(13);
|
||
|
e.exports = function(e) {
|
||
|
return a(e) || o(e) || i()
|
||
|
}
|
||
|
}, function(e, t) {
|
||
|
function n(e) {
|
||
|
return (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
|
||
|
})(e)
|
||
|
}
|
||
|
|
||
|
function a(t) {
|
||
|
return "function" == typeof Symbol && "symbol" === n(Symbol.iterator) ? e.exports = a = function(
|
||
|
e) {
|
||
|
return n(e)
|
||
|
} : e.exports = a = function(e) {
|
||
|
return e && "function" == typeof Symbol && e.constructor === Symbol && e !== Symbol
|
||
|
.prototype ? "symbol" : n(e)
|
||
|
}, a(t)
|
||
|
}
|
||
|
e.exports = a
|
||
|
}, function(e, t) {
|
||
|
function n(t, a) {
|
||
|
return e.exports = n = Object.setPrototypeOf || function(e, t) {
|
||
|
return e.__proto__ = t, e
|
||
|
}, n(t, a)
|
||
|
}
|
||
|
e.exports = n
|
||
|
}, function(e, t, n) {
|
||
|
"use strict";
|
||
|
var a = {};
|
||
|
|
||
|
function o(e) {
|
||
|
for (var t = ""; e--;) t += "0";
|
||
|
return t
|
||
|
}
|
||
|
|
||
|
function i(e) {
|
||
|
var t = String(e).split(/[eE]/);
|
||
|
if (1 === t.length) return t[0];
|
||
|
var n = "",
|
||
|
a = e < 0 ? "-" : "",
|
||
|
o = t[0].replace(".", ""),
|
||
|
i = Number(t[1]) + 1;
|
||
|
if (i < 0) {
|
||
|
for (n = a + "0."; i++;) n += "0";
|
||
|
return n + o.replace(/^\-/, "")
|
||
|
}
|
||
|
for (i -= o.length; i--;) n += "0";
|
||
|
return o + n
|
||
|
}
|
||
|
|
||
|
function s(e) {
|
||
|
var t, n = (t = e < 1e-6 ? i(e) : e + "").lastIndexOf(".");
|
||
|
return n < 0 ? [t, 0] : [t.replace(".", ""), t.length - n - 1]
|
||
|
}
|
||
|
|
||
|
function r(e, t, n, a) {
|
||
|
switch (n) {
|
||
|
case "+":
|
||
|
return (e + t) / a;
|
||
|
case "-":
|
||
|
return (e - t) / a;
|
||
|
case "*":
|
||
|
return e * t / (a * a);
|
||
|
case "/":
|
||
|
return e / t
|
||
|
}
|
||
|
}
|
||
|
|
||
|
function c(e, t, n) {
|
||
|
var a = s(e),
|
||
|
i = s(t),
|
||
|
c = Math.max(a[1], i[1]);
|
||
|
if (0 === c) return r(Number(e), Number(t), n, 1);
|
||
|
var l = Math.pow(10, c);
|
||
|
return a[1] !== i[1] && (a[1] > i[1] ? i[0] += o(a[1] - i[1]) : a[0] += o(i[1] - a[1])), r(Number(a[
|
||
|
0]), Number(i[0]), n, l)
|
||
|
}
|
||
|
a.string = function(e) {
|
||
|
return i(e)
|
||
|
}, a.format = function(e, t) {
|
||
|
var n, a, o, i;
|
||
|
if (a = (n = e.toString()).indexOf("."), o = n.length, 0 === t) - 1 !== a && (n = n.substring(0,
|
||
|
a));
|
||
|
else if (-1 === a)
|
||
|
for (n += ".", i = 1; i <= t; i++) n += "0";
|
||
|
else
|
||
|
for (n = n.substring(0, a + t + 1), i = o; i <= a + t; i++) n += "0";
|
||
|
return n
|
||
|
}, a.add = function(e, t) {
|
||
|
return c(e, t, "+")
|
||
|
}, a.sub = function(e, t) {
|
||
|
return c(e, t, "-")
|
||
|
}, a.mul = function(e, t) {
|
||
|
return c(e, t, "*")
|
||
|
}, a.div = function(e, t) {
|
||
|
return c(e, t, "/")
|
||
|
}, e.exports = a
|
||
|
}, function(e, t) {
|
||
|
e.exports = function(e) {
|
||
|
if (Array.isArray(e)) {
|
||
|
for (var t = 0, n = new Array(e.length); t < e.length; t++) n[t] = e[t];
|
||
|
return n
|
||
|
}
|
||
|
}
|
||
|
}, function(e, t) {
|
||
|
e.exports = function(e) {
|
||
|
if (Symbol.iterator in Object(e) || "[object Arguments]" === Object.prototype.toString.call(e))
|
||
|
return Array.from(e)
|
||
|
}
|
||
|
}, function(e, t) {
|
||
|
e.exports = function() {
|
||
|
throw new TypeError("Invalid attempt to spread non-iterable instance")
|
||
|
}
|
||
|
}, function(e, t, n) {
|
||
|
"use strict";
|
||
|
n.r(t);
|
||
|
var a = {
|
||
|
Button: ".yu-button",
|
||
|
Checkbox: ".yu-checkbox",
|
||
|
CheckboxGroup: ".yu-checkbox-group",
|
||
|
Counter: ".yu-counter",
|
||
|
CounterSide: ".yu-counter-side",
|
||
|
Input: ".yu-input",
|
||
|
Radio: ".yu-radio",
|
||
|
RadioGroup: ".yu-radio-group",
|
||
|
Select: ".yu-select",
|
||
|
Cascader: ".yu-cascader",
|
||
|
Switch: ".yu-switch",
|
||
|
Slider: ".yu-slider",
|
||
|
DatePicker: ".yu-date-picker",
|
||
|
FileList: ".yu-file-list",
|
||
|
Rate: ".yu-rate",
|
||
|
Field: ".yu-field",
|
||
|
Table: ".yu-table",
|
||
|
Tag: ".yu-tag",
|
||
|
Progress: ".yu-progress",
|
||
|
Pagination: ".yu-pagination",
|
||
|
Badge: ".yu-badge",
|
||
|
Alert: ".yu-alert",
|
||
|
Loading: ".yu-loading",
|
||
|
Message: ".yu-message",
|
||
|
Notification: ".yu-notification",
|
||
|
Dialog: ".yu-dialog",
|
||
|
Tooltip: ".yu-tooltip",
|
||
|
Tabs: ".yu-tabs",
|
||
|
Breadcrumb: ".yu-breadcrumb",
|
||
|
Steps: ".yu-steps",
|
||
|
Collapse: ".yu-collapse"
|
||
|
};
|
||
|
|
||
|
function o(e) {
|
||
|
var t = {},
|
||
|
n = document.querySelectorAll(a[e] || V.NODE_CLASSNAME[e]);
|
||
|
return Array.from(n).forEach(function(n) {
|
||
|
var a, o = "" === n.getAttribute("mounted") || "" === n.getAttribute("unmount"),
|
||
|
i = !!(a = n.getAttribute(":ref")) && ("$" === a[0] ? V.data[a.substr(1)] : a);
|
||
|
if (!o) {
|
||
|
var s = new V[e](n);
|
||
|
Array.isArray(t[e]) ? t[e].push(s) : t[e] = [s], i && (t[i] = s)
|
||
|
}
|
||
|
}), t
|
||
|
}
|
||
|
var i = n(2),
|
||
|
s = n.n(i),
|
||
|
r = n(6),
|
||
|
c = n.n(r),
|
||
|
l = n(1),
|
||
|
u = n.n(l),
|
||
|
d = function(e) {
|
||
|
for (var t = e.split("-"), n = 1; n < t.length; n++) t[n] = t[n].charAt(0).toUpperCase() + t[n]
|
||
|
.substring(1);
|
||
|
return t.join("")
|
||
|
},
|
||
|
f = function() {
|
||
|
function e() {
|
||
|
var t = this;
|
||
|
s()(this, e), u()(this, "states", {}), u()(this, "node", {}), u()(this, "mounted", !1), u()(
|
||
|
this, "parseAttributesToStates",
|
||
|
function(e) {
|
||
|
var n = {};
|
||
|
return Array.from(e).forEach(function(e) {
|
||
|
if (0 === e.name.indexOf(":")) {
|
||
|
t.node.removeAttribute(e.name);
|
||
|
var a = d(e.name.substr(1)),
|
||
|
o = e.value[0];
|
||
|
if ("" === e.value) return void(n[a] = !0);
|
||
|
if ("{" === o || "[" === o) return void(n[a] = JSON.parse(e
|
||
|
.value));
|
||
|
if (/[-?0-9]/.test(o)) {
|
||
|
var i = Number(e.value);
|
||
|
return void(isNaN(i) ? n[a] = e.value : n[a] = i)
|
||
|
}
|
||
|
if ("true" === e.value || "false" === e.value) return void(n[
|
||
|
a] = "true" === e.value);
|
||
|
if ("$" === o) return void(n[a] = yu.data[e.value.substr(1)]);
|
||
|
n[a] = e.value
|
||
|
}
|
||
|
if (0 === e.name.indexOf("@")) {
|
||
|
t.node.removeAttribute(e.name);
|
||
|
var s = "on".concat(e.name[1].toLocaleUpperCase()).concat(e.name
|
||
|
.substr(2));
|
||
|
t[s] = yu.data[e.value.substr(1)]
|
||
|
}
|
||
|
}), n
|
||
|
})
|
||
|
}
|
||
|
return c()(e, [{
|
||
|
key: "init",
|
||
|
value: function(e, t) {
|
||
|
this.initNode(e), this.initStates(t)
|
||
|
}
|
||
|
}, {
|
||
|
key: "initNode",
|
||
|
value: function(e) {
|
||
|
this.node = "string" == typeof e ? document.querySelector(e) : e, this
|
||
|
.states = this.parseAttributesToStates(this.node.attributes)
|
||
|
}
|
||
|
}, {
|
||
|
key: "initStates",
|
||
|
value: function(e) {
|
||
|
this.states = Object.assign(this.defaultStates || {}, this.states, e ||
|
||
|
{}), this.setStates(this.states), this.node.setAttribute("mounted",
|
||
|
""), this.mounted = !0
|
||
|
}
|
||
|
}, {
|
||
|
key: "setState",
|
||
|
value: function(e, t) {
|
||
|
this[e] && (this[e](t), this.states[e] = t)
|
||
|
}
|
||
|
}, {
|
||
|
key: "setStates",
|
||
|
value: function(e) {
|
||
|
for (var t = Object.keys(e), n = 0; n < t.length; n++) {
|
||
|
var a = t[n];
|
||
|
this.setState(a, e[a])
|
||
|
}
|
||
|
}
|
||
|
}, {
|
||
|
key: "emit",
|
||
|
value: function(e) {
|
||
|
if (this[e]) {
|
||
|
for (var t = arguments.length, n = new Array(1 < t ? t - 1 : 0), a =
|
||
|
1; a < t; a++) n[a - 1] = arguments[a];
|
||
|
this[e].apply(this, n)
|
||
|
}
|
||
|
}
|
||
|
}]), e
|
||
|
}(),
|
||
|
v = n(3),
|
||
|
p = n.n(v),
|
||
|
h = n(4),
|
||
|
m = n.n(h),
|
||
|
g = n(5),
|
||
|
N = n.n(g),
|
||
|
b = n(0),
|
||
|
y = n.n(b),
|
||
|
L = function(e) {
|
||
|
function t(e, n) {
|
||
|
var a;
|
||
|
return s()(this, t), a = p()(this, m()(t).call(this)), u()(y()(y()(a)), "type", function(
|
||
|
e) {
|
||
|
a.node.classList.remove("primary", "danger", "warning", "info", "success"), a
|
||
|
.node.classList.add(e)
|
||
|
}), u()(y()(y()(a)), "text", function(e) {
|
||
|
a.node.innerText = e
|
||
|
}), u()(y()(y()(a)), "disabled", function(e) {
|
||
|
a.node.classList.toggle("disabled", e)
|
||
|
}), u()(y()(y()(a)), "plain", function(e) {
|
||
|
a.node.classList.toggle("plain", e)
|
||
|
}), u()(y()(y()(a)), "size", function(e) {
|
||
|
a.node.classList.remove("small", "large"), a.node.classList.add(e)
|
||
|
}), u()(y()(y()(a)), "circle", function(e) {
|
||
|
a.node.classList.toggle("circle", e)
|
||
|
}), u()(y()(y()(a)), "icon", function(e) {
|
||
|
if (a.node.firstElementChild && a.node.firstElementChild.classList.contains(
|
||
|
"iconfont")) a.node.firstElementChild.className = "iconfont ".concat(e);
|
||
|
else {
|
||
|
var t = document.createElement("I");
|
||
|
t.className = "iconfont ".concat(e), a.node.insertBefore(t, a.node
|
||
|
.firstChild)
|
||
|
}
|
||
|
}), a.init(e, n), a
|
||
|
}
|
||
|
return N()(t, e), t
|
||
|
}(f),
|
||
|
S = function(e) {
|
||
|
function t(e, n) {
|
||
|
var a;
|
||
|
return s()(this, t), a = p()(this, m()(t).call(this)), u()(y()(y()(a)), "defaultStates", {
|
||
|
value: ""
|
||
|
}), u()(y()(y()(a)), "option", function(e) {
|
||
|
a.node.innerHTML = "";
|
||
|
var t = document.createElement("SPAN");
|
||
|
t.className = "radio";
|
||
|
var n = document.createElement("INPUT");
|
||
|
n.type = "radio", n.value = e.value, t.appendChild(n);
|
||
|
var o = document.createElement("SPAN");
|
||
|
o.innerText = e.label, a.node.appendChild(t), a.node.appendChild(o), a
|
||
|
.inputNode = n
|
||
|
}), u()(y()(y()(a)), "value", function() {}), u()(y()(y()(a)), "checked", function(e) {
|
||
|
a.node.classList.toggle("checked", e)
|
||
|
}), u()(y()(y()(a)), "disabled", function(e) {
|
||
|
a.node.classList.toggle("disabled", e)
|
||
|
}), a.init(e, n), a.inputNode = a.node.querySelector("input"), a.node.parentNode
|
||
|
.classList.contains("yu-radio-group") ? p()(a) : (a.node.addEventListener("click",
|
||
|
function(e) {
|
||
|
e.preventDefault(), e.currentTarget.classList.contains("disabled") || (a
|
||
|
.states.checked = !a.states.checked, a.states.value = a.states
|
||
|
.checked ? a.inputNode.value : "", a.setState("checked", a.states
|
||
|
.checked), a.emit("onChange", a.states.value))
|
||
|
}), a)
|
||
|
}
|
||
|
return N()(t, e), t
|
||
|
}(f),
|
||
|
E = function(e) {
|
||
|
function t(e, n) {
|
||
|
var a;
|
||
|
return s()(this, t), a = p()(this, m()(t).call(this)), u()(y()(y()(a)), "defaultStates", {
|
||
|
option: [],
|
||
|
value: ""
|
||
|
}), u()(y()(y()(a)), "option", function(e) {
|
||
|
0 < e.length && (a.node.innerHTML = "", e.forEach(function(e) {
|
||
|
a.node.appendChild(t.createRadio(e))
|
||
|
}), a.mounted && a.radioNodesBindEvent())
|
||
|
}), u()(y()(y()(a)), "value", function(e) {
|
||
|
0 < e.length && a.node.querySelector("input[value=".concat(e, "]")).parentNode
|
||
|
.parentNode.classList.add("checked")
|
||
|
}), u()(y()(y()(a)), "disabled", function(e) {
|
||
|
Array.from(a.node.children).forEach(function(t) {
|
||
|
t.classList.toggle("disabled", e)
|
||
|
})
|
||
|
}), u()(y()(y()(a)), "vertical", function(e) {
|
||
|
a.node.classList.toggle("vertical", e)
|
||
|
}), a.init(e, n), a.radioNodesBindEvent(), a
|
||
|
}
|
||
|
return N()(t, e), c()(t, [{
|
||
|
key: "radioNodesBindEvent",
|
||
|
value: function() {
|
||
|
var e = this;
|
||
|
this.radioNodes = this.node.children, Array.from(this.radioNodes)
|
||
|
.forEach(function(t) {
|
||
|
t.addEventListener("click", function(t) {
|
||
|
t.preventDefault();
|
||
|
var n = t.currentTarget.querySelector("input")
|
||
|
.value;
|
||
|
n !== e.states.value && (t.currentTarget
|
||
|
.classList.contains("disabled") || (
|
||
|
Array.from(e.radioNodes).forEach(
|
||
|
function(e) {
|
||
|
e.classList.remove(
|
||
|
"checked")
|
||
|
}), t.currentTarget.classList
|
||
|
.add("checked"), e.setState("value",
|
||
|
n), e.emit("onChange", e.states
|
||
|
.value)))
|
||
|
})
|
||
|
})
|
||
|
}
|
||
|
}], [{
|
||
|
key: "createRadio",
|
||
|
value: function(e) {
|
||
|
var t = document.createElement("LABEL");
|
||
|
t.className = "yu-radio", e.disabled && t.classList.add("disabled"), e
|
||
|
.checked && t.classList.add("checked");
|
||
|
var n = document.createElement("SPAN");
|
||
|
n.className = "radio";
|
||
|
var a = document.createElement("INPUT");
|
||
|
a.type = "radio", a.value = e.value, n.appendChild(a);
|
||
|
var o = document.createElement("SPAN");
|
||
|
return o.innerText = e.label, t.appendChild(n), t.appendChild(o), t
|
||
|
}
|
||
|
}]), t
|
||
|
}(f),
|
||
|
x = function(e) {
|
||
|
function t(e, n) {
|
||
|
var a;
|
||
|
return s()(this, t), a = p()(this, m()(t).call(this)), u()(y()(y()(a)), "defaultStates", {
|
||
|
value: ""
|
||
|
}), u()(y()(y()(a)), "option", function(e) {
|
||
|
a.node.innerHTML = "";
|
||
|
var t = document.createElement("SPAN");
|
||
|
t.className = "checkbox";
|
||
|
var n = document.createElement("INPUT");
|
||
|
n.type = "checkbox", n.value = e.value, t.appendChild(n);
|
||
|
var o = document.createElement("SPAN");
|
||
|
o.innerText = e.label, a.node.appendChild(t), a.node.appendChild(o), a
|
||
|
.inputNode = n
|
||
|
}), u()(y()(y()(a)), "value", function() {}), u()(y()(y()(a)), "checked", function(e) {
|
||
|
a.node.classList.toggle("checked", e)
|
||
|
}), u()(y()(y()(a)), "disabled", function(e) {
|
||
|
a.node.classList.toggle("disabled", e)
|
||
|
}), a.init(e, n), a.inputNode = a.node.querySelector("input"), a.node.parentNode
|
||
|
.classList.contains("yu-checkbox-group") ? p()(a) : (a.node.addEventListener("click",
|
||
|
function(e) {
|
||
|
e.preventDefault(), e.currentTarget.classList.contains("disabled") || (a
|
||
|
.states.checked = !a.states.checked, a.states.value = a.states
|
||
|
.checked ? a.inputNode.value : "", a.setState("checked", a.states
|
||
|
.checked), a.emit("onChange", a.states.value))
|
||
|
}), a)
|
||
|
}
|
||
|
return N()(t, e), t
|
||
|
}(f),
|
||
|
k = function(e) {
|
||
|
function t(e, n) {
|
||
|
var a;
|
||
|
return s()(this, t), a = p()(this, m()(t).call(this)), u()(y()(y()(a)), "defaultStates", {
|
||
|
option: [],
|
||
|
value: []
|
||
|
}), u()(y()(y()(a)), "option", function(e) {
|
||
|
0 < e.length && (a.node.innerHTML = "", e.forEach(function(e) {
|
||
|
a.node.appendChild(t.createCheckbox(e))
|
||
|
}), a.mounted && a.checkboxNodesBindEvent())
|
||
|
}), u()(y()(y()(a)), "value", function(e) {
|
||
|
e.forEach(function(e) {
|
||
|
a.node.querySelector("input[value=".concat(e, "]")).parentNode
|
||
|
.parentNode.classList.add("checked")
|
||
|
})
|
||
|
}), u()(y()(y()(a)), "disabled", function(e) {
|
||
|
Array.from(a.node.children).forEach(function(t) {
|
||
|
t.classList.toggle("disabled", e)
|
||
|
})
|
||
|
}), u()(y()(y()(a)), "vertical", function(e) {
|
||
|
a.node.classList.toggle("vertical", e)
|
||
|
}), a.init(e, n), a.checkboxNodesBindEvent(), a
|
||
|
}
|
||
|
return N()(t, e), c()(t, [{
|
||
|
key: "checkboxNodesBindEvent",
|
||
|
value: function() {
|
||
|
var e = this;
|
||
|
this.checkboxNodes = this.node.querySelectorAll("label:not(.control)"),
|
||
|
this.controlNode = this.node.querySelector(".control"), Array.from(
|
||
|
this.checkboxNodes).forEach(function(t) {
|
||
|
t.addEventListener("click", function(t) {
|
||
|
if (t.preventDefault(), !t.currentTarget
|
||
|
.classList.contains("disabled")) {
|
||
|
var n = t.currentTarget.querySelector(
|
||
|
"input").value;
|
||
|
t.currentTarget.classList.contains(
|
||
|
"checked") ? (t.currentTarget
|
||
|
.classList.remove("checked"), e
|
||
|
.states.value.splice(e.states.value
|
||
|
.indexOf(n), 1)) : (t
|
||
|
.currentTarget.classList.add(
|
||
|
"checked"), e.states.value.push(
|
||
|
n)), e.emit("onChange", e.states
|
||
|
.value), e.controlNode.className =
|
||
|
"yu-checkbox control", e.controlNode
|
||
|
.classList.add(e.states.value.length ===
|
||
|
e.checkboxNodes.length ? "checked" :
|
||
|
"part")
|
||
|
}
|
||
|
})
|
||
|
}), this.controlNode && this.controlNode.addEventListener("click",
|
||
|
function(t) {
|
||
|
t.preventDefault(), t.currentTarget.classList.contains(
|
||
|
"disabled") || (0 < e.states.value.length ? (e
|
||
|
.states.value = [], Array.from(e.checkboxNodes)
|
||
|
.forEach(function(e) {
|
||
|
e.classList.remove("checked")
|
||
|
}), e.controlNode.className =
|
||
|
"yu-checkbox control") : (e.states.value = [],
|
||
|
Array.from(e.checkboxNodes).forEach(function(
|
||
|
t) {
|
||
|
t.classList.add("checked"), e.states
|
||
|
.value.push(t.querySelector("input")
|
||
|
.value)
|
||
|
}), e.controlNode.className =
|
||
|
"yu-checkbox control checked"), e.emit(
|
||
|
"onChange", e.states.value))
|
||
|
})
|
||
|
}
|
||
|
}], [{
|
||
|
key: "createCheckbox",
|
||
|
value: function(e) {
|
||
|
var t = document.createElement("LABEL");
|
||
|
t.classList.add("yu-checkbox"), e.control && (t.classList.add(
|
||
|
"control"), e.part && t.classList.add("part")), e.disabled && t
|
||
|
.classList.add("disabled"), e.checked && t.classList.add("checked");
|
||
|
var n = document.createElement("SPAN");
|
||
|
n.className = "checkbox";
|
||
|
var a = document.createElement("INPUT");
|
||
|
a.type = "checkbox", a.value = e.value, n.appendChild(a);
|
||
|
var o = document.createElement("SPAN");
|
||
|
return o.innerText = e.label, t.appendChild(n), t.appendChild(o), t
|
||
|
}
|
||
|
}]), t
|
||
|
}(f),
|
||
|
C = function(e) {
|
||
|
function t(e, n) {
|
||
|
var a;
|
||
|
return s()(this, t), a = p()(this, m()(t).call(this)), u()(y()(y()(a)), "defaultStates", {
|
||
|
value: ""
|
||
|
}), u()(y()(y()(a)), "visible", function(e) {
|
||
|
a.optionNode.classList.toggle("transition-enter", e), a.optionNode.classList
|
||
|
.toggle("transition-leave", !e)
|
||
|
}), u()(y()(y()(a)), "option", function(e) {
|
||
|
0 < e.length && (a.optionNode.innerHTML = "", e.forEach(function(e) {
|
||
|
var t = document.createElement("LI");
|
||
|
t.innerText = e.label, e.disabled && (t.className = "disabled"),
|
||
|
a.optionNode.appendChild(t)
|
||
|
}), a.mounted && a.optionBindEvent())
|
||
|
}), u()(y()(y()(a)), "prefix", function(e) {
|
||
|
var t = a.node.querySelector("span.prefix");
|
||
|
if (t) t.firstElementChild.className = "iconfont ".concat(e);
|
||
|
else {
|
||
|
var n = document.createElement("SPAN");
|
||
|
n.className = "prefix icon";
|
||
|
var o = document.createElement("I");
|
||
|
o.className = "iconfont ".concat(e), n.appendChild(o), a.node.insertBefore(
|
||
|
n, a.inputNode)
|
||
|
}
|
||
|
a.inputNode.classList.add("prefix")
|
||
|
}), u()(y()(y()(a)), "suffix", function(e) {
|
||
|
var t = a.node.querySelector("span.suffix");
|
||
|
if (t) t.firstElementChild.className = "iconfont ".concat(e);
|
||
|
else {
|
||
|
var n = document.createElement("SPAN");
|
||
|
n.className = "suffix icon";
|
||
|
var o = document.createElement("I");
|
||
|
o.className = "iconfont ".concat(e), n.appendChild(o), a.node.appendChild(n,
|
||
|
a.inputNode)
|
||
|
}
|
||
|
a.inputNode.classList.add("suffix")
|
||
|
}), u()(y()(y()(a)), "size", function(e) {
|
||
|
a.inputNode.classList.remove("small", "large"), a.inputNode.classList.add(e)
|
||
|
}), u()(y()(y()(a)), "full", function(e) {
|
||
|
a.inputNode.classList.toggle("full", e)
|
||
|
}), u()(y()(y()(a)), "value", function(e) {
|
||
|
a.inputNode.value = e, a.states.value = e
|
||
|
}), u()(y()(y()(a)), "disabled", function(e) {
|
||
|
a.node.classList.toggle("disabled", e), a.inputNode.setAttribute("disabled", e)
|
||
|
}), u()(y()(y()(a)), "width", function(e) {
|
||
|
a.inputNode.style.width = e
|
||
|
}), u()(y()(y()(a)), "clearable", function(e) {
|
||
|
a.states.clear = e;
|
||
|
var n = a.node.querySelector("span.clearable");
|
||
|
if (!n) {
|
||
|
var o = a.node.querySelector("span.suffix");
|
||
|
o ? o.firstElementChild.className = "iconfont icon-close-circle" : (n = t
|
||
|
.createClearNode(), a.node.appendChild(n))
|
||
|
}
|
||
|
n.firstElementChild.addEventListener("click", a.clearEvent), n.style.display =
|
||
|
0 < a.states.value.length ? "inline-block" : "none"
|
||
|
}), u()(y()(y()(a)), "clearEvent", function() {
|
||
|
a.inputNode.value = "", a.states.value = "", a.emit("onChange", a.states.value),
|
||
|
a.emit("onClear"), a.showClear(!1)
|
||
|
}), u()(y()(y()(a)), "showClear", function(e) {
|
||
|
a.clearNode.style.display = e ? "inline-block" : "none"
|
||
|
}), a.initNode(e), a.node.classList.contains("textarea") ? a.inputNode = a.node
|
||
|
.querySelector("textarea") : a.inputNode = a.node.querySelector("input"), a.optionNode =
|
||
|
a.node.querySelector(".yu-option"), a.initStates(n), a.optionBindEvent(), a.clearNode =
|
||
|
a.node.querySelector("span.clearable"), a.inputNode.addEventListener("change", function(
|
||
|
e) {
|
||
|
a.states.value = e.target.value, a.emit("onChange", a.states.value)
|
||
|
}), a.inputNode.addEventListener("input", function(e) {
|
||
|
a.states.value = e.target.value, a.emit("onInput", a.states.value), a.states
|
||
|
.clearable && a.showClear(0 < a.states.value.length)
|
||
|
}), a.inputNode.addEventListener("focus", function() {
|
||
|
a.states.option && a.setState("visible", !a.states.disabled), a.emit("onFocus",
|
||
|
a.states.value)
|
||
|
}), a.inputNode.addEventListener("blur", function() {
|
||
|
a.states.option && a.setState("visible", !1), a.emit("onBlur", a.states.value)
|
||
|
}), a
|
||
|
}
|
||
|
return N()(t, e), c()(t, [{
|
||
|
key: "optionBindEvent",
|
||
|
value: function() {
|
||
|
var e = this;
|
||
|
this.optionNode && Array.from(this.optionNode.children).forEach(
|
||
|
function(t) {
|
||
|
t.addEventListener("mousedown", function(t) {
|
||
|
t.currentTarget.classList.contains(
|
||
|
"disabled") || (Array.from(e.optionNode
|
||
|
.querySelectorAll(".active"))
|
||
|
.forEach(function(e) {
|
||
|
e.classList.remove("active")
|
||
|
}), t.currentTarget.classList.add(
|
||
|
"active"), e.states.value = t.target
|
||
|
.innerText, e.inputNode.value = t.target
|
||
|
.innerText, e.emit("onChange", e.states
|
||
|
.value))
|
||
|
})
|
||
|
})
|
||
|
}
|
||
|
}], [{
|
||
|
key: "createClearNode",
|
||
|
value: function() {
|
||
|
var e = document.createElement("SPAN");
|
||
|
e.className = "suffix clearable";
|
||
|
var t = document.createElement("I");
|
||
|
return t.className = "iconfont icon-close-circle", e.appendChild(t), e
|
||
|
}
|
||
|
}]), t
|
||
|
}(f),
|
||
|
T = n(10),
|
||
|
A = function(e) {
|
||
|
function t(e, n) {
|
||
|
var a;
|
||
|
s()(this, t), a = p()(this, m()(t).call(this)), u()(y()(y()(a)), "defaultStates", {
|
||
|
value: 0,
|
||
|
step: 1
|
||
|
}), u()(y()(y()(a)), "changeButtonState", function() {
|
||
|
a.states.max > a.states.value && a.addNode.classList.contains("disabled") && a
|
||
|
.addNode.classList.remove("disabled"), a.states.min < a.states.value && a
|
||
|
.subNode.classList.contains("disabled") && a.subNode.classList.remove(
|
||
|
"disabled")
|
||
|
}), u()(y()(y()(a)), "value", function() {}), u()(y()(y()(a)), "max", function() {}),
|
||
|
u()(y()(y()(a)), "min", function() {}), u()(y()(y()(a)), "step", function() {}), u()(y()
|
||
|
(y()(a)), "size",
|
||
|
function(e) {
|
||
|
a.isCounterSide ? (a.inputNode.classList.remove("large", "small"), a.addNode
|
||
|
.parentNode.classList.remove("large", "small"), a.inputNode.classList
|
||
|
.add(e), a.addNode.parentNode.classList.add(e)) : (a.inputNode.classList
|
||
|
.remove("large", "small"), a.addNode.classList.remove("large", "small"),
|
||
|
a.subNode.classList.remove("large", "small"), a.inputNode.classList.add(
|
||
|
e), a.addNode.classList.add(e), a.subNode.classList.add(e))
|
||
|
}), u()(y()(y()(a)), "disabled", function(e) {
|
||
|
a.inputNode.setAttribute("disabled", e), a.inputNode.parentNode.classList
|
||
|
.toggle("disabled", e), a.addNode.classList.toggle("disabled", e), a.subNode
|
||
|
.classList.toggle("disabled", e)
|
||
|
}), a.initNode(e), a.isCounterSide = a.node.classList.contains("yu-counter-side"), a
|
||
|
.inputNode = a.node.getElementsByTagName("INPUT")[0];
|
||
|
var o = a.node.getElementsByTagName("BUTTON");
|
||
|
return a.isCounterSide ? (a.addNode = o[0], a.subNode = o[1]) : (a.addNode = o[1], a
|
||
|
.subNode = o[0]), a.addNode.addEventListener("click", function(e) {
|
||
|
if (!e.currentTarget.classList.contains("disabled")) {
|
||
|
var t = T.add(a.states.value, a.states.step);
|
||
|
a.states.max <= t ? (a.states.value = a.states.max, e.currentTarget
|
||
|
.classList.add("disabled")) : a.states.value = t, a
|
||
|
.changeButtonState(), a.inputNode.value = a.states.value, a.emit(
|
||
|
"onChange", a.states.value)
|
||
|
}
|
||
|
}), a.subNode.addEventListener("click", function(e) {
|
||
|
if (!e.currentTarget.classList.contains("disabled")) {
|
||
|
var t = T.sub(a.states.value, a.states.step);
|
||
|
a.states.min >= t ? (a.states.value = a.states.min, e.currentTarget
|
||
|
.classList.add("disabled")) : a.states.value = t, a
|
||
|
.changeButtonState(), a.inputNode.value = a.states.value, a.emit(
|
||
|
"onChange", a.states.value)
|
||
|
}
|
||
|
}), a.inputNode.addEventListener("blur", function(e) {
|
||
|
var t = Number(e.target.value);
|
||
|
a.states.min >= t && (a.states.value = a.states.min, a.subNode.classList.add(
|
||
|
"disabled"), a.inputNode.value = a.states.value, a.emit("onChange",
|
||
|
a.states.value)), a.states.max <= t && (a.states.value = a.states.max, a
|
||
|
.addNode.classList.add("disabled"), a.inputNode.value = a.states.value,
|
||
|
a.emit("onChange", a.states.value)), a.changeButtonState()
|
||
|
}), a.initStates(n), a
|
||
|
}
|
||
|
return N()(t, e), t
|
||
|
}(f),
|
||
|
O = function(e) {
|
||
|
function t() {
|
||
|
return s()(this, t), p()(this, m()(t).apply(this, arguments))
|
||
|
}
|
||
|
return N()(t, e), t
|
||
|
}(A),
|
||
|
w = function(e) {
|
||
|
function t(e, n) {
|
||
|
var a;
|
||
|
return s()(this, t), a = p()(this, m()(t).call(this)), u()(y()(y()(a)), "defaultStates", {
|
||
|
option: [],
|
||
|
value: "",
|
||
|
text: ""
|
||
|
}), u()(y()(y()(a)), "optionBindEvent", function() {
|
||
|
Array.from(a.optionNode.children).forEach(function(e) {
|
||
|
e.addEventListener("mousedown", function(e) {
|
||
|
e.currentTarget.getAttribute("data-value") && (a
|
||
|
.onSelect(e.currentTarget.getAttribute(
|
||
|
"data-value"), e.target.innerText), a.states
|
||
|
.multi ? e.currentTarget.classList.add("hide") :
|
||
|
(Array.from(a.optionNode.querySelectorAll(
|
||
|
".active")).forEach(function(e) {
|
||
|
e.classList.remove("active")
|
||
|
}), e.currentTarget.classList.add("active")))
|
||
|
})
|
||
|
})
|
||
|
}), u()(y()(y()(a)), "clear", function(e) {
|
||
|
e ? (a.inputIconNode.classList.remove("icon-angle-down"), a.inputIconNode
|
||
|
.classList.add("icon-close-circle"), a.inputIconNode.addEventListener(
|
||
|
"click", a.clearEvent)) : (a.inputIconNode.classList.remove(
|
||
|
"icon-close-circle"), a.inputIconNode.classList.add(
|
||
|
"icon-angle-down"), a.inputIconNode.removeEventListener("click", a
|
||
|
.clearEvent))
|
||
|
}), u()(y()(y()(a)), "clearEvent", function(e) {
|
||
|
e.target.classList.remove("icon-close-circle"), e.target.classList.add(
|
||
|
"icon-angle-down"), a.states.multi ? (a.states.value = [], a.states
|
||
|
.text = [], a.inputNode.value = "", Array.from(a.optionNode.children)
|
||
|
.forEach(function(e) {
|
||
|
e.classList.remove("hide")
|
||
|
}), a.states.showSelect && (a.tagsNode.innerHTML = "")) : (a.states
|
||
|
.value = "", a.states.text = "", a.inputNode.value = "", Array.from(a
|
||
|
.optionNode.children).forEach(function(e) {
|
||
|
e.classList.remove("active")
|
||
|
})), a.emit("onChange", a.states.value)
|
||
|
}), u()(y()(y()(a)), "overflow", function(e) {
|
||
|
a.optionNode.classList.toggle("overflow", e)
|
||
|
}), u()(y()(y()(a)), "option", function(e) {
|
||
|
0 < e.length && (a.optionNode.innerHTML = "", e.forEach(function(e) {
|
||
|
var t = document.createElement("LI");
|
||
|
t.innerText = e.label, t.setAttribute("data-value", e.value), e
|
||
|
.disabled && (t.className = "disabled"), a.optionNode
|
||
|
.appendChild(t)
|
||
|
}), a.mounted && a.optionBindEvent())
|
||
|
}), u()(y()(y()(a)), "visible", function(e) {
|
||
|
a.optionNode.classList.toggle("transition-enter", e), a.optionNode.classList
|
||
|
.toggle("transition-leave", !e)
|
||
|
}), u()(y()(y()(a)), "disabled", function(e) {
|
||
|
a.inputNode.parentNode.classList.toggle("disabled", e), a.inputNode
|
||
|
.setAttribute("readonly", e)
|
||
|
}), u()(y()(y()(a)), "size", function(e) {
|
||
|
a.node.classList.remove("small", "large"), a.node.classList.add(e)
|
||
|
}), u()(y()(y()(a)), "showSelect", function(e) {
|
||
|
e || (a.tagsNode.innerHTML = "")
|
||
|
}), u()(y()(y()(a)), "onSelect", function(e, t) {
|
||
|
a.states.multi ? (a.states.value.push(e), a.states.text.push(t), a.inputNode
|
||
|
.value = a.states.text.join(","), a.states.showSelect && a.insertTag(e,
|
||
|
t)) : (a.states.value = e, a.states.text = t, a.inputNode.value = a
|
||
|
.states.text), a.emit("onChange", a.states.value)
|
||
|
}), u()(y()(y()(a)), "insertTag", function(e, t) {
|
||
|
var n = document.createElement("DIV");
|
||
|
n.className = "yu-tag small", n.innerText = t, n.setAttribute("data-value", ""
|
||
|
.concat(e, ",").concat(t));
|
||
|
var o = document.createElement("I");
|
||
|
o.className = "iconfont icon-close", n.appendChild(o), o.addEventListener(
|
||
|
"click",
|
||
|
function(e) {
|
||
|
a.unSelect(e.target.parentNode.getAttribute("data-value")), e.target
|
||
|
.parentNode.parentNode.removeChild(e.target.parentNode)
|
||
|
}), a.tagsNode.appendChild(n)
|
||
|
}), u()(y()(y()(a)), "unSelect", function(e) {
|
||
|
var t = e.split(","),
|
||
|
n = t[0],
|
||
|
o = t[1];
|
||
|
a.optionNode.querySelector("[data-value=".concat(n, "]")).classList.remove(
|
||
|
"hide"), a.states.value.splice(a.states.value.indexOf(n), 1), a.states
|
||
|
.text.splice(a.states.text.indexOf(o), 1), a.inputNode.value = a.states.text
|
||
|
.join(","), 0 === a.states.value.length && (a.inputIconNode.classList
|
||
|
.remove("icon-close-circle"), a.inputIconNode.classList.add(
|
||
|
"icon-angle-down")), a.emit("onChange", a.states.value)
|
||
|
}), a.initNode(e), a.inputNode = a.node.querySelector("input"), a.optionNode = a.node
|
||
|
.querySelector(".yu-option"), a.tagsNode = a.node.querySelector(".yu-tags"), a.states
|
||
|
.multi && (a.states.value = [], a.states.text = []), a.inputIconNode = a.node
|
||
|
.querySelector(".suffix>i"), a.initStates(n), a.inputNode.addEventListener("focus",
|
||
|
function() {
|
||
|
a.setState("visible", !a.states.disabled)
|
||
|
}), a.inputNode.addEventListener("blur", function(e) {
|
||
|
a.setState("visible", !1), a.setState("clear", 0 < e.target.value.length)
|
||
|
}), a.inputNode.addEventListener("input", function(e) {
|
||
|
a.setState("clear", 0 < e.target.value.length)
|
||
|
}), a.optionBindEvent(), a
|
||
|
}
|
||
|
return N()(t, e), t
|
||
|
}(f),
|
||
|
I = n(7),
|
||
|
B = n.n(I),
|
||
|
P = function(e) {
|
||
|
function t(e, n) {
|
||
|
var a;
|
||
|
return s()(this, t), a = p()(this, m()(t).call(this)), u()(y()(y()(a)), "defaultStates", {
|
||
|
changeOnSelect: !1,
|
||
|
hover: !1,
|
||
|
remote: null,
|
||
|
option: [],
|
||
|
value: []
|
||
|
}), u()(y()(y()(a)), "visible", function(e) {
|
||
|
a.cascaderOptionNode.classList.toggle("transition-enter", e), a
|
||
|
.cascaderOptionNode.classList.toggle("transition-leave", !e)
|
||
|
}), u()(y()(y()(a)), "disabled", function(e) {
|
||
|
a.inputNode.parentNode.classList.toggle("disabled", e), a.inputNode
|
||
|
.setAttribute("readonly", e)
|
||
|
}), u()(y()(y()(a)), "clear", function(e) {
|
||
|
e ? (a.inputIconNode.classList.remove("icon-angle-down"), a.inputIconNode
|
||
|
.classList.add("icon-close-circle"), a.inputIconNode.addEventListener(
|
||
|
"click", a.clearEvent)) : (a.inputIconNode.classList.remove(
|
||
|
"icon-close-circle"), a.inputIconNode.classList.add(
|
||
|
"icon-angle-down"), a.inputIconNode.removeEventListener("click", a
|
||
|
.clearEvent))
|
||
|
}), u()(y()(y()(a)), "overflow", function(e) {
|
||
|
a.cascaderOptionNode.classList.toggle("overflow", e)
|
||
|
}), u()(y()(y()(a)), "option", function(e) {
|
||
|
a.states.remote ? a.states.remote().then(function(e) {
|
||
|
a.insertOption([], e)
|
||
|
}) : 0 < e.length && (a.cascaderOptionNode.innerHTML = "", a.insertOption(
|
||
|
[], e))
|
||
|
}), u()(y()(y()(a)), "value", function(e) {
|
||
|
if (0 !== e.length) {
|
||
|
var t = [],
|
||
|
n = a.states.option,
|
||
|
o = [];
|
||
|
e.forEach(function(e) {
|
||
|
for (var i = 0; i < n.length; i++)
|
||
|
if (n[i].value === e) return o.push(n[i].label), n = n[i]
|
||
|
.children, t.push(i), void(n && 0 < n.length && a
|
||
|
.insertOption(t, n))
|
||
|
}), a.onSelect({
|
||
|
value: e,
|
||
|
text: o
|
||
|
})
|
||
|
}
|
||
|
}), u()(y()(y()(a)), "changeOnSelect", function() {}), u()(y()(y()(a)), "clearEvent",
|
||
|
function(e) {
|
||
|
e.target.classList.remove("icon-close-circle"), e.target.classList.add(
|
||
|
"icon-angle-down"), a.states.value = [], a.states.text = [], a.inputNode
|
||
|
.value = "", a.cascaderOptionNode.innerHTML = "", a.setState("option", a
|
||
|
.states.option), a.emit("onChange", a.states.value)
|
||
|
}), u()(y()(y()(a)), "createOption", function(e) {
|
||
|
a.removeChildOption(e.length - 1);
|
||
|
var t = [];
|
||
|
a.states.remote ? (a.states.value = a.getValueAndText().value, a.states.remote(a
|
||
|
.states.value).then(function(t) {
|
||
|
a.insertOption(e, t)
|
||
|
})) : (t = a.getTargetOption(e), a.insertOption(e, t))
|
||
|
}), u()(y()(y()(a)), "insertOption", function(e, t) {
|
||
|
var n = document.createElement("UL");
|
||
|
n.className = "yu-option", t.forEach(function(t, o) {
|
||
|
var i = document.createElement("LI");
|
||
|
i.innerText = t.label, i.setAttribute("data-value", t.value), i
|
||
|
.setAttribute("data-index", [].concat(B()(e), [o]).join(",")), t
|
||
|
.disabled && i.classList.add("disabled"), t.hide && i.classList
|
||
|
.add("hide"), 0 < a.states.value.length && a.states.value[e
|
||
|
.length] === t.value && i.classList.add("active"), t
|
||
|
.children || (i.classList.add("last"), a.states.hover && i
|
||
|
.addEventListener("click", function(e) {
|
||
|
a.setState("visible", !1), a.onSelect(a
|
||
|
.getValueAndText(e.currentTarget
|
||
|
.getAttribute("data-index").split(",")))
|
||
|
})), n.appendChild(i)
|
||
|
}), a.states.hover ? n.addEventListener("mouseover", function(e) {
|
||
|
if ("LI" === e.target.tagName && !e.target.classList.contains(
|
||
|
"disabled")) {
|
||
|
Array.from(e.currentTarget.children).forEach(function(e) {
|
||
|
e.classList.remove("active")
|
||
|
}), e.target.classList.add("active");
|
||
|
var t = e.target.getAttribute("data-index").split(",");
|
||
|
e.target.classList.contains("last") || a.createOption(t)
|
||
|
}
|
||
|
}) : n.addEventListener("mousedown", function(e) {
|
||
|
if ("LI" === e.target.tagName && !e.target.classList.contains(
|
||
|
"disabled")) {
|
||
|
Array.from(e.currentTarget.children).forEach(function(e) {
|
||
|
e.classList.remove("active")
|
||
|
}), e.target.classList.add("active");
|
||
|
var t = e.target.getAttribute("data-index").split(",");
|
||
|
if (e.target.classList.contains("last")) return a.setState(
|
||
|
"visible", !1), void a.onSelect(a.getValueAndText());
|
||
|
a.states.changeOnSelect && a.onSelect(a.getValueAndText()), a
|
||
|
.createOption(t)
|
||
|
}
|
||
|
}), a.cascaderOptionNode.appendChild(n)
|
||
|
}), u()(y()(y()(a)), "onSelect", function(e) {
|
||
|
var t = e.value,
|
||
|
n = e.text;
|
||
|
a.states.value = t, a.states.text = n, a.states.short ? a.inputNode.value = a
|
||
|
.states.text[a.states.text.length - 1] : a.inputNode.value = a.states.text
|
||
|
.join("/"), a.setState("clear", !0), a.emit("onChange", a.states.value)
|
||
|
}), a.initNode(e), a.inputNode = a.node.querySelector("input"), a.inputIconNode = a.node
|
||
|
.querySelector(".suffix>i"), a.cascaderOptionNode = a.node.querySelector(
|
||
|
".yu-cascader-option"), a.initStates(n), a.inputNode.addEventListener("focus",
|
||
|
function() {
|
||
|
a.setState("visible", !a.states.disabled)
|
||
|
}), a.inputNode.addEventListener("blur", function(e) {
|
||
|
a.setState("clear", 0 < e.target.value.length)
|
||
|
}), document.body.addEventListener("click", function(e) {
|
||
|
"BODY" === e.currentTarget.tagName && "INPUT" !== e.target.tagName && "LI" !== e
|
||
|
.target.tagName && a.setState("visible", !1)
|
||
|
}, !1), a.inputNode.addEventListener("input", function(e) {
|
||
|
a.setState("clear", 0 < e.target.value.length)
|
||
|
}), a
|
||
|
}
|
||
|
return N()(t, e), c()(t, [{
|
||
|
key: "removeChildOption",
|
||
|
value: function(e) {
|
||
|
var t = this;
|
||
|
Array.from(this.cascaderOptionNode.children).forEach(function(n, a) {
|
||
|
e < a && t.cascaderOptionNode.removeChild(n)
|
||
|
})
|
||
|
}
|
||
|
}, {
|
||
|
key: "getTargetOption",
|
||
|
value: function(e) {
|
||
|
for (var t = this.states.option, n = 0; n < e.length; n++) t = t[e[n]]
|
||
|
.children;
|
||
|
return t
|
||
|
}
|
||
|
}, {
|
||
|
key: "getValueAndText",
|
||
|
value: function() {
|
||
|
var e = {
|
||
|
value: [],
|
||
|
text: []
|
||
|
};
|
||
|
return Array.from(this.cascaderOptionNode.querySelectorAll(".active"))
|
||
|
.forEach(function(t) {
|
||
|
e.value.push(t.getAttribute("data-value")), e.text.push(t
|
||
|
.innerText)
|
||
|
}), e
|
||
|
}
|
||
|
}]), t
|
||
|
}(f),
|
||
|
q = function(e) {
|
||
|
function t(e, n) {
|
||
|
var a;
|
||
|
return s()(this, t), a = p()(this, m()(t).call(this)), u()(y()(y()(a)), "defaultStates", {
|
||
|
type: "primary",
|
||
|
value: "on",
|
||
|
option: null,
|
||
|
on: !1
|
||
|
}), u()(y()(y()(a)), "type", function() {}), u()(y()(y()(a)), "value", function() {}),
|
||
|
u()(y()(y()(a)), "on", function(e) {
|
||
|
a.switchNode.classList.toggle("on", e), a.switchNode.classList.toggle(a.states
|
||
|
.type, e)
|
||
|
}), u()(y()(y()(a)), "label", function(e) {
|
||
|
a.labelNode.innerText = e
|
||
|
}), u()(y()(y()(a)), "activeLabel", function(e) {
|
||
|
a.states.on && (a.labelNode.innerText = e)
|
||
|
}), u()(y()(y()(a)), "inactiveLabel", function(e) {
|
||
|
a.states.on || (a.labelNode.innerText = e)
|
||
|
}), u()(y()(y()(a)), "disabled", function(e) {
|
||
|
a.node.classList.toggle("disabled", e)
|
||
|
}), u()(y()(y()(a)), "option", function(e) {
|
||
|
if (e) {
|
||
|
a.node.innerHTML = "";
|
||
|
var t = document.createElement("INPUT");
|
||
|
t.type = "checkbox", e.value && (t.value = e.value, a.mounted && (a.states
|
||
|
.value = e.value)), e.checked && (t.checked = "checked"), a.node
|
||
|
.appendChild(t);
|
||
|
var n = document.createElement("SPAN"),
|
||
|
o = document.createElement("SPAN");
|
||
|
if (n.className = "switch", o.className = "circle", n.appendChild(o), a.node
|
||
|
.appendChild(n), e.label) {
|
||
|
var i = document.createElement("LABEL");
|
||
|
i.innerText = e.label, e.after ? a.node.appendChild(i) : a.node
|
||
|
.insertBefore(i, n), a.labelNode = i
|
||
|
}
|
||
|
a.mounted && n.addEventListener("click", function(e) {
|
||
|
e.currentTarget.classList.toggle("on")
|
||
|
}), a.inputNode = t, a.switchNode = n
|
||
|
}
|
||
|
}), a.initNode(e), a.inputNode = a.node.getElementsByTagName("INPUT")[0], a.switchNode =
|
||
|
a.node.querySelector(".switch"), a.labelNode = a.node.getElementsByTagName("LABEL")[0],
|
||
|
a.initStates(n), a.states.value = a.inputNode.value, a.switchNode.addEventListener(
|
||
|
"click",
|
||
|
function() {
|
||
|
a.setState("on", !a.states.on);
|
||
|
var e;
|
||
|
e = a.states.activeValue ? a.states.on ? a.states.activeValue : a.states
|
||
|
.inactiveValue : a.states.on ? a.states.value : "", a.states.activeLabel &&
|
||
|
(a.labelNode.innerText = a.states.on ? a.states.activeLabel : a.states
|
||
|
.inactiveLabel), a.emit("onChange", e), a.inputNode.value = e, a
|
||
|
.inputNode.checked = !!a.states.on && "checked"
|
||
|
}), a
|
||
|
}
|
||
|
return N()(t, e), t
|
||
|
}(f);
|
||
|
n.d(t, "NODE_CLASSNAME", function() {
|
||
|
return j
|
||
|
}), n.d(t, "init", function() {
|
||
|
return M
|
||
|
}), n.d(t, "install", function() {
|
||
|
return D
|
||
|
}), n.d(t, "register", function() {
|
||
|
return U
|
||
|
}), n.d(t, "data", function() {
|
||
|
return _
|
||
|
}), n.d(t, "setData", function() {
|
||
|
return H
|
||
|
}), n.d(t, "Button", function() {
|
||
|
return L
|
||
|
}), n.d(t, "Radio", function() {
|
||
|
return S
|
||
|
}), n.d(t, "RadioGroup", function() {
|
||
|
return E
|
||
|
}), n.d(t, "Checkbox", function() {
|
||
|
return x
|
||
|
}), n.d(t, "CheckboxGroup", function() {
|
||
|
return k
|
||
|
}), n.d(t, "Input", function() {
|
||
|
return C
|
||
|
}), n.d(t, "Counter", function() {
|
||
|
return A
|
||
|
}), n.d(t, "CounterSide", function() {
|
||
|
return O
|
||
|
}), n.d(t, "Select", function() {
|
||
|
return w
|
||
|
}), n.d(t, "Cascader", function() {
|
||
|
return P
|
||
|
}), n.d(t, "Switch", function() {
|
||
|
return q
|
||
|
}), n.d(t, "Component", function() {
|
||
|
return f
|
||
|
});
|
||
|
var j = {},
|
||
|
M = function() {
|
||
|
for (var e = arguments.length, t = new Array(e), n = 0; n < e; n++) t[n] = arguments[n];
|
||
|
return a = {}, t.forEach(function(e) {
|
||
|
var t = o(e);
|
||
|
Object.assign(a, t)
|
||
|
}), a;
|
||
|
var a
|
||
|
},
|
||
|
_ = {};
|
||
|
|
||
|
function D() {
|
||
|
window.yu = R
|
||
|
}
|
||
|
|
||
|
function U(e, t, n) {
|
||
|
R.NODE_CLASSNAME[t] = n, R[t] = e
|
||
|
}
|
||
|
|
||
|
function H(e) {
|
||
|
Object.assign(R.data, e)
|
||
|
}
|
||
|
var R = {
|
||
|
NODE_CLASSNAME: j,
|
||
|
Button: L,
|
||
|
Radio: S,
|
||
|
RadioGroup: E,
|
||
|
Checkbox: x,
|
||
|
CheckboxGroup: k,
|
||
|
Input: C,
|
||
|
Counter: A,
|
||
|
CounterSide: O,
|
||
|
Select: w,
|
||
|
Cascader: P,
|
||
|
Switch: q,
|
||
|
Component: f,
|
||
|
init: M,
|
||
|
install: D,
|
||
|
register: U,
|
||
|
data: _,
|
||
|
setData: H
|
||
|
},
|
||
|
V = t.default = R
|
||
|
}]);
|