|
|
@@ -0,0 +1,25040 @@
|
|
|
+! function (e, t) {
|
|
|
+ "object" == typeof exports && "object" == typeof module ? module.exports = t(require("vue")) : "function" == typeof define && define.amd ? define("ELEMENT", ["vue"], t) : "object" == typeof exports ? exports.ELEMENT = t(require("vue")) : e.ELEMENT = t(e.Vue)
|
|
|
+}("undefined" != typeof self ? self : this, function (i) {
|
|
|
+ return n = [function (e, t) {
|
|
|
+ e.exports = i
|
|
|
+ }, function (e, t, i) {
|
|
|
+ var n = i(4);
|
|
|
+ e.exports = function (e, t, i) {
|
|
|
+ return void 0 === i ? n(e, t, !1) : n(e, i, !1 !== t)
|
|
|
+ }
|
|
|
+ }, function (f, m, g) {
|
|
|
+ var v;
|
|
|
+ ! function () {
|
|
|
+ "use strict";
|
|
|
+
|
|
|
+ function e() {}
|
|
|
+ var u = {},
|
|
|
+ c = /d{1,4}|M{1,4}|yy(?:yy)?|S{1,3}|Do|ZZ|([HhMsDm])\1?|[aA]|"[^"]*"|'[^']*'/g,
|
|
|
+ t = "[^\\s]+",
|
|
|
+ h = /\[([^]*?)\]/gm;
|
|
|
+
|
|
|
+ function i(e, t) {
|
|
|
+ for (var i = [], n = 0, r = e.length; n < r; n++) i.push(e[n].substr(0, t));
|
|
|
+ return i
|
|
|
+ }
|
|
|
+
|
|
|
+ function n(n) {
|
|
|
+ return function (e, t, i) {
|
|
|
+ t = i[n].indexOf(t.charAt(0).toUpperCase() + t.substr(1).toLowerCase());
|
|
|
+ ~t && (e.month = t)
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ function r(e, t) {
|
|
|
+ for (e = String(e), t = t || 2; e.length < t;) e = "0" + e;
|
|
|
+ return e
|
|
|
+ }
|
|
|
+ var s = ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"],
|
|
|
+ o = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"],
|
|
|
+ a = i(o, 3),
|
|
|
+ l = i(s, 3);
|
|
|
+ u.i18n = {
|
|
|
+ dayNamesShort: l,
|
|
|
+ dayNames: s,
|
|
|
+ monthNamesShort: a,
|
|
|
+ monthNames: o,
|
|
|
+ amPm: ["am", "pm"],
|
|
|
+ DoFn: function (e) {
|
|
|
+ return e + ["th", "st", "nd", "rd"][3 < e % 10 ? 0 : (e - e % 10 != 10) * e % 10]
|
|
|
+ }
|
|
|
+ };
|
|
|
+ var d = {
|
|
|
+ D: function (e) {
|
|
|
+ return e.getDay()
|
|
|
+ },
|
|
|
+ DD: function (e) {
|
|
|
+ return r(e.getDay())
|
|
|
+ },
|
|
|
+ Do: function (e, t) {
|
|
|
+ return t.DoFn(e.getDate())
|
|
|
+ },
|
|
|
+ d: function (e) {
|
|
|
+ return e.getDate()
|
|
|
+ },
|
|
|
+ dd: function (e) {
|
|
|
+ return r(e.getDate())
|
|
|
+ },
|
|
|
+ ddd: function (e, t) {
|
|
|
+ return t.dayNamesShort[e.getDay()]
|
|
|
+ },
|
|
|
+ dddd: function (e, t) {
|
|
|
+ return t.dayNames[e.getDay()]
|
|
|
+ },
|
|
|
+ M: function (e) {
|
|
|
+ return e.getMonth() + 1
|
|
|
+ },
|
|
|
+ MM: function (e) {
|
|
|
+ return r(e.getMonth() + 1)
|
|
|
+ },
|
|
|
+ MMM: function (e, t) {
|
|
|
+ return t.monthNamesShort[e.getMonth()]
|
|
|
+ },
|
|
|
+ MMMM: function (e, t) {
|
|
|
+ return t.monthNames[e.getMonth()]
|
|
|
+ },
|
|
|
+ yy: function (e) {
|
|
|
+ return r(String(e.getFullYear()), 4).substr(2)
|
|
|
+ },
|
|
|
+ yyyy: function (e) {
|
|
|
+ return r(e.getFullYear(), 4)
|
|
|
+ },
|
|
|
+ h: function (e) {
|
|
|
+ return e.getHours() % 12 || 12
|
|
|
+ },
|
|
|
+ hh: function (e) {
|
|
|
+ return r(e.getHours() % 12 || 12)
|
|
|
+ },
|
|
|
+ H: function (e) {
|
|
|
+ return e.getHours()
|
|
|
+ },
|
|
|
+ HH: function (e) {
|
|
|
+ return r(e.getHours())
|
|
|
+ },
|
|
|
+ m: function (e) {
|
|
|
+ return e.getMinutes()
|
|
|
+ },
|
|
|
+ mm: function (e) {
|
|
|
+ return r(e.getMinutes())
|
|
|
+ },
|
|
|
+ s: function (e) {
|
|
|
+ return e.getSeconds()
|
|
|
+ },
|
|
|
+ ss: function (e) {
|
|
|
+ return r(e.getSeconds())
|
|
|
+ },
|
|
|
+ S: function (e) {
|
|
|
+ return Math.round(e.getMilliseconds() / 100)
|
|
|
+ },
|
|
|
+ SS: function (e) {
|
|
|
+ return r(Math.round(e.getMilliseconds() / 10), 2)
|
|
|
+ },
|
|
|
+ SSS: function (e) {
|
|
|
+ return r(e.getMilliseconds(), 3)
|
|
|
+ },
|
|
|
+ a: function (e, t) {
|
|
|
+ return e.getHours() < 12 ? t.amPm[0] : t.amPm[1]
|
|
|
+ },
|
|
|
+ A: function (e, t) {
|
|
|
+ return (e.getHours() < 12 ? t.amPm[0] : t.amPm[1]).toUpperCase()
|
|
|
+ },
|
|
|
+ ZZ: function (e) {
|
|
|
+ e = e.getTimezoneOffset();
|
|
|
+ return (0 < e ? "-" : "+") + r(100 * Math.floor(Math.abs(e) / 60) + Math.abs(e) % 60, 4)
|
|
|
+ }
|
|
|
+ },
|
|
|
+ p = {
|
|
|
+ d: ["\\d\\d?", function (e, t) {
|
|
|
+ e.day = t
|
|
|
+ }],
|
|
|
+ Do: ["\\d\\d?" + t, function (e, t) {
|
|
|
+ e.day = parseInt(t, 10)
|
|
|
+ }],
|
|
|
+ M: ["\\d\\d?", function (e, t) {
|
|
|
+ e.month = t - 1
|
|
|
+ }],
|
|
|
+ yy: ["\\d\\d?", function (e, t) {
|
|
|
+ var i = +("" + (new Date).getFullYear()).substr(0, 2);
|
|
|
+ e.year = "" + (68 < t ? i - 1 : i) + t
|
|
|
+ }],
|
|
|
+ h: ["\\d\\d?", function (e, t) {
|
|
|
+ e.hour = t
|
|
|
+ }],
|
|
|
+ m: ["\\d\\d?", function (e, t) {
|
|
|
+ e.minute = t
|
|
|
+ }],
|
|
|
+ s: ["\\d\\d?", function (e, t) {
|
|
|
+ e.second = t
|
|
|
+ }],
|
|
|
+ yyyy: ["\\d{4}", function (e, t) {
|
|
|
+ e.year = t
|
|
|
+ }],
|
|
|
+ S: ["\\d", function (e, t) {
|
|
|
+ e.millisecond = 100 * t
|
|
|
+ }],
|
|
|
+ SS: ["\\d{2}", function (e, t) {
|
|
|
+ e.millisecond = 10 * t
|
|
|
+ }],
|
|
|
+ SSS: ["\\d{3}", function (e, t) {
|
|
|
+ e.millisecond = t
|
|
|
+ }],
|
|
|
+ D: ["\\d\\d?", e],
|
|
|
+ ddd: [t, e],
|
|
|
+ MMM: [t, n("monthNamesShort")],
|
|
|
+ MMMM: [t, n("monthNames")],
|
|
|
+ a: [t, function (e, t, i) {
|
|
|
+ t = t.toLowerCase();
|
|
|
+ t === i.amPm[0] ? e.isPm = !1 : t === i.amPm[1] && (e.isPm = !0)
|
|
|
+ }],
|
|
|
+ ZZ: ["[^\\s]*?[\\+\\-]\\d\\d:?\\d\\d|[^\\s]*?Z", function (e, t) {
|
|
|
+ var i = (t + "").match(/([+-]|\d\d)/gi);
|
|
|
+ i && (t = 60 * i[1] + parseInt(i[2], 10), e.timezoneOffset = "+" === i[0] ? t : -t)
|
|
|
+ }]
|
|
|
+ };
|
|
|
+ p.dd = p.d, p.dddd = p.ddd, p.DD = p.D, p.mm = p.m, p.hh = p.H = p.HH = p.h, p.MM = p.M, p.ss = p.s, p.A = p.a, u.masks = {
|
|
|
+ default: "ddd MMM dd yyyy HH:mm:ss",
|
|
|
+ shortDate: "M/D/yy",
|
|
|
+ mediumDate: "MMM d, yyyy",
|
|
|
+ longDate: "MMMM d, yyyy",
|
|
|
+ fullDate: "dddd, MMMM d, yyyy",
|
|
|
+ shortTime: "HH:mm",
|
|
|
+ mediumTime: "HH:mm:ss",
|
|
|
+ longTime: "HH:mm:ss.SSS"
|
|
|
+ }, u.format = function (t, e, i) {
|
|
|
+ var n = i || u.i18n;
|
|
|
+ if ("number" == typeof t && (t = new Date(t)), "[object Date]" !== Object.prototype.toString.call(t) || isNaN(t.getTime())) throw new Error("Invalid Date in fecha.format");
|
|
|
+ e = u.masks[e] || e || u.masks.default;
|
|
|
+ var r = [];
|
|
|
+ return (e = (e = e.replace(h, function (e, t) {
|
|
|
+ return r.push(t), "@@@"
|
|
|
+ })).replace(c, function (e) {
|
|
|
+ return e in d ? d[e](t, n) : e.slice(1, e.length - 1)
|
|
|
+ })).replace(/@@@/g, function () {
|
|
|
+ return r.shift()
|
|
|
+ })
|
|
|
+ }, u.parse = function (e, t, i) {
|
|
|
+ var n = i || u.i18n;
|
|
|
+ if ("string" != typeof t) throw new Error("Invalid format in fecha.parse");
|
|
|
+ if (t = u.masks[t] || t, 1e3 < e.length) return null;
|
|
|
+ var r = {},
|
|
|
+ s = [],
|
|
|
+ o = [],
|
|
|
+ t = (t = (t = t.replace(h, function (e, t) {
|
|
|
+ return o.push(t), "@@@"
|
|
|
+ })).replace(/[|\\{()[^$+*?.-]/g, "\\$&").replace(c, function (e) {
|
|
|
+ if (p[e]) {
|
|
|
+ var t = p[e];
|
|
|
+ return s.push(t[1]), "(" + t[0] + ")"
|
|
|
+ }
|
|
|
+ return e
|
|
|
+ })).replace(/@@@/g, function () {
|
|
|
+ return o.shift()
|
|
|
+ }),
|
|
|
+ a = e.match(new RegExp(t, "i"));
|
|
|
+ if (!a) return null;
|
|
|
+ for (var l = 1; l < a.length; l++) s[l - 1](r, a[l], n);
|
|
|
+ t = new Date;
|
|
|
+ return !0 === r.isPm && null != r.hour && 12 != +r.hour ? r.hour = +r.hour + 12 : !1 === r.isPm && 12 == +r.hour && (r.hour = 0), null != r.timezoneOffset ? (r.minute = +(r.minute || 0) - +r.timezoneOffset, new Date(Date.UTC(r.year || t.getFullYear(), r.month || 0, r.day || 1, r.hour || 0, r.minute || 0, r.second || 0, r.millisecond || 0))) : new Date(r.year || t.getFullYear(), r.month || 0, r.day || 1, r.hour || 0, r.minute || 0, r.second || 0, r.millisecond || 0)
|
|
|
+ }, f.exports ? f.exports = u : void 0 === (v = function () {
|
|
|
+ return u
|
|
|
+ }.call(m, g, m, f)) || (f.exports = v)
|
|
|
+ }()
|
|
|
+ }, function (e, t, i) {
|
|
|
+ "use strict";
|
|
|
+ t.__esModule = !0;
|
|
|
+ var n = o(i(65)),
|
|
|
+ r = o(i(77)),
|
|
|
+ s = "function" == typeof r.default && "symbol" == typeof n.default ? function (e) {
|
|
|
+ return typeof e
|
|
|
+ } : function (e) {
|
|
|
+ return e && "function" == typeof r.default && e.constructor === r.default && e !== r.default.prototype ? "symbol" : typeof e
|
|
|
+ };
|
|
|
+
|
|
|
+ function o(e) {
|
|
|
+ return e && e.__esModule ? e : {
|
|
|
+ default: e
|
|
|
+ }
|
|
|
+ }
|
|
|
+ t.default = "function" == typeof r.default && "symbol" === s(n.default) ? function (e) {
|
|
|
+ return void 0 === e ? "undefined" : s(e)
|
|
|
+ } : function (e) {
|
|
|
+ return e && "function" == typeof r.default && e.constructor === r.default && e !== r.default.prototype ? "symbol" : void 0 === e ? "undefined" : s(e)
|
|
|
+ }
|
|
|
+ }, function (e, t) {
|
|
|
+ e.exports = function (r, s, o, a) {
|
|
|
+ var l, u = 0;
|
|
|
+ return "boolean" != typeof s && (a = o, o = s, s = void 0),
|
|
|
+ function () {
|
|
|
+ var e = this,
|
|
|
+ t = Number(new Date) - u,
|
|
|
+ i = arguments;
|
|
|
+
|
|
|
+ function n() {
|
|
|
+ u = Number(new Date), o.apply(e, i)
|
|
|
+ }
|
|
|
+ a && !l && n(), l && clearTimeout(l), void 0 === a && r < t ? n() : !0 !== s && (l = setTimeout(a ? function () {
|
|
|
+ l = void 0
|
|
|
+ } : n, void 0 === a ? r - t : r))
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, function (e, t) {
|
|
|
+ e = e.exports = "undefined" != typeof window && window.Math == Math ? window : "undefined" != typeof self && self.Math == Math ? self : Function("return this")();
|
|
|
+ "number" == typeof __g && (__g = e)
|
|
|
+ }, function (e, t) {
|
|
|
+ var a = /^(attrs|props|on|nativeOn|class|style|hook)$/;
|
|
|
+ e.exports = function (e) {
|
|
|
+ return e.reduce(function (e, t) {
|
|
|
+ var i, n, r, s, o;
|
|
|
+ for (r in t)
|
|
|
+ if (i = e[r], n = t[r], i && a.test(r))
|
|
|
+ if ("class" === r && ("string" == typeof i && (o = i, e[r] = i = {}, i[o] = !0), "string" == typeof n && (o = n, t[r] = n = {}, n[o] = !0)), "on" === r || "nativeOn" === r || "hook" === r)
|
|
|
+ for (s in n) i[s] = function (e, t) {
|
|
|
+ return function () {
|
|
|
+ e && e.apply(this, arguments), t && t.apply(this, arguments)
|
|
|
+ }
|
|
|
+ }(i[s], n[s]);
|
|
|
+ else if (Array.isArray(i)) e[r] = i.concat(n);
|
|
|
+ else if (Array.isArray(n)) e[r] = [i].concat(n);
|
|
|
+ else
|
|
|
+ for (s in n) i[s] = n[s];
|
|
|
+ else e[r] = t[r];
|
|
|
+ return e
|
|
|
+ }, {})
|
|
|
+ }
|
|
|
+ }, function (e, t) {
|
|
|
+ var i = {}.hasOwnProperty;
|
|
|
+ e.exports = function (e, t) {
|
|
|
+ return i.call(e, t)
|
|
|
+ }
|
|
|
+ }, function (e, t, i) {
|
|
|
+ "use strict";
|
|
|
+ t.__esModule = !0;
|
|
|
+ i = i(56), i = i && i.__esModule ? i : {
|
|
|
+ default: i
|
|
|
+ };
|
|
|
+ t.default = i.default || function (e) {
|
|
|
+ for (var t = 1; t < arguments.length; t++) {
|
|
|
+ var i, n = arguments[t];
|
|
|
+ for (i in n) Object.prototype.hasOwnProperty.call(n, i) && (e[i] = n[i])
|
|
|
+ }
|
|
|
+ return e
|
|
|
+ }
|
|
|
+ }, function (e, t, i) {
|
|
|
+ var n = i(10),
|
|
|
+ r = i(18);
|
|
|
+ e.exports = i(11) ? function (e, t, i) {
|
|
|
+ return n.f(e, t, r(1, i))
|
|
|
+ } : function (e, t, i) {
|
|
|
+ return e[t] = i, e
|
|
|
+ }
|
|
|
+ }, function (e, t, i) {
|
|
|
+ var n = i(17),
|
|
|
+ r = i(36),
|
|
|
+ s = i(24),
|
|
|
+ o = Object.defineProperty;
|
|
|
+ t.f = i(11) ? Object.defineProperty : function (e, t, i) {
|
|
|
+ if (n(e), t = s(t, !0), n(i), r) try {
|
|
|
+ return o(e, t, i)
|
|
|
+ } catch (e) {}
|
|
|
+ if ("get" in i || "set" in i) throw TypeError("Accessors not supported!");
|
|
|
+ return "value" in i && (e[t] = i.value), e
|
|
|
+ }
|
|
|
+ }, function (e, t, i) {
|
|
|
+ e.exports = !i(16)(function () {
|
|
|
+ return 7 != Object.defineProperty({}, "a", {
|
|
|
+ get: function () {
|
|
|
+ return 7
|
|
|
+ }
|
|
|
+ }).a
|
|
|
+ })
|
|
|
+ }, function (e, t, i) {
|
|
|
+ var n = i(39),
|
|
|
+ r = i(25);
|
|
|
+ e.exports = function (e) {
|
|
|
+ return n(r(e))
|
|
|
+ }
|
|
|
+ }, function (e, t, i) {
|
|
|
+ var n = i(28)("wks"),
|
|
|
+ r = i(21),
|
|
|
+ s = i(5).Symbol,
|
|
|
+ o = "function" == typeof s;
|
|
|
+ (e.exports = function (e) {
|
|
|
+ return n[e] || (n[e] = o && s[e] || (o ? s : r)("Symbol." + e))
|
|
|
+ }).store = n
|
|
|
+ }, function (e, t) {
|
|
|
+ e = e.exports = {
|
|
|
+ version: "2.6.2"
|
|
|
+ };
|
|
|
+ "number" == typeof __e && (__e = e)
|
|
|
+ }, function (e, t) {
|
|
|
+ e.exports = function (e) {
|
|
|
+ return "object" == typeof e ? null !== e : "function" == typeof e
|
|
|
+ }
|
|
|
+ }, function (e, t) {
|
|
|
+ e.exports = function (e) {
|
|
|
+ try {
|
|
|
+ return !!e()
|
|
|
+ } catch (e) {
|
|
|
+ return !0
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, function (e, t, i) {
|
|
|
+ var n = i(15);
|
|
|
+ e.exports = function (e) {
|
|
|
+ if (!n(e)) throw TypeError(e + " is not an object!");
|
|
|
+ return e
|
|
|
+ }
|
|
|
+ }, function (e, t) {
|
|
|
+ e.exports = function (e, t) {
|
|
|
+ return {
|
|
|
+ enumerable: !(1 & e),
|
|
|
+ configurable: !(2 & e),
|
|
|
+ writable: !(4 & e),
|
|
|
+ value: t
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, function (e, t, i) {
|
|
|
+ var n = i(38),
|
|
|
+ r = i(29);
|
|
|
+ e.exports = Object.keys || function (e) {
|
|
|
+ return n(e, r)
|
|
|
+ }
|
|
|
+ }, function (e, t) {
|
|
|
+ e.exports = !0
|
|
|
+ }, function (e, t) {
|
|
|
+ var i = 0,
|
|
|
+ n = Math.random();
|
|
|
+ e.exports = function (e) {
|
|
|
+ return "Symbol(".concat(void 0 === e ? "" : e, ")_", (++i + n).toString(36))
|
|
|
+ }
|
|
|
+ }, function (e, t) {
|
|
|
+ t.f = {}.propertyIsEnumerable
|
|
|
+ }, function (e, t, i) {
|
|
|
+ var m = i(5),
|
|
|
+ g = i(14),
|
|
|
+ v = i(59),
|
|
|
+ y = i(9),
|
|
|
+ b = i(7),
|
|
|
+ w = function (e, t, i) {
|
|
|
+ var n, r, s, o = e & w.F,
|
|
|
+ a = e & w.G,
|
|
|
+ l = e & w.S,
|
|
|
+ u = e & w.P,
|
|
|
+ c = e & w.B,
|
|
|
+ h = e & w.W,
|
|
|
+ d = a ? g : g[t] || (g[t] = {}),
|
|
|
+ p = d.prototype,
|
|
|
+ f = a ? m : l ? m[t] : (m[t] || {}).prototype;
|
|
|
+ for (n in i = a ? t : i)(r = !o && f && void 0 !== f[n]) && b(d, n) || (s = (r ? f : i)[n], d[n] = a && "function" != typeof f[n] ? i[n] : c && r ? v(s, m) : h && f[n] == s ? function (n) {
|
|
|
+ function e(e, t, i) {
|
|
|
+ if (this instanceof n) {
|
|
|
+ switch (arguments.length) {
|
|
|
+ case 0:
|
|
|
+ return new n;
|
|
|
+ case 1:
|
|
|
+ return new n(e);
|
|
|
+ case 2:
|
|
|
+ return new n(e, t)
|
|
|
+ }
|
|
|
+ return new n(e, t, i)
|
|
|
+ }
|
|
|
+ return n.apply(this, arguments)
|
|
|
+ }
|
|
|
+ return e.prototype = n.prototype, e
|
|
|
+ }(s) : u && "function" == typeof s ? v(Function.call, s) : s, u && ((d.virtual || (d.virtual = {}))[n] = s, e & w.R && p && !p[n] && y(p, n, s)))
|
|
|
+ };
|
|
|
+ w.F = 1, w.G = 2, w.S = 4, w.P = 8, w.B = 16, w.W = 32, w.U = 64, w.R = 128, e.exports = w
|
|
|
+ }, function (e, t, i) {
|
|
|
+ var r = i(15);
|
|
|
+ e.exports = function (e, t) {
|
|
|
+ if (!r(e)) return e;
|
|
|
+ var i, n;
|
|
|
+ if (t && "function" == typeof (i = e.toString) && !r(n = i.call(e))) return n;
|
|
|
+ if ("function" == typeof (i = e.valueOf) && !r(n = i.call(e))) return n;
|
|
|
+ if (!t && "function" == typeof (i = e.toString) && !r(n = i.call(e))) return n;
|
|
|
+ throw TypeError("Can't convert object to primitive value")
|
|
|
+ }
|
|
|
+ }, function (e, t) {
|
|
|
+ e.exports = function (e) {
|
|
|
+ if (null == e) throw TypeError("Can't call method on " + e);
|
|
|
+ return e
|
|
|
+ }
|
|
|
+ }, function (e, t) {
|
|
|
+ var i = Math.ceil,
|
|
|
+ n = Math.floor;
|
|
|
+ e.exports = function (e) {
|
|
|
+ return isNaN(e = +e) ? 0 : (0 < e ? n : i)(e)
|
|
|
+ }
|
|
|
+ }, function (e, t, i) {
|
|
|
+ var n = i(28)("keys"),
|
|
|
+ r = i(21);
|
|
|
+ e.exports = function (e) {
|
|
|
+ return n[e] || (n[e] = r(e))
|
|
|
+ }
|
|
|
+ }, function (e, t, i) {
|
|
|
+ var n = i(14),
|
|
|
+ r = i(5),
|
|
|
+ s = r["__core-js_shared__"] || (r["__core-js_shared__"] = {});
|
|
|
+ (e.exports = function (e, t) {
|
|
|
+ return s[e] || (s[e] = void 0 !== t ? t : {})
|
|
|
+ })("versions", []).push({
|
|
|
+ version: n.version,
|
|
|
+ mode: i(20) ? "pure" : "global",
|
|
|
+ copyright: "© 2019 Denis Pushkarev (zloirock.ru)"
|
|
|
+ })
|
|
|
+ }, function (e, t) {
|
|
|
+ e.exports = "constructor,hasOwnProperty,isPrototypeOf,propertyIsEnumerable,toLocaleString,toString,valueOf".split(",")
|
|
|
+ }, function (e, t) {
|
|
|
+ t.f = Object.getOwnPropertySymbols
|
|
|
+ }, function (e, t) {
|
|
|
+ e.exports = {}
|
|
|
+ }, function (e, t, i) {
|
|
|
+ var n = i(10).f,
|
|
|
+ r = i(7),
|
|
|
+ s = i(13)("toStringTag");
|
|
|
+ e.exports = function (e, t, i) {
|
|
|
+ e && !r(e = i ? e : e.prototype, s) && n(e, s, {
|
|
|
+ configurable: !0,
|
|
|
+ value: t
|
|
|
+ })
|
|
|
+ }
|
|
|
+ }, function (e, t, i) {
|
|
|
+ t.f = i(13)
|
|
|
+ }, function (e, t, i) {
|
|
|
+ var n = i(5),
|
|
|
+ r = i(14),
|
|
|
+ s = i(20),
|
|
|
+ o = i(33),
|
|
|
+ a = i(10).f;
|
|
|
+ e.exports = function (e) {
|
|
|
+ var t = r.Symbol || (r.Symbol = !s && n.Symbol || {});
|
|
|
+ "_" == e.charAt(0) || e in t || a(t, e, {
|
|
|
+ value: o.f(e)
|
|
|
+ })
|
|
|
+ }
|
|
|
+ }, function (e, t, i) {
|
|
|
+ var n = i(4),
|
|
|
+ i = i(1);
|
|
|
+ e.exports = {
|
|
|
+ throttle: n,
|
|
|
+ debounce: i
|
|
|
+ }
|
|
|
+ }, function (e, t, i) {
|
|
|
+ e.exports = !i(11) && !i(16)(function () {
|
|
|
+ return 7 != Object.defineProperty(i(37)("div"), "a", {
|
|
|
+ get: function () {
|
|
|
+ return 7
|
|
|
+ }
|
|
|
+ }).a
|
|
|
+ })
|
|
|
+ }, function (e, t, i) {
|
|
|
+ var n = i(15),
|
|
|
+ r = i(5).document,
|
|
|
+ s = n(r) && n(r.createElement);
|
|
|
+ e.exports = function (e) {
|
|
|
+ return s ? r.createElement(e) : {}
|
|
|
+ }
|
|
|
+ }, function (e, t, i) {
|
|
|
+ var o = i(7),
|
|
|
+ a = i(12),
|
|
|
+ l = i(62)(!1),
|
|
|
+ u = i(27)("IE_PROTO");
|
|
|
+ e.exports = function (e, t) {
|
|
|
+ var i, n = a(e),
|
|
|
+ r = 0,
|
|
|
+ s = [];
|
|
|
+ for (i in n) i != u && o(n, i) && s.push(i);
|
|
|
+ for (; t.length > r;) o(n, i = t[r++]) && (~l(s, i) || s.push(i));
|
|
|
+ return s
|
|
|
+ }
|
|
|
+ }, function (e, t, i) {
|
|
|
+ var n = i(40);
|
|
|
+ e.exports = Object("z").propertyIsEnumerable(0) ? Object : function (e) {
|
|
|
+ return "String" == n(e) ? e.split("") : Object(e)
|
|
|
+ }
|
|
|
+ }, function (e, t) {
|
|
|
+ var i = {}.toString;
|
|
|
+ e.exports = function (e) {
|
|
|
+ return i.call(e).slice(8, -1)
|
|
|
+ }
|
|
|
+ }, function (e, t, i) {
|
|
|
+ var n = i(25);
|
|
|
+ e.exports = function (e) {
|
|
|
+ return Object(n(e))
|
|
|
+ }
|
|
|
+ }, function (e, t, i) {
|
|
|
+ "use strict";
|
|
|
+
|
|
|
+ function y() {
|
|
|
+ return this
|
|
|
+ }
|
|
|
+ var b = i(20),
|
|
|
+ w = i(23),
|
|
|
+ _ = i(43),
|
|
|
+ x = i(9),
|
|
|
+ C = i(31),
|
|
|
+ k = i(69),
|
|
|
+ S = i(32),
|
|
|
+ D = i(72),
|
|
|
+ $ = i(13)("iterator"),
|
|
|
+ E = !([].keys && "next" in [].keys());
|
|
|
+ e.exports = function (e, t, i, n, r, s, o) {
|
|
|
+ k(i, t, n);
|
|
|
+
|
|
|
+ function a(e) {
|
|
|
+ if (!E && e in f) return f[e];
|
|
|
+ switch (e) {
|
|
|
+ case "keys":
|
|
|
+ case "values":
|
|
|
+ return function () {
|
|
|
+ return new i(this, e)
|
|
|
+ }
|
|
|
+ }
|
|
|
+ return function () {
|
|
|
+ return new i(this, e)
|
|
|
+ }
|
|
|
+ }
|
|
|
+ var l, u, c, h = t + " Iterator",
|
|
|
+ d = "values" == r,
|
|
|
+ p = !1,
|
|
|
+ f = e.prototype,
|
|
|
+ m = f[$] || f["@@iterator"] || r && f[r],
|
|
|
+ g = m || a(r),
|
|
|
+ v = r ? d ? a("entries") : g : void 0,
|
|
|
+ n = "Array" == t && f.entries || m;
|
|
|
+ if (n && (c = D(n.call(new e))) !== Object.prototype && c.next && (S(c, h, !0), b || "function" == typeof c[$] || x(c, $, y)), d && m && "values" !== m.name && (p = !0, g = function () {
|
|
|
+ return m.call(this)
|
|
|
+ }), b && !o || !E && !p && f[$] || x(f, $, g), C[t] = g, C[h] = y, r)
|
|
|
+ if (l = {
|
|
|
+ values: d ? g : a("values"),
|
|
|
+ keys: s ? g : a("keys"),
|
|
|
+ entries: v
|
|
|
+ }, o)
|
|
|
+ for (u in l) u in f || _(f, u, l[u]);
|
|
|
+ else w(w.P + w.F * (E || p), t, l);
|
|
|
+ return l
|
|
|
+ }
|
|
|
+ }, function (e, t, i) {
|
|
|
+ e.exports = i(9)
|
|
|
+ }, function (e, t, i) {
|
|
|
+ function n() {}
|
|
|
+ var r = i(17),
|
|
|
+ s = i(70),
|
|
|
+ o = i(29),
|
|
|
+ a = i(27)("IE_PROTO"),
|
|
|
+ l = function () {
|
|
|
+ var e = i(37)("iframe"),
|
|
|
+ t = o.length;
|
|
|
+ for (e.style.display = "none", i(71).appendChild(e), e.src = "javascript:", (e = e.contentWindow.document).open(), e.write("<script>document.F=Object<\/script>"), e.close(), l = e.F; t--;) delete l.prototype[o[t]];
|
|
|
+ return l()
|
|
|
+ };
|
|
|
+ e.exports = Object.create || function (e, t) {
|
|
|
+ var i;
|
|
|
+ return null !== e ? (n.prototype = r(e), i = new n, n.prototype = null, i[a] = e) : i = l(), void 0 === t ? i : s(i, t)
|
|
|
+ }
|
|
|
+ }, function (e, t, i) {
|
|
|
+ var n = i(38),
|
|
|
+ r = i(29).concat("length", "prototype");
|
|
|
+ t.f = Object.getOwnPropertyNames || function (e) {
|
|
|
+ return n(e, r)
|
|
|
+ }
|
|
|
+ }, function (e, t, i) {
|
|
|
+ "use strict";
|
|
|
+ var l = function (e) {
|
|
|
+ return !(!e || "object" != typeof e || (t = e, "[object RegExp]" === (e = Object.prototype.toString.call(t)) || "[object Date]" === e || t.$$typeof === n));
|
|
|
+ var t
|
|
|
+ },
|
|
|
+ n = "function" == typeof Symbol && Symbol.for ? Symbol.for("react.element") : 60103;
|
|
|
+
|
|
|
+ function u(e, t) {
|
|
|
+ return t && !0 === t.clone && l(e) ? h(Array.isArray(e) ? [] : {}, e, t) : e
|
|
|
+ }
|
|
|
+
|
|
|
+ function c(i, e, n) {
|
|
|
+ var r = i.slice();
|
|
|
+ return e.forEach(function (e, t) {
|
|
|
+ void 0 === r[t] ? r[t] = u(e, n) : l(e) ? r[t] = h(i[t], e, n) : -1 === i.indexOf(e) && r.push(u(e, n))
|
|
|
+ }), r
|
|
|
+ }
|
|
|
+
|
|
|
+ function h(e, t, i) {
|
|
|
+ var n, r, s, o, a = Array.isArray(t);
|
|
|
+ return a === Array.isArray(e) ? a ? ((i || {
|
|
|
+ arrayMerge: c
|
|
|
+ }).arrayMerge || c)(e, t, i) : (r = t, s = i, o = {}, l(n = e) && Object.keys(n).forEach(function (e) {
|
|
|
+ o[e] = u(n[e], s)
|
|
|
+ }), Object.keys(r).forEach(function (e) {
|
|
|
+ l(r[e]) && n[e] ? o[e] = h(n[e], r[e], s) : o[e] = u(r[e], s)
|
|
|
+ }), o) : u(t, i)
|
|
|
+ }
|
|
|
+ h.all = function (e, i) {
|
|
|
+ if (!Array.isArray(e) || e.length < 2) throw new Error("first argument should be an array with at least two elements");
|
|
|
+ return e.reduce(function (e, t) {
|
|
|
+ return h(e, t, i)
|
|
|
+ })
|
|
|
+ }, e.exports = h
|
|
|
+ }, function (e, D, t) {
|
|
|
+ "use strict";
|
|
|
+ ! function (e) {
|
|
|
+ var n = "undefined" != typeof Map ? Map : (Object.defineProperty(s.prototype, "size", {
|
|
|
+ get: function () {
|
|
|
+ return this.__entries__.length
|
|
|
+ },
|
|
|
+ enumerable: !0,
|
|
|
+ configurable: !0
|
|
|
+ }), s.prototype.get = function (e) {
|
|
|
+ e = r(this.__entries__, e), e = this.__entries__[e];
|
|
|
+ return e && e[1]
|
|
|
+ }, s.prototype.set = function (e, t) {
|
|
|
+ var i = r(this.__entries__, e);
|
|
|
+ ~i ? this.__entries__[i][1] = t : this.__entries__.push([e, t])
|
|
|
+ }, s.prototype.delete = function (e) {
|
|
|
+ var t = this.__entries__,
|
|
|
+ e = r(t, e);
|
|
|
+ ~e && t.splice(e, 1)
|
|
|
+ }, s.prototype.has = function (e) {
|
|
|
+ return !!~r(this.__entries__, e)
|
|
|
+ }, s.prototype.clear = function () {
|
|
|
+ this.__entries__.splice(0)
|
|
|
+ }, s.prototype.forEach = function (e, t) {
|
|
|
+ void 0 === t && (t = null);
|
|
|
+ for (var i = 0, n = this.__entries__; i < n.length; i++) {
|
|
|
+ var r = n[i];
|
|
|
+ e.call(t, r[1], r[0])
|
|
|
+ }
|
|
|
+ }, s),
|
|
|
+ i = "undefined" != typeof window && "undefined" != typeof document && window.document === document,
|
|
|
+ t = void 0 !== e && e.Math === Math ? e : "undefined" != typeof self && self.Math === Math ? self : "undefined" != typeof window && window.Math === Math ? window : Function("return this")(),
|
|
|
+ l = "function" == typeof requestAnimationFrame ? requestAnimationFrame.bind(t) : function (e) {
|
|
|
+ return setTimeout(function () {
|
|
|
+ return e(Date.now())
|
|
|
+ }, 1e3 / 60)
|
|
|
+ };
|
|
|
+
|
|
|
+ function r(e, i) {
|
|
|
+ var n = -1;
|
|
|
+ return e.some(function (e, t) {
|
|
|
+ return e[0] === i && (n = t, !0)
|
|
|
+ }), n
|
|
|
+ }
|
|
|
+
|
|
|
+ function s() {
|
|
|
+ this.__entries__ = []
|
|
|
+ }
|
|
|
+
|
|
|
+ function o(e, t) {
|
|
|
+ for (var i = 0, n = Object.keys(t); i < n.length; i++) {
|
|
|
+ var r = n[i];
|
|
|
+ Object.defineProperty(e, r, {
|
|
|
+ value: t[r],
|
|
|
+ enumerable: !1,
|
|
|
+ writable: !1,
|
|
|
+ configurable: !0
|
|
|
+ })
|
|
|
+ }
|
|
|
+ return e
|
|
|
+ }
|
|
|
+ var a = ["top", "right", "bottom", "left", "width", "height", "size", "weight"],
|
|
|
+ u = "undefined" != typeof MutationObserver,
|
|
|
+ c = (p.prototype.addObserver = function (e) {
|
|
|
+ ~this.observers_.indexOf(e) || this.observers_.push(e), this.connected_ || this.connect_()
|
|
|
+ }, p.prototype.removeObserver = function (e) {
|
|
|
+ var t = this.observers_,
|
|
|
+ e = t.indexOf(e);
|
|
|
+ ~e && t.splice(e, 1), !t.length && this.connected_ && this.disconnect_()
|
|
|
+ }, p.prototype.refresh = function () {
|
|
|
+ this.updateObservers_() && this.refresh()
|
|
|
+ }, p.prototype.updateObservers_ = function () {
|
|
|
+ var e = this.observers_.filter(function (e) {
|
|
|
+ return e.gatherActive(), e.hasActive()
|
|
|
+ });
|
|
|
+ return e.forEach(function (e) {
|
|
|
+ return e.broadcastActive()
|
|
|
+ }), 0 < e.length
|
|
|
+ }, p.prototype.connect_ = function () {
|
|
|
+ i && !this.connected_ && (document.addEventListener("transitionend", this.onTransitionEnd_), window.addEventListener("resize", this.refresh), u ? (this.mutationsObserver_ = new MutationObserver(this.refresh), this.mutationsObserver_.observe(document, {
|
|
|
+ attributes: !0,
|
|
|
+ childList: !0,
|
|
|
+ characterData: !0,
|
|
|
+ subtree: !0
|
|
|
+ })) : (document.addEventListener("DOMSubtreeModified", this.refresh), this.mutationEventsAdded_ = !0), this.connected_ = !0)
|
|
|
+ }, p.prototype.disconnect_ = function () {
|
|
|
+ i && this.connected_ && (document.removeEventListener("transitionend", this.onTransitionEnd_), window.removeEventListener("resize", this.refresh), this.mutationsObserver_ && this.mutationsObserver_.disconnect(), this.mutationEventsAdded_ && document.removeEventListener("DOMSubtreeModified", this.refresh), this.mutationsObserver_ = null, this.mutationEventsAdded_ = !1, this.connected_ = !1)
|
|
|
+ }, p.prototype.onTransitionEnd_ = function (e) {
|
|
|
+ var e = e.propertyName,
|
|
|
+ t = void 0 === e ? "" : e;
|
|
|
+ a.some(function (e) {
|
|
|
+ return !!~t.indexOf(e)
|
|
|
+ }) && this.refresh()
|
|
|
+ }, p.getInstance = function () {
|
|
|
+ return this.instance_ || (this.instance_ = new p), this.instance_
|
|
|
+ }, p.instance_ = null, p),
|
|
|
+ h = function (e) {
|
|
|
+ return e && e.ownerDocument && e.ownerDocument.defaultView || t
|
|
|
+ },
|
|
|
+ d = y(0, 0, 0, 0);
|
|
|
+
|
|
|
+ function p() {
|
|
|
+ function e() {
|
|
|
+ s && (s = !1, n()), o && i()
|
|
|
+ }
|
|
|
+
|
|
|
+ function t() {
|
|
|
+ l(e)
|
|
|
+ }
|
|
|
+
|
|
|
+ function i() {
|
|
|
+ var e = Date.now();
|
|
|
+ if (s) {
|
|
|
+ if (e - a < 2) return;
|
|
|
+ o = !0
|
|
|
+ } else o = !(s = !0), setTimeout(t, r);
|
|
|
+ a = e
|
|
|
+ }
|
|
|
+ var n, r, s, o, a;
|
|
|
+ this.connected_ = !1, this.mutationEventsAdded_ = !1, this.mutationsObserver_ = null, this.observers_ = [], this.onTransitionEnd_ = this.onTransitionEnd_.bind(this), this.refresh = (n = this.refresh.bind(this), o = s = !(r = 20), a = 0, i)
|
|
|
+ }
|
|
|
+
|
|
|
+ function f(e) {
|
|
|
+ return parseFloat(e) || 0
|
|
|
+ }
|
|
|
+
|
|
|
+ function m(i) {
|
|
|
+ for (var e = [], t = 1; t < arguments.length; t++) e[t - 1] = arguments[t];
|
|
|
+ return e.reduce(function (e, t) {
|
|
|
+ return e + f(i["border-" + t + "-width"])
|
|
|
+ }, 0)
|
|
|
+ }
|
|
|
+ var g = "undefined" != typeof SVGGraphicsElement ? function (e) {
|
|
|
+ return e instanceof h(e).SVGGraphicsElement
|
|
|
+ } : function (e) {
|
|
|
+ return e instanceof h(e).SVGElement && "function" == typeof e.getBBox
|
|
|
+ };
|
|
|
+
|
|
|
+ function v(e) {
|
|
|
+ return i ? g(e) ? y(0, 0, (t = e.getBBox()).width, t.height) : function (e) {
|
|
|
+ var t = e.clientWidth,
|
|
|
+ i = e.clientHeight;
|
|
|
+ if (!t && !i) return d;
|
|
|
+ var n = h(e).getComputedStyle(e),
|
|
|
+ r = function (e) {
|
|
|
+ for (var t = {}, i = 0, n = ["top", "right", "bottom", "left"]; i < n.length; i++) {
|
|
|
+ var r = n[i],
|
|
|
+ s = e["padding-" + r];
|
|
|
+ t[r] = f(s)
|
|
|
+ }
|
|
|
+ return t
|
|
|
+ }(n),
|
|
|
+ s = r.left + r.right,
|
|
|
+ o = r.top + r.bottom,
|
|
|
+ a = f(n.width),
|
|
|
+ l = f(n.height);
|
|
|
+ return "border-box" === n.boxSizing && (Math.round(a + s) !== t && (a -= m(n, "left", "right") + s), Math.round(l + o) !== i && (l -= m(n, "top", "bottom") + o)), e !== h(e).document.documentElement && (t = Math.round(a + s) - t, i = Math.round(l + o) - i, 1 !== Math.abs(t) && (a -= t), 1 !== Math.abs(i) && (l -= i)), y(r.left, r.top, a, l)
|
|
|
+ }(e) : d;
|
|
|
+ var t
|
|
|
+ }
|
|
|
+
|
|
|
+ function y(e, t, i, n) {
|
|
|
+ return {
|
|
|
+ x: e,
|
|
|
+ y: t,
|
|
|
+ width: i,
|
|
|
+ height: n
|
|
|
+ }
|
|
|
+ }
|
|
|
+ var b = (S.prototype.isActive = function () {
|
|
|
+ var e = v(this.target);
|
|
|
+ return (this.contentRect_ = e).width !== this.broadcastWidth || e.height !== this.broadcastHeight
|
|
|
+ }, S.prototype.broadcastRect = function () {
|
|
|
+ var e = this.contentRect_;
|
|
|
+ return this.broadcastWidth = e.width, this.broadcastHeight = e.height, e
|
|
|
+ }, S),
|
|
|
+ w = function (e, t) {
|
|
|
+ var i, n, r, s, t = (i = t.x, n = t.y, r = t.width, s = t.height, t = "undefined" != typeof DOMRectReadOnly ? DOMRectReadOnly : Object, t = Object.create(t.prototype), o(t, {
|
|
|
+ x: i,
|
|
|
+ y: n,
|
|
|
+ width: r,
|
|
|
+ height: s,
|
|
|
+ top: n,
|
|
|
+ right: i + r,
|
|
|
+ bottom: s + n,
|
|
|
+ left: i
|
|
|
+ }), t);
|
|
|
+ o(this, {
|
|
|
+ target: e,
|
|
|
+ contentRect: t
|
|
|
+ })
|
|
|
+ },
|
|
|
+ _ = (k.prototype.observe = function (e) {
|
|
|
+ if (!arguments.length) throw new TypeError("1 argument required, but only 0 present.");
|
|
|
+ if ("undefined" != typeof Element && Element instanceof Object) {
|
|
|
+ if (!(e instanceof h(e).Element)) throw new TypeError('parameter 1 is not of type "Element".');
|
|
|
+ var t = this.observations_;
|
|
|
+ t.has(e) || (t.set(e, new b(e)), this.controller_.addObserver(this), this.controller_.refresh())
|
|
|
+ }
|
|
|
+ }, k.prototype.unobserve = function (e) {
|
|
|
+ if (!arguments.length) throw new TypeError("1 argument required, but only 0 present.");
|
|
|
+ if ("undefined" != typeof Element && Element instanceof Object) {
|
|
|
+ if (!(e instanceof h(e).Element)) throw new TypeError('parameter 1 is not of type "Element".');
|
|
|
+ var t = this.observations_;
|
|
|
+ t.has(e) && (t.delete(e), t.size || this.controller_.removeObserver(this))
|
|
|
+ }
|
|
|
+ }, k.prototype.disconnect = function () {
|
|
|
+ this.clearActive(), this.observations_.clear(), this.controller_.removeObserver(this)
|
|
|
+ }, k.prototype.gatherActive = function () {
|
|
|
+ var t = this;
|
|
|
+ this.clearActive(), this.observations_.forEach(function (e) {
|
|
|
+ e.isActive() && t.activeObservations_.push(e)
|
|
|
+ })
|
|
|
+ }, k.prototype.broadcastActive = function () {
|
|
|
+ var e, t;
|
|
|
+ this.hasActive() && (e = this.callbackCtx_, t = this.activeObservations_.map(function (e) {
|
|
|
+ return new w(e.target, e.broadcastRect())
|
|
|
+ }), this.callback_.call(e, t, e), this.clearActive())
|
|
|
+ }, k.prototype.clearActive = function () {
|
|
|
+ this.activeObservations_.splice(0)
|
|
|
+ }, k.prototype.hasActive = function () {
|
|
|
+ return 0 < this.activeObservations_.length
|
|
|
+ }, k),
|
|
|
+ x = new("undefined" != typeof WeakMap ? WeakMap : n),
|
|
|
+ C = function e(t) {
|
|
|
+ if (!(this instanceof e)) throw new TypeError("Cannot call a class as a function.");
|
|
|
+ if (!arguments.length) throw new TypeError("1 argument required, but only 0 present.");
|
|
|
+ var i = c.getInstance(),
|
|
|
+ i = new _(t, i, this);
|
|
|
+ x.set(this, i)
|
|
|
+ };
|
|
|
+
|
|
|
+ function k(e, t, i) {
|
|
|
+ if (this.activeObservations_ = [], this.observations_ = new n, "function" != typeof e) throw new TypeError("The callback provided as parameter 1 is not a function.");
|
|
|
+ this.callback_ = e, this.controller_ = t, this.callbackCtx_ = i
|
|
|
+ }
|
|
|
+
|
|
|
+ function S(e) {
|
|
|
+ this.broadcastWidth = 0, this.broadcastHeight = 0, this.contentRect_ = y(0, 0, 0, 0), this.target = e
|
|
|
+ } ["observe", "unobserve", "disconnect"].forEach(function (t) {
|
|
|
+ C.prototype[t] = function () {
|
|
|
+ var e;
|
|
|
+ return (e = x.get(this))[t].apply(e, arguments)
|
|
|
+ }
|
|
|
+ });
|
|
|
+ e = void 0 !== t.ResizeObserver ? t.ResizeObserver : C;
|
|
|
+ D.a = e
|
|
|
+ }.call(this, t(51))
|
|
|
+ }, function (e, t, i) {
|
|
|
+ e.exports = i(52)
|
|
|
+ }, function (e, t, i) {
|
|
|
+ e.exports = i(88)
|
|
|
+ }, function (e, t, i) {
|
|
|
+ var n;
|
|
|
+ void 0 === (n = "function" == typeof (n = function () {
|
|
|
+ "use strict";
|
|
|
+ var u = window,
|
|
|
+ r = {
|
|
|
+ placement: "bottom",
|
|
|
+ gpuAcceleration: !0,
|
|
|
+ offset: 0,
|
|
|
+ boundariesElement: "viewport",
|
|
|
+ boundariesPadding: 5,
|
|
|
+ preventOverflowOrder: ["left", "right", "top", "bottom"],
|
|
|
+ flipBehavior: "flip",
|
|
|
+ arrowElement: "[x-arrow]",
|
|
|
+ arrowOffset: 0,
|
|
|
+ modifiers: ["shift", "offset", "preventOverflow", "keepTogether", "arrow", "flip", "applyStyle"],
|
|
|
+ modifiersIgnored: [],
|
|
|
+ forceAbsolute: !1
|
|
|
+ };
|
|
|
+
|
|
|
+ function e(e, t, i) {
|
|
|
+ this._reference = e.jquery ? e[0] : e, this.state = {};
|
|
|
+ var n = null == t,
|
|
|
+ e = t && "[object Object]" === Object.prototype.toString.call(t);
|
|
|
+ return this._popper = n || e ? this.parse(e ? t : {}) : t.jquery ? t[0] : t, this._options = Object.assign({}, r, i), this._options.modifiers = this._options.modifiers.map(function (e) {
|
|
|
+ if (-1 === this._options.modifiersIgnored.indexOf(e)) return "applyStyle" === e && this._popper.setAttribute("x-placement", this._options.placement), this.modifiers[e] || e
|
|
|
+ }.bind(this)), this.state.position = this._getPosition(this._popper, this._reference), s(this._popper, {
|
|
|
+ position: this.state.position,
|
|
|
+ top: 0
|
|
|
+ }), this.update(), this._setupEventListeners(), this
|
|
|
+ }
|
|
|
+
|
|
|
+ function h(e) {
|
|
|
+ var t = e.style.display,
|
|
|
+ i = e.style.visibility;
|
|
|
+ e.style.display = "block", e.style.visibility = "hidden", e.offsetWidth;
|
|
|
+ var n = u.getComputedStyle(e),
|
|
|
+ r = parseFloat(n.marginTop) + parseFloat(n.marginBottom),
|
|
|
+ n = parseFloat(n.marginLeft) + parseFloat(n.marginRight),
|
|
|
+ r = {
|
|
|
+ width: e.offsetWidth + n,
|
|
|
+ height: e.offsetHeight + r
|
|
|
+ };
|
|
|
+ return e.style.display = t, e.style.visibility = i, r
|
|
|
+ }
|
|
|
+
|
|
|
+ function l(e) {
|
|
|
+ var t = {
|
|
|
+ left: "right",
|
|
|
+ right: "left",
|
|
|
+ bottom: "top",
|
|
|
+ top: "bottom"
|
|
|
+ };
|
|
|
+ return e.replace(/left|right|bottom|top/g, function (e) {
|
|
|
+ return t[e]
|
|
|
+ })
|
|
|
+ }
|
|
|
+
|
|
|
+ function d(e) {
|
|
|
+ e = Object.assign({}, e);
|
|
|
+ return e.right = e.left + e.width, e.bottom = e.top + e.height, e
|
|
|
+ }
|
|
|
+
|
|
|
+ function n(e, t) {
|
|
|
+ var i, n = 0;
|
|
|
+ for (i in e) {
|
|
|
+ if (e[i] === t) return n;
|
|
|
+ n++
|
|
|
+ }
|
|
|
+ return null
|
|
|
+ }
|
|
|
+
|
|
|
+ function i(e, t) {
|
|
|
+ return u.getComputedStyle(e, null)[t]
|
|
|
+ }
|
|
|
+
|
|
|
+ function c(e) {
|
|
|
+ e = e.offsetParent;
|
|
|
+ return e !== u.document.body && e ? e : u.document.documentElement
|
|
|
+ }
|
|
|
+
|
|
|
+ function p(e) {
|
|
|
+ var t = e.parentNode;
|
|
|
+ return t ? t === u.document ? u.document.body.scrollTop || u.document.body.scrollLeft ? u.document.body : u.document.documentElement : -1 !== ["scroll", "auto"].indexOf(i(t, "overflow")) || -1 !== ["scroll", "auto"].indexOf(i(t, "overflow-x")) || -1 !== ["scroll", "auto"].indexOf(i(t, "overflow-y")) ? t : p(e.parentNode) : e
|
|
|
+ }
|
|
|
+
|
|
|
+ function s(n, r) {
|
|
|
+ Object.keys(r).forEach(function (e) {
|
|
|
+ var t, i = ""; - 1 !== ["width", "height", "top", "right", "bottom", "left"].indexOf(e) && "" !== (t = r[e]) && !isNaN(parseFloat(t)) && isFinite(t) && (i = "px"), n.style[e] = r[e] + i
|
|
|
+ })
|
|
|
+ }
|
|
|
+
|
|
|
+ function f(e) {
|
|
|
+ e = {
|
|
|
+ width: e.offsetWidth,
|
|
|
+ height: e.offsetHeight,
|
|
|
+ left: e.offsetLeft,
|
|
|
+ top: e.offsetTop
|
|
|
+ };
|
|
|
+ return e.right = e.left + e.width, e.bottom = e.top + e.height, e
|
|
|
+ }
|
|
|
+
|
|
|
+ function a(e) {
|
|
|
+ var t = e.getBoundingClientRect(),
|
|
|
+ e = -1 != navigator.userAgent.indexOf("MSIE") && "HTML" === e.tagName ? -e.scrollTop : t.top;
|
|
|
+ return {
|
|
|
+ left: t.left,
|
|
|
+ top: e,
|
|
|
+ right: t.right,
|
|
|
+ bottom: t.bottom,
|
|
|
+ width: t.right - t.left,
|
|
|
+ height: t.bottom - e
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ function o(e) {
|
|
|
+ for (var t = ["", "ms", "webkit", "moz", "o"], i = 0; i < t.length; i++) {
|
|
|
+ var n = t[i] ? t[i] + e.charAt(0).toUpperCase() + e.slice(1) : e;
|
|
|
+ if (void 0 !== u.document.body.style[n]) return n
|
|
|
+ }
|
|
|
+ return null
|
|
|
+ }
|
|
|
+ return e.prototype.destroy = function () {
|
|
|
+ return this._popper.removeAttribute("x-placement"), this._popper.style.left = "", this._popper.style.position = "", this._popper.style.top = "", this._popper.style[o("transform")] = "", this._removeEventListeners(), this._options.removeOnDestroy && this._popper.remove(), this
|
|
|
+ }, e.prototype.update = function () {
|
|
|
+ var e = {
|
|
|
+ instance: this,
|
|
|
+ styles: {}
|
|
|
+ };
|
|
|
+ e.placement = this._options.placement, e._originalPlacement = this._options.placement, e.offsets = this._getOffsets(this._popper, this._reference, e.placement), e.boundaries = this._getBoundaries(e, this._options.boundariesPadding, this._options.boundariesElement), e = this.runModifiers(e, this._options.modifiers), "function" == typeof this.state.updateCallback && this.state.updateCallback(e)
|
|
|
+ }, e.prototype.onCreate = function (e) {
|
|
|
+ return e(this), this
|
|
|
+ }, e.prototype.onUpdate = function (e) {
|
|
|
+ return this.state.updateCallback = e, this
|
|
|
+ }, e.prototype.parse = function (e) {
|
|
|
+ var t = {
|
|
|
+ tagName: "div",
|
|
|
+ classNames: ["popper"],
|
|
|
+ attributes: [],
|
|
|
+ parent: u.document.body,
|
|
|
+ content: "",
|
|
|
+ contentType: "text",
|
|
|
+ arrowTagName: "div",
|
|
|
+ arrowClassNames: ["popper__arrow"],
|
|
|
+ arrowAttributes: ["x-arrow"]
|
|
|
+ };
|
|
|
+ e = Object.assign({}, t, e);
|
|
|
+ var i = u.document,
|
|
|
+ t = i.createElement(e.tagName);
|
|
|
+ r(t, e.classNames), s(t, e.attributes), "node" === e.contentType ? t.appendChild(e.content.jquery ? e.content[0] : e.content) : "html" === e.contentType ? t.innerHTML = e.content : t.textContent = e.content, e.arrowTagName && (r(n = i.createElement(e.arrowTagName), e.arrowClassNames), s(n, e.arrowAttributes), t.appendChild(n));
|
|
|
+ var n = e.parent.jquery ? e.parent[0] : e.parent;
|
|
|
+ if ("string" == typeof n) {
|
|
|
+ if (1 < (n = i.querySelectorAll(e.parent)).length && console.warn("WARNING: the given `parent` query(" + e.parent + ") matched more than one element, the first one will be used"), 0 === n.length) throw "ERROR: the given `parent` doesn't exists!";
|
|
|
+ n = n[0]
|
|
|
+ }
|
|
|
+ return 1 < n.length && n instanceof Element == 0 && (console.warn("WARNING: you have passed as parent a list of elements, the first one will be used"), n = n[0]), n.appendChild(t), t;
|
|
|
+
|
|
|
+ function r(t, e) {
|
|
|
+ e.forEach(function (e) {
|
|
|
+ t.classList.add(e)
|
|
|
+ })
|
|
|
+ }
|
|
|
+
|
|
|
+ function s(t, e) {
|
|
|
+ e.forEach(function (e) {
|
|
|
+ t.setAttribute(e.split(":")[0], e.split(":")[1] || "")
|
|
|
+ })
|
|
|
+ }
|
|
|
+ }, e.prototype._getPosition = function (e, t) {
|
|
|
+ return c(t), !this._options.forceAbsolute && function e(t) {
|
|
|
+ return t !== u.document.body && ("fixed" === i(t, "position") || (t.parentNode ? e(t.parentNode) : t))
|
|
|
+ }(t) ? "fixed" : "absolute"
|
|
|
+ }, e.prototype._getOffsets = function (e, t, i) {
|
|
|
+ i = i.split("-")[0];
|
|
|
+ var n = {};
|
|
|
+ n.position = this.state.position;
|
|
|
+ var r, s, o = "fixed" === n.position,
|
|
|
+ o = (r = c(e), s = o, o = a(t), t = a(r), s && (r = p(r), t.top += r.scrollTop, t.bottom += r.scrollTop, t.left += r.scrollLeft, t.right += r.scrollLeft), {
|
|
|
+ top: o.top - t.top,
|
|
|
+ left: o.left - t.left,
|
|
|
+ bottom: o.top - t.top + o.height,
|
|
|
+ right: o.left - t.left + o.width,
|
|
|
+ width: o.width,
|
|
|
+ height: o.height
|
|
|
+ }),
|
|
|
+ e = h(e);
|
|
|
+ return -1 !== ["right", "left"].indexOf(i) ? (n.top = o.top + o.height / 2 - e.height / 2, n.left = "left" === i ? o.left - e.width : o.right) : (n.left = o.left + o.width / 2 - e.width / 2, n.top = "top" === i ? o.top - e.height : o.bottom), n.width = e.width, n.height = e.height, {
|
|
|
+ popper: n,
|
|
|
+ reference: o
|
|
|
+ }
|
|
|
+ }, e.prototype._setupEventListeners = function () {
|
|
|
+ var e;
|
|
|
+ this.state.updateBound = this.update.bind(this), u.addEventListener("resize", this.state.updateBound), "window" !== this._options.boundariesElement && ((e = (e = p(this._reference)) === u.document.body || e === u.document.documentElement ? u : e).addEventListener("scroll", this.state.updateBound), this.state.scrollTarget = e)
|
|
|
+ }, e.prototype._removeEventListeners = function () {
|
|
|
+ u.removeEventListener("resize", this.state.updateBound), "window" !== this._options.boundariesElement && this.state.scrollTarget && (this.state.scrollTarget.removeEventListener("scroll", this.state.updateBound), this.state.scrollTarget = null), this.state.updateBound = null
|
|
|
+ }, e.prototype._getBoundaries = function (e, t, i) {
|
|
|
+ var n, r, s, o, a, l = {};
|
|
|
+ return (l = "window" === i ? (n = u.document.body, s = u.document.documentElement, r = Math.max(n.scrollHeight, n.offsetHeight, s.clientHeight, s.scrollHeight, s.offsetHeight), {
|
|
|
+ top: 0,
|
|
|
+ right: Math.max(n.scrollWidth, n.offsetWidth, s.clientWidth, s.scrollWidth, s.offsetWidth),
|
|
|
+ bottom: r,
|
|
|
+ left: 0
|
|
|
+ }) : "viewport" === i ? (s = c(this._popper), r = p(this._popper), s = f(s), o = "fixed" === e.offsets.popper.position ? 0 : (o = r) == document.body ? Math.max(document.documentElement.scrollTop, document.body.scrollTop) : o.scrollTop, a = "fixed" === e.offsets.popper.position ? 0 : (a = r) == document.body ? Math.max(document.documentElement.scrollLeft, document.body.scrollLeft) : a.scrollLeft, {
|
|
|
+ top: 0 - (s.top - o),
|
|
|
+ right: u.document.documentElement.clientWidth - (s.left - a),
|
|
|
+ bottom: u.document.documentElement.clientHeight - (s.top - o),
|
|
|
+ left: 0 - (s.left - a)
|
|
|
+ }) : c(this._popper) === i ? {
|
|
|
+ top: 0,
|
|
|
+ left: 0,
|
|
|
+ right: i.clientWidth,
|
|
|
+ bottom: i.clientHeight
|
|
|
+ } : f(i)).left += t, l.right -= t, l.top = l.top + t, l.bottom = l.bottom - t, l
|
|
|
+ }, e.prototype.runModifiers = function (t, e, i) {
|
|
|
+ e = e.slice();
|
|
|
+ return (e = void 0 !== i ? this._options.modifiers.slice(0, n(this._options.modifiers, i)) : e).forEach(function (e) {
|
|
|
+ e && "[object Function]" === {}.toString.call(e) && (t = e.call(this, t))
|
|
|
+ }.bind(this)), t
|
|
|
+ }, e.prototype.isModifierRequired = function (e, t) {
|
|
|
+ e = n(this._options.modifiers, e);
|
|
|
+ return !!this._options.modifiers.slice(0, e).filter(function (e) {
|
|
|
+ return e === t
|
|
|
+ }).length
|
|
|
+ }, (e.prototype.modifiers = {}).applyStyle = function (e) {
|
|
|
+ var t, i = {
|
|
|
+ position: e.offsets.popper.position
|
|
|
+ },
|
|
|
+ n = Math.round(e.offsets.popper.left),
|
|
|
+ r = Math.round(e.offsets.popper.top);
|
|
|
+ return this._options.gpuAcceleration && (t = o("transform")) ? (i[t] = "translate3d(" + n + "px, " + r + "px, 0)", i.top = 0, i.left = 0) : (i.left = n, i.top = r), Object.assign(i, e.styles), s(this._popper, i), this._popper.setAttribute("x-placement", e.placement), this.isModifierRequired(this.modifiers.applyStyle, this.modifiers.arrow) && e.offsets.arrow && s(e.arrowElement, e.offsets.arrow), e
|
|
|
+ }, e.prototype.modifiers.shift = function (e) {
|
|
|
+ var t, i = e.placement,
|
|
|
+ n = i.split("-")[0],
|
|
|
+ r = i.split("-")[1];
|
|
|
+ return r && (t = e.offsets.reference, i = d(e.offsets.popper), t = {
|
|
|
+ y: {
|
|
|
+ start: {
|
|
|
+ top: t.top
|
|
|
+ },
|
|
|
+ end: {
|
|
|
+ top: t.top + t.height - i.height
|
|
|
+ }
|
|
|
+ },
|
|
|
+ x: {
|
|
|
+ start: {
|
|
|
+ left: t.left
|
|
|
+ },
|
|
|
+ end: {
|
|
|
+ left: t.left + t.width - i.width
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, n = -1 !== ["bottom", "top"].indexOf(n) ? "x" : "y", e.offsets.popper = Object.assign(i, t[n][r])), e
|
|
|
+ }, e.prototype.modifiers.preventOverflow = function (t) {
|
|
|
+ var e = this._options.preventOverflowOrder,
|
|
|
+ i = d(t.offsets.popper),
|
|
|
+ n = {
|
|
|
+ left: function () {
|
|
|
+ var e = i.left;
|
|
|
+ return {
|
|
|
+ left: e = i.left < t.boundaries.left ? Math.max(i.left, t.boundaries.left) : e
|
|
|
+ }
|
|
|
+ },
|
|
|
+ right: function () {
|
|
|
+ var e = i.left;
|
|
|
+ return {
|
|
|
+ left: e = i.right > t.boundaries.right ? Math.min(i.left, t.boundaries.right - i.width) : e
|
|
|
+ }
|
|
|
+ },
|
|
|
+ top: function () {
|
|
|
+ var e = i.top;
|
|
|
+ return {
|
|
|
+ top: e = i.top < t.boundaries.top ? Math.max(i.top, t.boundaries.top) : e
|
|
|
+ }
|
|
|
+ },
|
|
|
+ bottom: function () {
|
|
|
+ var e = i.top;
|
|
|
+ return {
|
|
|
+ top: e = i.bottom > t.boundaries.bottom ? Math.min(i.top, t.boundaries.bottom - i.height) : e
|
|
|
+ }
|
|
|
+ }
|
|
|
+ };
|
|
|
+ return e.forEach(function (e) {
|
|
|
+ t.offsets.popper = Object.assign(i, n[e]())
|
|
|
+ }), t
|
|
|
+ }, e.prototype.modifiers.keepTogether = function (e) {
|
|
|
+ var t = d(e.offsets.popper),
|
|
|
+ i = e.offsets.reference,
|
|
|
+ n = Math.floor;
|
|
|
+ return t.right < n(i.left) && (e.offsets.popper.left = n(i.left) - t.width), t.left > n(i.right) && (e.offsets.popper.left = n(i.right)), t.bottom < n(i.top) && (e.offsets.popper.top = n(i.top) - t.height), t.top > n(i.bottom) && (e.offsets.popper.top = n(i.bottom)), e
|
|
|
+ }, e.prototype.modifiers.flip = function (n) {
|
|
|
+ if (!this.isModifierRequired(this.modifiers.flip, this.modifiers.preventOverflow)) return console.warn("WARNING: preventOverflow modifier is required by flip modifier in order to work, be sure to include it before flip!"), n;
|
|
|
+ if (n.flipped && n.placement === n._originalPlacement) return n;
|
|
|
+ var r = n.placement.split("-")[0],
|
|
|
+ s = l(r),
|
|
|
+ o = n.placement.split("-")[1] || "",
|
|
|
+ a = [];
|
|
|
+ return (a = "flip" === this._options.flipBehavior ? [r, s] : this._options.flipBehavior).forEach(function (e, t) {
|
|
|
+ var i;
|
|
|
+ r === e && a.length !== t + 1 && (r = n.placement.split("-")[0], s = l(r), i = d(n.offsets.popper), ((e = -1 !== ["right", "bottom"].indexOf(r)) && Math.floor(n.offsets.reference[r]) > Math.floor(i[s]) || !e && Math.floor(n.offsets.reference[r]) < Math.floor(i[s])) && (n.flipped = !0, n.placement = a[t + 1], o && (n.placement += "-" + o), n.offsets.popper = this._getOffsets(this._popper, this._reference, n.placement).popper, n = this.runModifiers(n, this._options.modifiers, this._flip)))
|
|
|
+ }.bind(this)), n
|
|
|
+ }, e.prototype.modifiers.offset = function (e) {
|
|
|
+ var t = this._options.offset,
|
|
|
+ i = e.offsets.popper;
|
|
|
+ return -1 !== e.placement.indexOf("left") ? i.top -= t : -1 !== e.placement.indexOf("right") ? i.top += t : -1 !== e.placement.indexOf("top") ? i.left -= t : -1 !== e.placement.indexOf("bottom") && (i.left += t), e
|
|
|
+ }, e.prototype.modifiers.arrow = function (e) {
|
|
|
+ var t = this._options.arrowElement,
|
|
|
+ i = this._options.arrowOffset;
|
|
|
+ if (!(t = "string" == typeof t ? this._popper.querySelector(t) : t)) return e;
|
|
|
+ if (!this._popper.contains(t)) return console.warn("WARNING: `arrowElement` must be child of its popper element!"), e;
|
|
|
+ if (!this.isModifierRequired(this.modifiers.arrow, this.modifiers.keepTogether)) return console.warn("WARNING: keepTogether modifier is required by arrow modifier in order to work, be sure to include it before arrow!"), e;
|
|
|
+ var n = {},
|
|
|
+ r = e.placement.split("-")[0],
|
|
|
+ s = d(e.offsets.popper),
|
|
|
+ o = e.offsets.reference,
|
|
|
+ a = -1 !== ["left", "right"].indexOf(r),
|
|
|
+ l = a ? "height" : "width",
|
|
|
+ u = a ? "top" : "left",
|
|
|
+ c = a ? "left" : "top",
|
|
|
+ r = a ? "bottom" : "right",
|
|
|
+ a = h(t)[l];
|
|
|
+ o[r] - a < s[u] && (e.offsets.popper[u] -= s[u] - (o[r] - a)), o[u] + a > s[r] && (e.offsets.popper[u] += o[u] + a - s[r]);
|
|
|
+ o = o[u] + (i || o[l] / 2 - a / 2) - s[u], o = Math.max(Math.min(s[l] - a - 8, o), 8);
|
|
|
+ return n[u] = o, n[c] = "", e.offsets.arrow = n, e.arrowElement = t, e
|
|
|
+ }, Object.assign || Object.defineProperty(Object, "assign", {
|
|
|
+ enumerable: !1,
|
|
|
+ configurable: !0,
|
|
|
+ writable: !0,
|
|
|
+ value: function (e) {
|
|
|
+ if (null == e) throw new TypeError("Cannot convert first argument to object");
|
|
|
+ for (var t = Object(e), i = 1; i < arguments.length; i++)
|
|
|
+ if (null != (n = arguments[i]))
|
|
|
+ for (var n = Object(n), r = Object.keys(n), s = 0, o = r.length; s < o; s++) {
|
|
|
+ var a = r[s],
|
|
|
+ l = Object.getOwnPropertyDescriptor(n, a);
|
|
|
+ void 0 !== l && l.enumerable && (t[a] = n[a])
|
|
|
+ }
|
|
|
+ return t
|
|
|
+ }
|
|
|
+ }), e
|
|
|
+ }) ? n.call(t, i, t, e) : n) || (e.exports = n)
|
|
|
+ }, function (e, t) {
|
|
|
+ var i = function () {
|
|
|
+ return this
|
|
|
+ }();
|
|
|
+ try {
|
|
|
+ i = i || new Function("return this")()
|
|
|
+ } catch (e) {
|
|
|
+ "object" == typeof window && (i = window)
|
|
|
+ }
|
|
|
+ e.exports = i
|
|
|
+ }, function (e, t, i) {
|
|
|
+ "use strict";
|
|
|
+ var n = i(53),
|
|
|
+ r = i(54);
|
|
|
+
|
|
|
+ function s(e) {
|
|
|
+ var t = 0,
|
|
|
+ i = 0,
|
|
|
+ n = 0,
|
|
|
+ r = 0;
|
|
|
+ return "detail" in e && (i = e.detail), "wheelDelta" in e && (i = -e.wheelDelta / 120), "wheelDeltaY" in e && (i = -e.wheelDeltaY / 120), "wheelDeltaX" in e && (t = -e.wheelDeltaX / 120), "axis" in e && e.axis === e.HORIZONTAL_AXIS && (t = i, i = 0), n = 10 * t, r = 10 * i, "deltaY" in e && (r = e.deltaY), ((n = "deltaX" in e ? e.deltaX : n) || r) && e.deltaMode && (1 == e.deltaMode ? (n *= 40, r *= 40) : (n *= 800, r *= 800)), {
|
|
|
+ spinX: t = n && !t ? n < 1 ? -1 : 1 : t,
|
|
|
+ spinY: i = r && !i ? r < 1 ? -1 : 1 : i,
|
|
|
+ pixelX: n,
|
|
|
+ pixelY: r
|
|
|
+ }
|
|
|
+ }
|
|
|
+ s.getEventType = function () {
|
|
|
+ return n.firefox() ? "DOMMouseScroll" : r("wheel") ? "wheel" : "mousewheel"
|
|
|
+ }, e.exports = s
|
|
|
+ }, function (e, t) {
|
|
|
+ var r, s, o, a, l, u, c, h, d, p, f, m, g, v, y, b = !1;
|
|
|
+
|
|
|
+ function i() {
|
|
|
+ var e, t, i, n;
|
|
|
+ b || (b = !0, n = navigator.userAgent, e = /(?:MSIE.(\d+\.\d+))|(?:(?:Firefox|GranParadiso|Iceweasel).(\d+\.\d+))|(?:Opera(?:.+Version.|.)(\d+\.\d+))|(?:AppleWebKit.(\d+(?:\.\d+)?))|(?:Trident\/\d+\.\d+.*rv:(\d+\.\d+))/.exec(n), t = /(Mac OS X)|(Windows)|(Linux)/.exec(n), m = /\b(iPhone|iP[ao]d)/.exec(n), g = /\b(iP[ao]d)/.exec(n), p = /Android/i.exec(n), v = /FBAN\/\w+;/i.exec(n), y = /Mobile/i.exec(n), f = !!/Win64/.exec(n), e ? ((r = e[1] ? parseFloat(e[1]) : e[5] ? parseFloat(e[5]) : NaN) && document && document.documentMode && (r = document.documentMode), i = /(?:Trident\/(\d+.\d+))/.exec(n), u = i ? parseFloat(i[1]) + 4 : r, s = e[2] ? parseFloat(e[2]) : NaN, o = e[3] ? parseFloat(e[3]) : NaN, l = (a = e[4] ? parseFloat(e[4]) : NaN) ? (e = /(?:Chrome\/(\d+\.\d+))/.exec(n)) && e[1] ? parseFloat(e[1]) : NaN : NaN) : r = s = o = l = a = NaN, t ? (c = !!t[1] && (!(n = /(?:Mac OS X (\d+(?:[._]\d+)?))/.exec(n)) || parseFloat(n[1].replace("_", "."))), h = !!t[2], d = !!t[3]) : c = h = d = !1)
|
|
|
+ }
|
|
|
+ var n = {
|
|
|
+ ie: function () {
|
|
|
+ return i(), r
|
|
|
+ },
|
|
|
+ ieCompatibilityMode: function () {
|
|
|
+ return i(), r < u
|
|
|
+ },
|
|
|
+ ie64: function () {
|
|
|
+ return n.ie() && f
|
|
|
+ },
|
|
|
+ firefox: function () {
|
|
|
+ return i(), s
|
|
|
+ },
|
|
|
+ opera: function () {
|
|
|
+ return i(), o
|
|
|
+ },
|
|
|
+ webkit: function () {
|
|
|
+ return i(), a
|
|
|
+ },
|
|
|
+ safari: function () {
|
|
|
+ return n.webkit()
|
|
|
+ },
|
|
|
+ chrome: function () {
|
|
|
+ return i(), l
|
|
|
+ },
|
|
|
+ windows: function () {
|
|
|
+ return i(), h
|
|
|
+ },
|
|
|
+ osx: function () {
|
|
|
+ return i(), c
|
|
|
+ },
|
|
|
+ linux: function () {
|
|
|
+ return i(), d
|
|
|
+ },
|
|
|
+ iphone: function () {
|
|
|
+ return i(), m
|
|
|
+ },
|
|
|
+ mobile: function () {
|
|
|
+ return i(), m || g || p || y
|
|
|
+ },
|
|
|
+ nativeApp: function () {
|
|
|
+ return i(), v
|
|
|
+ },
|
|
|
+ android: function () {
|
|
|
+ return i(), p
|
|
|
+ },
|
|
|
+ ipad: function () {
|
|
|
+ return i(), g
|
|
|
+ }
|
|
|
+ };
|
|
|
+ e.exports = n
|
|
|
+ }, function (e, t, i) {
|
|
|
+ "use strict";
|
|
|
+ var r, s = i(55);
|
|
|
+ s.canUseDOM && (r = document.implementation && document.implementation.hasFeature && !0 !== document.implementation.hasFeature("", "")), e.exports = function (e, t) {
|
|
|
+ if (!s.canUseDOM || t && !("addEventListener" in document)) return !1;
|
|
|
+ var i = "on" + e,
|
|
|
+ n = i in document;
|
|
|
+ return n || ((t = document.createElement("div")).setAttribute(i, "return;"), n = "function" == typeof t[i]), n = !n && r && "wheel" === e ? document.implementation.hasFeature("Events.wheel", "3.0") : n
|
|
|
+ }
|
|
|
+ }, function (e, t, i) {
|
|
|
+ "use strict";
|
|
|
+ var n = !("undefined" == typeof window || !window.document || !window.document.createElement),
|
|
|
+ n = {
|
|
|
+ canUseDOM: n,
|
|
|
+ canUseWorkers: "undefined" != typeof Worker,
|
|
|
+ canUseEventListeners: n && !(!window.addEventListener && !window.attachEvent),
|
|
|
+ canUseViewport: n && !!window.screen,
|
|
|
+ isInWorker: !n
|
|
|
+ };
|
|
|
+ e.exports = n
|
|
|
+ }, function (e, t, i) {
|
|
|
+ e.exports = {
|
|
|
+ default: i(57),
|
|
|
+ __esModule: !0
|
|
|
+ }
|
|
|
+ }, function (e, t, i) {
|
|
|
+ i(58), e.exports = i(14).Object.assign
|
|
|
+ }, function (e, t, i) {
|
|
|
+ var n = i(23);
|
|
|
+ n(n.S + n.F, "Object", {
|
|
|
+ assign: i(61)
|
|
|
+ })
|
|
|
+ }, function (e, t, i) {
|
|
|
+ var s = i(60);
|
|
|
+ e.exports = function (n, r, e) {
|
|
|
+ if (s(n), void 0 === r) return n;
|
|
|
+ switch (e) {
|
|
|
+ case 1:
|
|
|
+ return function (e) {
|
|
|
+ return n.call(r, e)
|
|
|
+ };
|
|
|
+ case 2:
|
|
|
+ return function (e, t) {
|
|
|
+ return n.call(r, e, t)
|
|
|
+ };
|
|
|
+ case 3:
|
|
|
+ return function (e, t, i) {
|
|
|
+ return n.call(r, e, t, i)
|
|
|
+ }
|
|
|
+ }
|
|
|
+ return function () {
|
|
|
+ return n.apply(r, arguments)
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, function (e, t) {
|
|
|
+ e.exports = function (e) {
|
|
|
+ if ("function" != typeof e) throw TypeError(e + " is not a function!");
|
|
|
+ return e
|
|
|
+ }
|
|
|
+ }, function (e, t, i) {
|
|
|
+ "use strict";
|
|
|
+ var d = i(19),
|
|
|
+ p = i(30),
|
|
|
+ f = i(22),
|
|
|
+ m = i(41),
|
|
|
+ g = i(39),
|
|
|
+ r = Object.assign;
|
|
|
+ e.exports = !r || i(16)(function () {
|
|
|
+ var e = {},
|
|
|
+ t = {},
|
|
|
+ i = Symbol(),
|
|
|
+ n = "abcdefghijklmnopqrst";
|
|
|
+ return e[i] = 7, n.split("").forEach(function (e) {
|
|
|
+ t[e] = e
|
|
|
+ }), 7 != r({}, e)[i] || Object.keys(r({}, t)).join("") != n
|
|
|
+ }) ? function (e, t) {
|
|
|
+ for (var i = m(e), n = arguments.length, r = 1, s = p.f, o = f.f; r < n;)
|
|
|
+ for (var a, l = g(arguments[r++]), u = s ? d(l).concat(s(l)) : d(l), c = u.length, h = 0; h < c;) o.call(l, a = u[h++]) && (i[a] = l[a]);
|
|
|
+ return i
|
|
|
+ } : r
|
|
|
+ }, function (e, t, i) {
|
|
|
+ var l = i(12),
|
|
|
+ u = i(63),
|
|
|
+ c = i(64);
|
|
|
+ e.exports = function (a) {
|
|
|
+ return function (e, t, i) {
|
|
|
+ var n, r = l(e),
|
|
|
+ s = u(r.length),
|
|
|
+ o = c(i, s);
|
|
|
+ if (a && t != t) {
|
|
|
+ for (; o < s;)
|
|
|
+ if ((n = r[o++]) != n) return !0
|
|
|
+ } else
|
|
|
+ for (; o < s; o++)
|
|
|
+ if ((a || o in r) && r[o] === t) return a || o || 0;
|
|
|
+ return !a && -1
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, function (e, t, i) {
|
|
|
+ var n = i(26),
|
|
|
+ r = Math.min;
|
|
|
+ e.exports = function (e) {
|
|
|
+ return 0 < e ? r(n(e), 9007199254740991) : 0
|
|
|
+ }
|
|
|
+ }, function (e, t, i) {
|
|
|
+ var n = i(26),
|
|
|
+ r = Math.max,
|
|
|
+ s = Math.min;
|
|
|
+ e.exports = function (e, t) {
|
|
|
+ return (e = n(e)) < 0 ? r(e + t, 0) : s(e, t)
|
|
|
+ }
|
|
|
+ }, function (e, t, i) {
|
|
|
+ e.exports = {
|
|
|
+ default: i(66),
|
|
|
+ __esModule: !0
|
|
|
+ }
|
|
|
+ }, function (e, t, i) {
|
|
|
+ i(67), i(73), e.exports = i(33).f("iterator")
|
|
|
+ }, function (e, t, i) {
|
|
|
+ "use strict";
|
|
|
+ var n = i(68)(!0);
|
|
|
+ i(42)(String, "String", function (e) {
|
|
|
+ this._t = String(e), this._i = 0
|
|
|
+ }, function () {
|
|
|
+ var e = this._t,
|
|
|
+ t = this._i;
|
|
|
+ return t >= e.length ? {
|
|
|
+ value: void 0,
|
|
|
+ done: !0
|
|
|
+ } : (t = n(e, t), this._i += t.length, {
|
|
|
+ value: t,
|
|
|
+ done: !1
|
|
|
+ })
|
|
|
+ })
|
|
|
+ }, function (e, t, i) {
|
|
|
+ var o = i(26),
|
|
|
+ a = i(25);
|
|
|
+ e.exports = function (s) {
|
|
|
+ return function (e, t) {
|
|
|
+ var i, n = String(a(e)),
|
|
|
+ r = o(t),
|
|
|
+ e = n.length;
|
|
|
+ return r < 0 || e <= r ? s ? "" : void 0 : (t = n.charCodeAt(r)) < 55296 || 56319 < t || r + 1 === e || (i = n.charCodeAt(r + 1)) < 56320 || 57343 < i ? s ? n.charAt(r) : t : s ? n.slice(r, r + 2) : i - 56320 + (t - 55296 << 10) + 65536
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, function (e, t, i) {
|
|
|
+ "use strict";
|
|
|
+ var n = i(44),
|
|
|
+ r = i(18),
|
|
|
+ s = i(32),
|
|
|
+ o = {};
|
|
|
+ i(9)(o, i(13)("iterator"), function () {
|
|
|
+ return this
|
|
|
+ }), e.exports = function (e, t, i) {
|
|
|
+ e.prototype = n(o, {
|
|
|
+ next: r(1, i)
|
|
|
+ }), s(e, t + " Iterator")
|
|
|
+ }
|
|
|
+ }, function (e, t, i) {
|
|
|
+ var o = i(10),
|
|
|
+ a = i(17),
|
|
|
+ l = i(19);
|
|
|
+ e.exports = i(11) ? Object.defineProperties : function (e, t) {
|
|
|
+ a(e);
|
|
|
+ for (var i, n = l(t), r = n.length, s = 0; s < r;) o.f(e, i = n[s++], t[i]);
|
|
|
+ return e
|
|
|
+ }
|
|
|
+ }, function (e, t, i) {
|
|
|
+ i = i(5).document;
|
|
|
+ e.exports = i && i.documentElement
|
|
|
+ }, function (e, t, i) {
|
|
|
+ var n = i(7),
|
|
|
+ r = i(41),
|
|
|
+ s = i(27)("IE_PROTO"),
|
|
|
+ o = Object.prototype;
|
|
|
+ e.exports = Object.getPrototypeOf || function (e) {
|
|
|
+ return e = r(e), n(e, s) ? e[s] : "function" == typeof e.constructor && e instanceof e.constructor ? e.constructor.prototype : e instanceof Object ? o : null
|
|
|
+ }
|
|
|
+ }, function (e, t, i) {
|
|
|
+ i(74);
|
|
|
+ for (var n = i(5), r = i(9), s = i(31), o = i(13)("toStringTag"), a = "CSSRuleList,CSSStyleDeclaration,CSSValueList,ClientRectList,DOMRectList,DOMStringList,DOMTokenList,DataTransferItemList,FileList,HTMLAllCollection,HTMLCollection,HTMLFormElement,HTMLSelectElement,MediaList,MimeTypeArray,NamedNodeMap,NodeList,PaintRequestList,Plugin,PluginArray,SVGLengthList,SVGNumberList,SVGPathSegList,SVGPointList,SVGStringList,SVGTransformList,SourceBufferList,StyleSheetList,TextTrackCueList,TextTrackList,TouchList".split(","), l = 0; l < a.length; l++) {
|
|
|
+ var u = a[l],
|
|
|
+ c = n[u],
|
|
|
+ c = c && c.prototype;
|
|
|
+ c && !c[o] && r(c, o, u), s[u] = s.Array
|
|
|
+ }
|
|
|
+ }, function (e, t, i) {
|
|
|
+ "use strict";
|
|
|
+ var n = i(75),
|
|
|
+ r = i(76),
|
|
|
+ s = i(31),
|
|
|
+ o = i(12);
|
|
|
+ e.exports = i(42)(Array, "Array", function (e, t) {
|
|
|
+ this._t = o(e), this._i = 0, this._k = t
|
|
|
+ }, function () {
|
|
|
+ var e = this._t,
|
|
|
+ t = this._k,
|
|
|
+ i = this._i++;
|
|
|
+ return !e || i >= e.length ? (this._t = void 0, r(1)) : r(0, "keys" == t ? i : "values" == t ? e[i] : [i, e[i]])
|
|
|
+ }, "values"), s.Arguments = s.Array, n("keys"), n("values"), n("entries")
|
|
|
+ }, function (e, t) {
|
|
|
+ e.exports = function () {}
|
|
|
+ }, function (e, t) {
|
|
|
+ e.exports = function (e, t) {
|
|
|
+ return {
|
|
|
+ value: t,
|
|
|
+ done: !!e
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, function (e, t, i) {
|
|
|
+ e.exports = {
|
|
|
+ default: i(78),
|
|
|
+ __esModule: !0
|
|
|
+ }
|
|
|
+ }, function (e, t, i) {
|
|
|
+ i(79), i(85), i(86), i(87), e.exports = i(14).Symbol
|
|
|
+ }, function (e, t, i) {
|
|
|
+ "use strict";
|
|
|
+
|
|
|
+ function n(e) {
|
|
|
+ var t = R[e] = $(F.prototype);
|
|
|
+ return t._k = e, t
|
|
|
+ }
|
|
|
+
|
|
|
+ function r(e, t) {
|
|
|
+ x(e);
|
|
|
+ for (var i, n = w(t = k(t)), r = 0, s = n.length; r < s;) X(e, i = n[r++], t[i]);
|
|
|
+ return e
|
|
|
+ }
|
|
|
+
|
|
|
+ function s(e) {
|
|
|
+ var t = z.call(this, e = S(e, !0));
|
|
|
+ return !(this === j && l(R, e) && !l(W, e)) && (!(t || !l(this, e) || !l(R, e) || l(this, V) && this[V][e]) || t)
|
|
|
+ }
|
|
|
+
|
|
|
+ function o(e, t) {
|
|
|
+ if (e = k(e), t = S(t, !0), e !== j || !l(R, t) || l(W, t)) {
|
|
|
+ var i = P(e, t);
|
|
|
+ return !i || !l(R, t) || l(e, V) && e[V][t] || (i.enumerable = !0), i
|
|
|
+ }
|
|
|
+ }
|
|
|
+ var a = i(5),
|
|
|
+ l = i(7),
|
|
|
+ u = i(11),
|
|
|
+ c = i(23),
|
|
|
+ h = i(43),
|
|
|
+ d = i(80).KEY,
|
|
|
+ p = i(16),
|
|
|
+ f = i(28),
|
|
|
+ m = i(32),
|
|
|
+ g = i(21),
|
|
|
+ v = i(13),
|
|
|
+ y = i(33),
|
|
|
+ b = i(34),
|
|
|
+ w = i(81),
|
|
|
+ _ = i(82),
|
|
|
+ x = i(17),
|
|
|
+ C = i(15),
|
|
|
+ k = i(12),
|
|
|
+ S = i(24),
|
|
|
+ D = i(18),
|
|
|
+ $ = i(44),
|
|
|
+ E = i(83),
|
|
|
+ T = i(84),
|
|
|
+ M = i(10),
|
|
|
+ N = i(19),
|
|
|
+ P = T.f,
|
|
|
+ I = M.f,
|
|
|
+ O = E.f,
|
|
|
+ F = a.Symbol,
|
|
|
+ A = a.JSON,
|
|
|
+ L = A && A.stringify,
|
|
|
+ V = v("_hidden"),
|
|
|
+ B = v("toPrimitive"),
|
|
|
+ z = {}.propertyIsEnumerable,
|
|
|
+ H = f("symbol-registry"),
|
|
|
+ R = f("symbols"),
|
|
|
+ W = f("op-symbols"),
|
|
|
+ j = Object.prototype,
|
|
|
+ q = "function" == typeof F,
|
|
|
+ Y = a.QObject,
|
|
|
+ K = !Y || !Y.prototype || !Y.prototype.findChild,
|
|
|
+ G = u && p(function () {
|
|
|
+ return 7 != $(I({}, "a", {
|
|
|
+ get: function () {
|
|
|
+ return I(this, "a", {
|
|
|
+ value: 7
|
|
|
+ }).a
|
|
|
+ }
|
|
|
+ })).a
|
|
|
+ }) ? function (e, t, i) {
|
|
|
+ var n = P(j, t);
|
|
|
+ n && delete j[t], I(e, t, i), n && e !== j && I(j, t, n)
|
|
|
+ } : I,
|
|
|
+ U = q && "symbol" == typeof F.iterator ? function (e) {
|
|
|
+ return "symbol" == typeof e
|
|
|
+ } : function (e) {
|
|
|
+ return e instanceof F
|
|
|
+ },
|
|
|
+ X = function (e, t, i) {
|
|
|
+ return e === j && X(W, t, i), x(e), t = S(t, !0), x(i), l(R, t) ? (i.enumerable ? (l(e, V) && e[V][t] && (e[V][t] = !1), i = $(i, {
|
|
|
+ enumerable: D(0, !1)
|
|
|
+ })) : (l(e, V) || I(e, V, D(1, {})), e[V][t] = !0), G(e, t, i)) : I(e, t, i)
|
|
|
+ },
|
|
|
+ f = function (e) {
|
|
|
+ for (var t, i = O(k(e)), n = [], r = 0; i.length > r;) l(R, t = i[r++]) || t == V || t == d || n.push(t);
|
|
|
+ return n
|
|
|
+ },
|
|
|
+ Y = function (e) {
|
|
|
+ for (var t, i = e === j, n = O(i ? W : k(e)), r = [], s = 0; n.length > s;) !l(R, t = n[s++]) || i && !l(j, t) || r.push(R[t]);
|
|
|
+ return r
|
|
|
+ };
|
|
|
+ q || (h((F = function () {
|
|
|
+ if (this instanceof F) throw TypeError("Symbol is not a constructor!");
|
|
|
+ var t = g(0 < arguments.length ? arguments[0] : void 0),
|
|
|
+ i = function (e) {
|
|
|
+ this === j && i.call(W, e), l(this, V) && l(this[V], t) && (this[V][t] = !1), G(this, t, D(1, e))
|
|
|
+ };
|
|
|
+ return u && K && G(j, t, {
|
|
|
+ configurable: !0,
|
|
|
+ set: i
|
|
|
+ }), n(t)
|
|
|
+ }).prototype, "toString", function () {
|
|
|
+ return this._k
|
|
|
+ }), T.f = o, M.f = X, i(45).f = E.f = f, i(22).f = s, i(30).f = Y, u && !i(20) && h(j, "propertyIsEnumerable", s, !0), y.f = function (e) {
|
|
|
+ return n(v(e))
|
|
|
+ }), c(c.G + c.W + c.F * !q, {
|
|
|
+ Symbol: F
|
|
|
+ });
|
|
|
+ for (var Z = "hasInstance,isConcatSpreadable,iterator,match,replace,search,species,split,toPrimitive,toStringTag,unscopables".split(","), J = 0; Z.length > J;) v(Z[J++]);
|
|
|
+ for (var Q = N(v.store), ee = 0; Q.length > ee;) b(Q[ee++]);
|
|
|
+ c(c.S + c.F * !q, "Symbol", {
|
|
|
+ for: function (e) {
|
|
|
+ return l(H, e += "") ? H[e] : H[e] = F(e)
|
|
|
+ },
|
|
|
+ keyFor: function (e) {
|
|
|
+ if (!U(e)) throw TypeError(e + " is not a symbol!");
|
|
|
+ for (var t in H)
|
|
|
+ if (H[t] === e) return t
|
|
|
+ },
|
|
|
+ useSetter: function () {
|
|
|
+ K = !0
|
|
|
+ },
|
|
|
+ useSimple: function () {
|
|
|
+ K = !1
|
|
|
+ }
|
|
|
+ }), c(c.S + c.F * !q, "Object", {
|
|
|
+ create: function (e, t) {
|
|
|
+ return void 0 === t ? $(e) : r($(e), t)
|
|
|
+ },
|
|
|
+ defineProperty: X,
|
|
|
+ defineProperties: r,
|
|
|
+ getOwnPropertyDescriptor: o,
|
|
|
+ getOwnPropertyNames: f,
|
|
|
+ getOwnPropertySymbols: Y
|
|
|
+ }), A && c(c.S + c.F * (!q || p(function () {
|
|
|
+ var e = F();
|
|
|
+ return "[null]" != L([e]) || "{}" != L({
|
|
|
+ a: e
|
|
|
+ }) || "{}" != L(Object(e))
|
|
|
+ })), "JSON", {
|
|
|
+ stringify: function (e) {
|
|
|
+ for (var t, i, n = [e], r = 1; r < arguments.length;) n.push(arguments[r++]);
|
|
|
+ if (i = t = n[1], (C(t) || void 0 !== e) && !U(e)) return _(t) || (t = function (e, t) {
|
|
|
+ if ("function" == typeof i && (t = i.call(this, e, t)), !U(t)) return t
|
|
|
+ }), n[1] = t, L.apply(A, n)
|
|
|
+ }
|
|
|
+ }), F.prototype[B] || i(9)(F.prototype, B, F.prototype.valueOf), m(F, "Symbol"), m(Math, "Math", !0), m(a.JSON, "JSON", !0)
|
|
|
+ }, function (e, t, i) {
|
|
|
+ function n(e) {
|
|
|
+ a(e, r, {
|
|
|
+ value: {
|
|
|
+ i: "O" + ++l,
|
|
|
+ w: {}
|
|
|
+ }
|
|
|
+ })
|
|
|
+ }
|
|
|
+ var r = i(21)("meta"),
|
|
|
+ s = i(15),
|
|
|
+ o = i(7),
|
|
|
+ a = i(10).f,
|
|
|
+ l = 0,
|
|
|
+ u = Object.isExtensible || function () {
|
|
|
+ return !0
|
|
|
+ },
|
|
|
+ c = !i(16)(function () {
|
|
|
+ return u(Object.preventExtensions({}))
|
|
|
+ }),
|
|
|
+ h = e.exports = {
|
|
|
+ KEY: r,
|
|
|
+ NEED: !1,
|
|
|
+ fastKey: function (e, t) {
|
|
|
+ if (!s(e)) return "symbol" == typeof e ? e : ("string" == typeof e ? "S" : "P") + e;
|
|
|
+ if (!o(e, r)) {
|
|
|
+ if (!u(e)) return "F";
|
|
|
+ if (!t) return "E";
|
|
|
+ n(e)
|
|
|
+ }
|
|
|
+ return e[r].i
|
|
|
+ },
|
|
|
+ getWeak: function (e, t) {
|
|
|
+ if (!o(e, r)) {
|
|
|
+ if (!u(e)) return !0;
|
|
|
+ if (!t) return !1;
|
|
|
+ n(e)
|
|
|
+ }
|
|
|
+ return e[r].w
|
|
|
+ },
|
|
|
+ onFreeze: function (e) {
|
|
|
+ return c && h.NEED && u(e) && !o(e, r) && n(e), e
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, function (e, t, i) {
|
|
|
+ var a = i(19),
|
|
|
+ l = i(30),
|
|
|
+ u = i(22);
|
|
|
+ e.exports = function (e) {
|
|
|
+ var t = a(e),
|
|
|
+ i = l.f;
|
|
|
+ if (i)
|
|
|
+ for (var n, r = i(e), s = u.f, o = 0; r.length > o;) s.call(e, n = r[o++]) && t.push(n);
|
|
|
+ return t
|
|
|
+ }
|
|
|
+ }, function (e, t, i) {
|
|
|
+ var n = i(40);
|
|
|
+ e.exports = Array.isArray || function (e) {
|
|
|
+ return "Array" == n(e)
|
|
|
+ }
|
|
|
+ }, function (e, t, i) {
|
|
|
+ var n = i(12),
|
|
|
+ r = i(45).f,
|
|
|
+ s = {}.toString,
|
|
|
+ o = "object" == typeof window && window && Object.getOwnPropertyNames ? Object.getOwnPropertyNames(window) : [];
|
|
|
+ e.exports.f = function (e) {
|
|
|
+ return o && "[object Window]" == s.call(e) ? function (e) {
|
|
|
+ try {
|
|
|
+ return r(e)
|
|
|
+ } catch (e) {
|
|
|
+ return o.slice()
|
|
|
+ }
|
|
|
+ }(e) : r(n(e))
|
|
|
+ }
|
|
|
+ }, function (e, t, i) {
|
|
|
+ var n = i(22),
|
|
|
+ r = i(18),
|
|
|
+ s = i(12),
|
|
|
+ o = i(24),
|
|
|
+ a = i(7),
|
|
|
+ l = i(36),
|
|
|
+ u = Object.getOwnPropertyDescriptor;
|
|
|
+ t.f = i(11) ? u : function (e, t) {
|
|
|
+ if (e = s(e), t = o(t, !0), l) try {
|
|
|
+ return u(e, t)
|
|
|
+ } catch (e) {}
|
|
|
+ if (a(e, t)) return r(!n.f.call(e, t), e[t])
|
|
|
+ }
|
|
|
+ }, function (e, t) {}, function (e, t, i) {
|
|
|
+ i(34)("asyncIterator")
|
|
|
+ }, function (e, t, i) {
|
|
|
+ i(34)("observable")
|
|
|
+ }, function (e, t, i) {
|
|
|
+ "use strict";
|
|
|
+ i.r(t);
|
|
|
+ var n = function () {
|
|
|
+ var t = this,
|
|
|
+ e = t.$createElement,
|
|
|
+ i = t._self._c || e;
|
|
|
+ return i("ul", {
|
|
|
+ staticClass: "el-pager",
|
|
|
+ on: {
|
|
|
+ click: t.onPagerClick
|
|
|
+ }
|
|
|
+ }, [0 < t.pageCount ? i("li", {
|
|
|
+ staticClass: "number",
|
|
|
+ class: {
|
|
|
+ active: 1 === t.currentPage, disabled: t.disabled
|
|
|
+ }
|
|
|
+ }, [t._v("1")]) : t._e(), t.showPrevMore ? i("li", {
|
|
|
+ staticClass: "el-icon more btn-quickprev",
|
|
|
+ class: [t.quickprevIconClass, {
|
|
|
+ disabled: t.disabled
|
|
|
+ }],
|
|
|
+ on: {
|
|
|
+ mouseenter: function (e) {
|
|
|
+ t.onMouseenter("left")
|
|
|
+ },
|
|
|
+ mouseleave: function (e) {
|
|
|
+ t.quickprevIconClass = "el-icon-more"
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }) : t._e(), t._l(t.pagers, function (e) {
|
|
|
+ return i("li", {
|
|
|
+ key: e,
|
|
|
+ staticClass: "number",
|
|
|
+ class: {
|
|
|
+ active: t.currentPage === e, disabled: t.disabled
|
|
|
+ }
|
|
|
+ }, [t._v(t._s(e))])
|
|
|
+ }), t.showNextMore ? i("li", {
|
|
|
+ staticClass: "el-icon more btn-quicknext",
|
|
|
+ class: [t.quicknextIconClass, {
|
|
|
+ disabled: t.disabled
|
|
|
+ }],
|
|
|
+ on: {
|
|
|
+ mouseenter: function (e) {
|
|
|
+ t.onMouseenter("right")
|
|
|
+ },
|
|
|
+ mouseleave: function (e) {
|
|
|
+ t.quicknextIconClass = "el-icon-more"
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }) : t._e(), 1 < t.pageCount ? i("li", {
|
|
|
+ staticClass: "number",
|
|
|
+ class: {
|
|
|
+ active: t.currentPage === t.pageCount, disabled: t.disabled
|
|
|
+ }
|
|
|
+ }, [t._v(t._s(t.pageCount))]) : t._e()], 2)
|
|
|
+ };
|
|
|
+
|
|
|
+ function r(e, t, i, n, r, s, o, a) {
|
|
|
+ var l, u, c = "function" == typeof e ? e.options : e;
|
|
|
+ return t && (c.render = t, c.staticRenderFns = i, c._compiled = !0), n && (c.functional = !0), s && (c._scopeId = "data-v-" + s), o ? (l = function (e) {
|
|
|
+ (e = e || this.$vnode && this.$vnode.ssrContext || this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext) || "undefined" == typeof __VUE_SSR_CONTEXT__ || (e = __VUE_SSR_CONTEXT__), r && r.call(this, e), e && e._registeredComponents && e._registeredComponents.add(o)
|
|
|
+ }, c._ssrRegister = l) : r && (l = a ? function () {
|
|
|
+ r.call(this, this.$root.$options.shadowRoot)
|
|
|
+ } : r), l && (c.functional ? (c._injectStyles = l, u = c.render, c.render = function (e, t) {
|
|
|
+ return l.call(t), u(e, t)
|
|
|
+ }) : (a = c.beforeCreate, c.beforeCreate = a ? [].concat(a, l) : [l])), {
|
|
|
+ exports: e,
|
|
|
+ options: c
|
|
|
+ }
|
|
|
+ }
|
|
|
+ n._withStripped = !0;
|
|
|
+ var s = r({
|
|
|
+ name: "ElPager",
|
|
|
+ props: {
|
|
|
+ currentPage: Number,
|
|
|
+ pageCount: Number,
|
|
|
+ pagerCount: Number,
|
|
|
+ disabled: Boolean
|
|
|
+ },
|
|
|
+ watch: {
|
|
|
+ showPrevMore: function (e) {
|
|
|
+ e || (this.quickprevIconClass = "el-icon-more")
|
|
|
+ },
|
|
|
+ showNextMore: function (e) {
|
|
|
+ e || (this.quicknextIconClass = "el-icon-more")
|
|
|
+ }
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ onPagerClick: function (e) {
|
|
|
+ var t, i, n, r = e.target;
|
|
|
+ "UL" === r.tagName || this.disabled || (t = Number(e.target.textContent), i = this.pageCount, n = this.currentPage, e = this.pagerCount - 2, -1 !== r.className.indexOf("more") && (-1 !== r.className.indexOf("quickprev") ? t = n - e : -1 !== r.className.indexOf("quicknext") && (t = n + e)), isNaN(t) || i < (t = t < 1 ? 1 : t) && (t = i), t !== n && this.$emit("change", t))
|
|
|
+ },
|
|
|
+ onMouseenter: function (e) {
|
|
|
+ this.disabled || ("left" === e ? this.quickprevIconClass = "el-icon-d-arrow-left" : this.quicknextIconClass = "el-icon-d-arrow-right")
|
|
|
+ }
|
|
|
+ },
|
|
|
+ computed: {
|
|
|
+ pagers: function () {
|
|
|
+ var e = this.pagerCount,
|
|
|
+ t = (e - 1) / 2,
|
|
|
+ i = Number(this.currentPage),
|
|
|
+ n = Number(this.pageCount),
|
|
|
+ r = !1,
|
|
|
+ s = !1;
|
|
|
+ e < n && (e - t < i && (r = !0), i < n - t && (s = !0));
|
|
|
+ var o = [];
|
|
|
+ if (r && !s)
|
|
|
+ for (var a = n - (e - 2); a < n; a++) o.push(a);
|
|
|
+ else if (!r && s)
|
|
|
+ for (var l = 2; l < e; l++) o.push(l);
|
|
|
+ else if (r && s)
|
|
|
+ for (var u = Math.floor(e / 2) - 1, c = i - u; c <= i + u; c++) o.push(c);
|
|
|
+ else
|
|
|
+ for (var h = 2; h < n; h++) o.push(h);
|
|
|
+ return this.showPrevMore = r, this.showNextMore = s, o
|
|
|
+ }
|
|
|
+ },
|
|
|
+ data: function () {
|
|
|
+ return {
|
|
|
+ current: null,
|
|
|
+ showPrevMore: !1,
|
|
|
+ showNextMore: !1,
|
|
|
+ quicknextIconClass: "el-icon-more",
|
|
|
+ quickprevIconClass: "el-icon-more"
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, n, [], !1, null, null, null);
|
|
|
+ s.options.__file = "packages/pagination/src/pager.vue";
|
|
|
+ var o = s.exports,
|
|
|
+ a = function () {
|
|
|
+ var i = this,
|
|
|
+ e = i.$createElement,
|
|
|
+ n = i._self._c || e;
|
|
|
+ return n("div", {
|
|
|
+ directives: [{
|
|
|
+ name: "clickoutside",
|
|
|
+ rawName: "v-clickoutside",
|
|
|
+ value: i.handleClose,
|
|
|
+ expression: "handleClose"
|
|
|
+ }],
|
|
|
+ staticClass: "el-select",
|
|
|
+ class: [i.selectSize ? "el-select--" + i.selectSize : ""],
|
|
|
+ on: {
|
|
|
+ click: function (e) {
|
|
|
+ return e.stopPropagation(), i.toggleMenu(e)
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, [i.multiple ? n("div", {
|
|
|
+ ref: "tags",
|
|
|
+ staticClass: "el-select__tags",
|
|
|
+ style: {
|
|
|
+ "max-width": i.inputWidth - 32 + "px",
|
|
|
+ width: "100%"
|
|
|
+ }
|
|
|
+ }, [i.collapseTags && i.selected.length ? n("span", [n("el-tag", {
|
|
|
+ attrs: {
|
|
|
+ closable: !i.selectDisabled,
|
|
|
+ size: i.collapseTagSize,
|
|
|
+ hit: i.selected[0].hitState,
|
|
|
+ type: "info",
|
|
|
+ "disable-transitions": ""
|
|
|
+ },
|
|
|
+ on: {
|
|
|
+ close: function (e) {
|
|
|
+ i.deleteTag(e, i.selected[0])
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, [n("span", {
|
|
|
+ staticClass: "el-select__tags-text"
|
|
|
+ }, [i._v(i._s(i.selected[0].currentLabel))])]), 1 < i.selected.length ? n("el-tag", {
|
|
|
+ attrs: {
|
|
|
+ closable: !1,
|
|
|
+ size: i.collapseTagSize,
|
|
|
+ type: "info",
|
|
|
+ "disable-transitions": ""
|
|
|
+ }
|
|
|
+ }, [n("span", {
|
|
|
+ staticClass: "el-select__tags-text"
|
|
|
+ }, [i._v("+ " + i._s(i.selected.length - 1))])]) : i._e()], 1) : i._e(), i.collapseTags ? i._e() : n("transition-group", {
|
|
|
+ on: {
|
|
|
+ "after-leave": i.resetInputHeight
|
|
|
+ }
|
|
|
+ }, i._l(i.selected, function (t) {
|
|
|
+ return n("el-tag", {
|
|
|
+ key: i.getValueKey(t),
|
|
|
+ attrs: {
|
|
|
+ closable: !i.selectDisabled,
|
|
|
+ size: i.collapseTagSize,
|
|
|
+ hit: t.hitState,
|
|
|
+ type: "info",
|
|
|
+ "disable-transitions": ""
|
|
|
+ },
|
|
|
+ on: {
|
|
|
+ close: function (e) {
|
|
|
+ i.deleteTag(e, t)
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, [n("span", {
|
|
|
+ staticClass: "el-select__tags-text"
|
|
|
+ }, [i._v(i._s(t.currentLabel))])])
|
|
|
+ }), 1), i.filterable ? n("input", {
|
|
|
+ directives: [{
|
|
|
+ name: "model",
|
|
|
+ rawName: "v-model",
|
|
|
+ value: i.query,
|
|
|
+ expression: "query"
|
|
|
+ }],
|
|
|
+ ref: "input",
|
|
|
+ staticClass: "el-select__input",
|
|
|
+ class: [i.selectSize ? "is-" + i.selectSize : ""],
|
|
|
+ style: {
|
|
|
+ "flex-grow": "1",
|
|
|
+ width: i.inputLength / (i.inputWidth - 32) + "%",
|
|
|
+ "max-width": i.inputWidth - 42 + "px"
|
|
|
+ },
|
|
|
+ attrs: {
|
|
|
+ type: "text",
|
|
|
+ disabled: i.selectDisabled,
|
|
|
+ autocomplete: i.autoComplete || i.autocomplete
|
|
|
+ },
|
|
|
+ domProps: {
|
|
|
+ value: i.query
|
|
|
+ },
|
|
|
+ on: {
|
|
|
+ focus: i.handleFocus,
|
|
|
+ blur: function (e) {
|
|
|
+ i.softFocus = !1
|
|
|
+ },
|
|
|
+ keyup: i.managePlaceholder,
|
|
|
+ keydown: [i.resetInputState, function (e) {
|
|
|
+ if (!("button" in e) && i._k(e.keyCode, "down", 40, e.key, ["Down", "ArrowDown"])) return null;
|
|
|
+ e.preventDefault(), i.navigateOptions("next")
|
|
|
+ }, function (e) {
|
|
|
+ if (!("button" in e) && i._k(e.keyCode, "up", 38, e.key, ["Up", "ArrowUp"])) return null;
|
|
|
+ e.preventDefault(), i.navigateOptions("prev")
|
|
|
+ }, function (e) {
|
|
|
+ return "button" in e || !i._k(e.keyCode, "enter", 13, e.key, "Enter") ? (e.preventDefault(), i.selectOption(e)) : null
|
|
|
+ }, function (e) {
|
|
|
+ if (!("button" in e) && i._k(e.keyCode, "esc", 27, e.key, ["Esc", "Escape"])) return null;
|
|
|
+ e.stopPropagation(), e.preventDefault(), i.visible = !1
|
|
|
+ }, function (e) {
|
|
|
+ return "button" in e || !i._k(e.keyCode, "delete", [8, 46], e.key, ["Backspace", "Delete", "Del"]) ? i.deletePrevTag(e) : null
|
|
|
+ }, function (e) {
|
|
|
+ if (!("button" in e) && i._k(e.keyCode, "tab", 9, e.key, "Tab")) return null;
|
|
|
+ i.visible = !1
|
|
|
+ }],
|
|
|
+ compositionstart: i.handleComposition,
|
|
|
+ compositionupdate: i.handleComposition,
|
|
|
+ compositionend: i.handleComposition,
|
|
|
+ input: [function (e) {
|
|
|
+ e.target.composing || (i.query = e.target.value)
|
|
|
+ }, i.debouncedQueryChange]
|
|
|
+ }
|
|
|
+ }) : i._e()], 1) : i._e(), n("el-input", {
|
|
|
+ ref: "reference",
|
|
|
+ class: {
|
|
|
+ "is-focus": i.visible
|
|
|
+ },
|
|
|
+ attrs: {
|
|
|
+ type: "text",
|
|
|
+ placeholder: i.currentPlaceholder,
|
|
|
+ name: i.name,
|
|
|
+ id: i.id,
|
|
|
+ autocomplete: i.autoComplete || i.autocomplete,
|
|
|
+ size: i.selectSize,
|
|
|
+ disabled: i.selectDisabled,
|
|
|
+ readonly: i.readonly,
|
|
|
+ "validate-event": !1,
|
|
|
+ tabindex: i.multiple && i.filterable ? "-1" : null
|
|
|
+ },
|
|
|
+ on: {
|
|
|
+ focus: i.handleFocus,
|
|
|
+ blur: i.handleBlur
|
|
|
+ },
|
|
|
+ nativeOn: {
|
|
|
+ keyup: function (e) {
|
|
|
+ return i.debouncedOnInputChange(e)
|
|
|
+ },
|
|
|
+ keydown: [function (e) {
|
|
|
+ if (!("button" in e) && i._k(e.keyCode, "down", 40, e.key, ["Down", "ArrowDown"])) return null;
|
|
|
+ e.stopPropagation(), e.preventDefault(), i.navigateOptions("next")
|
|
|
+ }, function (e) {
|
|
|
+ if (!("button" in e) && i._k(e.keyCode, "up", 38, e.key, ["Up", "ArrowUp"])) return null;
|
|
|
+ e.stopPropagation(), e.preventDefault(), i.navigateOptions("prev")
|
|
|
+ }, function (e) {
|
|
|
+ return "button" in e || !i._k(e.keyCode, "enter", 13, e.key, "Enter") ? (e.preventDefault(), i.selectOption(e)) : null
|
|
|
+ }, function (e) {
|
|
|
+ if (!("button" in e) && i._k(e.keyCode, "esc", 27, e.key, ["Esc", "Escape"])) return null;
|
|
|
+ e.stopPropagation(), e.preventDefault(), i.visible = !1
|
|
|
+ }, function (e) {
|
|
|
+ if (!("button" in e) && i._k(e.keyCode, "tab", 9, e.key, "Tab")) return null;
|
|
|
+ i.visible = !1
|
|
|
+ }],
|
|
|
+ paste: function (e) {
|
|
|
+ return i.debouncedOnInputChange(e)
|
|
|
+ },
|
|
|
+ mouseenter: function (e) {
|
|
|
+ i.inputHovering = !0
|
|
|
+ },
|
|
|
+ mouseleave: function (e) {
|
|
|
+ i.inputHovering = !1
|
|
|
+ }
|
|
|
+ },
|
|
|
+ model: {
|
|
|
+ value: i.selectedLabel,
|
|
|
+ callback: function (e) {
|
|
|
+ i.selectedLabel = e
|
|
|
+ },
|
|
|
+ expression: "selectedLabel"
|
|
|
+ }
|
|
|
+ }, [i.$slots.prefix ? n("template", {
|
|
|
+ slot: "prefix"
|
|
|
+ }, [i._t("prefix")], 2) : i._e(), n("template", {
|
|
|
+ slot: "suffix"
|
|
|
+ }, [n("i", {
|
|
|
+ directives: [{
|
|
|
+ name: "show",
|
|
|
+ rawName: "v-show",
|
|
|
+ value: !i.showClose,
|
|
|
+ expression: "!showClose"
|
|
|
+ }],
|
|
|
+ class: ["el-select__caret", "el-input__icon", "el-icon-" + i.iconClass]
|
|
|
+ }), i.showClose ? n("i", {
|
|
|
+ staticClass: "el-select__caret el-input__icon el-icon-circle-close",
|
|
|
+ on: {
|
|
|
+ click: i.handleClearClick
|
|
|
+ }
|
|
|
+ }) : i._e()])], 2), n("transition", {
|
|
|
+ attrs: {
|
|
|
+ name: "el-zoom-in-top"
|
|
|
+ },
|
|
|
+ on: {
|
|
|
+ "before-enter": i.handleMenuEnter,
|
|
|
+ "after-leave": i.doDestroy
|
|
|
+ }
|
|
|
+ }, [n("el-select-menu", {
|
|
|
+ directives: [{
|
|
|
+ name: "show",
|
|
|
+ rawName: "v-show",
|
|
|
+ value: i.visible && !1 !== i.emptyText,
|
|
|
+ expression: "visible && emptyText !== false"
|
|
|
+ }],
|
|
|
+ ref: "popper",
|
|
|
+ attrs: {
|
|
|
+ "append-to-body": i.popperAppendToBody
|
|
|
+ }
|
|
|
+ }, [n("el-scrollbar", {
|
|
|
+ directives: [{
|
|
|
+ name: "show",
|
|
|
+ rawName: "v-show",
|
|
|
+ value: 0 < i.options.length && !i.loading,
|
|
|
+ expression: "options.length > 0 && !loading"
|
|
|
+ }],
|
|
|
+ ref: "scrollbar",
|
|
|
+ class: {
|
|
|
+ "is-empty": !i.allowCreate && i.query && 0 === i.filteredOptionsCount
|
|
|
+ },
|
|
|
+ attrs: {
|
|
|
+ tag: "ul",
|
|
|
+ "wrap-class": "el-select-dropdown__wrap",
|
|
|
+ "view-class": "el-select-dropdown__list"
|
|
|
+ }
|
|
|
+ }, [i.showNewOption ? n("el-option", {
|
|
|
+ attrs: {
|
|
|
+ value: i.query,
|
|
|
+ created: ""
|
|
|
+ }
|
|
|
+ }) : i._e(), i._t("default")], 2), i.emptyText && (!i.allowCreate || i.loading || i.allowCreate && 0 === i.options.length) ? [i.$slots.empty ? i._t("empty") : n("p", {
|
|
|
+ staticClass: "el-select-dropdown__empty"
|
|
|
+ }, [i._v("\n " + i._s(i.emptyText) + "\n ")])] : i._e()], 2)], 1)], 1)
|
|
|
+ };
|
|
|
+ a._withStripped = !0;
|
|
|
+ var l = {
|
|
|
+ methods: {
|
|
|
+ dispatch: function (e, t, i) {
|
|
|
+ for (var n = this.$parent || this.$root, r = n.$options.componentName; n && (!r || r !== e);)(n = n.$parent) && (r = n.$options.componentName);
|
|
|
+ n && n.$emit.apply(n, [t].concat(i))
|
|
|
+ },
|
|
|
+ broadcast: function (e, t, i) {
|
|
|
+ ! function t(i, n, r) {
|
|
|
+ this.$children.forEach(function (e) {
|
|
|
+ e.$options.componentName === i ? e.$emit.apply(e, [n].concat(r)) : t.apply(e, [i, n].concat([r]))
|
|
|
+ })
|
|
|
+ }.call(this, e, t, i)
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ u = function (e) {
|
|
|
+ return {
|
|
|
+ methods: {
|
|
|
+ focus: function () {
|
|
|
+ this.$refs[e].focus()
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ c = i(0),
|
|
|
+ h = i.n(c),
|
|
|
+ d = i(46),
|
|
|
+ p = i.n(d),
|
|
|
+ f = "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 m(e) {
|
|
|
+ return "[object String]" === Object.prototype.toString.call(e)
|
|
|
+ }
|
|
|
+
|
|
|
+ function g(e) {
|
|
|
+ return "[object Object]" === Object.prototype.toString.call(e)
|
|
|
+ }
|
|
|
+
|
|
|
+ function v(e) {
|
|
|
+ return e && e.nodeType === Node.ELEMENT_NODE
|
|
|
+ }
|
|
|
+ var y = function (e) {
|
|
|
+ return e && "[object Function]" === {}.toString.call(e)
|
|
|
+ };
|
|
|
+ "object" === ("undefined" == typeof Int8Array ? "undefined" : f(Int8Array)) || !h.a.prototype.$isServer && "function" == typeof document.childNodes || (y = function (e) {
|
|
|
+ return "function" == typeof e || !1
|
|
|
+ });
|
|
|
+
|
|
|
+ function b(e) {
|
|
|
+ return void 0 === e
|
|
|
+ }
|
|
|
+ var w = "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
|
|
|
+ },
|
|
|
+ _ = Object.prototype.hasOwnProperty;
|
|
|
+
|
|
|
+ function x() {}
|
|
|
+
|
|
|
+ function C(e, t) {
|
|
|
+ return _.call(e, t)
|
|
|
+ }
|
|
|
+
|
|
|
+ function k(e, t) {
|
|
|
+ for (var i = (t = t || "").split("."), n = e, r = null, s = 0, o = i.length; s < o; s++) {
|
|
|
+ var a = i[s];
|
|
|
+ if (!n) break;
|
|
|
+ if (s === o - 1) {
|
|
|
+ r = n[a];
|
|
|
+ break
|
|
|
+ }
|
|
|
+ n = n[a]
|
|
|
+ }
|
|
|
+ return r
|
|
|
+ }
|
|
|
+
|
|
|
+ function S(e, t, i) {
|
|
|
+ for (var n = e, r = (t = (t = t.replace(/\[(\w+)\]/g, ".$1")).replace(/^\./, "")).split("."), s = 0, o = r.length; s < o - 1 && (n || i); ++s) {
|
|
|
+ var a = r[s];
|
|
|
+ if (!(a in n)) {
|
|
|
+ if (i) throw new Error("please transfer a valid prop path to form item!");
|
|
|
+ break
|
|
|
+ }
|
|
|
+ n = n[a]
|
|
|
+ }
|
|
|
+ return {
|
|
|
+ o: n,
|
|
|
+ k: r[s],
|
|
|
+ v: n ? n[r[s]] : null
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ function D() {
|
|
|
+ return Math.floor(1e4 * Math.random())
|
|
|
+ }
|
|
|
+
|
|
|
+ function $(e, t) {
|
|
|
+ if (e === t) return !0;
|
|
|
+ if (!(e instanceof Array)) return !1;
|
|
|
+ if (!(t instanceof Array)) return !1;
|
|
|
+ if (e.length !== t.length) return !1;
|
|
|
+ for (var i = 0; i !== e.length; ++i)
|
|
|
+ if (e[i] !== t[i]) return !1;
|
|
|
+ return !0
|
|
|
+ }
|
|
|
+
|
|
|
+ function E(e, t) {
|
|
|
+ for (var i = 0; i !== e.length; ++i)
|
|
|
+ if (t(e[i])) return i;
|
|
|
+ return -1
|
|
|
+ }
|
|
|
+
|
|
|
+ function T(e, t) {
|
|
|
+ return -1 !== (t = E(e, t)) ? e[t] : void 0
|
|
|
+ }
|
|
|
+
|
|
|
+ function M(e) {
|
|
|
+ return Array.isArray(e) ? e : e ? [e] : []
|
|
|
+ }
|
|
|
+
|
|
|
+ function N(e) {
|
|
|
+ return m(e) ? e.charAt(0).toUpperCase() + e.slice(1) : e
|
|
|
+ }
|
|
|
+
|
|
|
+ function P(e, t) {
|
|
|
+ var i = g(e),
|
|
|
+ n = g(t);
|
|
|
+ return i && n ? JSON.stringify(e) === JSON.stringify(t) : !i && !n && String(e) === String(t)
|
|
|
+ }
|
|
|
+
|
|
|
+ function I(n, r) {
|
|
|
+ return Array.isArray(n) && Array.isArray(r) ? function (e, t) {
|
|
|
+ if ((e = n || []).length !== (t = r || []).length) return !1;
|
|
|
+ for (var i = 0; i < e.length; i++)
|
|
|
+ if (!P(e[i], t[i])) return !1;
|
|
|
+ return !0
|
|
|
+ }() : P(n, r)
|
|
|
+ }
|
|
|
+
|
|
|
+ function O(e) {
|
|
|
+ if (null == e) return 1;
|
|
|
+ if ("boolean" != typeof e) {
|
|
|
+ if ("number" == typeof e) return !e;
|
|
|
+ if (e instanceof Error) return "" === e.message;
|
|
|
+ switch (Object.prototype.toString.call(e)) {
|
|
|
+ case "[object String]":
|
|
|
+ case "[object Array]":
|
|
|
+ return !e.length;
|
|
|
+ case "[object File]":
|
|
|
+ case "[object Map]":
|
|
|
+ case "[object Set]":
|
|
|
+ return !e.size;
|
|
|
+ case "[object Object]":
|
|
|
+ return !Object.keys(e).length
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ function F(r) {
|
|
|
+ var s = !1;
|
|
|
+ return function () {
|
|
|
+ for (var t = this, e = arguments.length, i = Array(e), n = 0; n < e; n++) i[n] = arguments[n];
|
|
|
+ s || (s = !0, window.requestAnimationFrame(function (e) {
|
|
|
+ r.apply(t, i), s = !1
|
|
|
+ }))
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ function A(e, t) {
|
|
|
+ var i = R.apply(this, arguments);
|
|
|
+ if (null != i) return i;
|
|
|
+ for (var n = e.split("."), r = z, s = 0, o = n.length; s < o; s++) {
|
|
|
+ if (i = r[n[s]], s === o - 1) return B(i, t);
|
|
|
+ if (!i) return "";
|
|
|
+ r = i
|
|
|
+ }
|
|
|
+ return ""
|
|
|
+ }
|
|
|
+ var L = "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
|
|
|
+ },
|
|
|
+ V = /(%|)\{([0-9a-zA-Z_]+)\}/g,
|
|
|
+ B = (h.a, function (s) {
|
|
|
+ for (var e = arguments.length, o = Array(1 < e ? e - 1 : 0), t = 1; t < e; t++) o[t - 1] = arguments[t];
|
|
|
+ return (o = 1 === o.length && "object" === L(o[0]) ? o[0] : o) && o.hasOwnProperty || (o = {}), s.replace(V, function (e, t, i, n) {
|
|
|
+ var r;
|
|
|
+ return "{" === s[n - 1] && "}" === s[n + e.length] ? i : null == (r = C(o, i) ? o[i] : null) ? "" : r
|
|
|
+ })
|
|
|
+ }),
|
|
|
+ z = {
|
|
|
+ el: {
|
|
|
+ colorpicker: {
|
|
|
+ confirm: "确定",
|
|
|
+ clear: "清空"
|
|
|
+ },
|
|
|
+ datepicker: {
|
|
|
+ now: "此刻",
|
|
|
+ today: "今天",
|
|
|
+ cancel: "取消",
|
|
|
+ clear: "清空",
|
|
|
+ confirm: "确定",
|
|
|
+ selectDate: "选择日期",
|
|
|
+ selectTime: "选择时间",
|
|
|
+ startDate: "开始日期",
|
|
|
+ startTime: "开始时间",
|
|
|
+ endDate: "结束日期",
|
|
|
+ endTime: "结束时间",
|
|
|
+ prevYear: "前一年",
|
|
|
+ nextYear: "后一年",
|
|
|
+ prevMonth: "上个月",
|
|
|
+ nextMonth: "下个月",
|
|
|
+ year: "年",
|
|
|
+ month1: "1 月",
|
|
|
+ month2: "2 月",
|
|
|
+ month3: "3 月",
|
|
|
+ month4: "4 月",
|
|
|
+ month5: "5 月",
|
|
|
+ month6: "6 月",
|
|
|
+ month7: "7 月",
|
|
|
+ month8: "8 月",
|
|
|
+ month9: "9 月",
|
|
|
+ month10: "10 月",
|
|
|
+ month11: "11 月",
|
|
|
+ month12: "12 月",
|
|
|
+ weeks: {
|
|
|
+ sun: "日",
|
|
|
+ mon: "一",
|
|
|
+ tue: "二",
|
|
|
+ wed: "三",
|
|
|
+ thu: "四",
|
|
|
+ fri: "五",
|
|
|
+ sat: "六"
|
|
|
+ },
|
|
|
+ months: {
|
|
|
+ jan: "一月",
|
|
|
+ feb: "二月",
|
|
|
+ mar: "三月",
|
|
|
+ apr: "四月",
|
|
|
+ may: "五月",
|
|
|
+ jun: "六月",
|
|
|
+ jul: "七月",
|
|
|
+ aug: "八月",
|
|
|
+ sep: "九月",
|
|
|
+ oct: "十月",
|
|
|
+ nov: "十一月",
|
|
|
+ dec: "十二月"
|
|
|
+ }
|
|
|
+ },
|
|
|
+ select: {
|
|
|
+ loading: "加载中",
|
|
|
+ noMatch: "无匹配数据",
|
|
|
+ noData: "无数据",
|
|
|
+ placeholder: "请选择"
|
|
|
+ },
|
|
|
+ cascader: {
|
|
|
+ noMatch: "无匹配数据",
|
|
|
+ loading: "加载中",
|
|
|
+ placeholder: "请选择",
|
|
|
+ noData: "暂无数据"
|
|
|
+ },
|
|
|
+ pagination: {
|
|
|
+ goto: "前往",
|
|
|
+ pagesize: "条/页",
|
|
|
+ total: "共 {total} 条",
|
|
|
+ pageClassifier: "页"
|
|
|
+ },
|
|
|
+ messagebox: {
|
|
|
+ title: "提示",
|
|
|
+ confirm: "确定",
|
|
|
+ cancel: "取消",
|
|
|
+ error: "输入的数据不合法!"
|
|
|
+ },
|
|
|
+ upload: {
|
|
|
+ deleteTip: "按 delete 键可删除",
|
|
|
+ delete: "删除",
|
|
|
+ preview: "查看图片",
|
|
|
+ continue: "继续上传"
|
|
|
+ },
|
|
|
+ table: {
|
|
|
+ emptyText: "暂无数据",
|
|
|
+ confirmFilter: "筛选",
|
|
|
+ resetFilter: "重置",
|
|
|
+ clearFilter: "全部",
|
|
|
+ sumText: "合计"
|
|
|
+ },
|
|
|
+ tree: {
|
|
|
+ emptyText: "暂无数据"
|
|
|
+ },
|
|
|
+ transfer: {
|
|
|
+ noMatch: "无匹配数据",
|
|
|
+ noData: "无数据",
|
|
|
+ titles: ["列表 1", "列表 2"],
|
|
|
+ filterPlaceholder: "请输入搜索内容",
|
|
|
+ noCheckedFormat: "共 {total} 项",
|
|
|
+ hasCheckedFormat: "已选 {checked}/{total} 项"
|
|
|
+ },
|
|
|
+ image: {
|
|
|
+ error: "加载失败"
|
|
|
+ },
|
|
|
+ pageHeader: {
|
|
|
+ title: "返回"
|
|
|
+ },
|
|
|
+ popconfirm: {
|
|
|
+ confirmButtonText: "确定",
|
|
|
+ cancelButtonText: "取消"
|
|
|
+ },
|
|
|
+ empty: {
|
|
|
+ description: "暂无数据"
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ H = !1,
|
|
|
+ R = function () {
|
|
|
+ var e = Object.getPrototypeOf(this || h.a).$t;
|
|
|
+ if ("function" == typeof e && h.a.locale) return H || (H = !0, h.a.locale(h.a.config.lang, p()(z, h.a.locale(h.a.config.lang) || {}, {
|
|
|
+ clone: !0
|
|
|
+ }))), e.apply(this, arguments)
|
|
|
+ },
|
|
|
+ W = {
|
|
|
+ use: function (e) {
|
|
|
+ z = e || z
|
|
|
+ },
|
|
|
+ t: A,
|
|
|
+ i18n: function (e) {
|
|
|
+ R = e || R
|
|
|
+ }
|
|
|
+ },
|
|
|
+ j = {
|
|
|
+ methods: {
|
|
|
+ t: function () {
|
|
|
+ for (var e = arguments.length, t = Array(e), i = 0; i < e; i++) t[i] = arguments[i];
|
|
|
+ return A.apply(this, t)
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ q = function () {
|
|
|
+ var t = this,
|
|
|
+ e = t.$createElement,
|
|
|
+ e = t._self._c || e;
|
|
|
+ return e("div", {
|
|
|
+ class: ["textarea" === t.type ? "el-textarea" : "el-input", t.inputSize ? "el-input--" + t.inputSize : "", {
|
|
|
+ "is-disabled": t.inputDisabled,
|
|
|
+ "is-exceed": t.inputExceed,
|
|
|
+ "el-input-group": t.$slots.prepend || t.$slots.append,
|
|
|
+ "el-input-group--append": t.$slots.append,
|
|
|
+ "el-input-group--prepend": t.$slots.prepend,
|
|
|
+ "el-input--prefix": t.$slots.prefix || t.prefixIcon,
|
|
|
+ "el-input--suffix": t.$slots.suffix || t.suffixIcon || t.clearable || t.showPassword
|
|
|
+ }],
|
|
|
+ on: {
|
|
|
+ mouseenter: function (e) {
|
|
|
+ t.hovering = !0
|
|
|
+ },
|
|
|
+ mouseleave: function (e) {
|
|
|
+ t.hovering = !1
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, ["textarea" !== t.type ? [t.$slots.prepend ? e("div", {
|
|
|
+ staticClass: "el-input-group__prepend"
|
|
|
+ }, [t._t("prepend")], 2) : t._e(), "textarea" !== t.type ? e("input", t._b({
|
|
|
+ ref: "input",
|
|
|
+ staticClass: "el-input__inner",
|
|
|
+ attrs: {
|
|
|
+ tabindex: t.tabindex,
|
|
|
+ type: t.showPassword ? t.passwordVisible ? "text" : "password" : t.type,
|
|
|
+ disabled: t.inputDisabled,
|
|
|
+ readonly: t.readonly,
|
|
|
+ autocomplete: t.autoComplete || t.autocomplete,
|
|
|
+ "aria-label": t.label
|
|
|
+ },
|
|
|
+ on: {
|
|
|
+ compositionstart: t.handleCompositionStart,
|
|
|
+ compositionupdate: t.handleCompositionUpdate,
|
|
|
+ compositionend: t.handleCompositionEnd,
|
|
|
+ input: t.handleInput,
|
|
|
+ focus: t.handleFocus,
|
|
|
+ blur: t.handleBlur,
|
|
|
+ change: t.handleChange
|
|
|
+ }
|
|
|
+ }, "input", t.$attrs, !1)) : t._e(), t.$slots.prefix || t.prefixIcon ? e("span", {
|
|
|
+ staticClass: "el-input__prefix"
|
|
|
+ }, [t._t("prefix"), t.prefixIcon ? e("i", {
|
|
|
+ staticClass: "el-input__icon",
|
|
|
+ class: t.prefixIcon
|
|
|
+ }) : t._e()], 2) : t._e(), t.getSuffixVisible() ? e("span", {
|
|
|
+ staticClass: "el-input__suffix"
|
|
|
+ }, [e("span", {
|
|
|
+ staticClass: "el-input__suffix-inner"
|
|
|
+ }, [t.showClear && t.showPwdVisible && t.isWordLimitVisible ? t._e() : [t._t("suffix"), t.suffixIcon ? e("i", {
|
|
|
+ staticClass: "el-input__icon",
|
|
|
+ class: t.suffixIcon
|
|
|
+ }) : t._e()], t.showClear ? e("i", {
|
|
|
+ staticClass: "el-input__icon el-icon-circle-close el-input__clear",
|
|
|
+ on: {
|
|
|
+ mousedown: function (e) {
|
|
|
+ e.preventDefault()
|
|
|
+ },
|
|
|
+ click: t.clear
|
|
|
+ }
|
|
|
+ }) : t._e(), t.showPwdVisible ? e("i", {
|
|
|
+ staticClass: "el-input__icon el-icon-view el-input__clear",
|
|
|
+ on: {
|
|
|
+ click: t.handlePasswordVisible
|
|
|
+ }
|
|
|
+ }) : t._e(), t.isWordLimitVisible ? e("span", {
|
|
|
+ staticClass: "el-input__count"
|
|
|
+ }, [e("span", {
|
|
|
+ staticClass: "el-input__count-inner"
|
|
|
+ }, [t._v("\n " + t._s(t.textLength) + "/" + t._s(t.upperLimit) + "\n ")])]) : t._e()], 2), t.validateState ? e("i", {
|
|
|
+ staticClass: "el-input__icon",
|
|
|
+ class: ["el-input__validateIcon", t.validateIcon]
|
|
|
+ }) : t._e()]) : t._e(), t.$slots.append ? e("div", {
|
|
|
+ staticClass: "el-input-group__append"
|
|
|
+ }, [t._t("append")], 2) : t._e()] : e("textarea", t._b({
|
|
|
+ ref: "textarea",
|
|
|
+ staticClass: "el-textarea__inner",
|
|
|
+ style: t.textareaStyle,
|
|
|
+ attrs: {
|
|
|
+ tabindex: t.tabindex,
|
|
|
+ disabled: t.inputDisabled,
|
|
|
+ readonly: t.readonly,
|
|
|
+ autocomplete: t.autoComplete || t.autocomplete,
|
|
|
+ "aria-label": t.label
|
|
|
+ },
|
|
|
+ on: {
|
|
|
+ compositionstart: t.handleCompositionStart,
|
|
|
+ compositionupdate: t.handleCompositionUpdate,
|
|
|
+ compositionend: t.handleCompositionEnd,
|
|
|
+ input: t.handleInput,
|
|
|
+ focus: t.handleFocus,
|
|
|
+ blur: t.handleBlur,
|
|
|
+ change: t.handleChange
|
|
|
+ }
|
|
|
+ }, "textarea", t.$attrs, !1)), t.isWordLimitVisible && "textarea" === t.type ? e("span", {
|
|
|
+ staticClass: "el-input__count"
|
|
|
+ }, [t._v(t._s(t.textLength) + "/" + t._s(t.upperLimit))]) : t._e()], 2)
|
|
|
+ },
|
|
|
+ Y = {
|
|
|
+ mounted: function () {},
|
|
|
+ methods: {
|
|
|
+ getMigratingConfig: function () {
|
|
|
+ return {
|
|
|
+ props: {},
|
|
|
+ events: {}
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ K = void 0,
|
|
|
+ G = ["letter-spacing", "line-height", "padding-top", "padding-bottom", "font-family", "font-weight", "font-size", "text-rendering", "text-transform", "width", "text-indent", "padding-left", "padding-right", "border-width", "box-sizing"];
|
|
|
+
|
|
|
+ function U(e, t, i) {
|
|
|
+ var n = 1 < arguments.length && void 0 !== t ? t : 1,
|
|
|
+ r = 2 < arguments.length && void 0 !== i ? i : null;
|
|
|
+ K || (K = document.createElement("textarea"), document.body.appendChild(K));
|
|
|
+ var s, o, a, t = (s = window.getComputedStyle(e), l = s.getPropertyValue("box-sizing"), o = parseFloat(s.getPropertyValue("padding-bottom")) + parseFloat(s.getPropertyValue("padding-top")), a = parseFloat(s.getPropertyValue("border-bottom-width")) + parseFloat(s.getPropertyValue("border-top-width")), {
|
|
|
+ contextStyle: G.map(function (e) {
|
|
|
+ return e + ":" + s.getPropertyValue(e)
|
|
|
+ }).join(";"),
|
|
|
+ paddingSize: o,
|
|
|
+ borderSize: a,
|
|
|
+ boxSizing: l
|
|
|
+ }),
|
|
|
+ i = t.paddingSize,
|
|
|
+ o = t.borderSize,
|
|
|
+ a = t.boxSizing;
|
|
|
+ K.setAttribute("style", t.contextStyle + ";\n height:0 !important;\n visibility:hidden !important;\n overflow:hidden !important;\n position:absolute !important;\n z-index:-1000 !important;\n top:0 !important;\n right:0 !important\n"), K.value = e.value || e.placeholder || "";
|
|
|
+ var l = K.scrollHeight,
|
|
|
+ t = {};
|
|
|
+ "border-box" === a ? l += o : "content-box" === a && (l -= i), K.value = "";
|
|
|
+ e = K.scrollHeight - i;
|
|
|
+ return null !== n && (n = e * n, "border-box" === a && (n = n + i + o), l = Math.max(n, l), t.minHeight = n + "px"), null !== r && (r = e * r, "border-box" === a && (r = r + i + o), l = Math.min(r, l)), t.height = l + "px", K.parentNode && K.parentNode.removeChild(K), K = null, t
|
|
|
+ }
|
|
|
+
|
|
|
+ function X(e) {
|
|
|
+ for (var t = 1, i = arguments.length; t < i; t++) {
|
|
|
+ var n, r, s = arguments[t] || {};
|
|
|
+ for (n in s) !s.hasOwnProperty(n) || void 0 !== (r = s[n]) && (e[n] = r)
|
|
|
+ }
|
|
|
+ return e
|
|
|
+ }
|
|
|
+
|
|
|
+ function Z(e) {
|
|
|
+ return null != e
|
|
|
+ }
|
|
|
+
|
|
|
+ function J(e) {
|
|
|
+ return /([(\uAC00-\uD7AF)|(\u3130-\u318F)])+/gi.test(e)
|
|
|
+ }
|
|
|
+ var Q = r({
|
|
|
+ name: "ElInput",
|
|
|
+ componentName: "ElInput",
|
|
|
+ mixins: [l, Y],
|
|
|
+ inheritAttrs: !(q._withStripped = !0),
|
|
|
+ inject: {
|
|
|
+ elForm: {
|
|
|
+ default: ""
|
|
|
+ },
|
|
|
+ elFormItem: {
|
|
|
+ default: ""
|
|
|
+ }
|
|
|
+ },
|
|
|
+ data: function () {
|
|
|
+ return {
|
|
|
+ textareaCalcStyle: {},
|
|
|
+ hovering: !1,
|
|
|
+ focused: !1,
|
|
|
+ isComposing: !1,
|
|
|
+ passwordVisible: !1
|
|
|
+ }
|
|
|
+ },
|
|
|
+ props: {
|
|
|
+ value: [String, Number],
|
|
|
+ size: String,
|
|
|
+ resize: String,
|
|
|
+ form: String,
|
|
|
+ disabled: Boolean,
|
|
|
+ readonly: Boolean,
|
|
|
+ type: {
|
|
|
+ type: String,
|
|
|
+ default: "text"
|
|
|
+ },
|
|
|
+ autosize: {
|
|
|
+ type: [Boolean, Object],
|
|
|
+ default: !1
|
|
|
+ },
|
|
|
+ autocomplete: {
|
|
|
+ type: String,
|
|
|
+ default: "off"
|
|
|
+ },
|
|
|
+ autoComplete: {
|
|
|
+ type: String,
|
|
|
+ validator: function (e) {
|
|
|
+ return !0
|
|
|
+ }
|
|
|
+ },
|
|
|
+ validateEvent: {
|
|
|
+ type: Boolean,
|
|
|
+ default: !0
|
|
|
+ },
|
|
|
+ suffixIcon: String,
|
|
|
+ prefixIcon: String,
|
|
|
+ label: String,
|
|
|
+ clearable: {
|
|
|
+ type: Boolean,
|
|
|
+ default: !1
|
|
|
+ },
|
|
|
+ showPassword: {
|
|
|
+ type: Boolean,
|
|
|
+ default: !1
|
|
|
+ },
|
|
|
+ showWordLimit: {
|
|
|
+ type: Boolean,
|
|
|
+ default: !1
|
|
|
+ },
|
|
|
+ tabindex: String
|
|
|
+ },
|
|
|
+ computed: {
|
|
|
+ _elFormItemSize: function () {
|
|
|
+ return (this.elFormItem || {}).elFormItemSize
|
|
|
+ },
|
|
|
+ validateState: function () {
|
|
|
+ return this.elFormItem ? this.elFormItem.validateState : ""
|
|
|
+ },
|
|
|
+ needStatusIcon: function () {
|
|
|
+ return !!this.elForm && this.elForm.statusIcon
|
|
|
+ },
|
|
|
+ validateIcon: function () {
|
|
|
+ return {
|
|
|
+ validating: "el-icon-loading",
|
|
|
+ success: "el-icon-circle-check",
|
|
|
+ error: "el-icon-circle-close"
|
|
|
+ } [this.validateState]
|
|
|
+ },
|
|
|
+ textareaStyle: function () {
|
|
|
+ return X({}, this.textareaCalcStyle, {
|
|
|
+ resize: this.resize
|
|
|
+ })
|
|
|
+ },
|
|
|
+ inputSize: function () {
|
|
|
+ return this.size || this._elFormItemSize || (this.$ELEMENT || {}).size
|
|
|
+ },
|
|
|
+ inputDisabled: function () {
|
|
|
+ return this.disabled || (this.elForm || {}).disabled
|
|
|
+ },
|
|
|
+ nativeInputValue: function () {
|
|
|
+ return null === this.value || void 0 === this.value ? "" : String(this.value)
|
|
|
+ },
|
|
|
+ showClear: function () {
|
|
|
+ return this.clearable && !this.inputDisabled && !this.readonly && this.nativeInputValue && (this.focused || this.hovering)
|
|
|
+ },
|
|
|
+ showPwdVisible: function () {
|
|
|
+ return this.showPassword && !this.inputDisabled && !this.readonly && (!!this.nativeInputValue || this.focused)
|
|
|
+ },
|
|
|
+ isWordLimitVisible: function () {
|
|
|
+ return this.showWordLimit && this.$attrs.maxlength && ("text" === this.type || "textarea" === this.type) && !this.inputDisabled && !this.readonly && !this.showPassword
|
|
|
+ },
|
|
|
+ upperLimit: function () {
|
|
|
+ return this.$attrs.maxlength
|
|
|
+ },
|
|
|
+ textLength: function () {
|
|
|
+ return ("number" == typeof this.value ? String(this.value) : this.value || "").length
|
|
|
+ },
|
|
|
+ inputExceed: function () {
|
|
|
+ return this.isWordLimitVisible && this.textLength > this.upperLimit
|
|
|
+ }
|
|
|
+ },
|
|
|
+ watch: {
|
|
|
+ value: function (e) {
|
|
|
+ this.$nextTick(this.resizeTextarea), this.validateEvent && this.dispatch("ElFormItem", "el.form.change", [e])
|
|
|
+ },
|
|
|
+ nativeInputValue: function () {
|
|
|
+ this.setNativeInputValue()
|
|
|
+ },
|
|
|
+ type: function () {
|
|
|
+ var e = this;
|
|
|
+ this.$nextTick(function () {
|
|
|
+ e.setNativeInputValue(), e.resizeTextarea(), e.updateIconOffset()
|
|
|
+ })
|
|
|
+ }
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ focus: function () {
|
|
|
+ this.getInput().focus()
|
|
|
+ },
|
|
|
+ blur: function () {
|
|
|
+ this.getInput().blur()
|
|
|
+ },
|
|
|
+ getMigratingConfig: function () {
|
|
|
+ return {
|
|
|
+ props: {
|
|
|
+ icon: "icon is removed, use suffix-icon / prefix-icon instead.",
|
|
|
+ "on-icon-click": "on-icon-click is removed."
|
|
|
+ },
|
|
|
+ events: {
|
|
|
+ click: "click is removed."
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ handleBlur: function (e) {
|
|
|
+ this.focused = !1, this.$emit("blur", e), this.validateEvent && this.dispatch("ElFormItem", "el.form.blur", [this.value])
|
|
|
+ },
|
|
|
+ select: function () {
|
|
|
+ this.getInput().select()
|
|
|
+ },
|
|
|
+ resizeTextarea: function () {
|
|
|
+ var e, t;
|
|
|
+ this.$isServer || (t = this.autosize, "textarea" === this.type && (t ? (e = t.minRows, t = t.maxRows, this.textareaCalcStyle = U(this.$refs.textarea, e, t)) : this.textareaCalcStyle = {
|
|
|
+ minHeight: U(this.$refs.textarea).minHeight
|
|
|
+ }))
|
|
|
+ },
|
|
|
+ setNativeInputValue: function () {
|
|
|
+ var e = this.getInput();
|
|
|
+ e && e.value !== this.nativeInputValue && (e.value = this.nativeInputValue)
|
|
|
+ },
|
|
|
+ handleFocus: function (e) {
|
|
|
+ this.focused = !0, this.$emit("focus", e)
|
|
|
+ },
|
|
|
+ handleCompositionStart: function () {
|
|
|
+ this.isComposing = !0
|
|
|
+ },
|
|
|
+ handleCompositionUpdate: function (e) {
|
|
|
+ e = e.target.value, e = e[e.length - 1] || "";
|
|
|
+ this.isComposing = !J(e)
|
|
|
+ },
|
|
|
+ handleCompositionEnd: function (e) {
|
|
|
+ this.isComposing && (this.isComposing = !1, this.handleInput(e))
|
|
|
+ },
|
|
|
+ handleInput: function (e) {
|
|
|
+ this.isComposing || e.target.value !== this.nativeInputValue && (this.$emit("input", e.target.value), this.$nextTick(this.setNativeInputValue))
|
|
|
+ },
|
|
|
+ handleChange: function (e) {
|
|
|
+ this.$emit("change", e.target.value)
|
|
|
+ },
|
|
|
+ calcIconOffset: function (e) {
|
|
|
+ var t = [].slice.call(this.$el.querySelectorAll(".el-input__" + e) || []);
|
|
|
+ if (t.length) {
|
|
|
+ for (var i, n = null, r = 0; r < t.length; r++)
|
|
|
+ if (t[r].parentNode === this.$el) {
|
|
|
+ n = t[r];
|
|
|
+ break
|
|
|
+ } n && (this.$slots[i = {
|
|
|
+ suffix: "append",
|
|
|
+ prefix: "prepend"
|
|
|
+ } [e]] ? n.style.transform = "translateX(" + ("suffix" === e ? "-" : "") + this.$el.querySelector(".el-input-group__" + i).offsetWidth + "px)" : n.removeAttribute("style"))
|
|
|
+ }
|
|
|
+ },
|
|
|
+ updateIconOffset: function () {
|
|
|
+ this.calcIconOffset("prefix"), this.calcIconOffset("suffix")
|
|
|
+ },
|
|
|
+ clear: function () {
|
|
|
+ this.$emit("input", ""), this.$emit("change", ""), this.$emit("clear")
|
|
|
+ },
|
|
|
+ handlePasswordVisible: function () {
|
|
|
+ var e = this;
|
|
|
+ this.passwordVisible = !this.passwordVisible, this.$nextTick(function () {
|
|
|
+ e.focus()
|
|
|
+ })
|
|
|
+ },
|
|
|
+ getInput: function () {
|
|
|
+ return this.$refs.input || this.$refs.textarea
|
|
|
+ },
|
|
|
+ getSuffixVisible: function () {
|
|
|
+ return this.$slots.suffix || this.suffixIcon || this.showClear || this.showPassword || this.isWordLimitVisible || this.validateState && this.needStatusIcon
|
|
|
+ }
|
|
|
+ },
|
|
|
+ created: function () {
|
|
|
+ this.$on("inputSelect", this.select)
|
|
|
+ },
|
|
|
+ mounted: function () {
|
|
|
+ this.setNativeInputValue(), this.resizeTextarea(), this.updateIconOffset()
|
|
|
+ },
|
|
|
+ updated: function () {
|
|
|
+ this.$nextTick(this.updateIconOffset)
|
|
|
+ }
|
|
|
+ }, q, [], !1, null, null, null);
|
|
|
+ Q.options.__file = "packages/input/src/input.vue";
|
|
|
+ var ee = Q.exports;
|
|
|
+ ee.install = function (e) {
|
|
|
+ e.component(ee.name, ee)
|
|
|
+ };
|
|
|
+ var te = ee,
|
|
|
+ ie = function () {
|
|
|
+ var e = this.$createElement;
|
|
|
+ return (this._self._c || e)("div", {
|
|
|
+ staticClass: "el-select-dropdown el-popper",
|
|
|
+ class: [{
|
|
|
+ "is-multiple": this.$parent.multiple
|
|
|
+ }, this.popperClass],
|
|
|
+ style: {
|
|
|
+ minWidth: this.minWidth
|
|
|
+ }
|
|
|
+ }, [this._t("default")], 2)
|
|
|
+ };
|
|
|
+ ie._withStripped = !0;
|
|
|
+
|
|
|
+ function ne(e) {
|
|
|
+ return e.replace(se, function (e, t, i, n) {
|
|
|
+ return n ? i.toUpperCase() : i
|
|
|
+ }).replace(oe, "Moz$1")
|
|
|
+ }
|
|
|
+ var re = h.a.prototype.$isServer,
|
|
|
+ se = /([\:\-\_]+(.))/g,
|
|
|
+ oe = /^moz([A-Z])/,
|
|
|
+ ae = re ? 0 : Number(document.documentMode),
|
|
|
+ le = !re && document.addEventListener ? function (e, t, i) {
|
|
|
+ e && t && i && e.addEventListener(t, i, !1)
|
|
|
+ } : function (e, t, i) {
|
|
|
+ e && t && i && e.attachEvent("on" + t, i)
|
|
|
+ },
|
|
|
+ ue = !re && document.removeEventListener ? function (e, t, i) {
|
|
|
+ e && t && e.removeEventListener(t, i, !1)
|
|
|
+ } : function (e, t, i) {
|
|
|
+ e && t && e.detachEvent("on" + t, i)
|
|
|
+ };
|
|
|
+
|
|
|
+ function ce(e, t) {
|
|
|
+ if (e && t) {
|
|
|
+ if (-1 !== t.indexOf(" ")) throw new Error("className should not contain space.");
|
|
|
+ return e.classList ? e.classList.contains(t) : -1 < (" " + e.className + " ").indexOf(" " + t + " ")
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ function he(e, t) {
|
|
|
+ if (e) {
|
|
|
+ for (var i = e.className, n = (t || "").split(" "), r = 0, s = n.length; r < s; r++) {
|
|
|
+ var o = n[r];
|
|
|
+ o && (e.classList ? e.classList.add(o) : ce(e, o) || (i += " " + o))
|
|
|
+ }
|
|
|
+ e.classList || e.setAttribute("class", i)
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ function de(e, t) {
|
|
|
+ if (e && t) {
|
|
|
+ for (var i = t.split(" "), n = " " + e.className + " ", r = 0, s = i.length; r < s; r++) {
|
|
|
+ var o = i[r];
|
|
|
+ o && (e.classList ? e.classList.remove(o) : ce(e, o) && (n = n.replace(" " + o + " ", " ")))
|
|
|
+ }
|
|
|
+ e.classList || e.setAttribute("class", (n || "").replace(/^[\s\uFEFF]+|[\s\uFEFF]+$/g, ""))
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ function pe(e, t) {
|
|
|
+ if (!re) {
|
|
|
+ for (var i = e; i;) {
|
|
|
+ if ([window, document, document.documentElement].includes(i)) return window;
|
|
|
+ if (function (e, t) {
|
|
|
+ if (!re) return me(e, null != t ? t ? "overflow-y" : "overflow-x" : "overflow").match(/(scroll|auto)/)
|
|
|
+ }(i, t)) return i;
|
|
|
+ i = i.parentNode
|
|
|
+ }
|
|
|
+ return i
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ function fe() {
|
|
|
+ if (!h.a.prototype.$isServer) {
|
|
|
+ var e = we.modalDom;
|
|
|
+ return e ? ge = !0 : (ge = !1, e = document.createElement("div"), (we.modalDom = e).addEventListener("touchmove", function (e) {
|
|
|
+ e.preventDefault(), e.stopPropagation()
|
|
|
+ }), e.addEventListener("click", function () {
|
|
|
+ we.doOnModalClick && we.doOnModalClick()
|
|
|
+ })), e
|
|
|
+ }
|
|
|
+ }
|
|
|
+ var me = ae < 9 ? function (t, i) {
|
|
|
+ if (!re) {
|
|
|
+ if (!t || !i) return null;
|
|
|
+ "float" === (i = ne(i)) && (i = "styleFloat");
|
|
|
+ try {
|
|
|
+ if ("opacity" === i) try {
|
|
|
+ return t.filters.item("alpha").opacity / 100
|
|
|
+ } catch (t) {
|
|
|
+ return 1
|
|
|
+ }
|
|
|
+ return t.style[i] || t.currentStyle ? t.currentStyle[i] : null
|
|
|
+ } catch (e) {
|
|
|
+ return t.style[i]
|
|
|
+ }
|
|
|
+ }
|
|
|
+ } : function (e, t) {
|
|
|
+ if (!re) {
|
|
|
+ if (!e || !t) return null;
|
|
|
+ "float" === (t = ne(t)) && (t = "cssFloat");
|
|
|
+ try {
|
|
|
+ var i = document.defaultView.getComputedStyle(e, "");
|
|
|
+ return e.style[t] || i ? i[t] : null
|
|
|
+ } catch (i) {
|
|
|
+ return e.style[t]
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ ge = !1,
|
|
|
+ ve = !1,
|
|
|
+ ye = void 0,
|
|
|
+ be = {},
|
|
|
+ we = {
|
|
|
+ modalFade: !0,
|
|
|
+ getInstance: function (e) {
|
|
|
+ return be[e]
|
|
|
+ },
|
|
|
+ register: function (e, t) {
|
|
|
+ e && t && (be[e] = t)
|
|
|
+ },
|
|
|
+ deregister: function (e) {
|
|
|
+ e && (be[e] = null, delete be[e])
|
|
|
+ },
|
|
|
+ nextZIndex: function () {
|
|
|
+ return we.zIndex++
|
|
|
+ },
|
|
|
+ modalStack: [],
|
|
|
+ doOnModalClick: function () {
|
|
|
+ var e = we.modalStack[we.modalStack.length - 1];
|
|
|
+ !e || (e = we.getInstance(e.id)) && e.closeOnClickModal && e.close()
|
|
|
+ },
|
|
|
+ openModal: function (e, t, i, n, r) {
|
|
|
+ if (!h.a.prototype.$isServer && e && void 0 !== t) {
|
|
|
+ this.modalFade = r;
|
|
|
+ for (var s = this.modalStack, o = 0, a = s.length; o < a; o++)
|
|
|
+ if (s[o].id === e) return;
|
|
|
+ var l = fe();
|
|
|
+ he(l, "v-modal"), this.modalFade && !ge && he(l, "v-modal-enter"), n && n.trim().split(/\s+/).forEach(function (e) {
|
|
|
+ return he(l, e)
|
|
|
+ }), setTimeout(function () {
|
|
|
+ de(l, "v-modal-enter")
|
|
|
+ }, 200), (i && i.parentNode && 11 !== i.parentNode.nodeType ? i.parentNode : document.body).appendChild(l), t && (l.style.zIndex = t), l.tabIndex = 0, l.style.display = "", this.modalStack.push({
|
|
|
+ id: e,
|
|
|
+ zIndex: t,
|
|
|
+ modalClass: n
|
|
|
+ })
|
|
|
+ }
|
|
|
+ },
|
|
|
+ closeModal: function (e) {
|
|
|
+ var t = this.modalStack,
|
|
|
+ i = fe();
|
|
|
+ if (0 < t.length) {
|
|
|
+ var n = t[t.length - 1];
|
|
|
+ if (n.id === e) n.modalClass && n.modalClass.trim().split(/\s+/).forEach(function (e) {
|
|
|
+ return de(i, e)
|
|
|
+ }), t.pop(), 0 < t.length && (i.style.zIndex = t[t.length - 1].zIndex);
|
|
|
+ else
|
|
|
+ for (var r = t.length - 1; 0 <= r; r--)
|
|
|
+ if (t[r].id === e) {
|
|
|
+ t.splice(r, 1);
|
|
|
+ break
|
|
|
+ }
|
|
|
+ }
|
|
|
+ 0 === t.length && (this.modalFade && he(i, "v-modal-leave"), setTimeout(function () {
|
|
|
+ 0 === t.length && (i.parentNode && i.parentNode.removeChild(i), i.style.display = "none", we.modalDom = void 0), de(i, "v-modal-leave")
|
|
|
+ }, 200))
|
|
|
+ }
|
|
|
+ };
|
|
|
+ Object.defineProperty(we, "zIndex", {
|
|
|
+ configurable: !0,
|
|
|
+ get: function () {
|
|
|
+ return ve || (ye = ye || (h.a.prototype.$ELEMENT || {}).zIndex || 2e3, ve = !0), ye
|
|
|
+ },
|
|
|
+ set: function (e) {
|
|
|
+ ye = e
|
|
|
+ }
|
|
|
+ }), h.a.prototype.$isServer || window.addEventListener("keydown", function (e) {
|
|
|
+ 27 !== e.keyCode || (e = function () {
|
|
|
+ if (!h.a.prototype.$isServer && 0 < we.modalStack.length) {
|
|
|
+ var e = we.modalStack[we.modalStack.length - 1];
|
|
|
+ if (e) return we.getInstance(e.id)
|
|
|
+ }
|
|
|
+ }()) && e.closeOnPressEscape && (e.handleClose ? e.handleClose() : e.handleAction ? e.handleAction("cancel") : e.close())
|
|
|
+ });
|
|
|
+
|
|
|
+ function _e(e) {
|
|
|
+ return e.stopPropagation()
|
|
|
+ }
|
|
|
+ var xe, Ce = we,
|
|
|
+ ke = void 0,
|
|
|
+ Se = function () {
|
|
|
+ if (h.a.prototype.$isServer) return 0;
|
|
|
+ if (void 0 !== ke) return ke;
|
|
|
+ var e = document.createElement("div");
|
|
|
+ e.className = "el-scrollbar__wrap", e.style.visibility = "hidden", e.style.width = "100px", e.style.position = "absolute", e.style.top = "-9999px", document.body.appendChild(e);
|
|
|
+ var t = e.offsetWidth;
|
|
|
+ e.style.overflow = "scroll";
|
|
|
+ var i = document.createElement("div");
|
|
|
+ i.style.width = "100%", e.appendChild(i);
|
|
|
+ i = i.offsetWidth;
|
|
|
+ return e.parentNode.removeChild(e), ke = t - i
|
|
|
+ },
|
|
|
+ De = 1,
|
|
|
+ $e = {
|
|
|
+ props: {
|
|
|
+ visible: {
|
|
|
+ type: Boolean,
|
|
|
+ default: !1
|
|
|
+ },
|
|
|
+ openDelay: {},
|
|
|
+ closeDelay: {},
|
|
|
+ zIndex: {},
|
|
|
+ modal: {
|
|
|
+ type: Boolean,
|
|
|
+ default: !1
|
|
|
+ },
|
|
|
+ modalFade: {
|
|
|
+ type: Boolean,
|
|
|
+ default: !0
|
|
|
+ },
|
|
|
+ modalClass: {},
|
|
|
+ modalAppendToBody: {
|
|
|
+ type: Boolean,
|
|
|
+ default: !1
|
|
|
+ },
|
|
|
+ lockScroll: {
|
|
|
+ type: Boolean,
|
|
|
+ default: !0
|
|
|
+ },
|
|
|
+ closeOnPressEscape: {
|
|
|
+ type: Boolean,
|
|
|
+ default: !1
|
|
|
+ },
|
|
|
+ closeOnClickModal: {
|
|
|
+ type: Boolean,
|
|
|
+ default: !1
|
|
|
+ }
|
|
|
+ },
|
|
|
+ beforeMount: function () {
|
|
|
+ this._popupId = "popup-" + De++, Ce.register(this._popupId, this)
|
|
|
+ },
|
|
|
+ beforeDestroy: function () {
|
|
|
+ Ce.deregister(this._popupId), Ce.closeModal(this._popupId), this.restoreBodyStyle()
|
|
|
+ },
|
|
|
+ data: function () {
|
|
|
+ return {
|
|
|
+ opened: !1,
|
|
|
+ bodyPaddingRight: null,
|
|
|
+ computedBodyPaddingRight: 0,
|
|
|
+ withoutHiddenClass: !0,
|
|
|
+ rendered: !1
|
|
|
+ }
|
|
|
+ },
|
|
|
+ watch: {
|
|
|
+ visible: function (e) {
|
|
|
+ var t = this;
|
|
|
+ e ? this._opening || (this.rendered ? this.open() : (this.rendered = !0, h.a.nextTick(function () {
|
|
|
+ t.open()
|
|
|
+ }))) : this.close()
|
|
|
+ }
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ open: function (e) {
|
|
|
+ var t = this;
|
|
|
+ this.rendered || (this.rendered = !0);
|
|
|
+ var i = X({}, this.$props || this, e);
|
|
|
+ this._closeTimer && (clearTimeout(this._closeTimer), this._closeTimer = null), clearTimeout(this._openTimer);
|
|
|
+ e = Number(i.openDelay);
|
|
|
+ 0 < e ? this._openTimer = setTimeout(function () {
|
|
|
+ t._openTimer = null, t.doOpen(i)
|
|
|
+ }, e) : this.doOpen(i)
|
|
|
+ },
|
|
|
+ doOpen: function (e) {
|
|
|
+ var t, i, n;
|
|
|
+ this.$isServer || this.willOpen && !this.willOpen() || this.opened || (this._opening = !0, t = this.$el, n = e.modal, (i = e.zIndex) && (Ce.zIndex = i), n && (this._closing && (Ce.closeModal(this._popupId), this._closing = !1), Ce.openModal(this._popupId, Ce.nextZIndex(), this.modalAppendToBody ? void 0 : t, e.modalClass, e.modalFade), e.lockScroll) && (this.withoutHiddenClass = !ce(document.body, "el-popup-parent--hidden"), this.withoutHiddenClass && (this.bodyPaddingRight = document.body.style.paddingRight, this.computedBodyPaddingRight = parseInt(me(document.body, "paddingRight"), 10)), xe = Se(), n = document.documentElement.clientHeight < document.body.scrollHeight, e = me(document.body, "overflowY"), 0 < xe && (n || "scroll" === e) && this.withoutHiddenClass && (document.body.style.paddingRight = this.computedBodyPaddingRight + xe + "px"), he(document.body, "el-popup-parent--hidden")), "static" === getComputedStyle(t).position && (t.style.position = "absolute"), t.style.zIndex = Ce.nextZIndex(), this.opened = !0, this.onOpen && this.onOpen(), this.doAfterOpen())
|
|
|
+ },
|
|
|
+ doAfterOpen: function () {
|
|
|
+ this._opening = !1
|
|
|
+ },
|
|
|
+ close: function () {
|
|
|
+ var e, t = this;
|
|
|
+ this.willClose && !this.willClose() || (null !== this._openTimer && (clearTimeout(this._openTimer), this._openTimer = null), clearTimeout(this._closeTimer), 0 < (e = Number(this.closeDelay)) ? this._closeTimer = setTimeout(function () {
|
|
|
+ t._closeTimer = null, t.doClose()
|
|
|
+ }, e) : this.doClose())
|
|
|
+ },
|
|
|
+ doClose: function () {
|
|
|
+ this._closing = !0, this.onClose && this.onClose(), this.lockScroll && setTimeout(this.restoreBodyStyle, 200), this.opened = !1, this.doAfterClose()
|
|
|
+ },
|
|
|
+ doAfterClose: function () {
|
|
|
+ Ce.closeModal(this._popupId), this._closing = !1
|
|
|
+ },
|
|
|
+ restoreBodyStyle: function () {
|
|
|
+ this.modal && this.withoutHiddenClass && (document.body.style.paddingRight = this.bodyPaddingRight, de(document.body, "el-popup-parent--hidden")), this.withoutHiddenClass = !0
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ Ee = h.a.prototype.$isServer ? function () {} : i(50),
|
|
|
+ Te = {
|
|
|
+ props: {
|
|
|
+ transformOrigin: {
|
|
|
+ type: [Boolean, String],
|
|
|
+ default: !0
|
|
|
+ },
|
|
|
+ placement: {
|
|
|
+ type: String,
|
|
|
+ default: "bottom"
|
|
|
+ },
|
|
|
+ boundariesPadding: {
|
|
|
+ type: Number,
|
|
|
+ default: 5
|
|
|
+ },
|
|
|
+ reference: {},
|
|
|
+ popper: {},
|
|
|
+ offset: {
|
|
|
+ default: 0
|
|
|
+ },
|
|
|
+ value: Boolean,
|
|
|
+ visibleArrow: Boolean,
|
|
|
+ arrowOffset: {
|
|
|
+ type: Number,
|
|
|
+ default: 35
|
|
|
+ },
|
|
|
+ appendToBody: {
|
|
|
+ type: Boolean,
|
|
|
+ default: !0
|
|
|
+ },
|
|
|
+ popperOptions: {
|
|
|
+ type: Object,
|
|
|
+ default: function () {
|
|
|
+ return {
|
|
|
+ gpuAcceleration: !1
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ data: function () {
|
|
|
+ return {
|
|
|
+ showPopper: !1,
|
|
|
+ currentPlacement: ""
|
|
|
+ }
|
|
|
+ },
|
|
|
+ watch: {
|
|
|
+ value: {
|
|
|
+ immediate: !0,
|
|
|
+ handler: function (e) {
|
|
|
+ this.showPopper = e, this.$emit("input", e)
|
|
|
+ }
|
|
|
+ },
|
|
|
+ showPopper: function (e) {
|
|
|
+ this.disabled || (e ? this.updatePopper() : this.destroyPopper(), this.$emit("input", e))
|
|
|
+ }
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ createPopper: function () {
|
|
|
+ var e, t, i, n = this;
|
|
|
+ !this.$isServer && (this.currentPlacement = this.currentPlacement || this.placement, /^(top|bottom|left|right)(-start|-end)?$/g.test(this.currentPlacement)) && (e = this.popperOptions, t = this.popperElm = this.popperElm || this.popper || this.$refs.popper, !(i = this.referenceElm = this.referenceElm || this.reference || this.$refs.reference) && this.$slots.reference && this.$slots.reference[0] && (i = this.referenceElm = this.$slots.reference[0].elm), t && i && (this.visibleArrow && this.appendArrow(t), this.appendToBody && document.body.appendChild(this.popperElm), this.popperJS && this.popperJS.destroy && this.popperJS.destroy(), e.placement = this.currentPlacement, e.offset = this.offset, e.arrowOffset = this.arrowOffset, this.popperJS = new Ee(i, t, e), this.popperJS.onCreate(function (e) {
|
|
|
+ n.$emit("created", n), n.resetTransformOrigin(), n.$nextTick(n.updatePopper)
|
|
|
+ }), "function" == typeof e.onUpdate && this.popperJS.onUpdate(e.onUpdate), this.popperJS._popper.style.zIndex = Ce.nextZIndex(), this.popperElm.addEventListener("click", _e)))
|
|
|
+ },
|
|
|
+ updatePopper: function () {
|
|
|
+ var e = this.popperJS;
|
|
|
+ e ? (e.update(), e._popper && (e._popper.style.zIndex = Ce.nextZIndex())) : this.createPopper()
|
|
|
+ },
|
|
|
+ doDestroy: function (e) {
|
|
|
+ !this.popperJS || this.showPopper && !e || (this.popperJS.destroy(), this.popperJS = null)
|
|
|
+ },
|
|
|
+ destroyPopper: function () {
|
|
|
+ this.popperJS && this.resetTransformOrigin()
|
|
|
+ },
|
|
|
+ resetTransformOrigin: function () {
|
|
|
+ var e, t;
|
|
|
+ this.transformOrigin && (t = {
|
|
|
+ top: "bottom",
|
|
|
+ bottom: "top",
|
|
|
+ left: "right",
|
|
|
+ right: "left"
|
|
|
+ } [e = this.popperJS._popper.getAttribute("x-placement").split("-")[0]], this.popperJS._popper.style.transformOrigin = "string" == typeof this.transformOrigin ? this.transformOrigin : -1 < ["top", "bottom"].indexOf(e) ? "center " + t : t + " center")
|
|
|
+ },
|
|
|
+ appendArrow: function (e) {
|
|
|
+ var t = void 0;
|
|
|
+ if (!this.appended) {
|
|
|
+ for (var i in this.appended = !0, e.attributes)
|
|
|
+ if (/^_v-/.test(e.attributes[i].name)) {
|
|
|
+ t = e.attributes[i].name;
|
|
|
+ break
|
|
|
+ } var n = document.createElement("div");
|
|
|
+ t && n.setAttribute(t, ""), n.setAttribute("x-arrow", ""), n.className = "popper__arrow", e.appendChild(n)
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ beforeDestroy: function () {
|
|
|
+ this.doDestroy(!0), this.popperElm && this.popperElm.parentNode === document.body && (this.popperElm.removeEventListener("click", _e), document.body.removeChild(this.popperElm))
|
|
|
+ },
|
|
|
+ deactivated: function () {
|
|
|
+ this.$options.beforeDestroy[0].call(this)
|
|
|
+ }
|
|
|
+ },
|
|
|
+ Me = r({
|
|
|
+ name: "ElSelectDropdown",
|
|
|
+ componentName: "ElSelectDropdown",
|
|
|
+ mixins: [Te],
|
|
|
+ props: {
|
|
|
+ placement: {
|
|
|
+ default: "bottom-start"
|
|
|
+ },
|
|
|
+ boundariesPadding: {
|
|
|
+ default: 0
|
|
|
+ },
|
|
|
+ popperOptions: {
|
|
|
+ default: function () {
|
|
|
+ return {
|
|
|
+ gpuAcceleration: !1
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ visibleArrow: {
|
|
|
+ default: !0
|
|
|
+ },
|
|
|
+ appendToBody: {
|
|
|
+ type: Boolean,
|
|
|
+ default: !0
|
|
|
+ }
|
|
|
+ },
|
|
|
+ data: function () {
|
|
|
+ return {
|
|
|
+ minWidth: ""
|
|
|
+ }
|
|
|
+ },
|
|
|
+ computed: {
|
|
|
+ popperClass: function () {
|
|
|
+ return this.$parent.popperClass
|
|
|
+ }
|
|
|
+ },
|
|
|
+ watch: {
|
|
|
+ "$parent.inputWidth": function () {
|
|
|
+ this.minWidth = this.$parent.$el.getBoundingClientRect().width + "px"
|
|
|
+ }
|
|
|
+ },
|
|
|
+ mounted: function () {
|
|
|
+ var e = this;
|
|
|
+ this.referenceElm = this.$parent.$refs.reference.$el, this.$parent.popperElm = this.popperElm = this.$el, this.$on("updatePopper", function () {
|
|
|
+ e.$parent.visible && e.updatePopper()
|
|
|
+ }), this.$on("destroyPopper", this.destroyPopper)
|
|
|
+ }
|
|
|
+ }, ie, [], !1, null, null, null);
|
|
|
+ Me.options.__file = "packages/select/src/select-dropdown.vue";
|
|
|
+ var Ne = Me.exports,
|
|
|
+ Pe = function () {
|
|
|
+ var t = this,
|
|
|
+ e = t.$createElement,
|
|
|
+ e = t._self._c || e;
|
|
|
+ return e("li", {
|
|
|
+ directives: [{
|
|
|
+ name: "show",
|
|
|
+ rawName: "v-show",
|
|
|
+ value: t.visible,
|
|
|
+ expression: "visible"
|
|
|
+ }],
|
|
|
+ staticClass: "el-select-dropdown__item",
|
|
|
+ class: {
|
|
|
+ selected: t.itemSelected, "is-disabled": t.disabled || t.groupDisabled || t.limitReached, hover: t.hover
|
|
|
+ },
|
|
|
+ on: {
|
|
|
+ mouseenter: t.hoverItem,
|
|
|
+ click: function (e) {
|
|
|
+ return e.stopPropagation(), t.selectOptionClick(e)
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, [t._t("default", [e("span", [t._v(t._s(t.currentLabel))])])], 2)
|
|
|
+ };
|
|
|
+ Pe._withStripped = !0;
|
|
|
+ var Ie = "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
|
|
|
+ },
|
|
|
+ Oe = r({
|
|
|
+ mixins: [l],
|
|
|
+ name: "ElOption",
|
|
|
+ componentName: "ElOption",
|
|
|
+ inject: ["select"],
|
|
|
+ props: {
|
|
|
+ value: {
|
|
|
+ required: !0
|
|
|
+ },
|
|
|
+ label: [String, Number],
|
|
|
+ created: Boolean,
|
|
|
+ disabled: {
|
|
|
+ type: Boolean,
|
|
|
+ default: !1
|
|
|
+ }
|
|
|
+ },
|
|
|
+ data: function () {
|
|
|
+ return {
|
|
|
+ index: -1,
|
|
|
+ groupDisabled: !1,
|
|
|
+ visible: !0,
|
|
|
+ hitState: !1,
|
|
|
+ hover: !1
|
|
|
+ }
|
|
|
+ },
|
|
|
+ computed: {
|
|
|
+ isObject: function () {
|
|
|
+ return "[object object]" === Object.prototype.toString.call(this.value).toLowerCase()
|
|
|
+ },
|
|
|
+ currentLabel: function () {
|
|
|
+ return this.label || (this.isObject ? "" : this.value)
|
|
|
+ },
|
|
|
+ currentValue: function () {
|
|
|
+ return this.value || this.label || ""
|
|
|
+ },
|
|
|
+ itemSelected: function () {
|
|
|
+ return this.select.multiple ? this.contains(this.select.value, this.value) : this.isEqual(this.value, this.select.value)
|
|
|
+ },
|
|
|
+ limitReached: function () {
|
|
|
+ return !!this.select.multiple && !this.itemSelected && (this.select.value || []).length >= this.select.multipleLimit && 0 < this.select.multipleLimit
|
|
|
+ }
|
|
|
+ },
|
|
|
+ watch: {
|
|
|
+ currentLabel: function () {
|
|
|
+ this.created || this.select.remote || this.dispatch("ElSelect", "setSelected")
|
|
|
+ },
|
|
|
+ value: function (e, t) {
|
|
|
+ var i = this.select,
|
|
|
+ n = i.remote,
|
|
|
+ i = i.valueKey;
|
|
|
+ this.created || n || i && "object" === (void 0 === e ? "undefined" : Ie(e)) && "object" === (void 0 === t ? "undefined" : Ie(t)) && e[i] === t[i] || this.dispatch("ElSelect", "setSelected")
|
|
|
+ }
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ isEqual: function (e, t) {
|
|
|
+ if (this.isObject) {
|
|
|
+ var i = this.select.valueKey;
|
|
|
+ return k(e, i) === k(t, i)
|
|
|
+ }
|
|
|
+ return e === t
|
|
|
+ },
|
|
|
+ contains: function () {
|
|
|
+ var e = 0 < arguments.length && void 0 !== arguments[0] ? arguments[0] : [],
|
|
|
+ t = arguments[1];
|
|
|
+ if (this.isObject) {
|
|
|
+ var i = this.select.valueKey;
|
|
|
+ return e && e.some(function (e) {
|
|
|
+ return k(e, i) === k(t, i)
|
|
|
+ })
|
|
|
+ }
|
|
|
+ return e && -1 < e.indexOf(t)
|
|
|
+ },
|
|
|
+ handleGroupDisabled: function (e) {
|
|
|
+ this.groupDisabled = e
|
|
|
+ },
|
|
|
+ hoverItem: function () {
|
|
|
+ this.disabled || this.groupDisabled || (this.select.hoverIndex = this.select.options.indexOf(this))
|
|
|
+ },
|
|
|
+ selectOptionClick: function () {
|
|
|
+ !0 !== this.disabled && !0 !== this.groupDisabled && this.dispatch("ElSelect", "handleOptionClick", [this, !0])
|
|
|
+ },
|
|
|
+ queryChange: function (e) {
|
|
|
+ this.visible = new RegExp(function (e) {
|
|
|
+ return String(0 < arguments.length && void 0 !== e ? e : "").replace(/[|\\{}()[\]^$+*?.]/g, "\\$&")
|
|
|
+ }(e), "i").test(this.currentLabel) || this.created, this.visible || this.select.filteredOptionsCount--
|
|
|
+ }
|
|
|
+ },
|
|
|
+ created: function () {
|
|
|
+ this.select.options.push(this), this.select.cachedOptions.push(this), this.select.optionsCount++, this.select.filteredOptionsCount++, this.$on("queryChange", this.queryChange), this.$on("handleGroupDisabled", this.handleGroupDisabled)
|
|
|
+ },
|
|
|
+ beforeDestroy: function () {
|
|
|
+ var e = this.select,
|
|
|
+ t = e.selected,
|
|
|
+ e = e.multiple ? t : [t],
|
|
|
+ t = this.select.cachedOptions.indexOf(this),
|
|
|
+ e = e.indexOf(this); - 1 < t && e < 0 && this.select.cachedOptions.splice(t, 1), this.select.onOptionDestroy(this.select.options.indexOf(this))
|
|
|
+ }
|
|
|
+ }, Pe, [], !1, null, null, null);
|
|
|
+ Oe.options.__file = "packages/select/src/option.vue";
|
|
|
+ var Fe = Oe.exports,
|
|
|
+ Ae = r({
|
|
|
+ name: "ElTag",
|
|
|
+ props: {
|
|
|
+ text: String,
|
|
|
+ closable: Boolean,
|
|
|
+ type: String,
|
|
|
+ hit: Boolean,
|
|
|
+ disableTransitions: Boolean,
|
|
|
+ color: String,
|
|
|
+ size: String,
|
|
|
+ effect: {
|
|
|
+ type: String,
|
|
|
+ default: "light",
|
|
|
+ validator: function (e) {
|
|
|
+ return -1 !== ["dark", "light", "plain"].indexOf(e)
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ handleClose: function (e) {
|
|
|
+ e.stopPropagation(), this.$emit("close", e)
|
|
|
+ },
|
|
|
+ handleClick: function (e) {
|
|
|
+ this.$emit("click", e)
|
|
|
+ }
|
|
|
+ },
|
|
|
+ computed: {
|
|
|
+ tagSize: function () {
|
|
|
+ return this.size || (this.$ELEMENT || {}).size
|
|
|
+ }
|
|
|
+ },
|
|
|
+ render: function (e) {
|
|
|
+ var t = this.type,
|
|
|
+ i = this.tagSize,
|
|
|
+ n = this.hit,
|
|
|
+ r = this.effect,
|
|
|
+ n = e("span", {
|
|
|
+ class: ["el-tag", t ? "el-tag--" + t : "", i ? "el-tag--" + i : "", r ? "el-tag--" + r : "", n && "is-hit"],
|
|
|
+ style: {
|
|
|
+ backgroundColor: this.color
|
|
|
+ },
|
|
|
+ on: {
|
|
|
+ click: this.handleClick
|
|
|
+ }
|
|
|
+ }, [this.$slots.default, this.closable && e("i", {
|
|
|
+ class: "el-tag__close el-icon-close",
|
|
|
+ on: {
|
|
|
+ click: this.handleClose
|
|
|
+ }
|
|
|
+ })]);
|
|
|
+ return this.disableTransitions ? n : e("transition", {
|
|
|
+ attrs: {
|
|
|
+ name: "el-zoom-in-center"
|
|
|
+ }
|
|
|
+ }, [n])
|
|
|
+ }
|
|
|
+ }, void 0, void 0, !1, null, null, null);
|
|
|
+ Ae.options.__file = "packages/tag/src/tag.vue";
|
|
|
+ var Le = Ae.exports;
|
|
|
+ Le.install = function (e) {
|
|
|
+ e.component(Le.name, Le)
|
|
|
+ };
|
|
|
+
|
|
|
+ function Ve(e) {
|
|
|
+ for (var t, i = e, n = Array.isArray(i), r = 0, i = n ? i : i[Symbol.iterator]();;) {
|
|
|
+ if (n) {
|
|
|
+ if (r >= i.length) break;
|
|
|
+ t = i[r++]
|
|
|
+ } else {
|
|
|
+ if ((r = i.next()).done) break;
|
|
|
+ t = r.value
|
|
|
+ }
|
|
|
+ var s = t.target.__resizeListeners__ || [];
|
|
|
+ s.length && s.forEach(function (e) {
|
|
|
+ e()
|
|
|
+ })
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ function Be(e, t) {
|
|
|
+ We || (e.__resizeListeners__ || (e.__resizeListeners__ = [], e.__ro__ = new Re.a(Ve), e.__ro__.observe(e)), e.__resizeListeners__.push(t))
|
|
|
+ }
|
|
|
+
|
|
|
+ function ze(e, t) {
|
|
|
+ e && e.__resizeListeners__ && (e.__resizeListeners__.splice(e.__resizeListeners__.indexOf(t), 1), e.__resizeListeners__.length || e.__ro__.disconnect())
|
|
|
+ }
|
|
|
+ var He = Le,
|
|
|
+ Re = i(47),
|
|
|
+ We = "undefined" == typeof window,
|
|
|
+ je = {
|
|
|
+ vertical: {
|
|
|
+ offset: "offsetHeight",
|
|
|
+ scroll: "scrollTop",
|
|
|
+ scrollSize: "scrollHeight",
|
|
|
+ size: "height",
|
|
|
+ key: "vertical",
|
|
|
+ axis: "Y",
|
|
|
+ client: "clientY",
|
|
|
+ direction: "top"
|
|
|
+ },
|
|
|
+ horizontal: {
|
|
|
+ offset: "offsetWidth",
|
|
|
+ scroll: "scrollLeft",
|
|
|
+ scrollSize: "scrollWidth",
|
|
|
+ size: "width",
|
|
|
+ key: "horizontal",
|
|
|
+ axis: "X",
|
|
|
+ client: "clientX",
|
|
|
+ direction: "left"
|
|
|
+ }
|
|
|
+ };
|
|
|
+ var qe = {
|
|
|
+ name: "Bar",
|
|
|
+ props: {
|
|
|
+ vertical: Boolean,
|
|
|
+ size: String,
|
|
|
+ move: Number
|
|
|
+ },
|
|
|
+ computed: {
|
|
|
+ bar: function () {
|
|
|
+ return je[this.vertical ? "vertical" : "horizontal"]
|
|
|
+ },
|
|
|
+ wrap: function () {
|
|
|
+ return this.$parent.wrap
|
|
|
+ }
|
|
|
+ },
|
|
|
+ render: function (e) {
|
|
|
+ var t = this.size,
|
|
|
+ i = this.move,
|
|
|
+ n = this.bar;
|
|
|
+ return e("div", {
|
|
|
+ class: ["el-scrollbar__bar", "is-" + n.key],
|
|
|
+ on: {
|
|
|
+ mousedown: this.clickTrackHandler
|
|
|
+ }
|
|
|
+ }, [e("div", {
|
|
|
+ ref: "thumb",
|
|
|
+ class: "el-scrollbar__thumb",
|
|
|
+ on: {
|
|
|
+ mousedown: this.clickThumbHandler
|
|
|
+ },
|
|
|
+ style: (t = (e = {
|
|
|
+ size: t,
|
|
|
+ move: i,
|
|
|
+ bar: n
|
|
|
+ }).move, i = e.size, n = e.bar, e = {}, t = "translate" + n.axis + "(" + t + "%)", e[n.size] = i, e.transform = t, e.msTransform = t, e.webkitTransform = t, e)
|
|
|
+ })])
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ clickThumbHandler: function (e) {
|
|
|
+ e.ctrlKey || 2 === e.button || (this.startDrag(e), this[this.bar.axis] = e.currentTarget[this.bar.offset] - (e[this.bar.client] - e.currentTarget.getBoundingClientRect()[this.bar.direction]))
|
|
|
+ },
|
|
|
+ clickTrackHandler: function (e) {
|
|
|
+ e = 100 * (Math.abs(e.target.getBoundingClientRect()[this.bar.direction] - e[this.bar.client]) - this.$refs.thumb[this.bar.offset] / 2) / this.$el[this.bar.offset];
|
|
|
+ this.wrap[this.bar.scroll] = e * this.wrap[this.bar.scrollSize] / 100
|
|
|
+ },
|
|
|
+ startDrag: function (e) {
|
|
|
+ e.stopImmediatePropagation(), this.cursorDown = !0, le(document, "mousemove", this.mouseMoveDocumentHandler), le(document, "mouseup", this.mouseUpDocumentHandler), document.onselectstart = function () {
|
|
|
+ return !1
|
|
|
+ }
|
|
|
+ },
|
|
|
+ mouseMoveDocumentHandler: function (e) {
|
|
|
+ var t;
|
|
|
+ !1 === this.cursorDown || (t = this[this.bar.axis]) && (t = 100 * (-1 * (this.$el.getBoundingClientRect()[this.bar.direction] - e[this.bar.client]) - (this.$refs.thumb[this.bar.offset] - t)) / this.$el[this.bar.offset], this.wrap[this.bar.scroll] = t * this.wrap[this.bar.scrollSize] / 100)
|
|
|
+ },
|
|
|
+ mouseUpDocumentHandler: function (e) {
|
|
|
+ this.cursorDown = !1, this[this.bar.axis] = 0, ue(document, "mousemove", this.mouseMoveDocumentHandler), document.onselectstart = null
|
|
|
+ }
|
|
|
+ },
|
|
|
+ destroyed: function () {
|
|
|
+ ue(document, "mouseup", this.mouseUpDocumentHandler)
|
|
|
+ }
|
|
|
+ },
|
|
|
+ Ye = {
|
|
|
+ name: "ElScrollbar",
|
|
|
+ components: {
|
|
|
+ Bar: qe
|
|
|
+ },
|
|
|
+ props: {
|
|
|
+ native: Boolean,
|
|
|
+ wrapStyle: {},
|
|
|
+ wrapClass: {},
|
|
|
+ viewClass: {},
|
|
|
+ viewStyle: {},
|
|
|
+ noresize: Boolean,
|
|
|
+ tag: {
|
|
|
+ type: String,
|
|
|
+ default: "div"
|
|
|
+ }
|
|
|
+ },
|
|
|
+ data: function () {
|
|
|
+ return {
|
|
|
+ sizeWidth: "0",
|
|
|
+ sizeHeight: "0",
|
|
|
+ moveX: 0,
|
|
|
+ moveY: 0
|
|
|
+ }
|
|
|
+ },
|
|
|
+ computed: {
|
|
|
+ wrap: function () {
|
|
|
+ return this.$refs.wrap
|
|
|
+ }
|
|
|
+ },
|
|
|
+ render: function (e) {
|
|
|
+ var t = Se(),
|
|
|
+ i = this.wrapStyle;
|
|
|
+ t && (r = "margin-bottom: " + (n = "-" + t + "px") + "; margin-right: " + n + ";", Array.isArray(this.wrapStyle) ? (i = function (e) {
|
|
|
+ for (var t = {}, i = 0; i < e.length; i++) e[i] && function (e, t) {
|
|
|
+ for (var i in t) e[i] = t[i]
|
|
|
+ }(t, e[i]);
|
|
|
+ return t
|
|
|
+ }(this.wrapStyle)).marginRight = i.marginBottom = n : "string" == typeof this.wrapStyle ? i += r : i = r);
|
|
|
+ var n = e(this.tag, {
|
|
|
+ class: ["el-scrollbar__view", this.viewClass],
|
|
|
+ style: this.viewStyle,
|
|
|
+ ref: "resize"
|
|
|
+ }, this.$slots.default),
|
|
|
+ r = e("div", {
|
|
|
+ ref: "wrap",
|
|
|
+ style: i,
|
|
|
+ on: {
|
|
|
+ scroll: this.handleScroll
|
|
|
+ },
|
|
|
+ class: [this.wrapClass, "el-scrollbar__wrap", t ? "" : "el-scrollbar__wrap--hidden-default"]
|
|
|
+ }, [
|
|
|
+ [n]
|
|
|
+ ]),
|
|
|
+ t = this.native ? [e("div", {
|
|
|
+ ref: "wrap",
|
|
|
+ class: [this.wrapClass, "el-scrollbar__wrap"],
|
|
|
+ style: i
|
|
|
+ }, [
|
|
|
+ [n]
|
|
|
+ ])] : [r, e(qe, {
|
|
|
+ attrs: {
|
|
|
+ move: this.moveX,
|
|
|
+ size: this.sizeWidth
|
|
|
+ }
|
|
|
+ }), e(qe, {
|
|
|
+ attrs: {
|
|
|
+ vertical: !0,
|
|
|
+ move: this.moveY,
|
|
|
+ size: this.sizeHeight
|
|
|
+ }
|
|
|
+ })];
|
|
|
+ return e("div", {
|
|
|
+ class: "el-scrollbar"
|
|
|
+ }, t)
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ handleScroll: function () {
|
|
|
+ var e = this.wrap;
|
|
|
+ this.moveY = 100 * e.scrollTop / e.clientHeight, this.moveX = 100 * e.scrollLeft / e.clientWidth
|
|
|
+ },
|
|
|
+ update: function () {
|
|
|
+ var e, t = this.wrap;
|
|
|
+ t && (e = 100 * t.clientHeight / t.scrollHeight, t = 100 * t.clientWidth / t.scrollWidth, this.sizeHeight = e < 100 ? e + "%" : "", this.sizeWidth = t < 100 ? t + "%" : "")
|
|
|
+ }
|
|
|
+ },
|
|
|
+ mounted: function () {
|
|
|
+ this.native || (this.$nextTick(this.update), this.noresize || Be(this.$refs.resize, this.update))
|
|
|
+ },
|
|
|
+ beforeDestroy: function () {
|
|
|
+ this.native || this.noresize || ze(this.$refs.resize, this.update)
|
|
|
+ },
|
|
|
+ install: function (e) {
|
|
|
+ e.component(Ye.name, Ye)
|
|
|
+ }
|
|
|
+ },
|
|
|
+ Ke = Ye,
|
|
|
+ Ge = i(1),
|
|
|
+ Ue = i.n(Ge),
|
|
|
+ Xe = [],
|
|
|
+ Ze = "@@clickoutsideContext",
|
|
|
+ Je = void 0,
|
|
|
+ Qe = 0;
|
|
|
+
|
|
|
+ function et(i, n, r) {
|
|
|
+ return function () {
|
|
|
+ var e = 0 < arguments.length && void 0 !== arguments[0] ? arguments[0] : {},
|
|
|
+ t = 1 < arguments.length && void 0 !== arguments[1] ? arguments[1] : {};
|
|
|
+ !(r && r.context && e.target && t.target) || i.contains(e.target) || i.contains(t.target) || i === e.target || r.context.popperElm && (r.context.popperElm.contains(e.target) || r.context.popperElm.contains(t.target)) || (n.expression && i[Ze].methodName && r.context[i[Ze].methodName] ? r.context[i[Ze].methodName]() : i[Ze].bindingFn && i[Ze].bindingFn())
|
|
|
+ }
|
|
|
+ }
|
|
|
+ h.a.prototype.$isServer || le(document, "mousedown", function (e) {
|
|
|
+ return Je = e
|
|
|
+ }), h.a.prototype.$isServer || le(document, "mouseup", function (t) {
|
|
|
+ Xe.forEach(function (e) {
|
|
|
+ return e[Ze].documentHandler(t, Je)
|
|
|
+ })
|
|
|
+ });
|
|
|
+ var tt = {
|
|
|
+ bind: function (e, t, i) {
|
|
|
+ Xe.push(e);
|
|
|
+ var n = Qe++;
|
|
|
+ e[Ze] = {
|
|
|
+ id: n,
|
|
|
+ documentHandler: et(e, t, i),
|
|
|
+ methodName: t.expression,
|
|
|
+ bindingFn: t.value
|
|
|
+ }
|
|
|
+ },
|
|
|
+ update: function (e, t, i) {
|
|
|
+ e[Ze].documentHandler = et(e, t, i), e[Ze].methodName = t.expression, e[Ze].bindingFn = t.value
|
|
|
+ },
|
|
|
+ unbind: function (e) {
|
|
|
+ for (var t = Xe.length, i = 0; i < t; i++)
|
|
|
+ if (Xe[i][Ze].id === e[Ze].id) {
|
|
|
+ Xe.splice(i, 1);
|
|
|
+ break
|
|
|
+ } delete e[Ze]
|
|
|
+ }
|
|
|
+ };
|
|
|
+
|
|
|
+ function it(e, t) {
|
|
|
+ if (!h.a.prototype.$isServer)
|
|
|
+ if (t) {
|
|
|
+ for (var i = [], n = t.offsetParent; n && e !== n && e.contains(n);) i.push(n), n = n.offsetParent;
|
|
|
+ var r = t.offsetTop + i.reduce(function (e, t) {
|
|
|
+ return e + t.offsetTop
|
|
|
+ }, 0),
|
|
|
+ s = r + t.offsetHeight,
|
|
|
+ o = e.scrollTop,
|
|
|
+ t = o + e.clientHeight;
|
|
|
+ r < o ? e.scrollTop = r : t < s && (e.scrollTop = s - e.clientHeight)
|
|
|
+ } else e.scrollTop = 0
|
|
|
+ }
|
|
|
+ var nt = r({
|
|
|
+ mixins: [l, j, u("reference"), {
|
|
|
+ data: function () {
|
|
|
+ return {
|
|
|
+ hoverOption: -1
|
|
|
+ }
|
|
|
+ },
|
|
|
+ computed: {
|
|
|
+ optionsAllDisabled: function () {
|
|
|
+ return this.options.filter(function (e) {
|
|
|
+ return e.visible
|
|
|
+ }).every(function (e) {
|
|
|
+ return e.disabled
|
|
|
+ })
|
|
|
+ }
|
|
|
+ },
|
|
|
+ watch: {
|
|
|
+ hoverIndex: function (e) {
|
|
|
+ var t = this;
|
|
|
+ "number" == typeof e && -1 < e && (this.hoverOption = this.options[e] || {}), this.options.forEach(function (e) {
|
|
|
+ e.hover = t.hoverOption === e
|
|
|
+ })
|
|
|
+ }
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ navigateOptions: function (e) {
|
|
|
+ var t, i = this;
|
|
|
+ this.visible ? 0 === this.options.length || 0 === this.filteredOptionsCount || this.optionsAllDisabled || ("next" === e ? (this.hoverIndex++, this.hoverIndex === this.options.length && (this.hoverIndex = 0)) : "prev" === e && (this.hoverIndex--, this.hoverIndex < 0 && (this.hoverIndex = this.options.length - 1)), !0 !== (t = this.options[this.hoverIndex]).disabled && !0 !== t.groupDisabled && t.visible || this.navigateOptions(e), this.$nextTick(function () {
|
|
|
+ return i.scrollToOption(i.hoverOption)
|
|
|
+ })) : this.visible = !0
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }],
|
|
|
+ name: "ElSelect",
|
|
|
+ componentName: "ElSelect",
|
|
|
+ inject: {
|
|
|
+ elForm: {
|
|
|
+ default: ""
|
|
|
+ },
|
|
|
+ elFormItem: {
|
|
|
+ default: ""
|
|
|
+ }
|
|
|
+ },
|
|
|
+ provide: function () {
|
|
|
+ return {
|
|
|
+ select: this
|
|
|
+ }
|
|
|
+ },
|
|
|
+ computed: {
|
|
|
+ _elFormItemSize: function () {
|
|
|
+ return (this.elFormItem || {}).elFormItemSize
|
|
|
+ },
|
|
|
+ readonly: function () {
|
|
|
+ return !this.filterable || this.multiple || !(!h.a.prototype.$isServer && !isNaN(Number(document.documentMode))) && !(!h.a.prototype.$isServer && -1 < navigator.userAgent.indexOf("Edge")) && !this.visible
|
|
|
+ },
|
|
|
+ showClose: function () {
|
|
|
+ var e = this.multiple ? Array.isArray(this.value) && 0 < this.value.length : void 0 !== this.value && null !== this.value && "" !== this.value;
|
|
|
+ return this.clearable && !this.selectDisabled && this.inputHovering && e
|
|
|
+ },
|
|
|
+ iconClass: function () {
|
|
|
+ return this.remote && this.filterable ? "" : this.visible ? "arrow-up is-reverse" : "arrow-up"
|
|
|
+ },
|
|
|
+ debounce: function () {
|
|
|
+ return this.remote ? 300 : 0
|
|
|
+ },
|
|
|
+ emptyText: function () {
|
|
|
+ return this.loading ? this.loadingText || this.t("el.select.loading") : (!this.remote || "" !== this.query || 0 !== this.options.length) && (this.filterable && this.query && 0 < this.options.length && 0 === this.filteredOptionsCount ? this.noMatchText || this.t("el.select.noMatch") : 0 === this.options.length ? this.noDataText || this.t("el.select.noData") : null)
|
|
|
+ },
|
|
|
+ showNewOption: function () {
|
|
|
+ var t = this,
|
|
|
+ e = this.options.filter(function (e) {
|
|
|
+ return !e.created
|
|
|
+ }).some(function (e) {
|
|
|
+ return e.currentLabel === t.query
|
|
|
+ });
|
|
|
+ return this.filterable && this.allowCreate && "" !== this.query && !e
|
|
|
+ },
|
|
|
+ selectSize: function () {
|
|
|
+ return this.size || this._elFormItemSize || (this.$ELEMENT || {}).size
|
|
|
+ },
|
|
|
+ selectDisabled: function () {
|
|
|
+ return this.disabled || (this.elForm || {}).disabled
|
|
|
+ },
|
|
|
+ collapseTagSize: function () {
|
|
|
+ return -1 < ["small", "mini"].indexOf(this.selectSize) ? "mini" : "small"
|
|
|
+ },
|
|
|
+ propPlaceholder: function () {
|
|
|
+ return void 0 !== this.placeholder ? this.placeholder : this.t("el.select.placeholder")
|
|
|
+ }
|
|
|
+ },
|
|
|
+ components: {
|
|
|
+ ElInput: te,
|
|
|
+ ElSelectMenu: Ne,
|
|
|
+ ElOption: Fe,
|
|
|
+ ElTag: He,
|
|
|
+ ElScrollbar: Ke
|
|
|
+ },
|
|
|
+ directives: {
|
|
|
+ Clickoutside: tt
|
|
|
+ },
|
|
|
+ props: {
|
|
|
+ name: String,
|
|
|
+ id: String,
|
|
|
+ value: {
|
|
|
+ required: !0
|
|
|
+ },
|
|
|
+ autocomplete: {
|
|
|
+ type: String,
|
|
|
+ default: "off"
|
|
|
+ },
|
|
|
+ autoComplete: {
|
|
|
+ type: String,
|
|
|
+ validator: function (e) {
|
|
|
+ return !0
|
|
|
+ }
|
|
|
+ },
|
|
|
+ automaticDropdown: Boolean,
|
|
|
+ size: String,
|
|
|
+ disabled: Boolean,
|
|
|
+ clearable: Boolean,
|
|
|
+ filterable: Boolean,
|
|
|
+ allowCreate: Boolean,
|
|
|
+ loading: Boolean,
|
|
|
+ popperClass: String,
|
|
|
+ remote: Boolean,
|
|
|
+ loadingText: String,
|
|
|
+ noMatchText: String,
|
|
|
+ noDataText: String,
|
|
|
+ remoteMethod: Function,
|
|
|
+ filterMethod: Function,
|
|
|
+ multiple: Boolean,
|
|
|
+ multipleLimit: {
|
|
|
+ type: Number,
|
|
|
+ default: 0
|
|
|
+ },
|
|
|
+ placeholder: {
|
|
|
+ type: String,
|
|
|
+ required: !1
|
|
|
+ },
|
|
|
+ defaultFirstOption: Boolean,
|
|
|
+ reserveKeyword: Boolean,
|
|
|
+ valueKey: {
|
|
|
+ type: String,
|
|
|
+ default: "value"
|
|
|
+ },
|
|
|
+ collapseTags: Boolean,
|
|
|
+ popperAppendToBody: {
|
|
|
+ type: Boolean,
|
|
|
+ default: !0
|
|
|
+ }
|
|
|
+ },
|
|
|
+ data: function () {
|
|
|
+ return {
|
|
|
+ options: [],
|
|
|
+ cachedOptions: [],
|
|
|
+ createdLabel: null,
|
|
|
+ createdSelected: !1,
|
|
|
+ selected: this.multiple ? [] : {},
|
|
|
+ inputLength: 20,
|
|
|
+ inputWidth: 0,
|
|
|
+ initialInputHeight: 0,
|
|
|
+ cachedPlaceHolder: "",
|
|
|
+ optionsCount: 0,
|
|
|
+ filteredOptionsCount: 0,
|
|
|
+ visible: !1,
|
|
|
+ softFocus: !1,
|
|
|
+ selectedLabel: "",
|
|
|
+ hoverIndex: -1,
|
|
|
+ query: "",
|
|
|
+ previousQuery: null,
|
|
|
+ inputHovering: !1,
|
|
|
+ currentPlaceholder: "",
|
|
|
+ menuVisibleOnFocus: !1,
|
|
|
+ isOnComposition: !1,
|
|
|
+ isSilentBlur: !1
|
|
|
+ }
|
|
|
+ },
|
|
|
+ watch: {
|
|
|
+ selectDisabled: function () {
|
|
|
+ var e = this;
|
|
|
+ this.$nextTick(function () {
|
|
|
+ e.resetInputHeight()
|
|
|
+ })
|
|
|
+ },
|
|
|
+ propPlaceholder: function (e) {
|
|
|
+ this.cachedPlaceHolder = this.currentPlaceholder = e
|
|
|
+ },
|
|
|
+ value: function (e, t) {
|
|
|
+ this.multiple && (this.resetInputHeight(), e && 0 < e.length || this.$refs.input && "" !== this.query ? this.currentPlaceholder = "" : this.currentPlaceholder = this.cachedPlaceHolder, this.filterable && !this.reserveKeyword && (this.query = "", this.handleQueryChange(this.query))), this.setSelected(), this.filterable && !this.multiple && (this.inputLength = 20), $(e, t) || this.dispatch("ElFormItem", "el.form.change", e)
|
|
|
+ },
|
|
|
+ visible: function (e) {
|
|
|
+ var t = this;
|
|
|
+ e ? (this.broadcast("ElSelectDropdown", "updatePopper"), this.filterable && (this.query = this.remote ? "" : this.selectedLabel, this.handleQueryChange(this.query), this.multiple ? this.$refs.input.focus() : (this.remote || (this.broadcast("ElOption", "queryChange", ""), this.broadcast("ElOptionGroup", "queryChange")), this.selectedLabel && (this.currentPlaceholder = this.selectedLabel, this.selectedLabel = "")))) : (this.broadcast("ElSelectDropdown", "destroyPopper"), this.$refs.input && this.$refs.input.blur(), this.query = "", this.previousQuery = null, this.selectedLabel = "", this.inputLength = 20, this.menuVisibleOnFocus = !1, this.resetHoverIndex(), this.$nextTick(function () {
|
|
|
+ t.$refs.input && "" === t.$refs.input.value && 0 === t.selected.length && (t.currentPlaceholder = t.cachedPlaceHolder)
|
|
|
+ }), this.multiple || (this.selected && (this.filterable && this.allowCreate && this.createdSelected && this.createdLabel ? this.selectedLabel = this.createdLabel : this.selectedLabel = this.selected.currentLabel, this.filterable && (this.query = this.selectedLabel)), this.filterable && (this.currentPlaceholder = this.cachedPlaceHolder))), this.$emit("visible-change", e)
|
|
|
+ },
|
|
|
+ options: function () {
|
|
|
+ var e, t = this;
|
|
|
+ this.$isServer || (this.$nextTick(function () {
|
|
|
+ t.broadcast("ElSelectDropdown", "updatePopper")
|
|
|
+ }), this.multiple && this.resetInputHeight(), e = this.$el.querySelectorAll("input"), -1 === [].indexOf.call(e, document.activeElement) && this.setSelected(), this.defaultFirstOption && (this.filterable || this.remote) && this.filteredOptionsCount && this.checkDefaultFirstOption())
|
|
|
+ }
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ handleComposition: function (e) {
|
|
|
+ var t = this,
|
|
|
+ i = e.target.value;
|
|
|
+ "compositionend" === e.type ? (this.isOnComposition = !1, this.$nextTick(function (e) {
|
|
|
+ return t.handleQueryChange(i)
|
|
|
+ })) : (e = i[i.length - 1] || "", this.isOnComposition = !J(e))
|
|
|
+ },
|
|
|
+ handleQueryChange: function (e) {
|
|
|
+ var t = this;
|
|
|
+ this.previousQuery === e || this.isOnComposition || (null !== this.previousQuery || "function" != typeof this.filterMethod && "function" != typeof this.remoteMethod ? (this.previousQuery = e, this.$nextTick(function () {
|
|
|
+ t.visible && t.broadcast("ElSelectDropdown", "updatePopper")
|
|
|
+ }), this.hoverIndex = -1, this.multiple && this.filterable && this.$nextTick(function () {
|
|
|
+ var e = 15 * t.$refs.input.value.length + 20;
|
|
|
+ t.inputLength = t.collapseTags ? Math.min(50, e) : e, t.managePlaceholder(), t.resetInputHeight()
|
|
|
+ }), this.remote && "function" == typeof this.remoteMethod ? (this.hoverIndex = -1, this.remoteMethod(e)) : ("function" == typeof this.filterMethod ? this.filterMethod(e) : (this.filteredOptionsCount = this.optionsCount, this.broadcast("ElOption", "queryChange", e)), this.broadcast("ElOptionGroup", "queryChange")), this.defaultFirstOption && (this.filterable || this.remote) && this.filteredOptionsCount && this.checkDefaultFirstOption()) : this.previousQuery = e)
|
|
|
+ },
|
|
|
+ scrollToOption: function (e) {
|
|
|
+ e = (Array.isArray(e) && e[0] ? e[0] : e).$el;
|
|
|
+ this.$refs.popper && e && it(this.$refs.popper.$el.querySelector(".el-select-dropdown__wrap"), e), this.$refs.scrollbar && this.$refs.scrollbar.handleScroll()
|
|
|
+ },
|
|
|
+ handleMenuEnter: function () {
|
|
|
+ var e = this;
|
|
|
+ this.$nextTick(function () {
|
|
|
+ return e.scrollToOption(e.selected)
|
|
|
+ })
|
|
|
+ },
|
|
|
+ emitChange: function (e) {
|
|
|
+ $(this.value, e) || this.$emit("change", e)
|
|
|
+ },
|
|
|
+ getOption: function (e) {
|
|
|
+ for (var t = void 0, i = "[object object]" === Object.prototype.toString.call(e).toLowerCase(), n = "[object null]" === Object.prototype.toString.call(e).toLowerCase(), r = "[object undefined]" === Object.prototype.toString.call(e).toLowerCase(), s = this.cachedOptions.length - 1; 0 <= s; s--) {
|
|
|
+ var o = this.cachedOptions[s];
|
|
|
+ if (i ? k(o.value, this.valueKey) === k(e, this.valueKey) : o.value === e) {
|
|
|
+ t = o;
|
|
|
+ break
|
|
|
+ }
|
|
|
+ }
|
|
|
+ if (t) return t;
|
|
|
+ r = {
|
|
|
+ value: e,
|
|
|
+ currentLabel: i || n || r ? "" : String(e)
|
|
|
+ };
|
|
|
+ return this.multiple && (r.hitState = !1), r
|
|
|
+ },
|
|
|
+ setSelected: function () {
|
|
|
+ var t = this;
|
|
|
+ if (!this.multiple) {
|
|
|
+ var e = this.getOption(this.value);
|
|
|
+ return e.created ? (this.createdLabel = e.currentLabel, this.createdSelected = !0) : this.createdSelected = !1, this.selectedLabel = e.currentLabel, this.selected = e, void(this.filterable && (this.query = this.selectedLabel))
|
|
|
+ }
|
|
|
+ var i = [];
|
|
|
+ Array.isArray(this.value) && this.value.forEach(function (e) {
|
|
|
+ i.push(t.getOption(e))
|
|
|
+ }), this.selected = i, this.$nextTick(function () {
|
|
|
+ t.resetInputHeight()
|
|
|
+ })
|
|
|
+ },
|
|
|
+ handleFocus: function (e) {
|
|
|
+ this.softFocus ? this.softFocus = !1 : ((this.automaticDropdown || this.filterable) && (this.visible = !0, this.filterable && (this.menuVisibleOnFocus = !0)), this.$emit("focus", e))
|
|
|
+ },
|
|
|
+ blur: function () {
|
|
|
+ this.visible = !1, this.$refs.reference.blur()
|
|
|
+ },
|
|
|
+ handleBlur: function (e) {
|
|
|
+ var t = this;
|
|
|
+ setTimeout(function () {
|
|
|
+ t.isSilentBlur ? t.isSilentBlur = !1 : t.$emit("blur", e)
|
|
|
+ }, 50), this.softFocus = !1
|
|
|
+ },
|
|
|
+ handleClearClick: function (e) {
|
|
|
+ this.deleteSelected(e)
|
|
|
+ },
|
|
|
+ doDestroy: function () {
|
|
|
+ this.$refs.popper && this.$refs.popper.doDestroy()
|
|
|
+ },
|
|
|
+ handleClose: function () {
|
|
|
+ this.visible = !1
|
|
|
+ },
|
|
|
+ toggleLastOptionHitState: function (e) {
|
|
|
+ if (Array.isArray(this.selected)) {
|
|
|
+ var t = this.selected[this.selected.length - 1];
|
|
|
+ if (t) return !0 === e || !1 === e ? t.hitState = e : (t.hitState = !t.hitState, t.hitState)
|
|
|
+ }
|
|
|
+ },
|
|
|
+ deletePrevTag: function (e) {
|
|
|
+ e.target.value.length <= 0 && !this.toggleLastOptionHitState() && ((e = this.value.slice()).pop(), this.$emit("input", e), this.emitChange(e))
|
|
|
+ },
|
|
|
+ managePlaceholder: function () {
|
|
|
+ "" !== this.currentPlaceholder && (this.currentPlaceholder = this.$refs.input.value ? "" : this.cachedPlaceHolder)
|
|
|
+ },
|
|
|
+ resetInputState: function (e) {
|
|
|
+ 8 !== e.keyCode && this.toggleLastOptionHitState(!1), this.inputLength = 15 * this.$refs.input.value.length + 20, this.resetInputHeight()
|
|
|
+ },
|
|
|
+ resetInputHeight: function () {
|
|
|
+ var n = this;
|
|
|
+ this.collapseTags && !this.filterable || this.$nextTick(function () {
|
|
|
+ var e, t, i;
|
|
|
+ n.$refs.reference && (i = n.$refs.reference.$el.childNodes, e = [].filter.call(i, function (e) {
|
|
|
+ return "INPUT" === e.tagName
|
|
|
+ })[0], t = n.$refs.tags, i = n.initialInputHeight || 40, e.style.height = 0 === n.selected.length ? i + "px" : Math.max(t ? t.clientHeight + (t.clientHeight > i ? 6 : 0) : 0, i) + "px", n.visible && !1 !== n.emptyText && n.broadcast("ElSelectDropdown", "updatePopper"))
|
|
|
+ })
|
|
|
+ },
|
|
|
+ resetHoverIndex: function () {
|
|
|
+ var t = this;
|
|
|
+ setTimeout(function () {
|
|
|
+ t.multiple ? 0 < t.selected.length ? t.hoverIndex = Math.min.apply(null, t.selected.map(function (e) {
|
|
|
+ return t.options.indexOf(e)
|
|
|
+ })) : t.hoverIndex = -1 : t.hoverIndex = t.options.indexOf(t.selected)
|
|
|
+ }, 300)
|
|
|
+ },
|
|
|
+ handleOptionSelect: function (e, t) {
|
|
|
+ var i, n, r = this;
|
|
|
+ this.multiple ? (i = (this.value || []).slice(), -1 < (n = this.getValueIndex(i, e.value)) ? i.splice(n, 1) : (this.multipleLimit <= 0 || i.length < this.multipleLimit) && i.push(e.value), this.$emit("input", i), this.emitChange(i), e.created && (this.query = "", this.handleQueryChange(""), this.inputLength = 20), this.filterable && this.$refs.input.focus()) : (this.$emit("input", e.value), this.emitChange(e.value), this.visible = !1), this.isSilentBlur = t, this.setSoftFocus(), this.visible || this.$nextTick(function () {
|
|
|
+ r.scrollToOption(e)
|
|
|
+ })
|
|
|
+ },
|
|
|
+ setSoftFocus: function () {
|
|
|
+ this.softFocus = !0;
|
|
|
+ var e = this.$refs.input || this.$refs.reference;
|
|
|
+ e && e.focus()
|
|
|
+ },
|
|
|
+ getValueIndex: function () {
|
|
|
+ var e = 0 < arguments.length && void 0 !== arguments[0] ? arguments[0] : [],
|
|
|
+ i = arguments[1];
|
|
|
+ if ("[object object]" !== Object.prototype.toString.call(i).toLowerCase()) return e.indexOf(i);
|
|
|
+ var n = this.valueKey,
|
|
|
+ r = -1;
|
|
|
+ return e.some(function (e, t) {
|
|
|
+ return k(e, n) === k(i, n) && (r = t, !0)
|
|
|
+ }), r
|
|
|
+ },
|
|
|
+ toggleMenu: function () {
|
|
|
+ this.selectDisabled || (this.menuVisibleOnFocus ? this.menuVisibleOnFocus = !1 : this.visible = !this.visible, this.visible && (this.$refs.input || this.$refs.reference).focus())
|
|
|
+ },
|
|
|
+ selectOption: function () {
|
|
|
+ this.visible ? this.options[this.hoverIndex] && this.handleOptionSelect(this.options[this.hoverIndex]) : this.toggleMenu()
|
|
|
+ },
|
|
|
+ deleteSelected: function (e) {
|
|
|
+ e.stopPropagation();
|
|
|
+ e = this.multiple ? [] : "";
|
|
|
+ this.$emit("input", e), this.emitChange(e), this.visible = !1, this.$emit("clear")
|
|
|
+ },
|
|
|
+ deleteTag: function (e, t) {
|
|
|
+ var i, n = this.selected.indexOf(t); - 1 < n && !this.selectDisabled && ((i = this.value.slice()).splice(n, 1), this.$emit("input", i), this.emitChange(i), this.$emit("remove-tag", t.value)), e.stopPropagation()
|
|
|
+ },
|
|
|
+ onInputChange: function () {
|
|
|
+ this.filterable && this.query !== this.selectedLabel && (this.query = this.selectedLabel, this.handleQueryChange(this.query))
|
|
|
+ },
|
|
|
+ onOptionDestroy: function (e) {
|
|
|
+ -1 < e && (this.optionsCount--, this.filteredOptionsCount--, this.options.splice(e, 1))
|
|
|
+ },
|
|
|
+ resetInputWidth: function () {
|
|
|
+ this.inputWidth = this.$refs.reference.$el.getBoundingClientRect().width
|
|
|
+ },
|
|
|
+ handleResize: function () {
|
|
|
+ this.resetInputWidth(), this.multiple && this.resetInputHeight()
|
|
|
+ },
|
|
|
+ checkDefaultFirstOption: function () {
|
|
|
+ for (var e = !(this.hoverIndex = -1), t = this.options.length - 1; 0 <= t; t--)
|
|
|
+ if (this.options[t].created) {
|
|
|
+ e = !0, this.hoverIndex = t;
|
|
|
+ break
|
|
|
+ } if (!e)
|
|
|
+ for (var i = 0; i !== this.options.length; ++i) {
|
|
|
+ var n = this.options[i];
|
|
|
+ if (this.query) {
|
|
|
+ if (!n.disabled && !n.groupDisabled && n.visible) {
|
|
|
+ this.hoverIndex = i;
|
|
|
+ break
|
|
|
+ }
|
|
|
+ } else if (n.itemSelected) {
|
|
|
+ this.hoverIndex = i;
|
|
|
+ break
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ getValueKey: function (e) {
|
|
|
+ return "[object object]" !== Object.prototype.toString.call(e.value).toLowerCase() ? e.value : k(e.value, this.valueKey)
|
|
|
+ }
|
|
|
+ },
|
|
|
+ created: function () {
|
|
|
+ var t = this;
|
|
|
+ this.cachedPlaceHolder = this.currentPlaceholder = this.propPlaceholder, this.multiple && !Array.isArray(this.value) && this.$emit("input", []), !this.multiple && Array.isArray(this.value) && this.$emit("input", ""), this.debouncedOnInputChange = Ue()(this.debounce, function () {
|
|
|
+ t.onInputChange()
|
|
|
+ }), this.debouncedQueryChange = Ue()(this.debounce, function (e) {
|
|
|
+ t.handleQueryChange(e.target.value)
|
|
|
+ }), this.$on("handleOptionClick", this.handleOptionSelect), this.$on("setSelected", this.setSelected)
|
|
|
+ },
|
|
|
+ mounted: function () {
|
|
|
+ var e = this;
|
|
|
+ this.multiple && Array.isArray(this.value) && 0 < this.value.length && (this.currentPlaceholder = ""), Be(this.$el, this.handleResize);
|
|
|
+ var t, i = this.$refs.reference;
|
|
|
+ i && i.$el && (t = i.$el.querySelector("input"), this.initialInputHeight = t.getBoundingClientRect().height || {
|
|
|
+ medium: 36,
|
|
|
+ small: 32,
|
|
|
+ mini: 28
|
|
|
+ } [this.selectSize]), this.remote && this.multiple && this.resetInputHeight(), this.$nextTick(function () {
|
|
|
+ i && i.$el && (e.inputWidth = i.$el.getBoundingClientRect().width)
|
|
|
+ }), this.setSelected()
|
|
|
+ },
|
|
|
+ beforeDestroy: function () {
|
|
|
+ this.$el && this.handleResize && ze(this.$el, this.handleResize)
|
|
|
+ }
|
|
|
+ }, a, [], !1, null, null, null);
|
|
|
+ nt.options.__file = "packages/select/src/select.vue";
|
|
|
+ var rt = nt.exports;
|
|
|
+ rt.install = function (e) {
|
|
|
+ e.component(rt.name, rt)
|
|
|
+ };
|
|
|
+ var st = rt;
|
|
|
+ Fe.install = function (e) {
|
|
|
+ e.component(Fe.name, Fe)
|
|
|
+ };
|
|
|
+ var ot = Fe,
|
|
|
+ at = {
|
|
|
+ name: "ElPagination",
|
|
|
+ props: {
|
|
|
+ pageSize: {
|
|
|
+ type: Number,
|
|
|
+ default: 10
|
|
|
+ },
|
|
|
+ small: Boolean,
|
|
|
+ total: Number,
|
|
|
+ pageCount: Number,
|
|
|
+ pagerCount: {
|
|
|
+ type: Number,
|
|
|
+ validator: function (e) {
|
|
|
+ return (0 | e) === e && 4 < e && e < 22 && e % 2 == 1
|
|
|
+ },
|
|
|
+ default: 7
|
|
|
+ },
|
|
|
+ currentPage: {
|
|
|
+ type: Number,
|
|
|
+ default: 1
|
|
|
+ },
|
|
|
+ layout: {
|
|
|
+ default: "prev, pager, next, jumper, ->, total"
|
|
|
+ },
|
|
|
+ pageSizes: {
|
|
|
+ type: Array,
|
|
|
+ default: function () {
|
|
|
+ return [10, 20, 30, 40, 50, 100]
|
|
|
+ }
|
|
|
+ },
|
|
|
+ popperClass: String,
|
|
|
+ prevText: String,
|
|
|
+ nextText: String,
|
|
|
+ background: Boolean,
|
|
|
+ disabled: Boolean,
|
|
|
+ hideOnSinglePage: Boolean
|
|
|
+ },
|
|
|
+ data: function () {
|
|
|
+ return {
|
|
|
+ internalCurrentPage: 1,
|
|
|
+ internalPageSize: 0,
|
|
|
+ lastEmittedPage: -1,
|
|
|
+ userChangePageSize: !1
|
|
|
+ }
|
|
|
+ },
|
|
|
+ render: function (e) {
|
|
|
+ var t = this.layout;
|
|
|
+ if (!t) return null;
|
|
|
+ if (this.hideOnSinglePage && (!this.internalPageCount || 1 === this.internalPageCount)) return null;
|
|
|
+ var i = e("div", {
|
|
|
+ class: ["el-pagination", {
|
|
|
+ "is-background": this.background,
|
|
|
+ "el-pagination--small": this.small
|
|
|
+ }]
|
|
|
+ }),
|
|
|
+ n = {
|
|
|
+ prev: e("prev"),
|
|
|
+ jumper: e("jumper"),
|
|
|
+ pager: e("pager", {
|
|
|
+ attrs: {
|
|
|
+ currentPage: this.internalCurrentPage,
|
|
|
+ pageCount: this.internalPageCount,
|
|
|
+ pagerCount: this.pagerCount,
|
|
|
+ disabled: this.disabled
|
|
|
+ },
|
|
|
+ on: {
|
|
|
+ change: this.handleCurrentChange
|
|
|
+ }
|
|
|
+ }),
|
|
|
+ next: e("next"),
|
|
|
+ sizes: e("sizes", {
|
|
|
+ attrs: {
|
|
|
+ pageSizes: this.pageSizes
|
|
|
+ }
|
|
|
+ }),
|
|
|
+ slot: e("slot", [this.$slots.default || ""]),
|
|
|
+ total: e("total")
|
|
|
+ },
|
|
|
+ t = t.split(",").map(function (e) {
|
|
|
+ return e.trim()
|
|
|
+ }),
|
|
|
+ r = e("div", {
|
|
|
+ class: "el-pagination__rightwrapper"
|
|
|
+ }),
|
|
|
+ s = !1;
|
|
|
+ return i.children = i.children || [], r.children = r.children || [], t.forEach(function (e) {
|
|
|
+ "->" !== e ? (s ? r : i).children.push(n[e]) : s = !0
|
|
|
+ }), s && i.children.unshift(r), i
|
|
|
+ },
|
|
|
+ components: {
|
|
|
+ Prev: {
|
|
|
+ render: function (e) {
|
|
|
+ return e("button", {
|
|
|
+ attrs: {
|
|
|
+ type: "button",
|
|
|
+ disabled: this.$parent.disabled || this.$parent.internalCurrentPage <= 1
|
|
|
+ },
|
|
|
+ class: "btn-prev",
|
|
|
+ on: {
|
|
|
+ click: this.$parent.prev
|
|
|
+ }
|
|
|
+ }, [this.$parent.prevText ? e("span", [this.$parent.prevText]) : e("i", {
|
|
|
+ class: "el-icon el-icon-arrow-left"
|
|
|
+ })])
|
|
|
+ }
|
|
|
+ },
|
|
|
+ Next: {
|
|
|
+ render: function (e) {
|
|
|
+ return e("button", {
|
|
|
+ attrs: {
|
|
|
+ type: "button",
|
|
|
+ disabled: this.$parent.disabled || this.$parent.internalCurrentPage === this.$parent.internalPageCount || 0 === this.$parent.internalPageCount
|
|
|
+ },
|
|
|
+ class: "btn-next",
|
|
|
+ on: {
|
|
|
+ click: this.$parent.next
|
|
|
+ }
|
|
|
+ }, [this.$parent.nextText ? e("span", [this.$parent.nextText]) : e("i", {
|
|
|
+ class: "el-icon el-icon-arrow-right"
|
|
|
+ })])
|
|
|
+ }
|
|
|
+ },
|
|
|
+ Sizes: {
|
|
|
+ mixins: [j],
|
|
|
+ props: {
|
|
|
+ pageSizes: Array
|
|
|
+ },
|
|
|
+ watch: {
|
|
|
+ pageSizes: {
|
|
|
+ immediate: !0,
|
|
|
+ handler: function (e, t) {
|
|
|
+ $(e, t) || Array.isArray(e) && (this.$parent.internalPageSize = -1 < e.indexOf(this.$parent.pageSize) ? this.$parent.pageSize : this.pageSizes[0])
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ render: function (t) {
|
|
|
+ var i = this;
|
|
|
+ return t("span", {
|
|
|
+ class: "el-pagination__sizes"
|
|
|
+ }, [t("el-select", {
|
|
|
+ attrs: {
|
|
|
+ value: this.$parent.internalPageSize,
|
|
|
+ popperClass: this.$parent.popperClass || "",
|
|
|
+ size: "mini",
|
|
|
+ disabled: this.$parent.disabled
|
|
|
+ },
|
|
|
+ on: {
|
|
|
+ input: this.handleChange
|
|
|
+ }
|
|
|
+ }, [this.pageSizes.map(function (e) {
|
|
|
+ return t("el-option", {
|
|
|
+ attrs: {
|
|
|
+ value: e,
|
|
|
+ label: e + i.t("el.pagination.pagesize")
|
|
|
+ }
|
|
|
+ })
|
|
|
+ })])])
|
|
|
+ },
|
|
|
+ components: {
|
|
|
+ ElSelect: st,
|
|
|
+ ElOption: ot
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ handleChange: function (e) {
|
|
|
+ e !== this.$parent.internalPageSize && (this.$parent.internalPageSize = e = parseInt(e, 10), this.$parent.userChangePageSize = !0, this.$parent.$emit("update:pageSize", e), this.$parent.$emit("size-change", e))
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ Jumper: {
|
|
|
+ mixins: [j],
|
|
|
+ components: {
|
|
|
+ ElInput: te
|
|
|
+ },
|
|
|
+ data: function () {
|
|
|
+ return {
|
|
|
+ userInput: null
|
|
|
+ }
|
|
|
+ },
|
|
|
+ watch: {
|
|
|
+ "$parent.internalCurrentPage": function () {
|
|
|
+ this.userInput = null
|
|
|
+ }
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ handleKeyup: function (e) {
|
|
|
+ var t = e.keyCode,
|
|
|
+ e = e.target;
|
|
|
+ 13 === t && this.handleChange(e.value)
|
|
|
+ },
|
|
|
+ handleInput: function (e) {
|
|
|
+ this.userInput = e
|
|
|
+ },
|
|
|
+ handleChange: function (e) {
|
|
|
+ this.$parent.internalCurrentPage = this.$parent.getValidCurrentPage(e), this.$parent.emitChange(), this.userInput = null
|
|
|
+ }
|
|
|
+ },
|
|
|
+ render: function (e) {
|
|
|
+ return e("span", {
|
|
|
+ class: "el-pagination__jump"
|
|
|
+ }, [this.t("el.pagination.goto"), e("el-input", {
|
|
|
+ class: "el-pagination__editor is-in-pagination",
|
|
|
+ attrs: {
|
|
|
+ min: 1,
|
|
|
+ max: this.$parent.internalPageCount,
|
|
|
+ value: null !== this.userInput ? this.userInput : this.$parent.internalCurrentPage,
|
|
|
+ type: "number",
|
|
|
+ disabled: this.$parent.disabled
|
|
|
+ },
|
|
|
+ nativeOn: {
|
|
|
+ keyup: this.handleKeyup
|
|
|
+ },
|
|
|
+ on: {
|
|
|
+ input: this.handleInput,
|
|
|
+ change: this.handleChange
|
|
|
+ }
|
|
|
+ }), this.t("el.pagination.pageClassifier")])
|
|
|
+ }
|
|
|
+ },
|
|
|
+ Total: {
|
|
|
+ mixins: [j],
|
|
|
+ render: function (e) {
|
|
|
+ return "number" == typeof this.$parent.total ? e("span", {
|
|
|
+ class: "el-pagination__total"
|
|
|
+ }, [this.t("el.pagination.total", {
|
|
|
+ total: this.$parent.total
|
|
|
+ })]) : ""
|
|
|
+ }
|
|
|
+ },
|
|
|
+ Pager: o
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ handleCurrentChange: function (e) {
|
|
|
+ this.internalCurrentPage = this.getValidCurrentPage(e), this.userChangePageSize = !0, this.emitChange()
|
|
|
+ },
|
|
|
+ prev: function () {
|
|
|
+ var e;
|
|
|
+ this.disabled || (e = this.internalCurrentPage - 1, this.internalCurrentPage = this.getValidCurrentPage(e), this.$emit("prev-click", this.internalCurrentPage), this.emitChange())
|
|
|
+ },
|
|
|
+ next: function () {
|
|
|
+ var e;
|
|
|
+ this.disabled || (e = this.internalCurrentPage + 1, this.internalCurrentPage = this.getValidCurrentPage(e), this.$emit("next-click", this.internalCurrentPage), this.emitChange())
|
|
|
+ },
|
|
|
+ getValidCurrentPage: function (e) {
|
|
|
+ e = parseInt(e, 10);
|
|
|
+ var t = void 0;
|
|
|
+ return "number" == typeof this.internalPageCount ? e < 1 ? t = 1 : e > this.internalPageCount && (t = this.internalPageCount) : (isNaN(e) || e < 1) && (t = 1), void 0 === (t = void 0 === t && isNaN(e) || 0 === t ? 1 : t) ? e : t
|
|
|
+ },
|
|
|
+ emitChange: function () {
|
|
|
+ var e = this;
|
|
|
+ this.$nextTick(function () {
|
|
|
+ e.internalCurrentPage === e.lastEmittedPage && !e.userChangePageSize || (e.$emit("current-change", e.internalCurrentPage), e.lastEmittedPage = e.internalCurrentPage, e.userChangePageSize = !1)
|
|
|
+ })
|
|
|
+ }
|
|
|
+ },
|
|
|
+ computed: {
|
|
|
+ internalPageCount: function () {
|
|
|
+ return "number" == typeof this.total ? Math.max(1, Math.ceil(this.total / this.internalPageSize)) : "number" == typeof this.pageCount ? Math.max(1, this.pageCount) : null
|
|
|
+ }
|
|
|
+ },
|
|
|
+ watch: {
|
|
|
+ currentPage: {
|
|
|
+ immediate: !0,
|
|
|
+ handler: function (e) {
|
|
|
+ this.internalCurrentPage = this.getValidCurrentPage(e)
|
|
|
+ }
|
|
|
+ },
|
|
|
+ pageSize: {
|
|
|
+ immediate: !0,
|
|
|
+ handler: function (e) {
|
|
|
+ this.internalPageSize = isNaN(e) ? 10 : e
|
|
|
+ }
|
|
|
+ },
|
|
|
+ internalCurrentPage: {
|
|
|
+ immediate: !0,
|
|
|
+ handler: function (e) {
|
|
|
+ this.$emit("update:currentPage", e), this.lastEmittedPage = -1
|
|
|
+ }
|
|
|
+ },
|
|
|
+ internalPageCount: function (e) {
|
|
|
+ var t = this.internalCurrentPage;
|
|
|
+ 0 < e && 0 === t ? this.internalCurrentPage = 1 : e < t && (this.internalCurrentPage = 0 === e ? 1 : e, this.userChangePageSize && this.emitChange()), this.userChangePageSize = !1
|
|
|
+ }
|
|
|
+ },
|
|
|
+ install: function (e) {
|
|
|
+ e.component(at.name, at)
|
|
|
+ }
|
|
|
+ },
|
|
|
+ lt = at,
|
|
|
+ ut = function () {
|
|
|
+ var t = this,
|
|
|
+ e = t.$createElement,
|
|
|
+ e = t._self._c || e;
|
|
|
+ return e("transition", {
|
|
|
+ attrs: {
|
|
|
+ name: "dialog-fade"
|
|
|
+ },
|
|
|
+ on: {
|
|
|
+ "after-enter": t.afterEnter,
|
|
|
+ "after-leave": t.afterLeave
|
|
|
+ }
|
|
|
+ }, [e("div", {
|
|
|
+ directives: [{
|
|
|
+ name: "show",
|
|
|
+ rawName: "v-show",
|
|
|
+ value: t.visible,
|
|
|
+ expression: "visible"
|
|
|
+ }],
|
|
|
+ staticClass: "el-dialog__wrapper",
|
|
|
+ on: {
|
|
|
+ click: function (e) {
|
|
|
+ return e.target !== e.currentTarget ? null : t.handleWrapperClick(e)
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, [e("div", {
|
|
|
+ key: t.key,
|
|
|
+ ref: "dialog",
|
|
|
+ class: ["el-dialog", {
|
|
|
+ "is-fullscreen": t.fullscreen,
|
|
|
+ "el-dialog--center": t.center
|
|
|
+ }, t.customClass],
|
|
|
+ style: t.style,
|
|
|
+ attrs: {
|
|
|
+ role: "dialog",
|
|
|
+ "aria-modal": "true",
|
|
|
+ "aria-label": t.title || "dialog"
|
|
|
+ }
|
|
|
+ }, [e("div", {
|
|
|
+ staticClass: "el-dialog__header"
|
|
|
+ }, [t._t("title", [e("span", {
|
|
|
+ staticClass: "el-dialog__title"
|
|
|
+ }, [t._v(t._s(t.title))])]), t.showClose ? e("button", {
|
|
|
+ staticClass: "el-dialog__headerbtn",
|
|
|
+ attrs: {
|
|
|
+ type: "button",
|
|
|
+ "aria-label": "Close"
|
|
|
+ },
|
|
|
+ on: {
|
|
|
+ click: t.handleClose
|
|
|
+ }
|
|
|
+ }, [e("i", {
|
|
|
+ staticClass: "el-dialog__close el-icon el-icon-close"
|
|
|
+ })]) : t._e()], 2), t.rendered ? e("div", {
|
|
|
+ staticClass: "el-dialog__body"
|
|
|
+ }, [t._t("default")], 2) : t._e(), t.$slots.footer ? e("div", {
|
|
|
+ staticClass: "el-dialog__footer"
|
|
|
+ }, [t._t("footer")], 2) : t._e()])])])
|
|
|
+ };
|
|
|
+ ut._withStripped = !0;
|
|
|
+ var ct = r({
|
|
|
+ name: "ElDialog",
|
|
|
+ mixins: [$e, l, Y],
|
|
|
+ props: {
|
|
|
+ title: {
|
|
|
+ type: String,
|
|
|
+ default: ""
|
|
|
+ },
|
|
|
+ modal: {
|
|
|
+ type: Boolean,
|
|
|
+ default: !0
|
|
|
+ },
|
|
|
+ modalAppendToBody: {
|
|
|
+ type: Boolean,
|
|
|
+ default: !0
|
|
|
+ },
|
|
|
+ appendToBody: {
|
|
|
+ type: Boolean,
|
|
|
+ default: !1
|
|
|
+ },
|
|
|
+ lockScroll: {
|
|
|
+ type: Boolean,
|
|
|
+ default: !0
|
|
|
+ },
|
|
|
+ closeOnClickModal: {
|
|
|
+ type: Boolean,
|
|
|
+ default: !0
|
|
|
+ },
|
|
|
+ closeOnPressEscape: {
|
|
|
+ type: Boolean,
|
|
|
+ default: !0
|
|
|
+ },
|
|
|
+ showClose: {
|
|
|
+ type: Boolean,
|
|
|
+ default: !0
|
|
|
+ },
|
|
|
+ width: String,
|
|
|
+ fullscreen: Boolean,
|
|
|
+ customClass: {
|
|
|
+ type: String,
|
|
|
+ default: ""
|
|
|
+ },
|
|
|
+ top: {
|
|
|
+ type: String,
|
|
|
+ default: "15vh"
|
|
|
+ },
|
|
|
+ beforeClose: Function,
|
|
|
+ center: {
|
|
|
+ type: Boolean,
|
|
|
+ default: !1
|
|
|
+ },
|
|
|
+ destroyOnClose: Boolean
|
|
|
+ },
|
|
|
+ data: function () {
|
|
|
+ return {
|
|
|
+ closed: !1,
|
|
|
+ key: 0
|
|
|
+ }
|
|
|
+ },
|
|
|
+ watch: {
|
|
|
+ visible: function (e) {
|
|
|
+ var t = this;
|
|
|
+ e ? (this.closed = !1, this.$emit("open"), this.$el.addEventListener("scroll", this.updatePopper), this.$nextTick(function () {
|
|
|
+ t.$refs.dialog.scrollTop = 0
|
|
|
+ }), this.appendToBody && document.body.appendChild(this.$el)) : (this.$el.removeEventListener("scroll", this.updatePopper), this.closed || this.$emit("close"), this.destroyOnClose && this.$nextTick(function () {
|
|
|
+ t.key++
|
|
|
+ }))
|
|
|
+ }
|
|
|
+ },
|
|
|
+ computed: {
|
|
|
+ style: function () {
|
|
|
+ var e = {};
|
|
|
+ return this.fullscreen || (e.marginTop = this.top, this.width && (e.width = this.width)), e
|
|
|
+ }
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ getMigratingConfig: function () {
|
|
|
+ return {
|
|
|
+ props: {
|
|
|
+ size: "size is removed."
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ handleWrapperClick: function () {
|
|
|
+ this.closeOnClickModal && this.handleClose()
|
|
|
+ },
|
|
|
+ handleClose: function () {
|
|
|
+ "function" == typeof this.beforeClose ? this.beforeClose(this.hide) : this.hide()
|
|
|
+ },
|
|
|
+ hide: function (e) {
|
|
|
+ !1 !== e && (this.$emit("update:visible", !1), this.$emit("close"), this.closed = !0)
|
|
|
+ },
|
|
|
+ updatePopper: function () {
|
|
|
+ this.broadcast("ElSelectDropdown", "updatePopper"), this.broadcast("ElDropdownMenu", "updatePopper")
|
|
|
+ },
|
|
|
+ afterEnter: function () {
|
|
|
+ this.$emit("opened")
|
|
|
+ },
|
|
|
+ afterLeave: function () {
|
|
|
+ this.$emit("closed")
|
|
|
+ }
|
|
|
+ },
|
|
|
+ mounted: function () {
|
|
|
+ this.visible && (this.rendered = !0, this.open(), this.appendToBody && document.body.appendChild(this.$el))
|
|
|
+ },
|
|
|
+ destroyed: function () {
|
|
|
+ this.appendToBody && this.$el && this.$el.parentNode && this.$el.parentNode.removeChild(this.$el)
|
|
|
+ }
|
|
|
+ }, ut, [], !1, null, null, null);
|
|
|
+ ct.options.__file = "packages/dialog/src/component.vue";
|
|
|
+ var ht = ct.exports;
|
|
|
+ ht.install = function (e) {
|
|
|
+ e.component(ht.name, ht)
|
|
|
+ };
|
|
|
+ var dt = ht,
|
|
|
+ pt = function () {
|
|
|
+ var i = this,
|
|
|
+ e = i.$createElement,
|
|
|
+ n = i._self._c || e;
|
|
|
+ return n("div", {
|
|
|
+ directives: [{
|
|
|
+ name: "clickoutside",
|
|
|
+ rawName: "v-clickoutside",
|
|
|
+ value: i.close,
|
|
|
+ expression: "close"
|
|
|
+ }],
|
|
|
+ staticClass: "el-autocomplete",
|
|
|
+ attrs: {
|
|
|
+ "aria-haspopup": "listbox",
|
|
|
+ role: "combobox",
|
|
|
+ "aria-expanded": i.suggestionVisible,
|
|
|
+ "aria-owns": i.id
|
|
|
+ }
|
|
|
+ }, [n("el-input", i._b({
|
|
|
+ ref: "input",
|
|
|
+ on: {
|
|
|
+ input: i.handleInput,
|
|
|
+ change: i.handleChange,
|
|
|
+ focus: i.handleFocus,
|
|
|
+ blur: i.handleBlur,
|
|
|
+ clear: i.handleClear
|
|
|
+ },
|
|
|
+ nativeOn: {
|
|
|
+ keydown: [function (e) {
|
|
|
+ if (!("button" in e) && i._k(e.keyCode, "up", 38, e.key, ["Up", "ArrowUp"])) return null;
|
|
|
+ e.preventDefault(), i.highlight(i.highlightedIndex - 1)
|
|
|
+ }, function (e) {
|
|
|
+ if (!("button" in e) && i._k(e.keyCode, "down", 40, e.key, ["Down", "ArrowDown"])) return null;
|
|
|
+ e.preventDefault(), i.highlight(i.highlightedIndex + 1)
|
|
|
+ }, function (e) {
|
|
|
+ return "button" in e || !i._k(e.keyCode, "enter", 13, e.key, "Enter") ? i.handleKeyEnter(e) : null
|
|
|
+ }, function (e) {
|
|
|
+ return "button" in e || !i._k(e.keyCode, "tab", 9, e.key, "Tab") ? i.close(e) : null
|
|
|
+ }]
|
|
|
+ }
|
|
|
+ }, "el-input", [i.$props, i.$attrs], !1), [i.$slots.prepend ? n("template", {
|
|
|
+ slot: "prepend"
|
|
|
+ }, [i._t("prepend")], 2) : i._e(), i.$slots.append ? n("template", {
|
|
|
+ slot: "append"
|
|
|
+ }, [i._t("append")], 2) : i._e(), i.$slots.prefix ? n("template", {
|
|
|
+ slot: "prefix"
|
|
|
+ }, [i._t("prefix")], 2) : i._e(), i.$slots.suffix ? n("template", {
|
|
|
+ slot: "suffix"
|
|
|
+ }, [i._t("suffix")], 2) : i._e()], 2), n("el-autocomplete-suggestions", {
|
|
|
+ ref: "suggestions",
|
|
|
+ class: [i.popperClass || ""],
|
|
|
+ attrs: {
|
|
|
+ "visible-arrow": "",
|
|
|
+ "popper-options": i.popperOptions,
|
|
|
+ "append-to-body": i.popperAppendToBody,
|
|
|
+ placement: i.placement,
|
|
|
+ id: i.id
|
|
|
+ }
|
|
|
+ }, i._l(i.suggestions, function (t, e) {
|
|
|
+ return n("li", {
|
|
|
+ key: e,
|
|
|
+ class: {
|
|
|
+ highlighted: i.highlightedIndex === e
|
|
|
+ },
|
|
|
+ attrs: {
|
|
|
+ id: i.id + "-item-" + e,
|
|
|
+ role: "option",
|
|
|
+ "aria-selected": i.highlightedIndex === e
|
|
|
+ },
|
|
|
+ on: {
|
|
|
+ click: function (e) {
|
|
|
+ i.select(t)
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, [i._t("default", [i._v("\n " + i._s(t[i.valueKey]) + "\n ")], {
|
|
|
+ item: t
|
|
|
+ })], 2)
|
|
|
+ }), 0)], 1)
|
|
|
+ },
|
|
|
+ ft = function () {
|
|
|
+ var e = this,
|
|
|
+ t = e.$createElement,
|
|
|
+ t = e._self._c || t;
|
|
|
+ return t("transition", {
|
|
|
+ attrs: {
|
|
|
+ name: "el-zoom-in-top"
|
|
|
+ },
|
|
|
+ on: {
|
|
|
+ "after-leave": e.doDestroy
|
|
|
+ }
|
|
|
+ }, [t("div", {
|
|
|
+ directives: [{
|
|
|
+ name: "show",
|
|
|
+ rawName: "v-show",
|
|
|
+ value: e.showPopper,
|
|
|
+ expression: "showPopper"
|
|
|
+ }],
|
|
|
+ staticClass: "el-autocomplete-suggestion el-popper",
|
|
|
+ class: {
|
|
|
+ "is-loading": !e.parent.hideLoading && e.parent.loading
|
|
|
+ },
|
|
|
+ style: {
|
|
|
+ width: e.dropdownWidth
|
|
|
+ },
|
|
|
+ attrs: {
|
|
|
+ role: "region"
|
|
|
+ }
|
|
|
+ }, [t("el-scrollbar", {
|
|
|
+ attrs: {
|
|
|
+ tag: "ul",
|
|
|
+ "wrap-class": "el-autocomplete-suggestion__wrap",
|
|
|
+ "view-class": "el-autocomplete-suggestion__list"
|
|
|
+ }
|
|
|
+ }, [!e.parent.hideLoading && e.parent.loading ? t("li", [t("i", {
|
|
|
+ staticClass: "el-icon-loading"
|
|
|
+ })]) : e._t("default")], 2)], 1)])
|
|
|
+ };
|
|
|
+ ft._withStripped = pt._withStripped = !0;
|
|
|
+ var mt = r({
|
|
|
+ components: {
|
|
|
+ ElScrollbar: Ke
|
|
|
+ },
|
|
|
+ mixins: [Te, l],
|
|
|
+ componentName: "ElAutocompleteSuggestions",
|
|
|
+ data: function () {
|
|
|
+ return {
|
|
|
+ parent: this.$parent,
|
|
|
+ dropdownWidth: ""
|
|
|
+ }
|
|
|
+ },
|
|
|
+ props: {
|
|
|
+ options: {
|
|
|
+ default: function () {
|
|
|
+ return {
|
|
|
+ gpuAcceleration: !1
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ id: String
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ select: function (e) {
|
|
|
+ this.dispatch("ElAutocomplete", "item-click", e)
|
|
|
+ }
|
|
|
+ },
|
|
|
+ updated: function () {
|
|
|
+ var t = this;
|
|
|
+ this.$nextTick(function (e) {
|
|
|
+ t.popperJS && t.updatePopper()
|
|
|
+ })
|
|
|
+ },
|
|
|
+ mounted: function () {
|
|
|
+ this.$parent.popperElm = this.popperElm = this.$el, this.referenceElm = this.$parent.$refs.input.$refs.input || this.$parent.$refs.input.$refs.textarea, this.referenceList = this.$el.querySelector(".el-autocomplete-suggestion__list"), this.referenceList.setAttribute("role", "listbox"), this.referenceList.setAttribute("id", this.id)
|
|
|
+ },
|
|
|
+ created: function () {
|
|
|
+ var i = this;
|
|
|
+ this.$on("visible", function (e, t) {
|
|
|
+ i.dropdownWidth = t + "px", i.showPopper = e
|
|
|
+ })
|
|
|
+ }
|
|
|
+ }, ft, [], !1, null, null, null),
|
|
|
+ gt = r({
|
|
|
+ name: "ElAutocomplete",
|
|
|
+ mixins: [l, u("input"), Y],
|
|
|
+ inheritAttrs: !(mt.options.__file = "packages/autocomplete/src/autocomplete-suggestions.vue"),
|
|
|
+ componentName: "ElAutocomplete",
|
|
|
+ components: {
|
|
|
+ ElInput: te,
|
|
|
+ ElAutocompleteSuggestions: mt.exports
|
|
|
+ },
|
|
|
+ directives: {
|
|
|
+ Clickoutside: tt
|
|
|
+ },
|
|
|
+ props: {
|
|
|
+ valueKey: {
|
|
|
+ type: String,
|
|
|
+ default: "value"
|
|
|
+ },
|
|
|
+ popperClass: String,
|
|
|
+ popperOptions: Object,
|
|
|
+ placeholder: String,
|
|
|
+ clearable: {
|
|
|
+ type: Boolean,
|
|
|
+ default: !1
|
|
|
+ },
|
|
|
+ disabled: Boolean,
|
|
|
+ name: String,
|
|
|
+ size: String,
|
|
|
+ value: String,
|
|
|
+ maxlength: Number,
|
|
|
+ minlength: Number,
|
|
|
+ autofocus: Boolean,
|
|
|
+ fetchSuggestions: Function,
|
|
|
+ triggerOnFocus: {
|
|
|
+ type: Boolean,
|
|
|
+ default: !0
|
|
|
+ },
|
|
|
+ customItem: String,
|
|
|
+ selectWhenUnmatched: {
|
|
|
+ type: Boolean,
|
|
|
+ default: !1
|
|
|
+ },
|
|
|
+ prefixIcon: String,
|
|
|
+ suffixIcon: String,
|
|
|
+ label: String,
|
|
|
+ debounce: {
|
|
|
+ type: Number,
|
|
|
+ default: 300
|
|
|
+ },
|
|
|
+ placement: {
|
|
|
+ type: String,
|
|
|
+ default: "bottom-start"
|
|
|
+ },
|
|
|
+ hideLoading: Boolean,
|
|
|
+ popperAppendToBody: {
|
|
|
+ type: Boolean,
|
|
|
+ default: !0
|
|
|
+ },
|
|
|
+ highlightFirstItem: {
|
|
|
+ type: Boolean,
|
|
|
+ default: !1
|
|
|
+ }
|
|
|
+ },
|
|
|
+ data: function () {
|
|
|
+ return {
|
|
|
+ activated: !1,
|
|
|
+ suggestions: [],
|
|
|
+ loading: !1,
|
|
|
+ highlightedIndex: -1,
|
|
|
+ suggestionDisabled: !1
|
|
|
+ }
|
|
|
+ },
|
|
|
+ computed: {
|
|
|
+ suggestionVisible: function () {
|
|
|
+ var e = this.suggestions;
|
|
|
+ return (Array.isArray(e) && 0 < e.length || this.loading) && this.activated
|
|
|
+ },
|
|
|
+ id: function () {
|
|
|
+ return "el-autocomplete-" + D()
|
|
|
+ }
|
|
|
+ },
|
|
|
+ watch: {
|
|
|
+ suggestionVisible: function (e) {
|
|
|
+ var t = this.getInput();
|
|
|
+ t && this.broadcast("ElAutocompleteSuggestions", "visible", [e, t.offsetWidth])
|
|
|
+ }
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ getMigratingConfig: function () {
|
|
|
+ return {
|
|
|
+ props: {
|
|
|
+ "custom-item": "custom-item is removed, use scoped slot instead.",
|
|
|
+ props: "props is removed, use value-key instead."
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ getData: function (e) {
|
|
|
+ var t = this;
|
|
|
+ this.suggestionDisabled || (this.loading = !0, this.fetchSuggestions(e, function (e) {
|
|
|
+ t.loading = !1, t.suggestionDisabled || (Array.isArray(e) ? (t.suggestions = e, t.highlightedIndex = t.highlightFirstItem ? 0 : -1) : console.error("[Element Error][Autocomplete]autocomplete suggestions must be an array"))
|
|
|
+ }))
|
|
|
+ },
|
|
|
+ handleInput: function (e) {
|
|
|
+ if (this.$emit("input", e), this.suggestionDisabled = !1, !this.triggerOnFocus && !e) return this.suggestionDisabled = !0, void(this.suggestions = []);
|
|
|
+ this.debouncedGetData(e)
|
|
|
+ },
|
|
|
+ handleChange: function (e) {
|
|
|
+ this.$emit("change", e)
|
|
|
+ },
|
|
|
+ handleFocus: function (e) {
|
|
|
+ this.activated = !0, this.$emit("focus", e), this.triggerOnFocus && this.debouncedGetData(this.value)
|
|
|
+ },
|
|
|
+ handleBlur: function (e) {
|
|
|
+ this.$emit("blur", e)
|
|
|
+ },
|
|
|
+ handleClear: function () {
|
|
|
+ this.activated = !1, this.$emit("clear")
|
|
|
+ },
|
|
|
+ close: function (e) {
|
|
|
+ this.activated = !1
|
|
|
+ },
|
|
|
+ handleKeyEnter: function (e) {
|
|
|
+ var t = this;
|
|
|
+ this.suggestionVisible && 0 <= this.highlightedIndex && this.highlightedIndex < this.suggestions.length ? (e.preventDefault(), this.select(this.suggestions[this.highlightedIndex])) : this.selectWhenUnmatched && (this.$emit("select", {
|
|
|
+ value: this.value
|
|
|
+ }), this.$nextTick(function (e) {
|
|
|
+ t.suggestions = [], t.highlightedIndex = -1
|
|
|
+ }))
|
|
|
+ },
|
|
|
+ select: function (e) {
|
|
|
+ var t = this;
|
|
|
+ this.$emit("input", e[this.valueKey]), this.$emit("select", e), this.$nextTick(function (e) {
|
|
|
+ t.suggestions = [], t.highlightedIndex = -1
|
|
|
+ })
|
|
|
+ },
|
|
|
+ highlight: function (e) {
|
|
|
+ var t, i, n, r;
|
|
|
+ this.suggestionVisible && !this.loading && (e < 0 ? this.highlightedIndex = -1 : (e >= this.suggestions.length && (e = this.suggestions.length - 1), i = (t = this.$refs.suggestions.$el.querySelector(".el-autocomplete-suggestion__wrap")).querySelectorAll(".el-autocomplete-suggestion__list li")[e], n = t.scrollTop, (r = i.offsetTop) + i.scrollHeight > n + t.clientHeight && (t.scrollTop += i.scrollHeight), r < n && (t.scrollTop -= i.scrollHeight), this.highlightedIndex = e, this.getInput().setAttribute("aria-activedescendant", this.id + "-item-" + this.highlightedIndex)))
|
|
|
+ },
|
|
|
+ getInput: function () {
|
|
|
+ return this.$refs.input.getInput()
|
|
|
+ }
|
|
|
+ },
|
|
|
+ mounted: function () {
|
|
|
+ var t = this;
|
|
|
+ this.debouncedGetData = Ue()(this.debounce, this.getData), this.$on("item-click", function (e) {
|
|
|
+ t.select(e)
|
|
|
+ });
|
|
|
+ var e = this.getInput();
|
|
|
+ e.setAttribute("role", "textbox"), e.setAttribute("aria-autocomplete", "list"), e.setAttribute("aria-controls", "id"), e.setAttribute("aria-activedescendant", this.id + "-item-" + this.highlightedIndex)
|
|
|
+ },
|
|
|
+ beforeDestroy: function () {
|
|
|
+ this.$refs.suggestions.$destroy()
|
|
|
+ }
|
|
|
+ }, pt, [], !1, null, null, null);
|
|
|
+ gt.options.__file = "packages/autocomplete/src/autocomplete.vue";
|
|
|
+ var vt = gt.exports;
|
|
|
+ vt.install = function (e) {
|
|
|
+ e.component(vt.name, vt)
|
|
|
+ };
|
|
|
+ var yt = vt,
|
|
|
+ bt = function () {
|
|
|
+ var e = this,
|
|
|
+ t = e.$createElement,
|
|
|
+ t = e._self._c || t;
|
|
|
+ return t("button", {
|
|
|
+ staticClass: "el-button",
|
|
|
+ class: [e.type ? "el-button--" + e.type : "", e.buttonSize ? "el-button--" + e.buttonSize : "", {
|
|
|
+ "is-disabled": e.buttonDisabled,
|
|
|
+ "is-loading": e.loading,
|
|
|
+ "is-plain": e.plain,
|
|
|
+ "is-round": e.round,
|
|
|
+ "is-circle": e.circle
|
|
|
+ }],
|
|
|
+ attrs: {
|
|
|
+ disabled: e.buttonDisabled || e.loading,
|
|
|
+ autofocus: e.autofocus,
|
|
|
+ type: e.nativeType
|
|
|
+ },
|
|
|
+ on: {
|
|
|
+ click: e.handleClick
|
|
|
+ }
|
|
|
+ }, [e.loading ? t("i", {
|
|
|
+ staticClass: "el-icon-loading"
|
|
|
+ }) : e._e(), e.icon && !e.loading ? t("i", {
|
|
|
+ class: e.icon
|
|
|
+ }) : e._e(), e.$slots.default ? t("span", [e._t("default")], 2) : e._e()])
|
|
|
+ };
|
|
|
+ bt._withStripped = !0;
|
|
|
+ var wt = r({
|
|
|
+ name: "ElButton",
|
|
|
+ inject: {
|
|
|
+ elForm: {
|
|
|
+ default: ""
|
|
|
+ },
|
|
|
+ elFormItem: {
|
|
|
+ default: ""
|
|
|
+ }
|
|
|
+ },
|
|
|
+ props: {
|
|
|
+ type: {
|
|
|
+ type: String,
|
|
|
+ default: "default"
|
|
|
+ },
|
|
|
+ size: String,
|
|
|
+ icon: {
|
|
|
+ type: String,
|
|
|
+ default: ""
|
|
|
+ },
|
|
|
+ nativeType: {
|
|
|
+ type: String,
|
|
|
+ default: "button"
|
|
|
+ },
|
|
|
+ loading: Boolean,
|
|
|
+ disabled: Boolean,
|
|
|
+ plain: Boolean,
|
|
|
+ autofocus: Boolean,
|
|
|
+ round: Boolean,
|
|
|
+ circle: Boolean
|
|
|
+ },
|
|
|
+ computed: {
|
|
|
+ _elFormItemSize: function () {
|
|
|
+ return (this.elFormItem || {}).elFormItemSize
|
|
|
+ },
|
|
|
+ buttonSize: function () {
|
|
|
+ return this.size || this._elFormItemSize || (this.$ELEMENT || {}).size
|
|
|
+ },
|
|
|
+ buttonDisabled: function () {
|
|
|
+ return this.disabled || (this.elForm || {}).disabled
|
|
|
+ }
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ handleClick: function (e) {
|
|
|
+ this.$emit("click", e)
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, bt, [], !1, null, null, null);
|
|
|
+ wt.options.__file = "packages/button/src/button.vue";
|
|
|
+ var _t = wt.exports;
|
|
|
+ _t.install = function (e) {
|
|
|
+ e.component(_t.name, _t)
|
|
|
+ };
|
|
|
+ var xt = _t,
|
|
|
+ Ct = function () {
|
|
|
+ var e = this.$createElement;
|
|
|
+ return (this._self._c || e)("div", {
|
|
|
+ staticClass: "el-button-group"
|
|
|
+ }, [this._t("default")], 2)
|
|
|
+ };
|
|
|
+ Ct._withStripped = !0;
|
|
|
+ var kt = r({
|
|
|
+ name: "ElButtonGroup"
|
|
|
+ }, Ct, [], !1, null, null, null);
|
|
|
+ kt.options.__file = "packages/button/src/button-group.vue";
|
|
|
+ var St = kt.exports;
|
|
|
+ St.install = function (e) {
|
|
|
+ e.component(St.name, St)
|
|
|
+ };
|
|
|
+ var Dt = St,
|
|
|
+ $t = r({
|
|
|
+ name: "ElDropdown",
|
|
|
+ componentName: "ElDropdown",
|
|
|
+ mixins: [l, Y],
|
|
|
+ directives: {
|
|
|
+ Clickoutside: tt
|
|
|
+ },
|
|
|
+ components: {
|
|
|
+ ElButton: xt,
|
|
|
+ ElButtonGroup: Dt
|
|
|
+ },
|
|
|
+ provide: function () {
|
|
|
+ return {
|
|
|
+ dropdown: this
|
|
|
+ }
|
|
|
+ },
|
|
|
+ props: {
|
|
|
+ trigger: {
|
|
|
+ type: String,
|
|
|
+ default: "hover"
|
|
|
+ },
|
|
|
+ type: String,
|
|
|
+ size: {
|
|
|
+ type: String,
|
|
|
+ default: ""
|
|
|
+ },
|
|
|
+ splitButton: Boolean,
|
|
|
+ hideOnClick: {
|
|
|
+ type: Boolean,
|
|
|
+ default: !0
|
|
|
+ },
|
|
|
+ placement: {
|
|
|
+ type: String,
|
|
|
+ default: "bottom-end"
|
|
|
+ },
|
|
|
+ visibleArrow: {
|
|
|
+ default: !0
|
|
|
+ },
|
|
|
+ showTimeout: {
|
|
|
+ type: Number,
|
|
|
+ default: 250
|
|
|
+ },
|
|
|
+ hideTimeout: {
|
|
|
+ type: Number,
|
|
|
+ default: 150
|
|
|
+ },
|
|
|
+ tabindex: {
|
|
|
+ type: Number,
|
|
|
+ default: 0
|
|
|
+ }
|
|
|
+ },
|
|
|
+ data: function () {
|
|
|
+ return {
|
|
|
+ timeout: null,
|
|
|
+ visible: !1,
|
|
|
+ triggerElm: null,
|
|
|
+ menuItems: null,
|
|
|
+ menuItemsArray: null,
|
|
|
+ dropdownElm: null,
|
|
|
+ focusing: !1,
|
|
|
+ listId: "dropdown-menu-" + D()
|
|
|
+ }
|
|
|
+ },
|
|
|
+ computed: {
|
|
|
+ dropdownSize: function () {
|
|
|
+ return this.size || (this.$ELEMENT || {}).size
|
|
|
+ }
|
|
|
+ },
|
|
|
+ mounted: function () {
|
|
|
+ this.$on("menu-item-click", this.handleMenuItemClick)
|
|
|
+ },
|
|
|
+ watch: {
|
|
|
+ visible: function (e) {
|
|
|
+ this.broadcast("ElDropdownMenu", "visible", e), this.$emit("visible-change", e)
|
|
|
+ },
|
|
|
+ focusing: function (e) {
|
|
|
+ var t = this.$el.querySelector(".el-dropdown-selfdefine");
|
|
|
+ t && (e ? t.className += " focusing" : t.className = t.className.replace("focusing", ""))
|
|
|
+ }
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ getMigratingConfig: function () {
|
|
|
+ return {
|
|
|
+ props: {
|
|
|
+ "menu-align": "menu-align is renamed to placement."
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ show: function () {
|
|
|
+ var e = this;
|
|
|
+ this.triggerElm.disabled || (clearTimeout(this.timeout), this.timeout = setTimeout(function () {
|
|
|
+ e.visible = !0
|
|
|
+ }, "click" === this.trigger ? 0 : this.showTimeout))
|
|
|
+ },
|
|
|
+ hide: function () {
|
|
|
+ var e = this;
|
|
|
+ this.triggerElm.disabled || (this.removeTabindex(), 0 <= this.tabindex && this.resetTabindex(this.triggerElm), clearTimeout(this.timeout), this.timeout = setTimeout(function () {
|
|
|
+ e.visible = !1
|
|
|
+ }, "click" === this.trigger ? 0 : this.hideTimeout))
|
|
|
+ },
|
|
|
+ handleClick: function () {
|
|
|
+ this.triggerElm.disabled || (this.visible ? this.hide() : this.show())
|
|
|
+ },
|
|
|
+ handleTriggerKeyDown: function (e) {
|
|
|
+ var t = e.keyCode; - 1 < [38, 40].indexOf(t) ? (this.removeTabindex(), this.resetTabindex(this.menuItems[0]), this.menuItems[0].focus(), e.preventDefault(), e.stopPropagation()) : 13 === t ? this.handleClick() : -1 < [9, 27].indexOf(t) && this.hide()
|
|
|
+ },
|
|
|
+ handleItemKeyDown: function (e) {
|
|
|
+ var t, i = e.keyCode,
|
|
|
+ n = e.target,
|
|
|
+ r = this.menuItemsArray.indexOf(n),
|
|
|
+ s = this.menuItemsArray.length - 1; - 1 < [38, 40].indexOf(i) ? (t = 38 === i ? 0 !== r ? r - 1 : 0 : r < s ? r + 1 : s, this.removeTabindex(), this.resetTabindex(this.menuItems[t]), this.menuItems[t].focus(), e.preventDefault(), e.stopPropagation()) : 13 === i ? (this.triggerElmFocus(), n.click(), this.hideOnClick && (this.visible = !1)) : -1 < [9, 27].indexOf(i) && (this.hide(), this.triggerElmFocus())
|
|
|
+ },
|
|
|
+ resetTabindex: function (e) {
|
|
|
+ this.removeTabindex(), e.setAttribute("tabindex", "0")
|
|
|
+ },
|
|
|
+ removeTabindex: function () {
|
|
|
+ this.triggerElm.setAttribute("tabindex", "-1"), this.menuItemsArray.forEach(function (e) {
|
|
|
+ e.setAttribute("tabindex", "-1")
|
|
|
+ })
|
|
|
+ },
|
|
|
+ initAria: function () {
|
|
|
+ this.dropdownElm.setAttribute("id", this.listId), this.triggerElm.setAttribute("aria-haspopup", "list"), this.triggerElm.setAttribute("aria-controls", this.listId), this.splitButton || (this.triggerElm.setAttribute("role", "button"), this.triggerElm.setAttribute("tabindex", this.tabindex), this.triggerElm.setAttribute("class", (this.triggerElm.getAttribute("class") || "") + " el-dropdown-selfdefine"))
|
|
|
+ },
|
|
|
+ initEvent: function () {
|
|
|
+ var e = this,
|
|
|
+ t = this.trigger,
|
|
|
+ i = this.show,
|
|
|
+ n = this.hide,
|
|
|
+ r = this.handleClick,
|
|
|
+ s = this.splitButton,
|
|
|
+ o = this.handleTriggerKeyDown,
|
|
|
+ a = this.handleItemKeyDown;
|
|
|
+ this.triggerElm = s ? this.$refs.trigger.$el : this.$slots.default[0].elm;
|
|
|
+ var l = this.dropdownElm;
|
|
|
+ this.triggerElm.addEventListener("keydown", o), l.addEventListener("keydown", a, !0), s || (this.triggerElm.addEventListener("focus", function () {
|
|
|
+ e.focusing = !0
|
|
|
+ }), this.triggerElm.addEventListener("blur", function () {
|
|
|
+ e.focusing = !1
|
|
|
+ }), this.triggerElm.addEventListener("click", function () {
|
|
|
+ e.focusing = !1
|
|
|
+ })), "hover" === t ? (this.triggerElm.addEventListener("mouseenter", i), this.triggerElm.addEventListener("mouseleave", n), l.addEventListener("mouseenter", i), l.addEventListener("mouseleave", n)) : "click" === t && this.triggerElm.addEventListener("click", r)
|
|
|
+ },
|
|
|
+ handleMenuItemClick: function (e, t) {
|
|
|
+ this.hideOnClick && (this.visible = !1), this.$emit("command", e, t)
|
|
|
+ },
|
|
|
+ triggerElmFocus: function () {
|
|
|
+ this.triggerElm.focus && this.triggerElm.focus()
|
|
|
+ },
|
|
|
+ initDomOperation: function () {
|
|
|
+ this.dropdownElm = this.popperElm, this.menuItems = this.dropdownElm.querySelectorAll("[tabindex='-1']"), this.menuItemsArray = [].slice.call(this.menuItems), this.initEvent(), this.initAria()
|
|
|
+ }
|
|
|
+ },
|
|
|
+ render: function (e) {
|
|
|
+ var t = this,
|
|
|
+ i = this.hide,
|
|
|
+ n = this.splitButton,
|
|
|
+ r = this.type,
|
|
|
+ s = this.dropdownSize,
|
|
|
+ s = n ? e("el-button-group", [e("el-button", {
|
|
|
+ attrs: {
|
|
|
+ type: r,
|
|
|
+ size: s
|
|
|
+ },
|
|
|
+ nativeOn: {
|
|
|
+ click: function (e) {
|
|
|
+ t.$emit("click", e), i()
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, [this.$slots.default]), e("el-button", {
|
|
|
+ ref: "trigger",
|
|
|
+ attrs: {
|
|
|
+ type: r,
|
|
|
+ size: s
|
|
|
+ },
|
|
|
+ class: "el-dropdown__caret-button"
|
|
|
+ }, [e("i", {
|
|
|
+ class: "el-dropdown__icon el-icon-arrow-down"
|
|
|
+ })])]) : this.$slots.default;
|
|
|
+ return e("div", {
|
|
|
+ class: "el-dropdown",
|
|
|
+ directives: [{
|
|
|
+ name: "clickoutside",
|
|
|
+ value: i
|
|
|
+ }]
|
|
|
+ }, [s, this.$slots.dropdown])
|
|
|
+ }
|
|
|
+ }, void 0, void 0, !1, null, null, null);
|
|
|
+ $t.options.__file = "packages/dropdown/src/dropdown.vue";
|
|
|
+ var Et = $t.exports;
|
|
|
+ Et.install = function (e) {
|
|
|
+ e.component(Et.name, Et)
|
|
|
+ };
|
|
|
+ var Tt = Et,
|
|
|
+ Mt = function () {
|
|
|
+ var e = this.$createElement,
|
|
|
+ e = this._self._c || e;
|
|
|
+ return e("transition", {
|
|
|
+ attrs: {
|
|
|
+ name: "el-zoom-in-top"
|
|
|
+ },
|
|
|
+ on: {
|
|
|
+ "after-leave": this.doDestroy
|
|
|
+ }
|
|
|
+ }, [e("ul", {
|
|
|
+ directives: [{
|
|
|
+ name: "show",
|
|
|
+ rawName: "v-show",
|
|
|
+ value: this.showPopper,
|
|
|
+ expression: "showPopper"
|
|
|
+ }],
|
|
|
+ staticClass: "el-dropdown-menu el-popper",
|
|
|
+ class: [this.size && "el-dropdown-menu--" + this.size]
|
|
|
+ }, [this._t("default")], 2)])
|
|
|
+ };
|
|
|
+ Mt._withStripped = !0;
|
|
|
+ var Nt = r({
|
|
|
+ name: "ElDropdownMenu",
|
|
|
+ componentName: "ElDropdownMenu",
|
|
|
+ mixins: [Te],
|
|
|
+ props: {
|
|
|
+ visibleArrow: {
|
|
|
+ type: Boolean,
|
|
|
+ default: !0
|
|
|
+ },
|
|
|
+ arrowOffset: {
|
|
|
+ type: Number,
|
|
|
+ default: 0
|
|
|
+ }
|
|
|
+ },
|
|
|
+ data: function () {
|
|
|
+ return {
|
|
|
+ size: this.dropdown.dropdownSize
|
|
|
+ }
|
|
|
+ },
|
|
|
+ inject: ["dropdown"],
|
|
|
+ created: function () {
|
|
|
+ var t = this;
|
|
|
+ this.$on("updatePopper", function () {
|
|
|
+ t.showPopper && t.updatePopper()
|
|
|
+ }), this.$on("visible", function (e) {
|
|
|
+ t.showPopper = e
|
|
|
+ })
|
|
|
+ },
|
|
|
+ mounted: function () {
|
|
|
+ this.dropdown.popperElm = this.popperElm = this.$el, this.referenceElm = this.dropdown.$el, this.dropdown.initDomOperation()
|
|
|
+ },
|
|
|
+ watch: {
|
|
|
+ "dropdown.placement": {
|
|
|
+ immediate: !0,
|
|
|
+ handler: function (e) {
|
|
|
+ this.currentPlacement = e
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, Mt, [], !1, null, null, null);
|
|
|
+ Nt.options.__file = "packages/dropdown/src/dropdown-menu.vue";
|
|
|
+ var Pt = Nt.exports;
|
|
|
+ Pt.install = function (e) {
|
|
|
+ e.component(Pt.name, Pt)
|
|
|
+ };
|
|
|
+ var It = Pt,
|
|
|
+ Ot = function () {
|
|
|
+ var e = this,
|
|
|
+ t = e.$createElement,
|
|
|
+ t = e._self._c || t;
|
|
|
+ return t("li", {
|
|
|
+ staticClass: "el-dropdown-menu__item",
|
|
|
+ class: {
|
|
|
+ "is-disabled": e.disabled, "el-dropdown-menu__item--divided": e.divided
|
|
|
+ },
|
|
|
+ attrs: {
|
|
|
+ "aria-disabled": e.disabled,
|
|
|
+ tabindex: e.disabled ? null : -1
|
|
|
+ },
|
|
|
+ on: {
|
|
|
+ click: e.handleClick
|
|
|
+ }
|
|
|
+ }, [e.icon ? t("i", {
|
|
|
+ class: e.icon
|
|
|
+ }) : e._e(), e._t("default")], 2)
|
|
|
+ };
|
|
|
+ Ot._withStripped = !0;
|
|
|
+ var Ft = r({
|
|
|
+ name: "ElDropdownItem",
|
|
|
+ mixins: [l],
|
|
|
+ props: {
|
|
|
+ command: {},
|
|
|
+ disabled: Boolean,
|
|
|
+ divided: Boolean,
|
|
|
+ icon: String
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ handleClick: function (e) {
|
|
|
+ this.dispatch("ElDropdown", "menu-item-click", [this.command, this])
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, Ot, [], !1, null, null, null);
|
|
|
+ Ft.options.__file = "packages/dropdown/src/dropdown-item.vue";
|
|
|
+ var At = Ft.exports;
|
|
|
+ At.install = function (e) {
|
|
|
+ e.component(At.name, At)
|
|
|
+ };
|
|
|
+ var Lt = At,
|
|
|
+ Vt = Vt || {};
|
|
|
+ Vt.Utils = Vt.Utils || {}, Vt.Utils.focusFirstDescendant = function (e) {
|
|
|
+ for (var t = 0; t < e.childNodes.length; t++) {
|
|
|
+ var i = e.childNodes[t];
|
|
|
+ if (Vt.Utils.attemptFocus(i) || Vt.Utils.focusFirstDescendant(i)) return !0
|
|
|
+ }
|
|
|
+ return !1
|
|
|
+ }, Vt.Utils.focusLastDescendant = function (e) {
|
|
|
+ for (var t = e.childNodes.length - 1; 0 <= t; t--) {
|
|
|
+ var i = e.childNodes[t];
|
|
|
+ if (Vt.Utils.attemptFocus(i) || Vt.Utils.focusLastDescendant(i)) return !0
|
|
|
+ }
|
|
|
+ return !1
|
|
|
+ }, Vt.Utils.attemptFocus = function (e) {
|
|
|
+ if (!Vt.Utils.isFocusable(e)) return !1;
|
|
|
+ Vt.Utils.IgnoreUtilFocusChanges = !0;
|
|
|
+ try {
|
|
|
+ e.focus()
|
|
|
+ } catch (e) {}
|
|
|
+ return Vt.Utils.IgnoreUtilFocusChanges = !1, document.activeElement === e
|
|
|
+ }, Vt.Utils.isFocusable = function (e) {
|
|
|
+ if (0 < e.tabIndex || 0 === e.tabIndex && null !== e.getAttribute("tabIndex")) return !0;
|
|
|
+ if (e.disabled) return !1;
|
|
|
+ switch (e.nodeName) {
|
|
|
+ case "A":
|
|
|
+ return !!e.href && "ignore" !== e.rel;
|
|
|
+ case "INPUT":
|
|
|
+ return "hidden" !== e.type && "file" !== e.type;
|
|
|
+ case "BUTTON":
|
|
|
+ case "SELECT":
|
|
|
+ case "TEXTAREA":
|
|
|
+ return !0;
|
|
|
+ default:
|
|
|
+ return !1
|
|
|
+ }
|
|
|
+ }, Vt.Utils.triggerEvent = function (e, t) {
|
|
|
+ for (var i = void 0, i = /^mouse|click/.test(t) ? "MouseEvents" : /^key/.test(t) ? "KeyboardEvent" : "HTMLEvents", i = document.createEvent(i), n = arguments.length, r = Array(2 < n ? n - 2 : 0), s = 2; s < n; s++) r[s - 2] = arguments[s];
|
|
|
+ return i.initEvent.apply(i, [t].concat(r)), e.dispatchEvent ? e.dispatchEvent(i) : e.fireEvent("on" + t, i), e
|
|
|
+ }, Vt.Utils.keys = {
|
|
|
+ tab: 9,
|
|
|
+ enter: 13,
|
|
|
+ space: 32,
|
|
|
+ left: 37,
|
|
|
+ up: 38,
|
|
|
+ right: 39,
|
|
|
+ down: 40,
|
|
|
+ esc: 27
|
|
|
+ };
|
|
|
+ var Bt = Vt.Utils,
|
|
|
+ zt = function (e, t) {
|
|
|
+ this.domNode = t, this.parent = e, this.subMenuItems = [], this.subIndex = 0, this.init()
|
|
|
+ };
|
|
|
+ zt.prototype.init = function () {
|
|
|
+ this.subMenuItems = this.domNode.querySelectorAll("li"), this.addListeners()
|
|
|
+ }, zt.prototype.gotoSubIndex = function (e) {
|
|
|
+ e === this.subMenuItems.length ? e = 0 : e < 0 && (e = this.subMenuItems.length - 1), this.subMenuItems[e].focus(), this.subIndex = e
|
|
|
+ }, zt.prototype.addListeners = function () {
|
|
|
+ var i = this,
|
|
|
+ n = Bt.keys,
|
|
|
+ r = this.parent.domNode;
|
|
|
+ Array.prototype.forEach.call(this.subMenuItems, function (e) {
|
|
|
+ e.addEventListener("keydown", function (e) {
|
|
|
+ var t = !1;
|
|
|
+ switch (e.keyCode) {
|
|
|
+ case n.down:
|
|
|
+ i.gotoSubIndex(i.subIndex + 1), t = !0;
|
|
|
+ break;
|
|
|
+ case n.up:
|
|
|
+ i.gotoSubIndex(i.subIndex - 1), t = !0;
|
|
|
+ break;
|
|
|
+ case n.tab:
|
|
|
+ Bt.triggerEvent(r, "mouseleave");
|
|
|
+ break;
|
|
|
+ case n.enter:
|
|
|
+ case n.space:
|
|
|
+ t = !0, e.currentTarget.click()
|
|
|
+ }
|
|
|
+ return t && (e.preventDefault(), e.stopPropagation()), !1
|
|
|
+ })
|
|
|
+ })
|
|
|
+ };
|
|
|
+ var Ht = zt,
|
|
|
+ Rt = function (e) {
|
|
|
+ this.domNode = e, this.submenu = null, this.init()
|
|
|
+ };
|
|
|
+ Rt.prototype.init = function () {
|
|
|
+ this.domNode.setAttribute("tabindex", "0");
|
|
|
+ var e = this.domNode.querySelector(".el-menu");
|
|
|
+ e && (this.submenu = new Ht(this, e)), this.addListeners()
|
|
|
+ }, Rt.prototype.addListeners = function () {
|
|
|
+ var i = this,
|
|
|
+ n = Bt.keys;
|
|
|
+ this.domNode.addEventListener("keydown", function (e) {
|
|
|
+ var t = !1;
|
|
|
+ switch (e.keyCode) {
|
|
|
+ case n.down:
|
|
|
+ Bt.triggerEvent(e.currentTarget, "mouseenter"), i.submenu && i.submenu.gotoSubIndex(0), t = !0;
|
|
|
+ break;
|
|
|
+ case n.up:
|
|
|
+ Bt.triggerEvent(e.currentTarget, "mouseenter"), i.submenu && i.submenu.gotoSubIndex(i.submenu.subMenuItems.length - 1), t = !0;
|
|
|
+ break;
|
|
|
+ case n.tab:
|
|
|
+ Bt.triggerEvent(e.currentTarget, "mouseleave");
|
|
|
+ break;
|
|
|
+ case n.enter:
|
|
|
+ case n.space:
|
|
|
+ t = !0, e.currentTarget.click()
|
|
|
+ }
|
|
|
+ t && e.preventDefault()
|
|
|
+ })
|
|
|
+ };
|
|
|
+ var Wt = Rt,
|
|
|
+ jt = function (e) {
|
|
|
+ this.domNode = e, this.init()
|
|
|
+ };
|
|
|
+ jt.prototype.init = function () {
|
|
|
+ var e = this.domNode.childNodes;
|
|
|
+ [].filter.call(e, function (e) {
|
|
|
+ return 1 === e.nodeType
|
|
|
+ }).forEach(function (e) {
|
|
|
+ new Wt(e)
|
|
|
+ })
|
|
|
+ };
|
|
|
+ var qt = jt,
|
|
|
+ Yt = r({
|
|
|
+ name: "ElMenu",
|
|
|
+ render: function (e) {
|
|
|
+ var t = e("ul", {
|
|
|
+ attrs: {
|
|
|
+ role: "menubar"
|
|
|
+ },
|
|
|
+ key: +this.collapse,
|
|
|
+ style: {
|
|
|
+ backgroundColor: this.backgroundColor || ""
|
|
|
+ },
|
|
|
+ class: {
|
|
|
+ "el-menu--horizontal": "horizontal" === this.mode, "el-menu--collapse": this.collapse, "el-menu": !0
|
|
|
+ }
|
|
|
+ }, [this.$slots.default]);
|
|
|
+ return this.collapseTransition ? e("el-menu-collapse-transition", [t]) : t
|
|
|
+ },
|
|
|
+ componentName: "ElMenu",
|
|
|
+ mixins: [l, Y],
|
|
|
+ provide: function () {
|
|
|
+ return {
|
|
|
+ rootMenu: this
|
|
|
+ }
|
|
|
+ },
|
|
|
+ components: {
|
|
|
+ "el-menu-collapse-transition": {
|
|
|
+ functional: !0,
|
|
|
+ render: function (e, t) {
|
|
|
+ return e("transition", {
|
|
|
+ props: {
|
|
|
+ mode: "out-in"
|
|
|
+ },
|
|
|
+ on: {
|
|
|
+ beforeEnter: function (e) {
|
|
|
+ e.style.opacity = .2
|
|
|
+ },
|
|
|
+ enter: function (e) {
|
|
|
+ he(e, "el-opacity-transition"), e.style.opacity = 1
|
|
|
+ },
|
|
|
+ afterEnter: function (e) {
|
|
|
+ de(e, "el-opacity-transition"), e.style.opacity = ""
|
|
|
+ },
|
|
|
+ beforeLeave: function (e) {
|
|
|
+ e.dataset || (e.dataset = {}), ce(e, "el-menu--collapse") ? (de(e, "el-menu--collapse"), e.dataset.oldOverflow = e.style.overflow, e.dataset.scrollWidth = e.clientWidth, he(e, "el-menu--collapse")) : (he(e, "el-menu--collapse"), e.dataset.oldOverflow = e.style.overflow, e.dataset.scrollWidth = e.clientWidth, de(e, "el-menu--collapse")), e.style.width = e.scrollWidth + "px", e.style.overflow = "hidden"
|
|
|
+ },
|
|
|
+ leave: function (e) {
|
|
|
+ he(e, "horizontal-collapse-transition"), e.style.width = e.dataset.scrollWidth + "px"
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, t.children)
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ props: {
|
|
|
+ mode: {
|
|
|
+ type: String,
|
|
|
+ default: "vertical"
|
|
|
+ },
|
|
|
+ defaultActive: {
|
|
|
+ type: String,
|
|
|
+ default: ""
|
|
|
+ },
|
|
|
+ defaultOpeneds: Array,
|
|
|
+ uniqueOpened: Boolean,
|
|
|
+ router: Boolean,
|
|
|
+ menuTrigger: {
|
|
|
+ type: String,
|
|
|
+ default: "hover"
|
|
|
+ },
|
|
|
+ collapse: Boolean,
|
|
|
+ backgroundColor: String,
|
|
|
+ textColor: String,
|
|
|
+ activeTextColor: String,
|
|
|
+ collapseTransition: {
|
|
|
+ type: Boolean,
|
|
|
+ default: !0
|
|
|
+ }
|
|
|
+ },
|
|
|
+ data: function () {
|
|
|
+ return {
|
|
|
+ activeIndex: this.defaultActive,
|
|
|
+ openedMenus: this.defaultOpeneds && !this.collapse ? this.defaultOpeneds.slice(0) : [],
|
|
|
+ items: {},
|
|
|
+ submenus: {}
|
|
|
+ }
|
|
|
+ },
|
|
|
+ computed: {
|
|
|
+ hoverBackground: function () {
|
|
|
+ return this.backgroundColor ? this.mixColor(this.backgroundColor, .2) : ""
|
|
|
+ },
|
|
|
+ isMenuPopup: function () {
|
|
|
+ return "horizontal" === this.mode || "vertical" === this.mode && this.collapse
|
|
|
+ }
|
|
|
+ },
|
|
|
+ watch: {
|
|
|
+ defaultActive: function (e) {
|
|
|
+ this.items[e] || (this.activeIndex = null), this.updateActiveIndex(e)
|
|
|
+ },
|
|
|
+ defaultOpeneds: function (e) {
|
|
|
+ this.collapse || (this.openedMenus = e)
|
|
|
+ },
|
|
|
+ collapse: function (e) {
|
|
|
+ e && (this.openedMenus = []), this.broadcast("ElSubmenu", "toggle-collapse", e)
|
|
|
+ }
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ updateActiveIndex: function (e) {
|
|
|
+ e = this.items[e] || this.items[this.activeIndex] || this.items[this.defaultActive];
|
|
|
+ e ? (this.activeIndex = e.index, this.initOpenedMenu()) : this.activeIndex = null
|
|
|
+ },
|
|
|
+ getMigratingConfig: function () {
|
|
|
+ return {
|
|
|
+ props: {
|
|
|
+ theme: "theme is removed."
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ getColorChannels: function (e) {
|
|
|
+ if (e = e.replace("#", ""), /^[0-9a-fA-F]{3}$/.test(e)) {
|
|
|
+ e = e.split("");
|
|
|
+ for (var t = 2; 0 <= t; t--) e.splice(t, 0, e[t]);
|
|
|
+ e = e.join("")
|
|
|
+ }
|
|
|
+ return /^[0-9a-fA-F]{6}$/.test(e) ? {
|
|
|
+ red: parseInt(e.slice(0, 2), 16),
|
|
|
+ green: parseInt(e.slice(2, 4), 16),
|
|
|
+ blue: parseInt(e.slice(4, 6), 16)
|
|
|
+ } : {
|
|
|
+ red: 255,
|
|
|
+ green: 255,
|
|
|
+ blue: 255
|
|
|
+ }
|
|
|
+ },
|
|
|
+ mixColor: function (e, t) {
|
|
|
+ var i = this.getColorChannels(e),
|
|
|
+ n = i.red,
|
|
|
+ e = i.green,
|
|
|
+ i = i.blue;
|
|
|
+ return 0 < t ? (n *= 1 - t, e *= 1 - t, i *= 1 - t) : (n += (255 - n) * t, e += (255 - e) * t, i += (255 - i) * t), "rgb(" + Math.round(n) + ", " + Math.round(e) + ", " + Math.round(i) + ")"
|
|
|
+ },
|
|
|
+ addItem: function (e) {
|
|
|
+ this.$set(this.items, e.index, e)
|
|
|
+ },
|
|
|
+ removeItem: function (e) {
|
|
|
+ delete this.items[e.index]
|
|
|
+ },
|
|
|
+ addSubmenu: function (e) {
|
|
|
+ this.$set(this.submenus, e.index, e)
|
|
|
+ },
|
|
|
+ removeSubmenu: function (e) {
|
|
|
+ delete this.submenus[e.index]
|
|
|
+ },
|
|
|
+ openMenu: function (e, t) {
|
|
|
+ var i = this.openedMenus; - 1 === i.indexOf(e) && (this.uniqueOpened && (this.openedMenus = i.filter(function (e) {
|
|
|
+ return -1 !== t.indexOf(e)
|
|
|
+ })), this.openedMenus.push(e))
|
|
|
+ },
|
|
|
+ closeMenu: function (e) {
|
|
|
+ e = this.openedMenus.indexOf(e); - 1 !== e && this.openedMenus.splice(e, 1)
|
|
|
+ },
|
|
|
+ handleSubmenuClick: function (e) {
|
|
|
+ var t = e.index,
|
|
|
+ e = e.indexPath; - 1 !== this.openedMenus.indexOf(t) ? (this.closeMenu(t), this.$emit("close", t, e)) : (this.openMenu(t, e), this.$emit("open", t, e))
|
|
|
+ },
|
|
|
+ handleItemClick: function (e) {
|
|
|
+ var t = this,
|
|
|
+ i = e.index,
|
|
|
+ n = e.indexPath,
|
|
|
+ r = this.activeIndex,
|
|
|
+ s = null !== e.index;
|
|
|
+ s && (this.activeIndex = e.index), this.$emit("select", i, n, e), "horizontal" !== this.mode && !this.collapse || (this.openedMenus = []), this.router && s && this.routeToItem(e, function (e) {
|
|
|
+ t.activeIndex = r, !e || "NavigationDuplicated" !== e.name && console.error(e)
|
|
|
+ })
|
|
|
+ },
|
|
|
+ initOpenedMenu: function () {
|
|
|
+ var i = this,
|
|
|
+ e = this.activeIndex,
|
|
|
+ e = this.items[e];
|
|
|
+ e && "horizontal" !== this.mode && !this.collapse && e.indexPath.forEach(function (e) {
|
|
|
+ var t = i.submenus[e];
|
|
|
+ t && i.openMenu(e, t.indexPath)
|
|
|
+ })
|
|
|
+ },
|
|
|
+ routeToItem: function (e, t) {
|
|
|
+ var i = e.route || e.index;
|
|
|
+ try {
|
|
|
+ this.$router.push(i, function () {}, t)
|
|
|
+ } catch (e) {
|
|
|
+ console.error(e)
|
|
|
+ }
|
|
|
+ },
|
|
|
+ open: function (e) {
|
|
|
+ var t = this,
|
|
|
+ i = this.submenus[e.toString()].indexPath;
|
|
|
+ i.forEach(function (e) {
|
|
|
+ return t.openMenu(e, i)
|
|
|
+ })
|
|
|
+ },
|
|
|
+ close: function (e) {
|
|
|
+ this.closeMenu(e)
|
|
|
+ }
|
|
|
+ },
|
|
|
+ mounted: function () {
|
|
|
+ this.initOpenedMenu(), this.$on("item-click", this.handleItemClick), this.$on("submenu-click", this.handleSubmenuClick), "horizontal" === this.mode && new qt(this.$el), this.$watch("items", this.updateActiveIndex)
|
|
|
+ }
|
|
|
+ }, void 0, void 0, !1, null, null, null);
|
|
|
+ Yt.options.__file = "packages/menu/src/menu.vue";
|
|
|
+ var Kt = Yt.exports;
|
|
|
+ Kt.install = function (e) {
|
|
|
+ e.component(Kt.name, Kt)
|
|
|
+ };
|
|
|
+ var Gt = Kt,
|
|
|
+ Ut = (Qt.prototype.beforeEnter = function (e) {
|
|
|
+ he(e, "collapse-transition"), e.dataset || (e.dataset = {}), e.dataset.oldPaddingTop = e.style.paddingTop, e.dataset.oldPaddingBottom = e.style.paddingBottom, e.style.height = "0", e.style.paddingTop = 0, e.style.paddingBottom = 0
|
|
|
+ }, Qt.prototype.enter = function (e) {
|
|
|
+ e.dataset.oldOverflow = e.style.overflow, 0 !== e.scrollHeight ? e.style.height = e.scrollHeight + "px" : e.style.height = "", e.style.paddingTop = e.dataset.oldPaddingTop, e.style.paddingBottom = e.dataset.oldPaddingBottom, e.style.overflow = "hidden"
|
|
|
+ }, Qt.prototype.afterEnter = function (e) {
|
|
|
+ de(e, "collapse-transition"), e.style.height = "", e.style.overflow = e.dataset.oldOverflow
|
|
|
+ }, Qt.prototype.beforeLeave = function (e) {
|
|
|
+ e.dataset || (e.dataset = {}), e.dataset.oldPaddingTop = e.style.paddingTop, e.dataset.oldPaddingBottom = e.style.paddingBottom, e.dataset.oldOverflow = e.style.overflow, e.style.height = e.scrollHeight + "px", e.style.overflow = "hidden"
|
|
|
+ }, Qt.prototype.leave = function (e) {
|
|
|
+ 0 !== e.scrollHeight && (he(e, "collapse-transition"), e.style.height = 0, e.style.paddingTop = 0, e.style.paddingBottom = 0)
|
|
|
+ }, Qt.prototype.afterLeave = function (e) {
|
|
|
+ de(e, "collapse-transition"), e.style.height = "", e.style.overflow = e.dataset.oldOverflow, e.style.paddingTop = e.dataset.oldPaddingTop, e.style.paddingBottom = e.dataset.oldPaddingBottom
|
|
|
+ }, Qt),
|
|
|
+ Xt = {
|
|
|
+ name: "ElCollapseTransition",
|
|
|
+ functional: !0,
|
|
|
+ render: function (e, t) {
|
|
|
+ t = t.children;
|
|
|
+ return e("transition", {
|
|
|
+ on: new Ut
|
|
|
+ }, t)
|
|
|
+ }
|
|
|
+ },
|
|
|
+ Zt = {
|
|
|
+ inject: ["rootMenu"],
|
|
|
+ computed: {
|
|
|
+ indexPath: function () {
|
|
|
+ for (var e = [this.index], t = this.$parent;
|
|
|
+ "ElMenu" !== t.$options.componentName;) t.index && e.unshift(t.index), t = t.$parent;
|
|
|
+ return e
|
|
|
+ },
|
|
|
+ parentMenu: function () {
|
|
|
+ for (var e = this.$parent; e && -1 === ["ElMenu", "ElSubmenu"].indexOf(e.$options.componentName);) e = e.$parent;
|
|
|
+ return e
|
|
|
+ },
|
|
|
+ paddingStyle: function () {
|
|
|
+ if ("vertical" !== this.rootMenu.mode) return {};
|
|
|
+ var e = 20,
|
|
|
+ t = this.$parent;
|
|
|
+ if (this.rootMenu.collapse) e = 20;
|
|
|
+ else
|
|
|
+ for (; t && "ElMenu" !== t.$options.componentName;) "ElSubmenu" === t.$options.componentName && (e += 20), t = t.$parent;
|
|
|
+ return {
|
|
|
+ paddingLeft: e + "px"
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ Jt = r({
|
|
|
+ name: "ElSubmenu",
|
|
|
+ componentName: "ElSubmenu",
|
|
|
+ mixins: [Zt, l, {
|
|
|
+ props: {
|
|
|
+ transformOrigin: {
|
|
|
+ type: [Boolean, String],
|
|
|
+ default: !1
|
|
|
+ },
|
|
|
+ offset: Te.props.offset,
|
|
|
+ boundariesPadding: Te.props.boundariesPadding,
|
|
|
+ popperOptions: Te.props.popperOptions
|
|
|
+ },
|
|
|
+ data: Te.data,
|
|
|
+ methods: Te.methods,
|
|
|
+ beforeDestroy: Te.beforeDestroy,
|
|
|
+ deactivated: Te.deactivated
|
|
|
+ }],
|
|
|
+ components: {
|
|
|
+ ElCollapseTransition: Xt
|
|
|
+ },
|
|
|
+ props: {
|
|
|
+ index: {
|
|
|
+ type: String,
|
|
|
+ required: !0
|
|
|
+ },
|
|
|
+ showTimeout: {
|
|
|
+ type: Number,
|
|
|
+ default: 300
|
|
|
+ },
|
|
|
+ hideTimeout: {
|
|
|
+ type: Number,
|
|
|
+ default: 300
|
|
|
+ },
|
|
|
+ popperClass: String,
|
|
|
+ disabled: Boolean,
|
|
|
+ popperAppendToBody: {
|
|
|
+ type: Boolean,
|
|
|
+ default: void 0
|
|
|
+ }
|
|
|
+ },
|
|
|
+ data: function () {
|
|
|
+ return {
|
|
|
+ popperJS: null,
|
|
|
+ timeout: null,
|
|
|
+ items: {},
|
|
|
+ submenus: {},
|
|
|
+ mouseInChild: !1
|
|
|
+ }
|
|
|
+ },
|
|
|
+ watch: {
|
|
|
+ opened: function (e) {
|
|
|
+ var t = this;
|
|
|
+ this.isMenuPopup && this.$nextTick(function (e) {
|
|
|
+ t.updatePopper()
|
|
|
+ })
|
|
|
+ }
|
|
|
+ },
|
|
|
+ computed: {
|
|
|
+ appendToBody: function () {
|
|
|
+ return void 0 === this.popperAppendToBody ? this.isFirstLevel : this.popperAppendToBody
|
|
|
+ },
|
|
|
+ menuTransitionName: function () {
|
|
|
+ return this.rootMenu.collapse ? "el-zoom-in-left" : "el-zoom-in-top"
|
|
|
+ },
|
|
|
+ opened: function () {
|
|
|
+ return -1 < this.rootMenu.openedMenus.indexOf(this.index)
|
|
|
+ },
|
|
|
+ active: function () {
|
|
|
+ var t = !1,
|
|
|
+ i = this.submenus,
|
|
|
+ n = this.items;
|
|
|
+ return Object.keys(n).forEach(function (e) {
|
|
|
+ n[e].active && (t = !0)
|
|
|
+ }), Object.keys(i).forEach(function (e) {
|
|
|
+ i[e].active && (t = !0)
|
|
|
+ }), t
|
|
|
+ },
|
|
|
+ hoverBackground: function () {
|
|
|
+ return this.rootMenu.hoverBackground
|
|
|
+ },
|
|
|
+ backgroundColor: function () {
|
|
|
+ return this.rootMenu.backgroundColor || ""
|
|
|
+ },
|
|
|
+ activeTextColor: function () {
|
|
|
+ return this.rootMenu.activeTextColor || ""
|
|
|
+ },
|
|
|
+ textColor: function () {
|
|
|
+ return this.rootMenu.textColor || ""
|
|
|
+ },
|
|
|
+ mode: function () {
|
|
|
+ return this.rootMenu.mode
|
|
|
+ },
|
|
|
+ isMenuPopup: function () {
|
|
|
+ return this.rootMenu.isMenuPopup
|
|
|
+ },
|
|
|
+ titleStyle: function () {
|
|
|
+ return "horizontal" !== this.mode ? {
|
|
|
+ color: this.textColor
|
|
|
+ } : {
|
|
|
+ borderBottomColor: this.active ? this.rootMenu.activeTextColor ? this.activeTextColor : "" : "transparent",
|
|
|
+ color: this.active ? this.activeTextColor : this.textColor
|
|
|
+ }
|
|
|
+ },
|
|
|
+ isFirstLevel: function () {
|
|
|
+ for (var e = !0, t = this.$parent; t && t !== this.rootMenu;) {
|
|
|
+ if (-1 < ["ElSubmenu", "ElMenuItemGroup"].indexOf(t.$options.componentName)) {
|
|
|
+ e = !1;
|
|
|
+ break
|
|
|
+ }
|
|
|
+ t = t.$parent
|
|
|
+ }
|
|
|
+ return e
|
|
|
+ }
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ handleCollapseToggle: function (e) {
|
|
|
+ e ? this.initPopper() : this.doDestroy()
|
|
|
+ },
|
|
|
+ addItem: function (e) {
|
|
|
+ this.$set(this.items, e.index, e)
|
|
|
+ },
|
|
|
+ removeItem: function (e) {
|
|
|
+ delete this.items[e.index]
|
|
|
+ },
|
|
|
+ addSubmenu: function (e) {
|
|
|
+ this.$set(this.submenus, e.index, e)
|
|
|
+ },
|
|
|
+ removeSubmenu: function (e) {
|
|
|
+ delete this.submenus[e.index]
|
|
|
+ },
|
|
|
+ handleClick: function () {
|
|
|
+ var e = this.rootMenu,
|
|
|
+ t = this.disabled;
|
|
|
+ "hover" === e.menuTrigger && "horizontal" === e.mode || e.collapse && "vertical" === e.mode || t || this.dispatch("ElMenu", "submenu-click", this)
|
|
|
+ },
|
|
|
+ handleMouseenter: function (e) {
|
|
|
+ var t, i = this,
|
|
|
+ n = 1 < arguments.length && void 0 !== arguments[1] ? arguments[1] : this.showTimeout;
|
|
|
+ ("ActiveXObject" in window || "focus" !== e.type || e.relatedTarget) && (t = this.rootMenu, e = this.disabled, "click" === t.menuTrigger && "horizontal" === t.mode || !t.collapse && "vertical" === t.mode || e || (this.dispatch("ElSubmenu", "mouse-enter-child"), clearTimeout(this.timeout), this.timeout = setTimeout(function () {
|
|
|
+ i.rootMenu.openMenu(i.index, i.indexPath)
|
|
|
+ }, n), this.appendToBody && this.$parent.$el.dispatchEvent(new MouseEvent("mouseenter"))))
|
|
|
+ },
|
|
|
+ handleMouseleave: function () {
|
|
|
+ var e = this,
|
|
|
+ t = 0 < arguments.length && void 0 !== arguments[0] && arguments[0],
|
|
|
+ i = this.rootMenu;
|
|
|
+ "click" === i.menuTrigger && "horizontal" === i.mode || !i.collapse && "vertical" === i.mode || (this.dispatch("ElSubmenu", "mouse-leave-child"), clearTimeout(this.timeout), this.timeout = setTimeout(function () {
|
|
|
+ e.mouseInChild || e.rootMenu.closeMenu(e.index)
|
|
|
+ }, this.hideTimeout), this.appendToBody && t && "ElSubmenu" === this.$parent.$options.name && this.$parent.handleMouseleave(!0))
|
|
|
+ },
|
|
|
+ handleTitleMouseenter: function () {
|
|
|
+ var e;
|
|
|
+ "horizontal" === this.mode && !this.rootMenu.backgroundColor || (e = this.$refs["submenu-title"]) && (e.style.backgroundColor = this.rootMenu.hoverBackground)
|
|
|
+ },
|
|
|
+ handleTitleMouseleave: function () {
|
|
|
+ var e;
|
|
|
+ "horizontal" === this.mode && !this.rootMenu.backgroundColor || (e = this.$refs["submenu-title"]) && (e.style.backgroundColor = this.rootMenu.backgroundColor || "")
|
|
|
+ },
|
|
|
+ updatePlacement: function () {
|
|
|
+ this.currentPlacement = "horizontal" === this.mode && this.isFirstLevel ? "bottom-start" : "right-start"
|
|
|
+ },
|
|
|
+ initPopper: function () {
|
|
|
+ this.referenceElm = this.$el, this.popperElm = this.$refs.menu, this.updatePlacement()
|
|
|
+ }
|
|
|
+ },
|
|
|
+ created: function () {
|
|
|
+ var e = this;
|
|
|
+ this.$on("toggle-collapse", this.handleCollapseToggle), this.$on("mouse-enter-child", function () {
|
|
|
+ e.mouseInChild = !0, clearTimeout(e.timeout)
|
|
|
+ }), this.$on("mouse-leave-child", function () {
|
|
|
+ e.mouseInChild = !1, clearTimeout(e.timeout)
|
|
|
+ })
|
|
|
+ },
|
|
|
+ mounted: function () {
|
|
|
+ this.parentMenu.addSubmenu(this), this.rootMenu.addSubmenu(this), this.initPopper()
|
|
|
+ },
|
|
|
+ beforeDestroy: function () {
|
|
|
+ this.parentMenu.removeSubmenu(this), this.rootMenu.removeSubmenu(this)
|
|
|
+ },
|
|
|
+ render: function (e) {
|
|
|
+ var t = this,
|
|
|
+ i = this.active,
|
|
|
+ n = this.opened,
|
|
|
+ r = this.paddingStyle,
|
|
|
+ s = this.titleStyle,
|
|
|
+ o = this.backgroundColor,
|
|
|
+ a = this.rootMenu,
|
|
|
+ l = this.currentPlacement,
|
|
|
+ u = this.menuTransitionName,
|
|
|
+ c = this.mode,
|
|
|
+ h = this.disabled,
|
|
|
+ d = this.popperClass,
|
|
|
+ p = this.$slots,
|
|
|
+ f = this.isFirstLevel,
|
|
|
+ d = e("transition", {
|
|
|
+ attrs: {
|
|
|
+ name: u
|
|
|
+ }
|
|
|
+ }, [e("div", {
|
|
|
+ ref: "menu",
|
|
|
+ directives: [{
|
|
|
+ name: "show",
|
|
|
+ value: n
|
|
|
+ }],
|
|
|
+ class: ["el-menu--" + c, d],
|
|
|
+ on: {
|
|
|
+ mouseenter: function (e) {
|
|
|
+ return t.handleMouseenter(e, 100)
|
|
|
+ },
|
|
|
+ mouseleave: function () {
|
|
|
+ return t.handleMouseleave(!0)
|
|
|
+ },
|
|
|
+ focus: function (e) {
|
|
|
+ return t.handleMouseenter(e, 100)
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, [e("ul", {
|
|
|
+ attrs: {
|
|
|
+ role: "menu"
|
|
|
+ },
|
|
|
+ class: ["el-menu el-menu--popup", "el-menu--popup-" + l],
|
|
|
+ style: {
|
|
|
+ backgroundColor: a.backgroundColor || ""
|
|
|
+ }
|
|
|
+ }, [p.default])])]),
|
|
|
+ l = e("el-collapse-transition", [e("ul", {
|
|
|
+ attrs: {
|
|
|
+ role: "menu"
|
|
|
+ },
|
|
|
+ class: "el-menu el-menu--inline",
|
|
|
+ directives: [{
|
|
|
+ name: "show",
|
|
|
+ value: n
|
|
|
+ }],
|
|
|
+ style: {
|
|
|
+ backgroundColor: a.backgroundColor || ""
|
|
|
+ }
|
|
|
+ }, [p.default])]),
|
|
|
+ a = "horizontal" === a.mode && f || "vertical" === a.mode && !a.collapse ? "el-icon-arrow-down" : "el-icon-arrow-right";
|
|
|
+ return e("li", {
|
|
|
+ class: {
|
|
|
+ "el-submenu": !0, "is-active": i, "is-opened": n, "is-disabled": h
|
|
|
+ },
|
|
|
+ attrs: {
|
|
|
+ role: "menuitem",
|
|
|
+ "aria-haspopup": "true",
|
|
|
+ "aria-expanded": n
|
|
|
+ },
|
|
|
+ on: {
|
|
|
+ mouseenter: this.handleMouseenter,
|
|
|
+ mouseleave: function () {
|
|
|
+ return t.handleMouseleave(!1)
|
|
|
+ },
|
|
|
+ focus: this.handleMouseenter
|
|
|
+ }
|
|
|
+ }, [e("div", {
|
|
|
+ class: "el-submenu__title",
|
|
|
+ ref: "submenu-title",
|
|
|
+ on: {
|
|
|
+ click: this.handleClick,
|
|
|
+ mouseenter: this.handleTitleMouseenter,
|
|
|
+ mouseleave: this.handleTitleMouseleave
|
|
|
+ },
|
|
|
+ style: [r, s, {
|
|
|
+ backgroundColor: o
|
|
|
+ }]
|
|
|
+ }, [p.title, e("i", {
|
|
|
+ class: ["el-submenu__icon-arrow", a]
|
|
|
+ })]), this.isMenuPopup ? d : l])
|
|
|
+ }
|
|
|
+ }, void 0, void 0, !1, null, null, null);
|
|
|
+
|
|
|
+ function Qt() {
|
|
|
+ ! function (e) {
|
|
|
+ if (!(e instanceof Qt)) throw new TypeError("Cannot call a class as a function")
|
|
|
+ }(this)
|
|
|
+ }
|
|
|
+ Jt.options.__file = "packages/menu/src/submenu.vue";
|
|
|
+ var ei = Jt.exports;
|
|
|
+ ei.install = function (e) {
|
|
|
+ e.component(ei.name, ei)
|
|
|
+ };
|
|
|
+ var ti = ei,
|
|
|
+ ii = function () {
|
|
|
+ var e = this,
|
|
|
+ t = e.$createElement,
|
|
|
+ t = e._self._c || t;
|
|
|
+ return t("li", {
|
|
|
+ staticClass: "el-menu-item",
|
|
|
+ class: {
|
|
|
+ "is-active": e.active, "is-disabled": e.disabled
|
|
|
+ },
|
|
|
+ style: [e.paddingStyle, e.itemStyle, {
|
|
|
+ backgroundColor: e.backgroundColor
|
|
|
+ }],
|
|
|
+ attrs: {
|
|
|
+ role: "menuitem",
|
|
|
+ tabindex: "-1"
|
|
|
+ },
|
|
|
+ on: {
|
|
|
+ click: e.handleClick,
|
|
|
+ mouseenter: e.onMouseEnter,
|
|
|
+ focus: e.onMouseEnter,
|
|
|
+ blur: e.onMouseLeave,
|
|
|
+ mouseleave: e.onMouseLeave
|
|
|
+ }
|
|
|
+ }, ["ElMenu" === e.parentMenu.$options.componentName && e.rootMenu.collapse && e.$slots.title ? t("el-tooltip", {
|
|
|
+ attrs: {
|
|
|
+ effect: "dark",
|
|
|
+ placement: "right"
|
|
|
+ }
|
|
|
+ }, [t("div", {
|
|
|
+ attrs: {
|
|
|
+ slot: "content"
|
|
|
+ },
|
|
|
+ slot: "content"
|
|
|
+ }, [e._t("title")], 2), t("div", {
|
|
|
+ staticStyle: {
|
|
|
+ position: "absolute",
|
|
|
+ left: "0",
|
|
|
+ top: "0",
|
|
|
+ height: "100%",
|
|
|
+ width: "100%",
|
|
|
+ display: "inline-block",
|
|
|
+ "box-sizing": "border-box",
|
|
|
+ padding: "0 20px"
|
|
|
+ }
|
|
|
+ }, [e._t("default")], 2)]) : [e._t("default"), e._t("title")]], 2)
|
|
|
+ };
|
|
|
+ ii._withStripped = !0;
|
|
|
+ var ni = {
|
|
|
+ name: "ElTooltip",
|
|
|
+ mixins: [Te],
|
|
|
+ props: {
|
|
|
+ openDelay: {
|
|
|
+ type: Number,
|
|
|
+ default: 0
|
|
|
+ },
|
|
|
+ disabled: Boolean,
|
|
|
+ manual: Boolean,
|
|
|
+ effect: {
|
|
|
+ type: String,
|
|
|
+ default: "dark"
|
|
|
+ },
|
|
|
+ arrowOffset: {
|
|
|
+ type: Number,
|
|
|
+ default: 0
|
|
|
+ },
|
|
|
+ popperClass: String,
|
|
|
+ content: String,
|
|
|
+ visibleArrow: {
|
|
|
+ default: !0
|
|
|
+ },
|
|
|
+ transition: {
|
|
|
+ type: String,
|
|
|
+ default: "el-fade-in-linear"
|
|
|
+ },
|
|
|
+ popperOptions: {
|
|
|
+ default: function () {
|
|
|
+ return {
|
|
|
+ boundariesPadding: 10,
|
|
|
+ gpuAcceleration: !1
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ enterable: {
|
|
|
+ type: Boolean,
|
|
|
+ default: !0
|
|
|
+ },
|
|
|
+ hideAfter: {
|
|
|
+ type: Number,
|
|
|
+ default: 0
|
|
|
+ },
|
|
|
+ tabindex: {
|
|
|
+ type: Number,
|
|
|
+ default: 0
|
|
|
+ }
|
|
|
+ },
|
|
|
+ data: function () {
|
|
|
+ return {
|
|
|
+ tooltipId: "el-tooltip-" + D(),
|
|
|
+ timeoutPending: null,
|
|
|
+ focusing: !1
|
|
|
+ }
|
|
|
+ },
|
|
|
+ beforeCreate: function () {
|
|
|
+ var e = this;
|
|
|
+ this.$isServer || (this.popperVM = new h.a({
|
|
|
+ data: {
|
|
|
+ node: ""
|
|
|
+ },
|
|
|
+ render: function (e) {
|
|
|
+ return this.node
|
|
|
+ }
|
|
|
+ }).$mount(), this.debounceClose = Ue()(200, function () {
|
|
|
+ return e.handleClosePopper()
|
|
|
+ }))
|
|
|
+ },
|
|
|
+ render: function (e) {
|
|
|
+ var t = this;
|
|
|
+ this.popperVM && (this.popperVM.node = e("transition", {
|
|
|
+ attrs: {
|
|
|
+ name: this.transition
|
|
|
+ },
|
|
|
+ on: {
|
|
|
+ afterLeave: this.doDestroy
|
|
|
+ }
|
|
|
+ }, [e("div", {
|
|
|
+ on: {
|
|
|
+ mouseleave: function () {
|
|
|
+ t.setExpectedState(!1), t.debounceClose()
|
|
|
+ },
|
|
|
+ mouseenter: function () {
|
|
|
+ t.setExpectedState(!0)
|
|
|
+ }
|
|
|
+ },
|
|
|
+ ref: "popper",
|
|
|
+ attrs: {
|
|
|
+ role: "tooltip",
|
|
|
+ id: this.tooltipId,
|
|
|
+ "aria-hidden": this.disabled || !this.showPopper ? "true" : "false"
|
|
|
+ },
|
|
|
+ directives: [{
|
|
|
+ name: "show",
|
|
|
+ value: !this.disabled && this.showPopper
|
|
|
+ }],
|
|
|
+ class: ["el-tooltip__popper", "is-" + this.effect, this.popperClass]
|
|
|
+ }, [this.$slots.content || this.content])]));
|
|
|
+ var i = this.getFirstElement();
|
|
|
+ if (!i) return null;
|
|
|
+ e = i.data = i.data || {};
|
|
|
+ return e.staticClass = this.addTooltipClass(e.staticClass), i
|
|
|
+ },
|
|
|
+ mounted: function () {
|
|
|
+ var t = this;
|
|
|
+ this.referenceElm = this.$el, 1 === this.$el.nodeType && (this.$el.setAttribute("aria-describedby", this.tooltipId), this.$el.setAttribute("tabindex", this.tabindex), le(this.referenceElm, "mouseenter", this.show), le(this.referenceElm, "mouseleave", this.hide), le(this.referenceElm, "focus", function () {
|
|
|
+ var e;
|
|
|
+ t.$slots.default && t.$slots.default.length && (e = t.$slots.default[0].componentInstance) && e.focus ? e.focus() : t.handleFocus()
|
|
|
+ }), le(this.referenceElm, "blur", this.handleBlur), le(this.referenceElm, "click", this.removeFocusing)), this.value && this.popperVM && this.popperVM.$nextTick(function () {
|
|
|
+ t.value && t.updatePopper()
|
|
|
+ })
|
|
|
+ },
|
|
|
+ watch: {
|
|
|
+ focusing: function (e) {
|
|
|
+ (e ? he : de)(this.referenceElm, "focusing")
|
|
|
+ }
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ show: function () {
|
|
|
+ this.setExpectedState(!0), this.handleShowPopper()
|
|
|
+ },
|
|
|
+ hide: function () {
|
|
|
+ this.setExpectedState(!1), this.debounceClose()
|
|
|
+ },
|
|
|
+ handleFocus: function () {
|
|
|
+ this.focusing = !0, this.show()
|
|
|
+ },
|
|
|
+ handleBlur: function () {
|
|
|
+ this.focusing = !1, this.hide()
|
|
|
+ },
|
|
|
+ removeFocusing: function () {
|
|
|
+ this.focusing = !1
|
|
|
+ },
|
|
|
+ addTooltipClass: function (e) {
|
|
|
+ return e ? "el-tooltip " + e.replace("el-tooltip", "") : "el-tooltip"
|
|
|
+ },
|
|
|
+ handleShowPopper: function () {
|
|
|
+ var e = this;
|
|
|
+ this.expectedState && !this.manual && (clearTimeout(this.timeout), this.timeout = setTimeout(function () {
|
|
|
+ e.showPopper = !0
|
|
|
+ }, this.openDelay), 0 < this.hideAfter && (this.timeoutPending = setTimeout(function () {
|
|
|
+ e.showPopper = !1
|
|
|
+ }, this.hideAfter)))
|
|
|
+ },
|
|
|
+ handleClosePopper: function () {
|
|
|
+ this.enterable && this.expectedState || this.manual || (clearTimeout(this.timeout), this.timeoutPending && clearTimeout(this.timeoutPending), this.showPopper = !1, this.disabled && this.doDestroy())
|
|
|
+ },
|
|
|
+ setExpectedState: function (e) {
|
|
|
+ !1 === e && clearTimeout(this.timeoutPending), this.expectedState = e
|
|
|
+ },
|
|
|
+ getFirstElement: function () {
|
|
|
+ var e = this.$slots.default;
|
|
|
+ if (!Array.isArray(e)) return null;
|
|
|
+ for (var t = null, i = 0; i < e.length; i++) e[i] && e[i].tag && (t = e[i]);
|
|
|
+ return t
|
|
|
+ }
|
|
|
+ },
|
|
|
+ beforeDestroy: function () {
|
|
|
+ this.popperVM && this.popperVM.$destroy()
|
|
|
+ },
|
|
|
+ destroyed: function () {
|
|
|
+ var e = this.referenceElm;
|
|
|
+ 1 === e.nodeType && (ue(e, "mouseenter", this.show), ue(e, "mouseleave", this.hide), ue(e, "focus", this.handleFocus), ue(e, "blur", this.handleBlur), ue(e, "click", this.removeFocusing))
|
|
|
+ },
|
|
|
+ install: function (e) {
|
|
|
+ e.component(ni.name, ni)
|
|
|
+ }
|
|
|
+ },
|
|
|
+ ri = ni,
|
|
|
+ si = r({
|
|
|
+ name: "ElMenuItem",
|
|
|
+ componentName: "ElMenuItem",
|
|
|
+ mixins: [Zt, l],
|
|
|
+ components: {
|
|
|
+ ElTooltip: ri
|
|
|
+ },
|
|
|
+ props: {
|
|
|
+ index: {
|
|
|
+ default: null,
|
|
|
+ validator: function (e) {
|
|
|
+ return "string" == typeof e || null === e
|
|
|
+ }
|
|
|
+ },
|
|
|
+ route: [String, Object],
|
|
|
+ disabled: Boolean
|
|
|
+ },
|
|
|
+ computed: {
|
|
|
+ active: function () {
|
|
|
+ return this.index === this.rootMenu.activeIndex
|
|
|
+ },
|
|
|
+ hoverBackground: function () {
|
|
|
+ return this.rootMenu.hoverBackground
|
|
|
+ },
|
|
|
+ backgroundColor: function () {
|
|
|
+ return this.rootMenu.backgroundColor || ""
|
|
|
+ },
|
|
|
+ activeTextColor: function () {
|
|
|
+ return this.rootMenu.activeTextColor || ""
|
|
|
+ },
|
|
|
+ textColor: function () {
|
|
|
+ return this.rootMenu.textColor || ""
|
|
|
+ },
|
|
|
+ mode: function () {
|
|
|
+ return this.rootMenu.mode
|
|
|
+ },
|
|
|
+ itemStyle: function () {
|
|
|
+ var e = {
|
|
|
+ color: this.active ? this.activeTextColor : this.textColor
|
|
|
+ };
|
|
|
+ return "horizontal" !== this.mode || this.isNested || (e.borderBottomColor = this.active ? this.rootMenu.activeTextColor ? this.activeTextColor : "" : "transparent"), e
|
|
|
+ },
|
|
|
+ isNested: function () {
|
|
|
+ return this.parentMenu !== this.rootMenu
|
|
|
+ }
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ onMouseEnter: function () {
|
|
|
+ "horizontal" === this.mode && !this.rootMenu.backgroundColor || (this.$el.style.backgroundColor = this.hoverBackground)
|
|
|
+ },
|
|
|
+ onMouseLeave: function () {
|
|
|
+ "horizontal" === this.mode && !this.rootMenu.backgroundColor || (this.$el.style.backgroundColor = this.backgroundColor)
|
|
|
+ },
|
|
|
+ handleClick: function () {
|
|
|
+ this.disabled || (this.dispatch("ElMenu", "item-click", this), this.$emit("click", this))
|
|
|
+ }
|
|
|
+ },
|
|
|
+ mounted: function () {
|
|
|
+ this.parentMenu.addItem(this), this.rootMenu.addItem(this)
|
|
|
+ },
|
|
|
+ beforeDestroy: function () {
|
|
|
+ this.parentMenu.removeItem(this), this.rootMenu.removeItem(this)
|
|
|
+ }
|
|
|
+ }, ii, [], !1, null, null, null);
|
|
|
+ si.options.__file = "packages/menu/src/menu-item.vue";
|
|
|
+ var oi = si.exports;
|
|
|
+ oi.install = function (e) {
|
|
|
+ e.component(oi.name, oi)
|
|
|
+ };
|
|
|
+ var ai = oi,
|
|
|
+ li = function () {
|
|
|
+ var e = this.$createElement,
|
|
|
+ e = this._self._c || e;
|
|
|
+ return e("li", {
|
|
|
+ staticClass: "el-menu-item-group"
|
|
|
+ }, [e("div", {
|
|
|
+ staticClass: "el-menu-item-group__title",
|
|
|
+ style: {
|
|
|
+ paddingLeft: this.levelPadding + "px"
|
|
|
+ }
|
|
|
+ }, [this.$slots.title ? this._t("title") : [this._v(this._s(this.title))]], 2), e("ul", [this._t("default")], 2)])
|
|
|
+ };
|
|
|
+ li._withStripped = !0;
|
|
|
+ var ui = r({
|
|
|
+ name: "ElMenuItemGroup",
|
|
|
+ componentName: "ElMenuItemGroup",
|
|
|
+ inject: ["rootMenu"],
|
|
|
+ props: {
|
|
|
+ title: {
|
|
|
+ type: String
|
|
|
+ }
|
|
|
+ },
|
|
|
+ data: function () {
|
|
|
+ return {
|
|
|
+ paddingLeft: 20
|
|
|
+ }
|
|
|
+ },
|
|
|
+ computed: {
|
|
|
+ levelPadding: function () {
|
|
|
+ var e = 20,
|
|
|
+ t = this.$parent;
|
|
|
+ if (this.rootMenu.collapse) return 20;
|
|
|
+ for (; t && "ElMenu" !== t.$options.componentName;) "ElSubmenu" === t.$options.componentName && (e += 20), t = t.$parent;
|
|
|
+ return e
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, li, [], !1, null, null, null);
|
|
|
+ ui.options.__file = "packages/menu/src/menu-item-group.vue";
|
|
|
+ var ci = ui.exports;
|
|
|
+ ci.install = function (e) {
|
|
|
+ e.component(ci.name, ci)
|
|
|
+ };
|
|
|
+ var hi = ci,
|
|
|
+ di = function () {
|
|
|
+ var t = this,
|
|
|
+ e = t.$createElement,
|
|
|
+ e = t._self._c || e;
|
|
|
+ return e("div", {
|
|
|
+ class: ["el-input-number", t.inputNumberSize ? "el-input-number--" + t.inputNumberSize : "", {
|
|
|
+ "is-disabled": t.inputNumberDisabled
|
|
|
+ }, {
|
|
|
+ "is-without-controls": !t.controls
|
|
|
+ }, {
|
|
|
+ "is-controls-right": t.controlsAtRight
|
|
|
+ }],
|
|
|
+ on: {
|
|
|
+ dragstart: function (e) {
|
|
|
+ e.preventDefault()
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, [t.controls ? e("span", {
|
|
|
+ directives: [{
|
|
|
+ name: "repeat-click",
|
|
|
+ rawName: "v-repeat-click",
|
|
|
+ value: t.decrease,
|
|
|
+ expression: "decrease"
|
|
|
+ }],
|
|
|
+ staticClass: "el-input-number__decrease",
|
|
|
+ class: {
|
|
|
+ "is-disabled": t.minDisabled
|
|
|
+ },
|
|
|
+ attrs: {
|
|
|
+ role: "button"
|
|
|
+ },
|
|
|
+ on: {
|
|
|
+ keydown: function (e) {
|
|
|
+ return "button" in e || !t._k(e.keyCode, "enter", 13, e.key, "Enter") ? t.decrease(e) : null
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, [e("i", {
|
|
|
+ class: "el-icon-" + (t.controlsAtRight ? "arrow-down" : "minus")
|
|
|
+ })]) : t._e(), t.controls ? e("span", {
|
|
|
+ directives: [{
|
|
|
+ name: "repeat-click",
|
|
|
+ rawName: "v-repeat-click",
|
|
|
+ value: t.increase,
|
|
|
+ expression: "increase"
|
|
|
+ }],
|
|
|
+ staticClass: "el-input-number__increase",
|
|
|
+ class: {
|
|
|
+ "is-disabled": t.maxDisabled
|
|
|
+ },
|
|
|
+ attrs: {
|
|
|
+ role: "button"
|
|
|
+ },
|
|
|
+ on: {
|
|
|
+ keydown: function (e) {
|
|
|
+ return "button" in e || !t._k(e.keyCode, "enter", 13, e.key, "Enter") ? t.increase(e) : null
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, [e("i", {
|
|
|
+ class: "el-icon-" + (t.controlsAtRight ? "arrow-up" : "plus")
|
|
|
+ })]) : t._e(), e("el-input", {
|
|
|
+ ref: "input",
|
|
|
+ attrs: {
|
|
|
+ value: t.displayValue,
|
|
|
+ placeholder: t.placeholder,
|
|
|
+ disabled: t.inputNumberDisabled,
|
|
|
+ size: t.inputNumberSize,
|
|
|
+ max: t.max,
|
|
|
+ min: t.min,
|
|
|
+ name: t.name,
|
|
|
+ label: t.label
|
|
|
+ },
|
|
|
+ on: {
|
|
|
+ blur: t.handleBlur,
|
|
|
+ focus: t.handleFocus,
|
|
|
+ input: t.handleInput,
|
|
|
+ change: t.handleInputChange
|
|
|
+ },
|
|
|
+ nativeOn: {
|
|
|
+ keydown: [function (e) {
|
|
|
+ return "button" in e || !t._k(e.keyCode, "up", 38, e.key, ["Up", "ArrowUp"]) ? (e.preventDefault(), t.increase(e)) : null
|
|
|
+ }, function (e) {
|
|
|
+ return "button" in e || !t._k(e.keyCode, "down", 40, e.key, ["Down", "ArrowDown"]) ? (e.preventDefault(), t.decrease(e)) : null
|
|
|
+ }]
|
|
|
+ }
|
|
|
+ })], 1)
|
|
|
+ };
|
|
|
+ di._withStripped = !0;
|
|
|
+ var pi = {
|
|
|
+ bind: function (e, t, i) {
|
|
|
+ function n() {
|
|
|
+ return i.context[t.expression].apply()
|
|
|
+ }
|
|
|
+
|
|
|
+ function r() {
|
|
|
+ Date.now() - o < 100 && n(), clearInterval(s), s = null
|
|
|
+ }
|
|
|
+ var s = null,
|
|
|
+ o = void 0;
|
|
|
+ le(e, "mousedown", function (e) {
|
|
|
+ var t, i;
|
|
|
+ 0 === e.button && (o = Date.now(), t = document, i = r, le(t, "mouseup", function e() {
|
|
|
+ i && i.apply(this, arguments), ue(t, "mouseup", e)
|
|
|
+ }), clearInterval(s), s = setInterval(n, 100))
|
|
|
+ })
|
|
|
+ }
|
|
|
+ },
|
|
|
+ fi = r({
|
|
|
+ name: "ElInputNumber",
|
|
|
+ mixins: [u("input")],
|
|
|
+ inject: {
|
|
|
+ elForm: {
|
|
|
+ default: ""
|
|
|
+ },
|
|
|
+ elFormItem: {
|
|
|
+ default: ""
|
|
|
+ }
|
|
|
+ },
|
|
|
+ directives: {
|
|
|
+ repeatClick: pi
|
|
|
+ },
|
|
|
+ components: {
|
|
|
+ ElInput: te
|
|
|
+ },
|
|
|
+ props: {
|
|
|
+ step: {
|
|
|
+ type: Number,
|
|
|
+ default: 1
|
|
|
+ },
|
|
|
+ stepStrictly: {
|
|
|
+ type: Boolean,
|
|
|
+ default: !1
|
|
|
+ },
|
|
|
+ max: {
|
|
|
+ type: Number,
|
|
|
+ default: 1 / 0
|
|
|
+ },
|
|
|
+ min: {
|
|
|
+ type: Number,
|
|
|
+ default: -1 / 0
|
|
|
+ },
|
|
|
+ value: {},
|
|
|
+ disabled: Boolean,
|
|
|
+ size: String,
|
|
|
+ controls: {
|
|
|
+ type: Boolean,
|
|
|
+ default: !0
|
|
|
+ },
|
|
|
+ controlsPosition: {
|
|
|
+ type: String,
|
|
|
+ default: ""
|
|
|
+ },
|
|
|
+ name: String,
|
|
|
+ label: String,
|
|
|
+ placeholder: String,
|
|
|
+ precision: {
|
|
|
+ type: Number,
|
|
|
+ validator: function (e) {
|
|
|
+ return 0 <= e && e === parseInt(e, 10)
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ data: function () {
|
|
|
+ return {
|
|
|
+ currentValue: 0,
|
|
|
+ userInput: null
|
|
|
+ }
|
|
|
+ },
|
|
|
+ watch: {
|
|
|
+ value: {
|
|
|
+ immediate: !0,
|
|
|
+ handler: function (e) {
|
|
|
+ var t = void 0 === e ? e : Number(e);
|
|
|
+ if (void 0 !== t) {
|
|
|
+ if (isNaN(t)) return;
|
|
|
+ this.stepStrictly && (e = this.getPrecision(this.step), e = Math.pow(10, e), t = Math.round(t / this.step) * e * this.step / e), void 0 !== this.precision && (t = this.toPrecision(t, this.precision))
|
|
|
+ }(t = t >= this.max ? this.max : t) <= this.min && (t = this.min), this.currentValue = t, this.userInput = null, this.$emit("input", t)
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ computed: {
|
|
|
+ minDisabled: function () {
|
|
|
+ return this._decrease(this.value, this.step) < this.min
|
|
|
+ },
|
|
|
+ maxDisabled: function () {
|
|
|
+ return this._increase(this.value, this.step) > this.max
|
|
|
+ },
|
|
|
+ numPrecision: function () {
|
|
|
+ var e = this.value,
|
|
|
+ t = this.step,
|
|
|
+ i = this.getPrecision,
|
|
|
+ n = this.precision,
|
|
|
+ t = i(t);
|
|
|
+ return void 0 !== n ? (n < t && console.warn("[Element Warn][InputNumber]precision should not be less than the decimal places of step"), n) : Math.max(i(e), t)
|
|
|
+ },
|
|
|
+ controlsAtRight: function () {
|
|
|
+ return this.controls && "right" === this.controlsPosition
|
|
|
+ },
|
|
|
+ _elFormItemSize: function () {
|
|
|
+ return (this.elFormItem || {}).elFormItemSize
|
|
|
+ },
|
|
|
+ inputNumberSize: function () {
|
|
|
+ return this.size || this._elFormItemSize || (this.$ELEMENT || {}).size
|
|
|
+ },
|
|
|
+ inputNumberDisabled: function () {
|
|
|
+ return this.disabled || !!(this.elForm || {}).disabled
|
|
|
+ },
|
|
|
+ displayValue: function () {
|
|
|
+ if (null !== this.userInput) return this.userInput;
|
|
|
+ var e, t = this.currentValue;
|
|
|
+ return "number" == typeof t && (this.stepStrictly && (e = this.getPrecision(this.step), e = Math.pow(10, e), t = Math.round(t / this.step) * e * this.step / e), void 0 !== this.precision && (t = t.toFixed(this.precision))), t
|
|
|
+ }
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ toPrecision: function (e, t) {
|
|
|
+ return void 0 === t && (t = this.numPrecision), parseFloat(Math.round(e * Math.pow(10, t)) / Math.pow(10, t))
|
|
|
+ },
|
|
|
+ getPrecision: function (e) {
|
|
|
+ if (void 0 === e) return 0;
|
|
|
+ var t = e.toString(),
|
|
|
+ i = t.indexOf("."),
|
|
|
+ e = 0;
|
|
|
+ return e = -1 !== i ? t.length - i - 1 : e
|
|
|
+ },
|
|
|
+ _increase: function (e, t) {
|
|
|
+ if ("number" != typeof e && void 0 !== e) return this.currentValue;
|
|
|
+ var i = Math.pow(10, this.numPrecision);
|
|
|
+ return this.toPrecision((i * e + i * t) / i)
|
|
|
+ },
|
|
|
+ _decrease: function (e, t) {
|
|
|
+ if ("number" != typeof e && void 0 !== e) return this.currentValue;
|
|
|
+ var i = Math.pow(10, this.numPrecision);
|
|
|
+ return this.toPrecision((i * e - i * t) / i)
|
|
|
+ },
|
|
|
+ increase: function () {
|
|
|
+ var e;
|
|
|
+ this.inputNumberDisabled || this.maxDisabled || (e = this.value || 0, e = this._increase(e, this.step), this.setCurrentValue(e))
|
|
|
+ },
|
|
|
+ decrease: function () {
|
|
|
+ var e;
|
|
|
+ this.inputNumberDisabled || this.minDisabled || (e = this.value || 0, e = this._decrease(e, this.step), this.setCurrentValue(e))
|
|
|
+ },
|
|
|
+ handleBlur: function (e) {
|
|
|
+ this.$emit("blur", e)
|
|
|
+ },
|
|
|
+ handleFocus: function (e) {
|
|
|
+ this.$emit("focus", e)
|
|
|
+ },
|
|
|
+ setCurrentValue: function (e) {
|
|
|
+ var t = this.currentValue;
|
|
|
+ t !== (e = (e = (e = "number" == typeof e && void 0 !== this.precision ? this.toPrecision(e, this.precision) : e) >= this.max ? this.max : e) <= this.min ? this.min : e) && (this.userInput = null, this.$emit("input", e), this.$emit("change", e, t), this.currentValue = e)
|
|
|
+ },
|
|
|
+ handleInput: function (e) {
|
|
|
+ this.userInput = e
|
|
|
+ },
|
|
|
+ handleInputChange: function (e) {
|
|
|
+ var t = "" === e ? void 0 : Number(e);
|
|
|
+ isNaN(t) && "" !== e || this.setCurrentValue(t), this.userInput = null
|
|
|
+ },
|
|
|
+ select: function () {
|
|
|
+ this.$refs.input.select()
|
|
|
+ }
|
|
|
+ },
|
|
|
+ mounted: function () {
|
|
|
+ var e = this.$refs.input.$refs.input;
|
|
|
+ e.setAttribute("role", "spinbutton"), e.setAttribute("aria-valuemax", this.max), e.setAttribute("aria-valuemin", this.min), e.setAttribute("aria-valuenow", this.currentValue), e.setAttribute("aria-disabled", this.inputNumberDisabled)
|
|
|
+ },
|
|
|
+ updated: function () {
|
|
|
+ this.$refs && this.$refs.input && this.$refs.input.$refs.input.setAttribute("aria-valuenow", this.currentValue)
|
|
|
+ }
|
|
|
+ }, di, [], !1, null, null, null);
|
|
|
+ fi.options.__file = "packages/input-number/src/input-number.vue";
|
|
|
+ var mi = fi.exports;
|
|
|
+ mi.install = function (e) {
|
|
|
+ e.component(mi.name, mi)
|
|
|
+ };
|
|
|
+ var gi = mi,
|
|
|
+ vi = function () {
|
|
|
+ var t = this,
|
|
|
+ e = t.$createElement,
|
|
|
+ e = t._self._c || e;
|
|
|
+ return e("label", {
|
|
|
+ staticClass: "el-radio",
|
|
|
+ class: [t.border && t.radioSize ? "el-radio--" + t.radioSize : "", {
|
|
|
+ "is-disabled": t.isDisabled
|
|
|
+ }, {
|
|
|
+ "is-focus": t.focus
|
|
|
+ }, {
|
|
|
+ "is-bordered": t.border
|
|
|
+ }, {
|
|
|
+ "is-checked": t.model === t.label
|
|
|
+ }],
|
|
|
+ attrs: {
|
|
|
+ role: "radio",
|
|
|
+ "aria-checked": t.model === t.label,
|
|
|
+ "aria-disabled": t.isDisabled,
|
|
|
+ tabindex: t.tabIndex
|
|
|
+ },
|
|
|
+ on: {
|
|
|
+ keydown: function (e) {
|
|
|
+ if (!("button" in e) && t._k(e.keyCode, "space", 32, e.key, [" ", "Spacebar"])) return null;
|
|
|
+ e.stopPropagation(), e.preventDefault(), t.model = t.isDisabled ? t.model : t.label
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, [e("span", {
|
|
|
+ staticClass: "el-radio__input",
|
|
|
+ class: {
|
|
|
+ "is-disabled": t.isDisabled, "is-checked": t.model === t.label
|
|
|
+ }
|
|
|
+ }, [e("span", {
|
|
|
+ staticClass: "el-radio__inner"
|
|
|
+ }), e("input", {
|
|
|
+ directives: [{
|
|
|
+ name: "model",
|
|
|
+ rawName: "v-model",
|
|
|
+ value: t.model,
|
|
|
+ expression: "model"
|
|
|
+ }],
|
|
|
+ ref: "radio",
|
|
|
+ staticClass: "el-radio__original",
|
|
|
+ attrs: {
|
|
|
+ type: "radio",
|
|
|
+ "aria-hidden": "true",
|
|
|
+ name: t.name,
|
|
|
+ disabled: t.isDisabled,
|
|
|
+ tabindex: "-1"
|
|
|
+ },
|
|
|
+ domProps: {
|
|
|
+ value: t.label,
|
|
|
+ checked: t._q(t.model, t.label)
|
|
|
+ },
|
|
|
+ on: {
|
|
|
+ focus: function (e) {
|
|
|
+ t.focus = !0
|
|
|
+ },
|
|
|
+ blur: function (e) {
|
|
|
+ t.focus = !1
|
|
|
+ },
|
|
|
+ change: [function (e) {
|
|
|
+ t.model = t.label
|
|
|
+ }, t.handleChange]
|
|
|
+ }
|
|
|
+ })]), e("span", {
|
|
|
+ staticClass: "el-radio__label",
|
|
|
+ on: {
|
|
|
+ keydown: function (e) {
|
|
|
+ e.stopPropagation()
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, [t._t("default"), t.$slots.default ? t._e() : [t._v(t._s(t.label))]], 2)])
|
|
|
+ };
|
|
|
+ vi._withStripped = !0;
|
|
|
+ var yi = r({
|
|
|
+ name: "ElRadio",
|
|
|
+ mixins: [l],
|
|
|
+ inject: {
|
|
|
+ elForm: {
|
|
|
+ default: ""
|
|
|
+ },
|
|
|
+ elFormItem: {
|
|
|
+ default: ""
|
|
|
+ }
|
|
|
+ },
|
|
|
+ componentName: "ElRadio",
|
|
|
+ props: {
|
|
|
+ value: {},
|
|
|
+ label: {},
|
|
|
+ disabled: Boolean,
|
|
|
+ name: String,
|
|
|
+ border: Boolean,
|
|
|
+ size: String
|
|
|
+ },
|
|
|
+ data: function () {
|
|
|
+ return {
|
|
|
+ focus: !1
|
|
|
+ }
|
|
|
+ },
|
|
|
+ computed: {
|
|
|
+ isGroup: function () {
|
|
|
+ for (var e = this.$parent; e;) {
|
|
|
+ if ("ElRadioGroup" === e.$options.componentName) return this._radioGroup = e, !0;
|
|
|
+ e = e.$parent
|
|
|
+ }
|
|
|
+ return !1
|
|
|
+ },
|
|
|
+ model: {
|
|
|
+ get: function () {
|
|
|
+ return (this.isGroup ? this._radioGroup : this).value
|
|
|
+ },
|
|
|
+ set: function (e) {
|
|
|
+ this.isGroup ? this.dispatch("ElRadioGroup", "input", [e]) : this.$emit("input", e), this.$refs.radio && (this.$refs.radio.checked = this.model === this.label)
|
|
|
+ }
|
|
|
+ },
|
|
|
+ _elFormItemSize: function () {
|
|
|
+ return (this.elFormItem || {}).elFormItemSize
|
|
|
+ },
|
|
|
+ radioSize: function () {
|
|
|
+ var e = this.size || this._elFormItemSize || (this.$ELEMENT || {}).size;
|
|
|
+ return this.isGroup && this._radioGroup.radioGroupSize || e
|
|
|
+ },
|
|
|
+ isDisabled: function () {
|
|
|
+ return this.isGroup ? this._radioGroup.disabled || this.disabled || (this.elForm || {}).disabled : this.disabled || (this.elForm || {}).disabled
|
|
|
+ },
|
|
|
+ tabIndex: function () {
|
|
|
+ return this.isDisabled || this.isGroup && this.model !== this.label ? -1 : 0
|
|
|
+ }
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ handleChange: function () {
|
|
|
+ var e = this;
|
|
|
+ this.$nextTick(function () {
|
|
|
+ e.$emit("change", e.model), e.isGroup && e.dispatch("ElRadioGroup", "handleChange", e.model)
|
|
|
+ })
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, vi, [], !1, null, null, null);
|
|
|
+ yi.options.__file = "packages/radio/src/radio.vue";
|
|
|
+ var bi = yi.exports;
|
|
|
+ bi.install = function (e) {
|
|
|
+ e.component(bi.name, bi)
|
|
|
+ };
|
|
|
+ var wi = bi,
|
|
|
+ _i = function () {
|
|
|
+ var e = this.$createElement;
|
|
|
+ return (this._self._c || e)(this._elTag, {
|
|
|
+ tag: "component",
|
|
|
+ staticClass: "el-radio-group",
|
|
|
+ attrs: {
|
|
|
+ role: "radiogroup"
|
|
|
+ },
|
|
|
+ on: {
|
|
|
+ keydown: this.handleKeydown
|
|
|
+ }
|
|
|
+ }, [this._t("default")], 2)
|
|
|
+ };
|
|
|
+ _i._withStripped = !0;
|
|
|
+ var xi = Object.freeze({
|
|
|
+ LEFT: 37,
|
|
|
+ UP: 38,
|
|
|
+ RIGHT: 39,
|
|
|
+ DOWN: 40
|
|
|
+ }),
|
|
|
+ Ci = r({
|
|
|
+ name: "ElRadioGroup",
|
|
|
+ componentName: "ElRadioGroup",
|
|
|
+ inject: {
|
|
|
+ elFormItem: {
|
|
|
+ default: ""
|
|
|
+ }
|
|
|
+ },
|
|
|
+ mixins: [l],
|
|
|
+ props: {
|
|
|
+ value: {},
|
|
|
+ size: String,
|
|
|
+ fill: String,
|
|
|
+ textColor: String,
|
|
|
+ disabled: Boolean
|
|
|
+ },
|
|
|
+ computed: {
|
|
|
+ _elFormItemSize: function () {
|
|
|
+ return (this.elFormItem || {}).elFormItemSize
|
|
|
+ },
|
|
|
+ _elTag: function () {
|
|
|
+ return (this.$vnode.data || {}).tag || "div"
|
|
|
+ },
|
|
|
+ radioGroupSize: function () {
|
|
|
+ return this.size || this._elFormItemSize || (this.$ELEMENT || {}).size
|
|
|
+ }
|
|
|
+ },
|
|
|
+ created: function () {
|
|
|
+ var t = this;
|
|
|
+ this.$on("handleChange", function (e) {
|
|
|
+ t.$emit("change", e)
|
|
|
+ })
|
|
|
+ },
|
|
|
+ mounted: function () {
|
|
|
+ var e = this.$el.querySelectorAll("[type=radio]"),
|
|
|
+ t = this.$el.querySelectorAll("[role=radio]")[0];
|
|
|
+ ![].some.call(e, function (e) {
|
|
|
+ return e.checked
|
|
|
+ }) && t && (t.tabIndex = 0)
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ handleKeydown: function (e) {
|
|
|
+ var t = e.target,
|
|
|
+ i = "INPUT" === t.nodeName ? "[type=radio]" : "[role=radio]",
|
|
|
+ i = this.$el.querySelectorAll(i),
|
|
|
+ n = i.length,
|
|
|
+ r = [].indexOf.call(i, t),
|
|
|
+ s = this.$el.querySelectorAll("[role=radio]");
|
|
|
+ switch (e.keyCode) {
|
|
|
+ case xi.LEFT:
|
|
|
+ case xi.UP:
|
|
|
+ e.stopPropagation(), e.preventDefault(), 0 === r ? (s[n - 1].click(), s[n - 1].focus()) : (s[r - 1].click(), s[r - 1].focus());
|
|
|
+ break;
|
|
|
+ case xi.RIGHT:
|
|
|
+ case xi.DOWN:
|
|
|
+ r === n - 1 ? (e.stopPropagation(), e.preventDefault(), s[0].click(), s[0].focus()) : (s[r + 1].click(), s[r + 1].focus())
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ watch: {
|
|
|
+ value: function (e) {
|
|
|
+ this.dispatch("ElFormItem", "el.form.change", [this.value])
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, _i, [], !1, null, null, null);
|
|
|
+ Ci.options.__file = "packages/radio/src/radio-group.vue";
|
|
|
+ var ki = Ci.exports;
|
|
|
+ ki.install = function (e) {
|
|
|
+ e.component(ki.name, ki)
|
|
|
+ };
|
|
|
+ var Si = ki,
|
|
|
+ Di = function () {
|
|
|
+ var t = this,
|
|
|
+ e = t.$createElement,
|
|
|
+ e = t._self._c || e;
|
|
|
+ return e("label", {
|
|
|
+ staticClass: "el-radio-button",
|
|
|
+ class: [t.size ? "el-radio-button--" + t.size : "", {
|
|
|
+ "is-active": t.value === t.label
|
|
|
+ }, {
|
|
|
+ "is-disabled": t.isDisabled
|
|
|
+ }, {
|
|
|
+ "is-focus": t.focus
|
|
|
+ }],
|
|
|
+ attrs: {
|
|
|
+ role: "radio",
|
|
|
+ "aria-checked": t.value === t.label,
|
|
|
+ "aria-disabled": t.isDisabled,
|
|
|
+ tabindex: t.tabIndex
|
|
|
+ },
|
|
|
+ on: {
|
|
|
+ keydown: function (e) {
|
|
|
+ if (!("button" in e) && t._k(e.keyCode, "space", 32, e.key, [" ", "Spacebar"])) return null;
|
|
|
+ e.stopPropagation(), e.preventDefault(), t.value = t.isDisabled ? t.value : t.label
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, [e("input", {
|
|
|
+ directives: [{
|
|
|
+ name: "model",
|
|
|
+ rawName: "v-model",
|
|
|
+ value: t.value,
|
|
|
+ expression: "value"
|
|
|
+ }],
|
|
|
+ staticClass: "el-radio-button__orig-radio",
|
|
|
+ attrs: {
|
|
|
+ type: "radio",
|
|
|
+ name: t.name,
|
|
|
+ disabled: t.isDisabled,
|
|
|
+ tabindex: "-1"
|
|
|
+ },
|
|
|
+ domProps: {
|
|
|
+ value: t.label,
|
|
|
+ checked: t._q(t.value, t.label)
|
|
|
+ },
|
|
|
+ on: {
|
|
|
+ change: [function (e) {
|
|
|
+ t.value = t.label
|
|
|
+ }, t.handleChange],
|
|
|
+ focus: function (e) {
|
|
|
+ t.focus = !0
|
|
|
+ },
|
|
|
+ blur: function (e) {
|
|
|
+ t.focus = !1
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }), e("span", {
|
|
|
+ staticClass: "el-radio-button__inner",
|
|
|
+ style: t.value === t.label ? t.activeStyle : null,
|
|
|
+ on: {
|
|
|
+ keydown: function (e) {
|
|
|
+ e.stopPropagation()
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, [t._t("default"), t.$slots.default ? t._e() : [t._v(t._s(t.label))]], 2)])
|
|
|
+ };
|
|
|
+ Di._withStripped = !0;
|
|
|
+ var $i = r({
|
|
|
+ name: "ElRadioButton",
|
|
|
+ mixins: [l],
|
|
|
+ inject: {
|
|
|
+ elForm: {
|
|
|
+ default: ""
|
|
|
+ },
|
|
|
+ elFormItem: {
|
|
|
+ default: ""
|
|
|
+ }
|
|
|
+ },
|
|
|
+ props: {
|
|
|
+ label: {},
|
|
|
+ disabled: Boolean,
|
|
|
+ name: String
|
|
|
+ },
|
|
|
+ data: function () {
|
|
|
+ return {
|
|
|
+ focus: !1
|
|
|
+ }
|
|
|
+ },
|
|
|
+ computed: {
|
|
|
+ value: {
|
|
|
+ get: function () {
|
|
|
+ return this._radioGroup.value
|
|
|
+ },
|
|
|
+ set: function (e) {
|
|
|
+ this._radioGroup.$emit("input", e)
|
|
|
+ }
|
|
|
+ },
|
|
|
+ _radioGroup: function () {
|
|
|
+ for (var e = this.$parent; e;) {
|
|
|
+ if ("ElRadioGroup" === e.$options.componentName) return e;
|
|
|
+ e = e.$parent
|
|
|
+ }
|
|
|
+ return !1
|
|
|
+ },
|
|
|
+ activeStyle: function () {
|
|
|
+ return {
|
|
|
+ backgroundColor: this._radioGroup.fill || "",
|
|
|
+ borderColor: this._radioGroup.fill || "",
|
|
|
+ boxShadow: this._radioGroup.fill ? "-1px 0 0 0 " + this._radioGroup.fill : "",
|
|
|
+ color: this._radioGroup.textColor || ""
|
|
|
+ }
|
|
|
+ },
|
|
|
+ _elFormItemSize: function () {
|
|
|
+ return (this.elFormItem || {}).elFormItemSize
|
|
|
+ },
|
|
|
+ size: function () {
|
|
|
+ return this._radioGroup.radioGroupSize || this._elFormItemSize || (this.$ELEMENT || {}).size
|
|
|
+ },
|
|
|
+ isDisabled: function () {
|
|
|
+ return this.disabled || this._radioGroup.disabled || (this.elForm || {}).disabled
|
|
|
+ },
|
|
|
+ tabIndex: function () {
|
|
|
+ return this.isDisabled || this._radioGroup && this.value !== this.label ? -1 : 0
|
|
|
+ }
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ handleChange: function () {
|
|
|
+ var e = this;
|
|
|
+ this.$nextTick(function () {
|
|
|
+ e.dispatch("ElRadioGroup", "handleChange", e.value)
|
|
|
+ })
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, Di, [], !1, null, null, null);
|
|
|
+ $i.options.__file = "packages/radio/src/radio-button.vue";
|
|
|
+ var Ei = $i.exports;
|
|
|
+ Ei.install = function (e) {
|
|
|
+ e.component(Ei.name, Ei)
|
|
|
+ };
|
|
|
+ var Ti = Ei,
|
|
|
+ n = function () {
|
|
|
+ var s = this,
|
|
|
+ e = s.$createElement,
|
|
|
+ e = s._self._c || e;
|
|
|
+ return e("label", {
|
|
|
+ staticClass: "el-checkbox",
|
|
|
+ class: [s.border && s.checkboxSize ? "el-checkbox--" + s.checkboxSize : "", {
|
|
|
+ "is-disabled": s.isDisabled
|
|
|
+ }, {
|
|
|
+ "is-bordered": s.border
|
|
|
+ }, {
|
|
|
+ "is-checked": s.isChecked
|
|
|
+ }],
|
|
|
+ attrs: {
|
|
|
+ id: s.id
|
|
|
+ }
|
|
|
+ }, [e("span", {
|
|
|
+ staticClass: "el-checkbox__input",
|
|
|
+ class: {
|
|
|
+ "is-disabled": s.isDisabled, "is-checked": s.isChecked, "is-indeterminate": s.indeterminate, "is-focus": s.focus
|
|
|
+ },
|
|
|
+ attrs: {
|
|
|
+ tabindex: !!s.indeterminate && 0,
|
|
|
+ role: !!s.indeterminate && "checkbox",
|
|
|
+ "aria-checked": !!s.indeterminate && "mixed"
|
|
|
+ }
|
|
|
+ }, [e("span", {
|
|
|
+ staticClass: "el-checkbox__inner"
|
|
|
+ }), s.trueLabel || s.falseLabel ? e("input", {
|
|
|
+ directives: [{
|
|
|
+ name: "model",
|
|
|
+ rawName: "v-model",
|
|
|
+ value: s.model,
|
|
|
+ expression: "model"
|
|
|
+ }],
|
|
|
+ staticClass: "el-checkbox__original",
|
|
|
+ attrs: {
|
|
|
+ type: "checkbox",
|
|
|
+ "aria-hidden": s.indeterminate ? "true" : "false",
|
|
|
+ name: s.name,
|
|
|
+ disabled: s.isDisabled,
|
|
|
+ "true-value": s.trueLabel,
|
|
|
+ "false-value": s.falseLabel
|
|
|
+ },
|
|
|
+ domProps: {
|
|
|
+ checked: Array.isArray(s.model) ? -1 < s._i(s.model, null) : s._q(s.model, s.trueLabel)
|
|
|
+ },
|
|
|
+ on: {
|
|
|
+ change: [function (e) {
|
|
|
+ var t = s.model,
|
|
|
+ i = e.target,
|
|
|
+ n = i.checked ? s.trueLabel : s.falseLabel;
|
|
|
+ Array.isArray(t) ? (e = s._i(t, null), i.checked ? e < 0 && (s.model = t.concat([null])) : -1 < e && (s.model = t.slice(0, e).concat(t.slice(e + 1)))) : s.model = n
|
|
|
+ }, s.handleChange],
|
|
|
+ focus: function (e) {
|
|
|
+ s.focus = !0
|
|
|
+ },
|
|
|
+ blur: function (e) {
|
|
|
+ s.focus = !1
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }) : e("input", {
|
|
|
+ directives: [{
|
|
|
+ name: "model",
|
|
|
+ rawName: "v-model",
|
|
|
+ value: s.model,
|
|
|
+ expression: "model"
|
|
|
+ }],
|
|
|
+ staticClass: "el-checkbox__original",
|
|
|
+ attrs: {
|
|
|
+ type: "checkbox",
|
|
|
+ "aria-hidden": s.indeterminate ? "true" : "false",
|
|
|
+ disabled: s.isDisabled,
|
|
|
+ name: s.name
|
|
|
+ },
|
|
|
+ domProps: {
|
|
|
+ value: s.label,
|
|
|
+ checked: Array.isArray(s.model) ? -1 < s._i(s.model, s.label) : s.model
|
|
|
+ },
|
|
|
+ on: {
|
|
|
+ change: [function (e) {
|
|
|
+ var t, i = s.model,
|
|
|
+ n = e.target,
|
|
|
+ r = !!n.checked;
|
|
|
+ Array.isArray(i) ? (t = s.label, e = s._i(i, t), n.checked ? e < 0 && (s.model = i.concat([t])) : -1 < e && (s.model = i.slice(0, e).concat(i.slice(e + 1)))) : s.model = r
|
|
|
+ }, s.handleChange],
|
|
|
+ focus: function (e) {
|
|
|
+ s.focus = !0
|
|
|
+ },
|
|
|
+ blur: function (e) {
|
|
|
+ s.focus = !1
|
|
|
+ }
|
|
|
+ }
|
|
|
+ })]), s.$slots.default || s.label ? e("span", {
|
|
|
+ staticClass: "el-checkbox__label"
|
|
|
+ }, [s._t("default"), s.$slots.default ? s._e() : [s._v(s._s(s.label))]], 2) : s._e()])
|
|
|
+ };
|
|
|
+ n._withStripped = !0;
|
|
|
+ s = r({
|
|
|
+ name: "ElCheckbox",
|
|
|
+ mixins: [l],
|
|
|
+ inject: {
|
|
|
+ elForm: {
|
|
|
+ default: ""
|
|
|
+ },
|
|
|
+ elFormItem: {
|
|
|
+ default: ""
|
|
|
+ }
|
|
|
+ },
|
|
|
+ componentName: "ElCheckbox",
|
|
|
+ data: function () {
|
|
|
+ return {
|
|
|
+ selfModel: !1,
|
|
|
+ focus: !1,
|
|
|
+ isLimitExceeded: !1
|
|
|
+ }
|
|
|
+ },
|
|
|
+ computed: {
|
|
|
+ model: {
|
|
|
+ get: function () {
|
|
|
+ return this.isGroup ? this.store : void 0 !== this.value ? this.value : this.selfModel
|
|
|
+ },
|
|
|
+ set: function (e) {
|
|
|
+ this.isGroup ? (this.isLimitExceeded = !1, void 0 !== this._checkboxGroup.min && e.length < this._checkboxGroup.min && (this.isLimitExceeded = !0), void 0 !== this._checkboxGroup.max && e.length > this._checkboxGroup.max && (this.isLimitExceeded = !0), !1 === this.isLimitExceeded && this.dispatch("ElCheckboxGroup", "input", [e])) : (this.$emit("input", e), this.selfModel = e)
|
|
|
+ }
|
|
|
+ },
|
|
|
+ isChecked: function () {
|
|
|
+ return "[object Boolean]" === {}.toString.call(this.model) ? this.model : Array.isArray(this.model) ? -1 < this.model.indexOf(this.label) : null !== this.model && void 0 !== this.model ? this.model === this.trueLabel : void 0
|
|
|
+ },
|
|
|
+ isGroup: function () {
|
|
|
+ for (var e = this.$parent; e;) {
|
|
|
+ if ("ElCheckboxGroup" === e.$options.componentName) return this._checkboxGroup = e, !0;
|
|
|
+ e = e.$parent
|
|
|
+ }
|
|
|
+ return !1
|
|
|
+ },
|
|
|
+ store: function () {
|
|
|
+ return (this._checkboxGroup || this).value
|
|
|
+ },
|
|
|
+ isLimitDisabled: function () {
|
|
|
+ var e = this._checkboxGroup,
|
|
|
+ t = e.max,
|
|
|
+ e = e.min;
|
|
|
+ return !(!t && !e) && this.model.length >= t && !this.isChecked || this.model.length <= e && this.isChecked
|
|
|
+ },
|
|
|
+ isDisabled: function () {
|
|
|
+ return this.isGroup ? this._checkboxGroup.disabled || this.disabled || (this.elForm || {}).disabled || this.isLimitDisabled : this.disabled || (this.elForm || {}).disabled
|
|
|
+ },
|
|
|
+ _elFormItemSize: function () {
|
|
|
+ return (this.elFormItem || {}).elFormItemSize
|
|
|
+ },
|
|
|
+ checkboxSize: function () {
|
|
|
+ var e = this.size || this._elFormItemSize || (this.$ELEMENT || {}).size;
|
|
|
+ return this.isGroup && this._checkboxGroup.checkboxGroupSize || e
|
|
|
+ }
|
|
|
+ },
|
|
|
+ props: {
|
|
|
+ value: {},
|
|
|
+ label: {},
|
|
|
+ indeterminate: Boolean,
|
|
|
+ disabled: Boolean,
|
|
|
+ checked: Boolean,
|
|
|
+ name: String,
|
|
|
+ trueLabel: [String, Number],
|
|
|
+ falseLabel: [String, Number],
|
|
|
+ id: String,
|
|
|
+ controls: String,
|
|
|
+ border: Boolean,
|
|
|
+ size: String
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ addToStore: function () {
|
|
|
+ Array.isArray(this.model) && -1 === this.model.indexOf(this.label) ? this.model.push(this.label) : this.model = this.trueLabel || !0
|
|
|
+ },
|
|
|
+ handleChange: function (e) {
|
|
|
+ var t, i = this;
|
|
|
+ this.isLimitExceeded || (t = void 0, t = e.target.checked ? void 0 === this.trueLabel || this.trueLabel : void 0 !== this.falseLabel && this.falseLabel, this.$emit("change", t, e), this.$nextTick(function () {
|
|
|
+ i.isGroup && i.dispatch("ElCheckboxGroup", "change", [i._checkboxGroup.value])
|
|
|
+ }))
|
|
|
+ }
|
|
|
+ },
|
|
|
+ created: function () {
|
|
|
+ this.checked && this.addToStore()
|
|
|
+ },
|
|
|
+ mounted: function () {
|
|
|
+ this.indeterminate && this.$el.setAttribute("aria-controls", this.controls)
|
|
|
+ },
|
|
|
+ watch: {
|
|
|
+ value: function (e) {
|
|
|
+ this.dispatch("ElFormItem", "el.form.change", e)
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, n, [], !1, null, null, null);
|
|
|
+ s.options.__file = "packages/checkbox/src/checkbox.vue";
|
|
|
+ var Mi = s.exports;
|
|
|
+ Mi.install = function (e) {
|
|
|
+ e.component(Mi.name, Mi)
|
|
|
+ };
|
|
|
+ c = Mi, d = function () {
|
|
|
+ var s = this,
|
|
|
+ e = s.$createElement,
|
|
|
+ e = s._self._c || e;
|
|
|
+ return e("label", {
|
|
|
+ staticClass: "el-checkbox-button",
|
|
|
+ class: [s.size ? "el-checkbox-button--" + s.size : "", {
|
|
|
+ "is-disabled": s.isDisabled
|
|
|
+ }, {
|
|
|
+ "is-checked": s.isChecked
|
|
|
+ }, {
|
|
|
+ "is-focus": s.focus
|
|
|
+ }],
|
|
|
+ attrs: {
|
|
|
+ role: "checkbox",
|
|
|
+ "aria-checked": s.isChecked,
|
|
|
+ "aria-disabled": s.isDisabled
|
|
|
+ }
|
|
|
+ }, [s.trueLabel || s.falseLabel ? e("input", {
|
|
|
+ directives: [{
|
|
|
+ name: "model",
|
|
|
+ rawName: "v-model",
|
|
|
+ value: s.model,
|
|
|
+ expression: "model"
|
|
|
+ }],
|
|
|
+ staticClass: "el-checkbox-button__original",
|
|
|
+ attrs: {
|
|
|
+ type: "checkbox",
|
|
|
+ name: s.name,
|
|
|
+ disabled: s.isDisabled,
|
|
|
+ "true-value": s.trueLabel,
|
|
|
+ "false-value": s.falseLabel
|
|
|
+ },
|
|
|
+ domProps: {
|
|
|
+ checked: Array.isArray(s.model) ? -1 < s._i(s.model, null) : s._q(s.model, s.trueLabel)
|
|
|
+ },
|
|
|
+ on: {
|
|
|
+ change: [function (e) {
|
|
|
+ var t = s.model,
|
|
|
+ i = e.target,
|
|
|
+ n = i.checked ? s.trueLabel : s.falseLabel;
|
|
|
+ Array.isArray(t) ? (e = s._i(t, null), i.checked ? e < 0 && (s.model = t.concat([null])) : -1 < e && (s.model = t.slice(0, e).concat(t.slice(e + 1)))) : s.model = n
|
|
|
+ }, s.handleChange],
|
|
|
+ focus: function (e) {
|
|
|
+ s.focus = !0
|
|
|
+ },
|
|
|
+ blur: function (e) {
|
|
|
+ s.focus = !1
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }) : e("input", {
|
|
|
+ directives: [{
|
|
|
+ name: "model",
|
|
|
+ rawName: "v-model",
|
|
|
+ value: s.model,
|
|
|
+ expression: "model"
|
|
|
+ }],
|
|
|
+ staticClass: "el-checkbox-button__original",
|
|
|
+ attrs: {
|
|
|
+ type: "checkbox",
|
|
|
+ name: s.name,
|
|
|
+ disabled: s.isDisabled
|
|
|
+ },
|
|
|
+ domProps: {
|
|
|
+ value: s.label,
|
|
|
+ checked: Array.isArray(s.model) ? -1 < s._i(s.model, s.label) : s.model
|
|
|
+ },
|
|
|
+ on: {
|
|
|
+ change: [function (e) {
|
|
|
+ var t, i = s.model,
|
|
|
+ n = e.target,
|
|
|
+ r = !!n.checked;
|
|
|
+ Array.isArray(i) ? (t = s.label, e = s._i(i, t), n.checked ? e < 0 && (s.model = i.concat([t])) : -1 < e && (s.model = i.slice(0, e).concat(i.slice(e + 1)))) : s.model = r
|
|
|
+ }, s.handleChange],
|
|
|
+ focus: function (e) {
|
|
|
+ s.focus = !0
|
|
|
+ },
|
|
|
+ blur: function (e) {
|
|
|
+ s.focus = !1
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }), s.$slots.default || s.label ? e("span", {
|
|
|
+ staticClass: "el-checkbox-button__inner",
|
|
|
+ style: s.isChecked ? s.activeStyle : null
|
|
|
+ }, [s._t("default", [s._v(s._s(s.label))])], 2) : s._e()])
|
|
|
+ };
|
|
|
+ d._withStripped = !0;
|
|
|
+ f = r({
|
|
|
+ name: "ElCheckboxButton",
|
|
|
+ mixins: [l],
|
|
|
+ inject: {
|
|
|
+ elForm: {
|
|
|
+ default: ""
|
|
|
+ },
|
|
|
+ elFormItem: {
|
|
|
+ default: ""
|
|
|
+ }
|
|
|
+ },
|
|
|
+ data: function () {
|
|
|
+ return {
|
|
|
+ selfModel: !1,
|
|
|
+ focus: !1,
|
|
|
+ isLimitExceeded: !1
|
|
|
+ }
|
|
|
+ },
|
|
|
+ props: {
|
|
|
+ value: {},
|
|
|
+ label: {},
|
|
|
+ disabled: Boolean,
|
|
|
+ checked: Boolean,
|
|
|
+ name: String,
|
|
|
+ trueLabel: [String, Number],
|
|
|
+ falseLabel: [String, Number]
|
|
|
+ },
|
|
|
+ computed: {
|
|
|
+ model: {
|
|
|
+ get: function () {
|
|
|
+ return this._checkboxGroup ? this.store : void 0 !== this.value ? this.value : this.selfModel
|
|
|
+ },
|
|
|
+ set: function (e) {
|
|
|
+ this._checkboxGroup ? (this.isLimitExceeded = !1, void 0 !== this._checkboxGroup.min && e.length < this._checkboxGroup.min && (this.isLimitExceeded = !0), void 0 !== this._checkboxGroup.max && e.length > this._checkboxGroup.max && (this.isLimitExceeded = !0), !1 === this.isLimitExceeded && this.dispatch("ElCheckboxGroup", "input", [e])) : void 0 !== this.value ? this.$emit("input", e) : this.selfModel = e
|
|
|
+ }
|
|
|
+ },
|
|
|
+ isChecked: function () {
|
|
|
+ return "[object Boolean]" === {}.toString.call(this.model) ? this.model : Array.isArray(this.model) ? -1 < this.model.indexOf(this.label) : null !== this.model && void 0 !== this.model ? this.model === this.trueLabel : void 0
|
|
|
+ },
|
|
|
+ _checkboxGroup: function () {
|
|
|
+ for (var e = this.$parent; e;) {
|
|
|
+ if ("ElCheckboxGroup" === e.$options.componentName) return e;
|
|
|
+ e = e.$parent
|
|
|
+ }
|
|
|
+ return !1
|
|
|
+ },
|
|
|
+ store: function () {
|
|
|
+ return (this._checkboxGroup || this).value
|
|
|
+ },
|
|
|
+ activeStyle: function () {
|
|
|
+ return {
|
|
|
+ backgroundColor: this._checkboxGroup.fill || "",
|
|
|
+ borderColor: this._checkboxGroup.fill || "",
|
|
|
+ color: this._checkboxGroup.textColor || "",
|
|
|
+ "box-shadow": "-1px 0 0 0 " + this._checkboxGroup.fill
|
|
|
+ }
|
|
|
+ },
|
|
|
+ _elFormItemSize: function () {
|
|
|
+ return (this.elFormItem || {}).elFormItemSize
|
|
|
+ },
|
|
|
+ size: function () {
|
|
|
+ return this._checkboxGroup.checkboxGroupSize || this._elFormItemSize || (this.$ELEMENT || {}).size
|
|
|
+ },
|
|
|
+ isLimitDisabled: function () {
|
|
|
+ var e = this._checkboxGroup,
|
|
|
+ t = e.max,
|
|
|
+ e = e.min;
|
|
|
+ return !(!t && !e) && this.model.length >= t && !this.isChecked || this.model.length <= e && this.isChecked
|
|
|
+ },
|
|
|
+ isDisabled: function () {
|
|
|
+ return this._checkboxGroup ? this._checkboxGroup.disabled || this.disabled || (this.elForm || {}).disabled || this.isLimitDisabled : this.disabled || (this.elForm || {}).disabled
|
|
|
+ }
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ addToStore: function () {
|
|
|
+ Array.isArray(this.model) && -1 === this.model.indexOf(this.label) ? this.model.push(this.label) : this.model = this.trueLabel || !0
|
|
|
+ },
|
|
|
+ handleChange: function (e) {
|
|
|
+ var t, i = this;
|
|
|
+ this.isLimitExceeded || (t = void 0, t = e.target.checked ? void 0 === this.trueLabel || this.trueLabel : void 0 !== this.falseLabel && this.falseLabel, this.$emit("change", t, e), this.$nextTick(function () {
|
|
|
+ i._checkboxGroup && i.dispatch("ElCheckboxGroup", "change", [i._checkboxGroup.value])
|
|
|
+ }))
|
|
|
+ }
|
|
|
+ },
|
|
|
+ created: function () {
|
|
|
+ this.checked && this.addToStore()
|
|
|
+ }
|
|
|
+ }, d, [], !1, null, null, null);
|
|
|
+ f.options.__file = "packages/checkbox/src/checkbox-button.vue";
|
|
|
+ var Ni = f.exports;
|
|
|
+ Ni.install = function (e) {
|
|
|
+ e.component(Ni.name, Ni)
|
|
|
+ };
|
|
|
+ q = Ni, Q = function () {
|
|
|
+ var e = this.$createElement;
|
|
|
+ return (this._self._c || e)("div", {
|
|
|
+ staticClass: "el-checkbox-group",
|
|
|
+ attrs: {
|
|
|
+ role: "group",
|
|
|
+ "aria-label": "checkbox-group"
|
|
|
+ }
|
|
|
+ }, [this._t("default")], 2)
|
|
|
+ };
|
|
|
+ Q._withStripped = !0;
|
|
|
+ ae = r({
|
|
|
+ name: "ElCheckboxGroup",
|
|
|
+ componentName: "ElCheckboxGroup",
|
|
|
+ mixins: [l],
|
|
|
+ inject: {
|
|
|
+ elFormItem: {
|
|
|
+ default: ""
|
|
|
+ }
|
|
|
+ },
|
|
|
+ props: {
|
|
|
+ value: {},
|
|
|
+ disabled: Boolean,
|
|
|
+ min: Number,
|
|
|
+ max: Number,
|
|
|
+ size: String,
|
|
|
+ fill: String,
|
|
|
+ textColor: String
|
|
|
+ },
|
|
|
+ computed: {
|
|
|
+ _elFormItemSize: function () {
|
|
|
+ return (this.elFormItem || {}).elFormItemSize
|
|
|
+ },
|
|
|
+ checkboxGroupSize: function () {
|
|
|
+ return this.size || this._elFormItemSize || (this.$ELEMENT || {}).size
|
|
|
+ }
|
|
|
+ },
|
|
|
+ watch: {
|
|
|
+ value: function (e) {
|
|
|
+ this.dispatch("ElFormItem", "el.form.change", [e])
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, Q, [], !1, null, null, null);
|
|
|
+ ae.options.__file = "packages/checkbox/src/checkbox-group.vue";
|
|
|
+ var Pi = ae.exports;
|
|
|
+ Pi.install = function (e) {
|
|
|
+ e.component(Pi.name, Pi)
|
|
|
+ };
|
|
|
+ ie = Pi, Me = function () {
|
|
|
+ var t = this,
|
|
|
+ e = t.$createElement,
|
|
|
+ e = t._self._c || e;
|
|
|
+ return e("div", {
|
|
|
+ staticClass: "el-switch",
|
|
|
+ class: {
|
|
|
+ "is-disabled": t.switchDisabled, "is-checked": t.checked
|
|
|
+ },
|
|
|
+ attrs: {
|
|
|
+ role: "switch",
|
|
|
+ "aria-checked": t.checked,
|
|
|
+ "aria-disabled": t.switchDisabled
|
|
|
+ },
|
|
|
+ on: {
|
|
|
+ click: function (e) {
|
|
|
+ return e.preventDefault(), t.switchValue(e)
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, [e("input", {
|
|
|
+ ref: "input",
|
|
|
+ staticClass: "el-switch__input",
|
|
|
+ attrs: {
|
|
|
+ type: "checkbox",
|
|
|
+ id: t.id,
|
|
|
+ name: t.name,
|
|
|
+ "true-value": t.activeValue,
|
|
|
+ "false-value": t.inactiveValue,
|
|
|
+ disabled: t.switchDisabled
|
|
|
+ },
|
|
|
+ on: {
|
|
|
+ change: t.handleChange,
|
|
|
+ keydown: function (e) {
|
|
|
+ return "button" in e || !t._k(e.keyCode, "enter", 13, e.key, "Enter") ? t.switchValue(e) : null
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }), t.inactiveIconClass || t.inactiveText ? e("span", {
|
|
|
+ class: ["el-switch__label", "el-switch__label--left", t.checked ? "" : "is-active"]
|
|
|
+ }, [t.inactiveIconClass ? e("i", {
|
|
|
+ class: [t.inactiveIconClass]
|
|
|
+ }) : t._e(), !t.inactiveIconClass && t.inactiveText ? e("span", {
|
|
|
+ attrs: {
|
|
|
+ "aria-hidden": t.checked
|
|
|
+ }
|
|
|
+ }, [t._v(t._s(t.inactiveText))]) : t._e()]) : t._e(), e("span", {
|
|
|
+ ref: "core",
|
|
|
+ staticClass: "el-switch__core",
|
|
|
+ style: {
|
|
|
+ width: t.coreWidth + "px"
|
|
|
+ }
|
|
|
+ }), t.activeIconClass || t.activeText ? e("span", {
|
|
|
+ class: ["el-switch__label", "el-switch__label--right", t.checked ? "is-active" : ""]
|
|
|
+ }, [t.activeIconClass ? e("i", {
|
|
|
+ class: [t.activeIconClass]
|
|
|
+ }) : t._e(), !t.activeIconClass && t.activeText ? e("span", {
|
|
|
+ attrs: {
|
|
|
+ "aria-hidden": !t.checked
|
|
|
+ }
|
|
|
+ }, [t._v(t._s(t.activeText))]) : t._e()]) : t._e()])
|
|
|
+ };
|
|
|
+ Me._withStripped = !0;
|
|
|
+ Pe = r({
|
|
|
+ name: "ElSwitch",
|
|
|
+ mixins: [u("input"), Y, l],
|
|
|
+ inject: {
|
|
|
+ elForm: {
|
|
|
+ default: ""
|
|
|
+ }
|
|
|
+ },
|
|
|
+ props: {
|
|
|
+ value: {
|
|
|
+ type: [Boolean, String, Number],
|
|
|
+ default: !1
|
|
|
+ },
|
|
|
+ disabled: {
|
|
|
+ type: Boolean,
|
|
|
+ default: !1
|
|
|
+ },
|
|
|
+ width: {
|
|
|
+ type: Number,
|
|
|
+ default: 40
|
|
|
+ },
|
|
|
+ activeIconClass: {
|
|
|
+ type: String,
|
|
|
+ default: ""
|
|
|
+ },
|
|
|
+ inactiveIconClass: {
|
|
|
+ type: String,
|
|
|
+ default: ""
|
|
|
+ },
|
|
|
+ activeText: String,
|
|
|
+ inactiveText: String,
|
|
|
+ activeColor: {
|
|
|
+ type: String,
|
|
|
+ default: ""
|
|
|
+ },
|
|
|
+ inactiveColor: {
|
|
|
+ type: String,
|
|
|
+ default: ""
|
|
|
+ },
|
|
|
+ activeValue: {
|
|
|
+ type: [Boolean, String, Number],
|
|
|
+ default: !0
|
|
|
+ },
|
|
|
+ inactiveValue: {
|
|
|
+ type: [Boolean, String, Number],
|
|
|
+ default: !1
|
|
|
+ },
|
|
|
+ name: {
|
|
|
+ type: String,
|
|
|
+ default: ""
|
|
|
+ },
|
|
|
+ validateEvent: {
|
|
|
+ type: Boolean,
|
|
|
+ default: !0
|
|
|
+ },
|
|
|
+ id: String
|
|
|
+ },
|
|
|
+ data: function () {
|
|
|
+ return {
|
|
|
+ coreWidth: this.width
|
|
|
+ }
|
|
|
+ },
|
|
|
+ created: function () {
|
|
|
+ ~[this.activeValue, this.inactiveValue].indexOf(this.value) || this.$emit("input", this.inactiveValue)
|
|
|
+ },
|
|
|
+ computed: {
|
|
|
+ checked: function () {
|
|
|
+ return this.value === this.activeValue
|
|
|
+ },
|
|
|
+ switchDisabled: function () {
|
|
|
+ return this.disabled || (this.elForm || {}).disabled
|
|
|
+ }
|
|
|
+ },
|
|
|
+ watch: {
|
|
|
+ checked: function () {
|
|
|
+ this.$refs.input.checked = this.checked, (this.activeColor || this.inactiveColor) && this.setBackgroundColor(), this.validateEvent && this.dispatch("ElFormItem", "el.form.change", [this.value])
|
|
|
+ }
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ handleChange: function (e) {
|
|
|
+ var t = this,
|
|
|
+ i = this.checked ? this.inactiveValue : this.activeValue;
|
|
|
+ this.$emit("input", i), this.$emit("change", i), this.$nextTick(function () {
|
|
|
+ t.$refs.input.checked = t.checked
|
|
|
+ })
|
|
|
+ },
|
|
|
+ setBackgroundColor: function () {
|
|
|
+ var e = this.checked ? this.activeColor : this.inactiveColor;
|
|
|
+ this.$refs.core.style.borderColor = e, this.$refs.core.style.backgroundColor = e
|
|
|
+ },
|
|
|
+ switchValue: function () {
|
|
|
+ this.switchDisabled || this.handleChange()
|
|
|
+ },
|
|
|
+ getMigratingConfig: function () {
|
|
|
+ return {
|
|
|
+ props: {
|
|
|
+ "on-color": "on-color is renamed to active-color.",
|
|
|
+ "off-color": "off-color is renamed to inactive-color.",
|
|
|
+ "on-text": "on-text is renamed to active-text.",
|
|
|
+ "off-text": "off-text is renamed to inactive-text.",
|
|
|
+ "on-value": "on-value is renamed to active-value.",
|
|
|
+ "off-value": "off-value is renamed to inactive-value.",
|
|
|
+ "on-icon-class": "on-icon-class is renamed to active-icon-class.",
|
|
|
+ "off-icon-class": "off-icon-class is renamed to inactive-icon-class."
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ mounted: function () {
|
|
|
+ this.coreWidth = this.width || 40, (this.activeColor || this.inactiveColor) && this.setBackgroundColor(), this.$refs.input.checked = this.checked
|
|
|
+ }
|
|
|
+ }, Me, [], !1, null, null, null);
|
|
|
+ Pe.options.__file = "packages/switch/src/component.vue";
|
|
|
+ var Ii = Pe.exports;
|
|
|
+ Ii.install = function (e) {
|
|
|
+ e.component(Ii.name, Ii)
|
|
|
+ };
|
|
|
+ Oe = Ii, Ae = function () {
|
|
|
+ var e = this.$createElement,
|
|
|
+ e = this._self._c || e;
|
|
|
+ return e("ul", {
|
|
|
+ directives: [{
|
|
|
+ name: "show",
|
|
|
+ rawName: "v-show",
|
|
|
+ value: this.visible,
|
|
|
+ expression: "visible"
|
|
|
+ }],
|
|
|
+ staticClass: "el-select-group__wrap"
|
|
|
+ }, [e("li", {
|
|
|
+ staticClass: "el-select-group__title"
|
|
|
+ }, [this._v(this._s(this.label))]), e("li", [e("ul", {
|
|
|
+ staticClass: "el-select-group"
|
|
|
+ }, [this._t("default")], 2)])])
|
|
|
+ };
|
|
|
+ Ae._withStripped = !0;
|
|
|
+ Ge = r({
|
|
|
+ mixins: [l],
|
|
|
+ name: "ElOptionGroup",
|
|
|
+ componentName: "ElOptionGroup",
|
|
|
+ props: {
|
|
|
+ label: String,
|
|
|
+ disabled: {
|
|
|
+ type: Boolean,
|
|
|
+ default: !1
|
|
|
+ }
|
|
|
+ },
|
|
|
+ data: function () {
|
|
|
+ return {
|
|
|
+ visible: !0
|
|
|
+ }
|
|
|
+ },
|
|
|
+ watch: {
|
|
|
+ disabled: function (e) {
|
|
|
+ this.broadcast("ElOption", "handleGroupDisabled", e)
|
|
|
+ }
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ queryChange: function () {
|
|
|
+ this.visible = this.$children && Array.isArray(this.$children) && this.$children.some(function (e) {
|
|
|
+ return !0 === e.visible
|
|
|
+ })
|
|
|
+ }
|
|
|
+ },
|
|
|
+ created: function () {
|
|
|
+ this.$on("queryChange", this.queryChange)
|
|
|
+ },
|
|
|
+ mounted: function () {
|
|
|
+ this.disabled && this.broadcast("ElOption", "handleGroupDisabled", this.disabled)
|
|
|
+ }
|
|
|
+ }, Ae, [], !1, null, null, null);
|
|
|
+ Ge.options.__file = "packages/select/src/option-group.vue";
|
|
|
+ var Oi = Ge.exports;
|
|
|
+ Oi.install = function (e) {
|
|
|
+ e.component(Oi.name, Oi)
|
|
|
+ };
|
|
|
+ Ne = Oi, a = function () {
|
|
|
+ var t = this,
|
|
|
+ e = t.$createElement,
|
|
|
+ e = t._self._c || e;
|
|
|
+ return e("div", {
|
|
|
+ staticClass: "el-table",
|
|
|
+ class: [{
|
|
|
+ "el-table--fit": t.fit,
|
|
|
+ "el-table--striped": t.stripe,
|
|
|
+ "el-table--border": t.border || t.isGroup,
|
|
|
+ "el-table--hidden": t.isHidden,
|
|
|
+ "el-table--group": t.isGroup,
|
|
|
+ "el-table--fluid-height": t.maxHeight,
|
|
|
+ "el-table--scrollable-x": t.layout.scrollX,
|
|
|
+ "el-table--scrollable-y": t.layout.scrollY,
|
|
|
+ "el-table--enable-row-hover": !t.store.states.isComplex,
|
|
|
+ "el-table--enable-row-transition": 0 !== (t.store.states.data || []).length && (t.store.states.data || []).length < 100
|
|
|
+ }, t.tableSize ? "el-table--" + t.tableSize : ""],
|
|
|
+ on: {
|
|
|
+ mouseleave: function (e) {
|
|
|
+ t.handleMouseLeave(e)
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, [e("div", {
|
|
|
+ ref: "hiddenColumns",
|
|
|
+ staticClass: "hidden-columns"
|
|
|
+ }, [t._t("default")], 2), t.showHeader ? e("div", {
|
|
|
+ directives: [{
|
|
|
+ name: "mousewheel",
|
|
|
+ rawName: "v-mousewheel",
|
|
|
+ value: t.handleHeaderFooterMousewheel,
|
|
|
+ expression: "handleHeaderFooterMousewheel"
|
|
|
+ }],
|
|
|
+ ref: "headerWrapper",
|
|
|
+ staticClass: "el-table__header-wrapper"
|
|
|
+ }, [e("table-header", {
|
|
|
+ ref: "tableHeader",
|
|
|
+ style: {
|
|
|
+ width: t.layout.bodyWidth ? t.layout.bodyWidth + "px" : ""
|
|
|
+ },
|
|
|
+ attrs: {
|
|
|
+ store: t.store,
|
|
|
+ border: t.border,
|
|
|
+ "default-sort": t.defaultSort
|
|
|
+ }
|
|
|
+ })], 1) : t._e(), e("div", {
|
|
|
+ ref: "bodyWrapper",
|
|
|
+ staticClass: "el-table__body-wrapper",
|
|
|
+ class: [t.layout.scrollX ? "is-scrolling-" + t.scrollPosition : "is-scrolling-none"],
|
|
|
+ style: [t.bodyHeight]
|
|
|
+ }, [e("table-body", {
|
|
|
+ style: {
|
|
|
+ width: t.bodyWidth
|
|
|
+ },
|
|
|
+ attrs: {
|
|
|
+ context: t.context,
|
|
|
+ store: t.store,
|
|
|
+ stripe: t.stripe,
|
|
|
+ "row-class-name": t.rowClassName,
|
|
|
+ "row-style": t.rowStyle,
|
|
|
+ highlight: t.highlightCurrentRow
|
|
|
+ }
|
|
|
+ }), t.data && 0 !== t.data.length ? t._e() : e("div", {
|
|
|
+ ref: "emptyBlock",
|
|
|
+ staticClass: "el-table__empty-block",
|
|
|
+ style: t.emptyBlockStyle
|
|
|
+ }, [e("span", {
|
|
|
+ staticClass: "el-table__empty-text"
|
|
|
+ }, [t._t("empty", [t._v(t._s(t.emptyText || t.t("el.table.emptyText")))])], 2)]), t.$slots.append ? e("div", {
|
|
|
+ ref: "appendWrapper",
|
|
|
+ staticClass: "el-table__append-wrapper"
|
|
|
+ }, [t._t("append")], 2) : t._e()], 1), t.showSummary ? e("div", {
|
|
|
+ directives: [{
|
|
|
+ name: "show",
|
|
|
+ rawName: "v-show",
|
|
|
+ value: t.data && 0 < t.data.length,
|
|
|
+ expression: "data && data.length > 0"
|
|
|
+ }, {
|
|
|
+ name: "mousewheel",
|
|
|
+ rawName: "v-mousewheel",
|
|
|
+ value: t.handleHeaderFooterMousewheel,
|
|
|
+ expression: "handleHeaderFooterMousewheel"
|
|
|
+ }],
|
|
|
+ ref: "footerWrapper",
|
|
|
+ staticClass: "el-table__footer-wrapper"
|
|
|
+ }, [e("table-footer", {
|
|
|
+ style: {
|
|
|
+ width: t.layout.bodyWidth ? t.layout.bodyWidth + "px" : ""
|
|
|
+ },
|
|
|
+ attrs: {
|
|
|
+ store: t.store,
|
|
|
+ border: t.border,
|
|
|
+ "sum-text": t.sumText || t.t("el.table.sumText"),
|
|
|
+ "summary-method": t.summaryMethod,
|
|
|
+ "default-sort": t.defaultSort
|
|
|
+ }
|
|
|
+ })], 1) : t._e(), 0 < t.fixedColumns.length ? e("div", {
|
|
|
+ directives: [{
|
|
|
+ name: "mousewheel",
|
|
|
+ rawName: "v-mousewheel",
|
|
|
+ value: t.handleFixedMousewheel,
|
|
|
+ expression: "handleFixedMousewheel"
|
|
|
+ }],
|
|
|
+ ref: "fixedWrapper",
|
|
|
+ staticClass: "el-table__fixed",
|
|
|
+ style: [{
|
|
|
+ width: t.layout.fixedWidth ? t.layout.fixedWidth + "px" : ""
|
|
|
+ }, t.fixedHeight]
|
|
|
+ }, [t.showHeader ? e("div", {
|
|
|
+ ref: "fixedHeaderWrapper",
|
|
|
+ staticClass: "el-table__fixed-header-wrapper"
|
|
|
+ }, [e("table-header", {
|
|
|
+ ref: "fixedTableHeader",
|
|
|
+ style: {
|
|
|
+ width: t.bodyWidth
|
|
|
+ },
|
|
|
+ attrs: {
|
|
|
+ fixed: "left",
|
|
|
+ border: t.border,
|
|
|
+ store: t.store
|
|
|
+ }
|
|
|
+ })], 1) : t._e(), e("div", {
|
|
|
+ ref: "fixedBodyWrapper",
|
|
|
+ staticClass: "el-table__fixed-body-wrapper",
|
|
|
+ style: [{
|
|
|
+ top: t.layout.headerHeight + "px"
|
|
|
+ }, t.fixedBodyHeight]
|
|
|
+ }, [e("table-body", {
|
|
|
+ style: {
|
|
|
+ width: t.bodyWidth
|
|
|
+ },
|
|
|
+ attrs: {
|
|
|
+ fixed: "left",
|
|
|
+ store: t.store,
|
|
|
+ stripe: t.stripe,
|
|
|
+ highlight: t.highlightCurrentRow,
|
|
|
+ "row-class-name": t.rowClassName,
|
|
|
+ "row-style": t.rowStyle
|
|
|
+ }
|
|
|
+ }), t.$slots.append ? e("div", {
|
|
|
+ staticClass: "el-table__append-gutter",
|
|
|
+ style: {
|
|
|
+ height: t.layout.appendHeight + "px"
|
|
|
+ }
|
|
|
+ }) : t._e()], 1), t.showSummary ? e("div", {
|
|
|
+ directives: [{
|
|
|
+ name: "show",
|
|
|
+ rawName: "v-show",
|
|
|
+ value: t.data && 0 < t.data.length,
|
|
|
+ expression: "data && data.length > 0"
|
|
|
+ }],
|
|
|
+ ref: "fixedFooterWrapper",
|
|
|
+ staticClass: "el-table__fixed-footer-wrapper"
|
|
|
+ }, [e("table-footer", {
|
|
|
+ style: {
|
|
|
+ width: t.bodyWidth
|
|
|
+ },
|
|
|
+ attrs: {
|
|
|
+ fixed: "left",
|
|
|
+ border: t.border,
|
|
|
+ "sum-text": t.sumText || t.t("el.table.sumText"),
|
|
|
+ "summary-method": t.summaryMethod,
|
|
|
+ store: t.store
|
|
|
+ }
|
|
|
+ })], 1) : t._e()]) : t._e(), 0 < t.rightFixedColumns.length ? e("div", {
|
|
|
+ directives: [{
|
|
|
+ name: "mousewheel",
|
|
|
+ rawName: "v-mousewheel",
|
|
|
+ value: t.handleFixedMousewheel,
|
|
|
+ expression: "handleFixedMousewheel"
|
|
|
+ }],
|
|
|
+ ref: "rightFixedWrapper",
|
|
|
+ staticClass: "el-table__fixed-right",
|
|
|
+ style: [{
|
|
|
+ width: t.layout.rightFixedWidth ? t.layout.rightFixedWidth + "px" : "",
|
|
|
+ right: t.layout.scrollY ? (t.border ? t.layout.gutterWidth : t.layout.gutterWidth || 0) + "px" : ""
|
|
|
+ }, t.fixedHeight]
|
|
|
+ }, [t.showHeader ? e("div", {
|
|
|
+ ref: "rightFixedHeaderWrapper",
|
|
|
+ staticClass: "el-table__fixed-header-wrapper"
|
|
|
+ }, [e("table-header", {
|
|
|
+ ref: "rightFixedTableHeader",
|
|
|
+ style: {
|
|
|
+ width: t.bodyWidth
|
|
|
+ },
|
|
|
+ attrs: {
|
|
|
+ fixed: "right",
|
|
|
+ border: t.border,
|
|
|
+ store: t.store
|
|
|
+ }
|
|
|
+ })], 1) : t._e(), e("div", {
|
|
|
+ ref: "rightFixedBodyWrapper",
|
|
|
+ staticClass: "el-table__fixed-body-wrapper",
|
|
|
+ style: [{
|
|
|
+ top: t.layout.headerHeight + "px"
|
|
|
+ }, t.fixedBodyHeight]
|
|
|
+ }, [e("table-body", {
|
|
|
+ style: {
|
|
|
+ width: t.bodyWidth
|
|
|
+ },
|
|
|
+ attrs: {
|
|
|
+ fixed: "right",
|
|
|
+ store: t.store,
|
|
|
+ stripe: t.stripe,
|
|
|
+ "row-class-name": t.rowClassName,
|
|
|
+ "row-style": t.rowStyle,
|
|
|
+ highlight: t.highlightCurrentRow
|
|
|
+ }
|
|
|
+ }), t.$slots.append ? e("div", {
|
|
|
+ staticClass: "el-table__append-gutter",
|
|
|
+ style: {
|
|
|
+ height: t.layout.appendHeight + "px"
|
|
|
+ }
|
|
|
+ }) : t._e()], 1), t.showSummary ? e("div", {
|
|
|
+ directives: [{
|
|
|
+ name: "show",
|
|
|
+ rawName: "v-show",
|
|
|
+ value: t.data && 0 < t.data.length,
|
|
|
+ expression: "data && data.length > 0"
|
|
|
+ }],
|
|
|
+ ref: "rightFixedFooterWrapper",
|
|
|
+ staticClass: "el-table__fixed-footer-wrapper"
|
|
|
+ }, [e("table-footer", {
|
|
|
+ style: {
|
|
|
+ width: t.bodyWidth
|
|
|
+ },
|
|
|
+ attrs: {
|
|
|
+ fixed: "right",
|
|
|
+ border: t.border,
|
|
|
+ "sum-text": t.sumText || t.t("el.table.sumText"),
|
|
|
+ "summary-method": t.summaryMethod,
|
|
|
+ store: t.store
|
|
|
+ }
|
|
|
+ })], 1) : t._e()]) : t._e(), 0 < t.rightFixedColumns.length ? e("div", {
|
|
|
+ ref: "rightFixedPatch",
|
|
|
+ staticClass: "el-table__fixed-right-patch",
|
|
|
+ style: {
|
|
|
+ width: t.layout.scrollY ? t.layout.gutterWidth + "px" : "0",
|
|
|
+ height: t.layout.headerHeight + "px"
|
|
|
+ }
|
|
|
+ }) : t._e(), e("div", {
|
|
|
+ directives: [{
|
|
|
+ name: "show",
|
|
|
+ rawName: "v-show",
|
|
|
+ value: t.resizeProxyVisible,
|
|
|
+ expression: "resizeProxyVisible"
|
|
|
+ }],
|
|
|
+ ref: "resizeProxy",
|
|
|
+ staticClass: "el-table__column-resize-proxy"
|
|
|
+ })])
|
|
|
+ };
|
|
|
+ a._withStripped = !0;
|
|
|
+
|
|
|
+ function Fi(e) {
|
|
|
+ for (var t = e.target; t && "HTML" !== t.tagName.toUpperCase();) {
|
|
|
+ if ("TD" === t.tagName.toUpperCase()) return t;
|
|
|
+ t = t.parentNode
|
|
|
+ }
|
|
|
+ return null
|
|
|
+ }
|
|
|
+
|
|
|
+ function Ai(e) {
|
|
|
+ return null !== e && "object" === (void 0 === e ? "undefined" : ji(e))
|
|
|
+ }
|
|
|
+
|
|
|
+ function Li(e, t) {
|
|
|
+ var i = null;
|
|
|
+ return e.columns.forEach(function (e) {
|
|
|
+ e.id === t && (i = e)
|
|
|
+ }), i
|
|
|
+ }
|
|
|
+
|
|
|
+ function Vi(e, t) {
|
|
|
+ return (t = (t.className || "").match(/el-table_[^\s]+/gm)) ? Li(e, t[0]) : null
|
|
|
+ }
|
|
|
+
|
|
|
+ function Bi(e, t) {
|
|
|
+ if (!e) throw new Error("row is required when get row identity");
|
|
|
+ if ("string" == typeof t) {
|
|
|
+ if (t.indexOf(".") < 0) return e[t];
|
|
|
+ for (var i = t.split("."), n = e, r = 0; r < i.length; r++) n = n[i[r]];
|
|
|
+ return n
|
|
|
+ }
|
|
|
+ if ("function" == typeof t) return t.call(null, e)
|
|
|
+ }
|
|
|
+
|
|
|
+ function zi(e, i) {
|
|
|
+ var n = {};
|
|
|
+ return (e || []).forEach(function (e, t) {
|
|
|
+ n[Bi(e, i)] = {
|
|
|
+ row: e,
|
|
|
+ index: t
|
|
|
+ }
|
|
|
+ }), n
|
|
|
+ }
|
|
|
+ var Hi = i(35),
|
|
|
+ nt = i(48),
|
|
|
+ Ri = i.n(nt),
|
|
|
+ Wi = "undefined" != typeof navigator && -1 < navigator.userAgent.toLowerCase().indexOf("firefox"),
|
|
|
+ o = {
|
|
|
+ bind: function (e, t) {
|
|
|
+ var e = e,
|
|
|
+ i = t.value;
|
|
|
+ e && e.addEventListener && e.addEventListener(Wi ? "DOMMouseScroll" : "mousewheel", function (e) {
|
|
|
+ var t = Ri()(e);
|
|
|
+ i && i.apply(this, [e, t])
|
|
|
+ })
|
|
|
+ }
|
|
|
+ },
|
|
|
+ ji = "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 qi(e) {
|
|
|
+ return void 0 !== e && (e = parseInt(e, 10), isNaN(e) && (e = null)), e
|
|
|
+ }
|
|
|
+
|
|
|
+ function Yi(e) {
|
|
|
+ return "number" == typeof e ? e : "string" == typeof e ? /^\d+(?:px)?$/.test(e) ? parseInt(e, 10) : e : null
|
|
|
+ }
|
|
|
+
|
|
|
+ function Ki(e, t, i) {
|
|
|
+ function n() {
|
|
|
+ e.push(t), s = !0
|
|
|
+ }
|
|
|
+
|
|
|
+ function r() {
|
|
|
+ e.splice(o, 1), s = !0
|
|
|
+ }
|
|
|
+ var s = !1,
|
|
|
+ o = e.indexOf(t),
|
|
|
+ a = -1 !== o;
|
|
|
+ return "boolean" == typeof i ? i && !a ? n() : !i && a && r() : (a ? r : n)(), s
|
|
|
+ }
|
|
|
+
|
|
|
+ function Gi(e, r, t, i) {
|
|
|
+ function s(e) {
|
|
|
+ return !(Array.isArray(e) && e.length)
|
|
|
+ }
|
|
|
+ var o = 2 < arguments.length && void 0 !== t ? t : "children",
|
|
|
+ a = 3 < arguments.length && void 0 !== i ? i : "hasChildren";
|
|
|
+ e.forEach(function (e) {
|
|
|
+ var t;
|
|
|
+ e[a] ? r(e, null, 0) : (t = e[o], s(t) || function i(e, t, n) {
|
|
|
+ r(e, t, n), t.forEach(function (e) {
|
|
|
+ var t;
|
|
|
+ e[a] ? r(e, null, n + 1) : (t = e[o], s(t) || i(e, t, n + 1))
|
|
|
+ })
|
|
|
+ }(e, t, 0))
|
|
|
+ })
|
|
|
+ }
|
|
|
+
|
|
|
+ function Ui(e) {
|
|
|
+ var t = [];
|
|
|
+ return e.forEach(function (e) {
|
|
|
+ e.children ? t.push.apply(t, Ui(e.children)) : t.push(e)
|
|
|
+ }), t
|
|
|
+ }
|
|
|
+ var ut = {
|
|
|
+ data: function () {
|
|
|
+ return {
|
|
|
+ states: {
|
|
|
+ _currentRowKey: null,
|
|
|
+ currentRow: null
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ setCurrentRowKey: function (e) {
|
|
|
+ this.assertRowKey(), this.states._currentRowKey = e, this.setCurrentRowByKey(e)
|
|
|
+ },
|
|
|
+ restoreCurrentRowKey: function () {
|
|
|
+ this.states._currentRowKey = null
|
|
|
+ },
|
|
|
+ setCurrentRowByKey: function (t) {
|
|
|
+ var e = this.states,
|
|
|
+ i = e.data,
|
|
|
+ n = e.rowKey,
|
|
|
+ r = null;
|
|
|
+ n && (r = T(void 0 === i ? [] : i, function (e) {
|
|
|
+ return Bi(e, n) === t
|
|
|
+ })), e.currentRow = r
|
|
|
+ },
|
|
|
+ updateCurrentRow: function (e) {
|
|
|
+ var t = this.states,
|
|
|
+ i = this.table,
|
|
|
+ n = t.currentRow;
|
|
|
+ if (e && e !== n) return t.currentRow = e, void i.$emit("current-change", e, n);
|
|
|
+ !e && n && (t.currentRow = null, i.$emit("current-change", null, n))
|
|
|
+ },
|
|
|
+ updateCurrentRowData: function () {
|
|
|
+ var e = this.states,
|
|
|
+ t = this.table,
|
|
|
+ i = e.rowKey,
|
|
|
+ n = e._currentRowKey,
|
|
|
+ r = e.data || [],
|
|
|
+ s = e.currentRow; - 1 === r.indexOf(s) && s ? (i ? (i = Bi(s, i), this.setCurrentRowByKey(i)) : e.currentRow = null, null === e.currentRow && t.$emit("current-change", null, s)) : n && (this.setCurrentRowByKey(n), this.restoreCurrentRowKey())
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ Xi = Object.assign || function (e) {
|
|
|
+ for (var t = 1; t < arguments.length; t++) {
|
|
|
+ var i, n = arguments[t];
|
|
|
+ for (i in n) Object.prototype.hasOwnProperty.call(n, i) && (e[i] = n[i])
|
|
|
+ }
|
|
|
+ return e
|
|
|
+ },
|
|
|
+ ct = {
|
|
|
+ data: function () {
|
|
|
+ return {
|
|
|
+ states: {
|
|
|
+ expandRowKeys: [],
|
|
|
+ treeData: {},
|
|
|
+ indent: 16,
|
|
|
+ lazy: !1,
|
|
|
+ lazyTreeNodeMap: {},
|
|
|
+ lazyColumnIdentifier: "hasChildren",
|
|
|
+ childrenColumnName: "children"
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ computed: {
|
|
|
+ normalizedData: function () {
|
|
|
+ if (!this.states.rowKey) return {};
|
|
|
+ var e = this.states.data || [];
|
|
|
+ return this.normalize(e)
|
|
|
+ },
|
|
|
+ normalizedLazyNode: function () {
|
|
|
+ var e = this.states,
|
|
|
+ n = e.rowKey,
|
|
|
+ t = e.lazyTreeNodeMap,
|
|
|
+ r = e.lazyColumnIdentifier,
|
|
|
+ e = Object.keys(t),
|
|
|
+ s = {};
|
|
|
+ return e.length && e.forEach(function (e) {
|
|
|
+ var i;
|
|
|
+ t[e].length && (i = {
|
|
|
+ children: []
|
|
|
+ }, t[e].forEach(function (e) {
|
|
|
+ var t = Bi(e, n);
|
|
|
+ i.children.push(t), e[r] && !s[t] && (s[t] = {
|
|
|
+ children: []
|
|
|
+ })
|
|
|
+ }), s[e] = i)
|
|
|
+ }), s
|
|
|
+ }
|
|
|
+ },
|
|
|
+ watch: {
|
|
|
+ normalizedData: "updateTreeData",
|
|
|
+ normalizedLazyNode: "updateTreeData"
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ normalize: function (e) {
|
|
|
+ var t = this.states,
|
|
|
+ i = t.childrenColumnName,
|
|
|
+ n = t.lazyColumnIdentifier,
|
|
|
+ r = t.rowKey,
|
|
|
+ s = t.lazy,
|
|
|
+ o = {};
|
|
|
+ return Gi(e, function (e, t, i) {
|
|
|
+ e = Bi(e, r);
|
|
|
+ Array.isArray(t) ? o[e] = {
|
|
|
+ children: t.map(function (e) {
|
|
|
+ return Bi(e, r)
|
|
|
+ }),
|
|
|
+ level: i
|
|
|
+ } : s && (o[e] = {
|
|
|
+ children: [],
|
|
|
+ lazy: !0,
|
|
|
+ level: i
|
|
|
+ })
|
|
|
+ }, i, n), o
|
|
|
+ },
|
|
|
+ updateTreeData: function () {
|
|
|
+ var s, i, n, e, o, a, r = this.normalizedData,
|
|
|
+ l = this.normalizedLazyNode,
|
|
|
+ t = Object.keys(r),
|
|
|
+ u = {};
|
|
|
+ t.length && (e = this.states, s = e.treeData, i = e.defaultExpandAll, n = e.expandRowKeys, e = e.lazy, o = [], a = function (e, t) {
|
|
|
+ t = i || n && -1 !== n.indexOf(t);
|
|
|
+ return !!(e && e.expanded || t)
|
|
|
+ }, t.forEach(function (e) {
|
|
|
+ var t, i = s[e],
|
|
|
+ n = Xi({}, r[e]);
|
|
|
+ n.expanded = a(i, e), n.lazy && (i = (t = i || {}).loaded, t = void 0 !== (t = t.loading) && t, n.loaded = !!(void 0 !== i && i), n.loading = !!t, o.push(e)), u[e] = n
|
|
|
+ }), t = Object.keys(l), e && t.length && o.length && t.forEach(function (e) {
|
|
|
+ var t = s[e],
|
|
|
+ i = l[e].children;
|
|
|
+ if (-1 !== o.indexOf(e)) {
|
|
|
+ if (0 !== u[e].children.length) throw new Error("[ElTable]children must be an empty array.");
|
|
|
+ u[e].children = i
|
|
|
+ } else {
|
|
|
+ var n = t || {},
|
|
|
+ r = n.loaded,
|
|
|
+ n = n.loading;
|
|
|
+ u[e] = {
|
|
|
+ lazy: !0,
|
|
|
+ loaded: !!(void 0 !== r && r),
|
|
|
+ loading: !!(void 0 !== n && n),
|
|
|
+ expanded: a(t, e),
|
|
|
+ children: i,
|
|
|
+ level: ""
|
|
|
+ }
|
|
|
+ }
|
|
|
+ })), this.states.treeData = u, this.updateTableScrollY()
|
|
|
+ },
|
|
|
+ updateTreeExpandKeys: function (e) {
|
|
|
+ this.states.expandRowKeys = e, this.updateTreeData()
|
|
|
+ },
|
|
|
+ toggleTreeExpansion: function (e, t) {
|
|
|
+ this.assertRowKey();
|
|
|
+ var i = this.states,
|
|
|
+ n = i.rowKey,
|
|
|
+ r = i.treeData,
|
|
|
+ s = Bi(e, n),
|
|
|
+ i = s && r[s];
|
|
|
+ s && i && "expanded" in i && (n = i.expanded, t = void 0 === t ? !i.expanded : t, n !== (r[s].expanded = t) && this.table.$emit("expand-change", e, t), this.updateTableScrollY())
|
|
|
+ },
|
|
|
+ loadOrToggle: function (e) {
|
|
|
+ this.assertRowKey();
|
|
|
+ var t = this.states,
|
|
|
+ i = t.lazy,
|
|
|
+ n = t.treeData,
|
|
|
+ t = t.rowKey,
|
|
|
+ t = Bi(e, t),
|
|
|
+ n = n[t];
|
|
|
+ i && n && "loaded" in n && !n.loaded ? this.loadData(e, t, n) : this.toggleTreeExpansion(e)
|
|
|
+ },
|
|
|
+ loadData: function (n, r, e) {
|
|
|
+ var s = this,
|
|
|
+ t = this.table.load,
|
|
|
+ i = this.states.treeData;
|
|
|
+ t && !i[r].loaded && (i[r].loading = !0, t(n, e, function (e) {
|
|
|
+ if (!Array.isArray(e)) throw new Error("[ElTable] data must be an array");
|
|
|
+ var t = s.states,
|
|
|
+ i = t.lazyTreeNodeMap,
|
|
|
+ t = t.treeData;
|
|
|
+ t[r].loading = !1, t[r].loaded = !0, t[r].expanded = !0, e.length && s.$set(i, r, e), s.table.$emit("expand-change", n, !0)
|
|
|
+ }))
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ ft = h.a.extend({
|
|
|
+ data: function () {
|
|
|
+ return {
|
|
|
+ states: {
|
|
|
+ rowKey: null,
|
|
|
+ data: [],
|
|
|
+ isComplex: !1,
|
|
|
+ _columns: [],
|
|
|
+ originColumns: [],
|
|
|
+ columns: [],
|
|
|
+ fixedColumns: [],
|
|
|
+ rightFixedColumns: [],
|
|
|
+ leafColumns: [],
|
|
|
+ fixedLeafColumns: [],
|
|
|
+ rightFixedLeafColumns: [],
|
|
|
+ leafColumnsLength: 0,
|
|
|
+ fixedLeafColumnsLength: 0,
|
|
|
+ rightFixedLeafColumnsLength: 0,
|
|
|
+ isAllSelected: !1,
|
|
|
+ selection: [],
|
|
|
+ reserveSelection: !1,
|
|
|
+ selectOnIndeterminate: !1,
|
|
|
+ selectable: null,
|
|
|
+ filters: {},
|
|
|
+ filteredData: null,
|
|
|
+ sortingColumn: null,
|
|
|
+ sortProp: null,
|
|
|
+ sortOrder: null,
|
|
|
+ hoverRow: null
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ mixins: [{
|
|
|
+ data: function () {
|
|
|
+ return {
|
|
|
+ states: {
|
|
|
+ defaultExpandAll: !1,
|
|
|
+ expandRows: []
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ updateExpandRows: function () {
|
|
|
+ var n, e = this.states,
|
|
|
+ t = e.data,
|
|
|
+ i = void 0 === t ? [] : t,
|
|
|
+ r = e.rowKey,
|
|
|
+ t = e.defaultExpandAll,
|
|
|
+ e = e.expandRows;
|
|
|
+ t ? this.states.expandRows = i.slice() : r ? (n = zi(e, r), this.states.expandRows = i.reduce(function (e, t) {
|
|
|
+ var i = Bi(t, r);
|
|
|
+ return n[i] && e.push(t), e
|
|
|
+ }, [])) : this.states.expandRows = []
|
|
|
+ },
|
|
|
+ toggleRowExpansion: function (e, t) {
|
|
|
+ Ki(this.states.expandRows, e, t) && (this.table.$emit("expand-change", e, this.states.expandRows.slice()), this.scheduleLayout())
|
|
|
+ },
|
|
|
+ setExpandRowKeys: function (e) {
|
|
|
+ this.assertRowKey();
|
|
|
+ var t = this.states,
|
|
|
+ i = t.data,
|
|
|
+ t = t.rowKey,
|
|
|
+ n = zi(i, t);
|
|
|
+ this.states.expandRows = e.reduce(function (e, t) {
|
|
|
+ t = n[t];
|
|
|
+ return t && e.push(t.row), e
|
|
|
+ }, [])
|
|
|
+ },
|
|
|
+ isRowExpanded: function (e) {
|
|
|
+ var t = this.states,
|
|
|
+ i = t.expandRows,
|
|
|
+ i = void 0 === i ? [] : i,
|
|
|
+ t = t.rowKey;
|
|
|
+ return t ? !!zi(i, t)[Bi(e, t)] : -1 !== i.indexOf(e)
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, ut, ct],
|
|
|
+ methods: {
|
|
|
+ assertRowKey: function () {
|
|
|
+ if (!this.states.rowKey) throw new Error("[ElTable] prop row-key is required")
|
|
|
+ },
|
|
|
+ updateColumns: function () {
|
|
|
+ var e = this.states,
|
|
|
+ t = e._columns || [];
|
|
|
+ e.fixedColumns = t.filter(function (e) {
|
|
|
+ return !0 === e.fixed || "left" === e.fixed
|
|
|
+ }), e.rightFixedColumns = t.filter(function (e) {
|
|
|
+ return "right" === e.fixed
|
|
|
+ }), 0 < e.fixedColumns.length && t[0] && "selection" === t[0].type && !t[0].fixed && (t[0].fixed = !0, e.fixedColumns.unshift(t[0]));
|
|
|
+ var i = t.filter(function (e) {
|
|
|
+ return !e.fixed
|
|
|
+ });
|
|
|
+ e.originColumns = [].concat(e.fixedColumns).concat(i).concat(e.rightFixedColumns);
|
|
|
+ var n = Ui(i),
|
|
|
+ t = Ui(e.fixedColumns),
|
|
|
+ i = Ui(e.rightFixedColumns);
|
|
|
+ e.leafColumnsLength = n.length, e.fixedLeafColumnsLength = t.length, e.rightFixedLeafColumnsLength = i.length, e.columns = [].concat(t).concat(n).concat(i), e.isComplex = 0 < e.fixedColumns.length || 0 < e.rightFixedColumns.length
|
|
|
+ },
|
|
|
+ scheduleLayout: function (e) {
|
|
|
+ e && this.updateColumns(), this.table.debouncedUpdateLayout()
|
|
|
+ },
|
|
|
+ isSelected: function (e) {
|
|
|
+ var t = this.states.selection;
|
|
|
+ return -1 < (void 0 === t ? [] : t).indexOf(e)
|
|
|
+ },
|
|
|
+ clearSelection: function () {
|
|
|
+ var e = this.states;
|
|
|
+ e.isAllSelected = !1, e.selection.length && (e.selection = [], this.table.$emit("selection-change", []))
|
|
|
+ },
|
|
|
+ cleanSelection: function () {
|
|
|
+ var e = this.states,
|
|
|
+ t = e.data,
|
|
|
+ i = e.rowKey,
|
|
|
+ n = e.selection,
|
|
|
+ r = void 0;
|
|
|
+ if (i) {
|
|
|
+ var s, r = [],
|
|
|
+ o = zi(n, i),
|
|
|
+ a = zi(t, i);
|
|
|
+ for (s in o) o.hasOwnProperty(s) && !a[s] && r.push(o[s].row)
|
|
|
+ } else r = n.filter(function (e) {
|
|
|
+ return -1 === t.indexOf(e)
|
|
|
+ });
|
|
|
+ r.length && (n = n.filter(function (e) {
|
|
|
+ return -1 === r.indexOf(e)
|
|
|
+ }), e.selection = n, this.table.$emit("selection-change", n.slice()))
|
|
|
+ },
|
|
|
+ toggleRowSelection: function (e, t) {
|
|
|
+ var i = !(2 < arguments.length && void 0 !== arguments[2]) || arguments[2];
|
|
|
+ Ki(this.states.selection, e, t) && (t = (this.states.selection || []).slice(), i && this.table.$emit("select", t, e), this.table.$emit("selection-change", t))
|
|
|
+ },
|
|
|
+ _toggleAllSelection: function () {
|
|
|
+ var i = this.states,
|
|
|
+ e = i.data,
|
|
|
+ e = void 0 === e ? [] : e,
|
|
|
+ n = i.selection,
|
|
|
+ r = i.selectOnIndeterminate ? !i.isAllSelected : !(i.isAllSelected || n.length);
|
|
|
+ i.isAllSelected = r;
|
|
|
+ var s = !1;
|
|
|
+ e.forEach(function (e, t) {
|
|
|
+ i.selectable ? i.selectable.call(null, e, t) && Ki(n, e, r) && (s = !0) : Ki(n, e, r) && (s = !0)
|
|
|
+ }), s && this.table.$emit("selection-change", n ? n.slice() : []), this.table.$emit("select-all", n)
|
|
|
+ },
|
|
|
+ updateSelectionByRowKey: function () {
|
|
|
+ var e = this.states,
|
|
|
+ i = e.selection,
|
|
|
+ n = e.rowKey,
|
|
|
+ e = e.data,
|
|
|
+ r = zi(i, n);
|
|
|
+ e.forEach(function (e) {
|
|
|
+ var t = Bi(e, n),
|
|
|
+ t = r[t];
|
|
|
+ t && (i[t.index] = e)
|
|
|
+ })
|
|
|
+ },
|
|
|
+ updateAllSelected: function () {
|
|
|
+ var e = this.states,
|
|
|
+ t = e.selection,
|
|
|
+ i = e.rowKey,
|
|
|
+ n = e.selectable,
|
|
|
+ r = e.data || [];
|
|
|
+ if (0 !== r.length) {
|
|
|
+ var s = void 0;
|
|
|
+ i && (s = zi(t, i));
|
|
|
+ for (var o = !0, a = 0, l = 0, u = r.length; l < u; l++) {
|
|
|
+ var c = r[l],
|
|
|
+ h = n && n.call(null, c, l),
|
|
|
+ c = c;
|
|
|
+ if (s ? s[Bi(c, i)] : -1 !== t.indexOf(c)) a++;
|
|
|
+ else if (!n || h) {
|
|
|
+ o = !1;
|
|
|
+ break
|
|
|
+ }
|
|
|
+ }
|
|
|
+ e.isAllSelected = o = 0 === a ? !1 : o
|
|
|
+ } else e.isAllSelected = !1
|
|
|
+ },
|
|
|
+ updateFilters: function (e, t) {
|
|
|
+ Array.isArray(e) || (e = [e]);
|
|
|
+ var i = this.states,
|
|
|
+ n = {};
|
|
|
+ return e.forEach(function (e) {
|
|
|
+ i.filters[e.id] = t, n[e.columnKey || e.id] = t
|
|
|
+ }), n
|
|
|
+ },
|
|
|
+ updateSort: function (e, t, i) {
|
|
|
+ this.states.sortingColumn && this.states.sortingColumn !== e && (this.states.sortingColumn.order = null), this.states.sortingColumn = e, this.states.sortProp = t, this.states.sortOrder = i
|
|
|
+ },
|
|
|
+ execFilter: function () {
|
|
|
+ var t = this,
|
|
|
+ r = this.states,
|
|
|
+ e = r._data,
|
|
|
+ i = r.filters,
|
|
|
+ s = e;
|
|
|
+ Object.keys(i).forEach(function (e) {
|
|
|
+ var i, n = r.filters[e];
|
|
|
+ !n || 0 === n.length || (i = Li(t.states, e)) && i.filterMethod && (s = s.filter(function (t) {
|
|
|
+ return n.some(function (e) {
|
|
|
+ return i.filterMethod.call(null, e, t, i)
|
|
|
+ })
|
|
|
+ }))
|
|
|
+ }), r.filteredData = s
|
|
|
+ },
|
|
|
+ execSort: function () {
|
|
|
+ var e, t, i = this.states;
|
|
|
+ i.data = (e = i.filteredData, (t = i.sortingColumn) && "string" != typeof t.sortable ? function (n, e, i, r, s) {
|
|
|
+ if (!e && !r && (!s || Array.isArray(s) && !s.length)) return n;
|
|
|
+ i = "string" == typeof i ? "descending" === i ? -1 : 1 : i && i < 0 ? -1 : 1;
|
|
|
+ var o = r ? null : function (t, i) {
|
|
|
+ return s ? (s = !Array.isArray(s) ? [s] : s).map(function (e) {
|
|
|
+ return "string" == typeof e ? k(t, e) : e(t, i, n)
|
|
|
+ }) : ("$key" !== e && Ai(t) && "$value" in t && (t = t.$value), [Ai(t) ? k(t, e) : t])
|
|
|
+ };
|
|
|
+ return n.map(function (e, t) {
|
|
|
+ return {
|
|
|
+ value: e,
|
|
|
+ index: t,
|
|
|
+ key: o ? o(e, t) : null
|
|
|
+ }
|
|
|
+ }).sort(function (e, t) {
|
|
|
+ return (function (e, t) {
|
|
|
+ if (r) return r(e.value, t.value);
|
|
|
+ for (var i = 0, n = e.key.length; i < n; i++) {
|
|
|
+ if (e.key[i] < t.key[i]) return -1;
|
|
|
+ if (e.key[i] > t.key[i]) return 1
|
|
|
+ }
|
|
|
+ return 0
|
|
|
+ }(e, t) || e.index - t.index) * i
|
|
|
+ }).map(function (e) {
|
|
|
+ return e.value
|
|
|
+ })
|
|
|
+ }(e, i.sortProp, i.sortOrder, t.sortMethod, t.sortBy) : e)
|
|
|
+ },
|
|
|
+ execQuery: function (e) {
|
|
|
+ e && e.filter || this.execFilter(), this.execSort()
|
|
|
+ },
|
|
|
+ clearFilter: function (e) {
|
|
|
+ var t = this.states,
|
|
|
+ i = this.table.$refs,
|
|
|
+ n = i.tableHeader,
|
|
|
+ r = i.fixedTableHeader,
|
|
|
+ i = i.rightFixedTableHeader,
|
|
|
+ s = {};
|
|
|
+ n && (s = X(s, n.filterPanels)), r && (s = X(s, r.filterPanels)), i && (s = X(s, i.filterPanels));
|
|
|
+ var o, i = Object.keys(s);
|
|
|
+ i.length && ("string" == typeof e && (e = [e]), Array.isArray(e) ? (o = e.map(function (e) {
|
|
|
+ return function (e, t) {
|
|
|
+ for (var i = null, n = 0; n < e.columns.length; n++) {
|
|
|
+ var r = e.columns[n];
|
|
|
+ if (r.columnKey === t) {
|
|
|
+ i = r;
|
|
|
+ break
|
|
|
+ }
|
|
|
+ }
|
|
|
+ return i
|
|
|
+ }(t, e)
|
|
|
+ }), i.forEach(function (t) {
|
|
|
+ o.find(function (e) {
|
|
|
+ return e.id === t
|
|
|
+ }) && (s[t].filteredValue = [])
|
|
|
+ }), this.commit("filterChange", {
|
|
|
+ column: o,
|
|
|
+ values: [],
|
|
|
+ silent: !0,
|
|
|
+ multi: !0
|
|
|
+ })) : (i.forEach(function (e) {
|
|
|
+ s[e].filteredValue = []
|
|
|
+ }), t.filters = {}, this.commit("filterChange", {
|
|
|
+ column: {},
|
|
|
+ values: [],
|
|
|
+ silent: !0
|
|
|
+ })))
|
|
|
+ },
|
|
|
+ clearSort: function () {
|
|
|
+ this.states.sortingColumn && (this.updateSort(null, null, null), this.commit("changeSortCondition", {
|
|
|
+ silent: !0
|
|
|
+ }))
|
|
|
+ },
|
|
|
+ setExpandRowKeysAdapter: function (e) {
|
|
|
+ this.setExpandRowKeys(e), this.updateTreeExpandKeys(e)
|
|
|
+ },
|
|
|
+ toggleRowExpansionAdapter: function (e, t) {
|
|
|
+ this.states.columns.some(function (e) {
|
|
|
+ return "expand" === e.type
|
|
|
+ }) ? this.toggleRowExpansion(e, t) : this.toggleTreeExpansion(e, t)
|
|
|
+ }
|
|
|
+ }
|
|
|
+ });
|
|
|
+ ft.prototype.mutations = {
|
|
|
+ setData: function (e, t) {
|
|
|
+ var i = e._data !== t;
|
|
|
+ e._data = t, this.execQuery(), this.updateCurrentRowData(), this.updateExpandRows(), e.reserveSelection ? (this.assertRowKey(), this.updateSelectionByRowKey()) : i ? this.clearSelection() : this.cleanSelection(), this.updateAllSelected(), this.updateTableScrollY()
|
|
|
+ },
|
|
|
+ insertColumn: function (e, t, i, n) {
|
|
|
+ var r = e._columns;
|
|
|
+ n && ((r = n.children) || (r = n.children = [])), void 0 !== i ? r.splice(i, 0, t) : r.push(t), "selection" === t.type && (e.selectable = t.selectable, e.reserveSelection = t.reserveSelection), this.table.$ready && (this.updateColumns(), this.scheduleLayout())
|
|
|
+ },
|
|
|
+ removeColumn: function (e, t, i) {
|
|
|
+ e = e._columns;
|
|
|
+ i && ((e = i.children) || (e = i.children = [])), e && e.splice(e.indexOf(t), 1), this.table.$ready && (this.updateColumns(), this.scheduleLayout())
|
|
|
+ },
|
|
|
+ sort: function (e, t) {
|
|
|
+ var i = t.prop,
|
|
|
+ n = t.order,
|
|
|
+ t = t.init;
|
|
|
+ !i || (e = T(e.columns, function (e) {
|
|
|
+ return e.property === i
|
|
|
+ })) && (e.order = n, this.updateSort(e, i, n), this.commit("changeSortCondition", {
|
|
|
+ init: t
|
|
|
+ }))
|
|
|
+ },
|
|
|
+ changeSortCondition: function (e, t) {
|
|
|
+ var i = e.sortingColumn,
|
|
|
+ n = e.sortProp,
|
|
|
+ r = e.sortOrder;
|
|
|
+ null === r && (e.sortingColumn = null, e.sortProp = null), this.execQuery({
|
|
|
+ filter: !0
|
|
|
+ }), t && (t.silent || t.init) || this.table.$emit("sort-change", {
|
|
|
+ column: i,
|
|
|
+ prop: n,
|
|
|
+ order: r
|
|
|
+ }), this.updateTableScrollY()
|
|
|
+ },
|
|
|
+ filterChange: function (e, t) {
|
|
|
+ var i = t.column,
|
|
|
+ n = t.values,
|
|
|
+ t = t.silent,
|
|
|
+ n = this.updateFilters(i, n);
|
|
|
+ this.execQuery(), t || this.table.$emit("filter-change", n), this.updateTableScrollY()
|
|
|
+ },
|
|
|
+ toggleAllSelection: function () {
|
|
|
+ this.toggleAllSelection()
|
|
|
+ },
|
|
|
+ rowSelectedChanged: function (e, t) {
|
|
|
+ this.toggleRowSelection(t), this.updateAllSelected()
|
|
|
+ },
|
|
|
+ setHoverRow: function (e, t) {
|
|
|
+ e.hoverRow = t
|
|
|
+ },
|
|
|
+ setCurrentRow: function (e, t) {
|
|
|
+ this.updateCurrentRow(t)
|
|
|
+ }
|
|
|
+ }, ft.prototype.commit = function (e) {
|
|
|
+ var t = this.mutations;
|
|
|
+ if (!t[e]) throw new Error("Action not found: " + e);
|
|
|
+ for (var i = arguments.length, n = Array(1 < i ? i - 1 : 0), r = 1; r < i; r++) n[r - 1] = arguments[r];
|
|
|
+ t[e].apply(this, [this.states].concat(n))
|
|
|
+ }, ft.prototype.updateTableScrollY = function () {
|
|
|
+ h.a.nextTick(this.table.updateScrollY)
|
|
|
+ };
|
|
|
+ var Zi = ft;
|
|
|
+
|
|
|
+ function Ji(n) {
|
|
|
+ var r = {};
|
|
|
+ return Object.keys(n).forEach(function (e) {
|
|
|
+ var t = n[e],
|
|
|
+ i = void 0;
|
|
|
+ "string" == typeof t ? i = function () {
|
|
|
+ return this.store.states[t]
|
|
|
+ } : "function" == typeof t ? i = function () {
|
|
|
+ return t.call(this, this.store.states)
|
|
|
+ } : console.error("invalid value type"), i && (r[e] = i)
|
|
|
+ }), r
|
|
|
+ }
|
|
|
+ var Qi = (nn.prototype.updateScrollY = function () {
|
|
|
+ if (null === this.height) return !1;
|
|
|
+ var e = this.table.bodyWrapper;
|
|
|
+ if (this.table.$el && e) {
|
|
|
+ var t = e.querySelector(".el-table__body"),
|
|
|
+ e = this.scrollY,
|
|
|
+ t = t.offsetHeight > this.bodyHeight;
|
|
|
+ return e !== (this.scrollY = t)
|
|
|
+ }
|
|
|
+ return !1
|
|
|
+ }, nn.prototype.setHeight = function (e) {
|
|
|
+ var t = this,
|
|
|
+ i = 1 < arguments.length && void 0 !== arguments[1] ? arguments[1] : "height";
|
|
|
+ if (!h.a.prototype.$isServer) {
|
|
|
+ var n = this.table.$el;
|
|
|
+ if (e = Yi(e), this.height = e, !n && (e || 0 === e)) return h.a.nextTick(function () {
|
|
|
+ return t.setHeight(e, i)
|
|
|
+ });
|
|
|
+ "number" == typeof e ? (n.style[i] = e + "px", this.updateElsHeight()) : "string" == typeof e && (n.style[i] = e, this.updateElsHeight())
|
|
|
+ }
|
|
|
+ }, nn.prototype.setMaxHeight = function (e) {
|
|
|
+ this.setHeight(e, "max-height")
|
|
|
+ }, nn.prototype.getFlattenColumns = function () {
|
|
|
+ var t = [];
|
|
|
+ return this.table.columns.forEach(function (e) {
|
|
|
+ e.isColumnGroup ? t.push.apply(t, e.columns) : t.push(e)
|
|
|
+ }), t
|
|
|
+ }, nn.prototype.updateElsHeight = function () {
|
|
|
+ var e = this;
|
|
|
+ if (!this.table.$ready) return h.a.nextTick(function () {
|
|
|
+ return e.updateElsHeight()
|
|
|
+ });
|
|
|
+ var t = this.table.$refs,
|
|
|
+ i = t.headerWrapper,
|
|
|
+ n = t.appendWrapper,
|
|
|
+ r = t.footerWrapper;
|
|
|
+ if (this.appendHeight = n ? n.offsetHeight : 0, !this.showHeader || i) {
|
|
|
+ t = i ? i.querySelector(".el-table__header tr") : null, n = this.headerDisplayNone(t), t = this.headerHeight = this.showHeader ? i.offsetHeight : 0;
|
|
|
+ if (this.showHeader && !n && 0 < i.offsetWidth && 0 < (this.table.columns || []).length && t < 2) return h.a.nextTick(function () {
|
|
|
+ return e.updateElsHeight()
|
|
|
+ });
|
|
|
+ n = this.tableHeight = this.table.$el.clientHeight, i = this.footerHeight = r ? r.offsetHeight : 0;
|
|
|
+ null !== this.height && (this.bodyHeight = n - t - i + (r ? 1 : 0)), this.fixedBodyHeight = this.scrollX ? this.bodyHeight - this.gutterWidth : this.bodyHeight;
|
|
|
+ r = !(this.store.states.data && this.store.states.data.length);
|
|
|
+ this.viewportHeight = this.scrollX ? n - (r ? 0 : this.gutterWidth) : n, this.updateScrollY(), this.notifyObservers("scrollable")
|
|
|
+ }
|
|
|
+ }, nn.prototype.headerDisplayNone = function (e) {
|
|
|
+ if (!e) return !0;
|
|
|
+ for (var t = e;
|
|
|
+ "DIV" !== t.tagName;) {
|
|
|
+ if ("none" === getComputedStyle(t).display) return !0;
|
|
|
+ t = t.parentElement
|
|
|
+ }
|
|
|
+ return !1
|
|
|
+ }, nn.prototype.updateColumnsWidth = function () {
|
|
|
+ var t, e, i, n, r, s, o, a, l;
|
|
|
+ h.a.prototype.$isServer || (n = this.fit, a = this.table.$el.clientWidth, t = 0, i = (e = this.getFlattenColumns()).filter(function (e) {
|
|
|
+ return "number" != typeof e.width
|
|
|
+ }), e.forEach(function (e) {
|
|
|
+ "number" == typeof e.width && e.realWidth && (e.realWidth = null)
|
|
|
+ }), 0 < i.length && n ? (e.forEach(function (e) {
|
|
|
+ t += e.width || e.minWidth || 80
|
|
|
+ }), n = this.scrollY ? this.gutterWidth : 0, t <= a - n ? (this.scrollX = !1, n = a - n - t, 1 === i.length ? i[0].realWidth = (i[0].minWidth || 80) + n : (r = n / i.reduce(function (e, t) {
|
|
|
+ return e + (t.minWidth || 80)
|
|
|
+ }, 0), s = 0, i.forEach(function (e, t) {
|
|
|
+ 0 !== t && (t = Math.floor((e.minWidth || 80) * r), s += t, e.realWidth = (e.minWidth || 80) + t)
|
|
|
+ }), i[0].realWidth = (i[0].minWidth || 80) + n - s)) : (this.scrollX = !0, i.forEach(function (e) {
|
|
|
+ e.realWidth = e.minWidth
|
|
|
+ })), this.bodyWidth = Math.max(t, a), this.table.resizeState.width = this.bodyWidth) : (e.forEach(function (e) {
|
|
|
+ e.width || e.minWidth ? e.realWidth = e.width || e.minWidth : e.realWidth = 80, t += e.realWidth
|
|
|
+ }), this.scrollX = a < t, this.bodyWidth = t), 0 < (a = this.store.states.fixedColumns).length && (o = 0, a.forEach(function (e) {
|
|
|
+ o += e.realWidth || e.width
|
|
|
+ }), this.fixedWidth = o), 0 < (a = this.store.states.rightFixedColumns).length && (l = 0, a.forEach(function (e) {
|
|
|
+ l += e.realWidth || e.width
|
|
|
+ }), this.rightFixedWidth = l), this.notifyObservers("columns"))
|
|
|
+ }, nn.prototype.addObserver = function (e) {
|
|
|
+ this.observers.push(e)
|
|
|
+ }, nn.prototype.removeObserver = function (e) {
|
|
|
+ e = this.observers.indexOf(e); - 1 !== e && this.observers.splice(e, 1)
|
|
|
+ }, nn.prototype.notifyObservers = function (t) {
|
|
|
+ var i = this;
|
|
|
+ this.observers.forEach(function (e) {
|
|
|
+ switch (t) {
|
|
|
+ case "columns":
|
|
|
+ e.onColumnsChange(i);
|
|
|
+ break;
|
|
|
+ case "scrollable":
|
|
|
+ e.onScrollableChange(i);
|
|
|
+ break;
|
|
|
+ default:
|
|
|
+ throw new Error("Table Layout don't have event " + t + ".")
|
|
|
+ }
|
|
|
+ })
|
|
|
+ }, nn),
|
|
|
+ mt = {
|
|
|
+ created: function () {
|
|
|
+ this.tableLayout.addObserver(this)
|
|
|
+ },
|
|
|
+ destroyed: function () {
|
|
|
+ this.tableLayout.removeObserver(this)
|
|
|
+ },
|
|
|
+ computed: {
|
|
|
+ tableLayout: function () {
|
|
|
+ var e = this.layout;
|
|
|
+ if (!(e = !e && this.table ? this.table.layout : e)) throw new Error("Can not find table layout.");
|
|
|
+ return e
|
|
|
+ }
|
|
|
+ },
|
|
|
+ mounted: function () {
|
|
|
+ this.onColumnsChange(this.tableLayout), this.onScrollableChange(this.tableLayout)
|
|
|
+ },
|
|
|
+ updated: function () {
|
|
|
+ this.__updated__ || (this.onColumnsChange(this.tableLayout), this.onScrollableChange(this.tableLayout), this.__updated__ = !0)
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ onColumnsChange: function (e) {
|
|
|
+ var t = this.$el.querySelectorAll("colgroup > col");
|
|
|
+ if (t.length) {
|
|
|
+ var e = e.getFlattenColumns(),
|
|
|
+ i = {};
|
|
|
+ e.forEach(function (e) {
|
|
|
+ i[e.id] = e
|
|
|
+ });
|
|
|
+ for (var n = 0, r = t.length; n < r; n++) {
|
|
|
+ var s = t[n],
|
|
|
+ o = s.getAttribute("name"),
|
|
|
+ o = i[o];
|
|
|
+ o && s.setAttribute("width", o.realWidth || o.width)
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ onScrollableChange: function (e) {
|
|
|
+ for (var t = this.$el.querySelectorAll("colgroup > col[name=gutter]"), i = 0, n = t.length; i < n; i++) t[i].setAttribute("width", e.scrollY ? e.gutterWidth : "0");
|
|
|
+ for (var r = this.$el.querySelectorAll("th.gutter"), s = 0, o = r.length; s < o; s++) {
|
|
|
+ var a = r[s];
|
|
|
+ a.style.width = e.scrollY ? e.gutterWidth + "px" : "0", a.style.display = e.scrollY ? "" : "none"
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ en = "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
|
|
|
+ },
|
|
|
+ tn = Object.assign || function (e) {
|
|
|
+ for (var t = 1; t < arguments.length; t++) {
|
|
|
+ var i, n = arguments[t];
|
|
|
+ for (i in n) Object.prototype.hasOwnProperty.call(n, i) && (e[i] = n[i])
|
|
|
+ }
|
|
|
+ return e
|
|
|
+ },
|
|
|
+ pt = {
|
|
|
+ name: "ElTableBody",
|
|
|
+ mixins: [mt],
|
|
|
+ components: {
|
|
|
+ ElCheckbox: c,
|
|
|
+ ElTooltip: ri
|
|
|
+ },
|
|
|
+ props: {
|
|
|
+ store: {
|
|
|
+ required: !0
|
|
|
+ },
|
|
|
+ stripe: Boolean,
|
|
|
+ context: {},
|
|
|
+ rowClassName: [String, Function],
|
|
|
+ rowStyle: [Object, Function],
|
|
|
+ fixed: String,
|
|
|
+ highlight: Boolean
|
|
|
+ },
|
|
|
+ render: function (t) {
|
|
|
+ var i = this,
|
|
|
+ e = this.data || [];
|
|
|
+ return t("table", {
|
|
|
+ class: "el-table__body",
|
|
|
+ attrs: {
|
|
|
+ cellspacing: "0",
|
|
|
+ cellpadding: "0",
|
|
|
+ border: "0"
|
|
|
+ }
|
|
|
+ }, [t("colgroup", [this.columns.map(function (e) {
|
|
|
+ return t("col", {
|
|
|
+ attrs: {
|
|
|
+ name: e.id
|
|
|
+ },
|
|
|
+ key: e.id
|
|
|
+ })
|
|
|
+ })]), t("tbody", [e.reduce(function (e, t) {
|
|
|
+ return e.concat(i.wrappedRowRender(t, e.length))
|
|
|
+ }, []), t("el-tooltip", {
|
|
|
+ attrs: {
|
|
|
+ effect: this.table.tooltipEffect,
|
|
|
+ placement: "top",
|
|
|
+ content: this.tooltipContent
|
|
|
+ },
|
|
|
+ ref: "tooltip"
|
|
|
+ })])])
|
|
|
+ },
|
|
|
+ computed: tn({
|
|
|
+ table: function () {
|
|
|
+ return this.$parent
|
|
|
+ }
|
|
|
+ }, Ji({
|
|
|
+ data: "data",
|
|
|
+ columns: "columns",
|
|
|
+ treeIndent: "indent",
|
|
|
+ leftFixedLeafCount: "fixedLeafColumnsLength",
|
|
|
+ rightFixedLeafCount: "rightFixedLeafColumnsLength",
|
|
|
+ columnsCount: function (e) {
|
|
|
+ return e.columns.length
|
|
|
+ },
|
|
|
+ leftFixedCount: function (e) {
|
|
|
+ return e.fixedColumns.length
|
|
|
+ },
|
|
|
+ rightFixedCount: function (e) {
|
|
|
+ return e.rightFixedColumns.length
|
|
|
+ },
|
|
|
+ hasExpandColumn: function (e) {
|
|
|
+ return e.columns.some(function (e) {
|
|
|
+ return "expand" === e.type
|
|
|
+ })
|
|
|
+ }
|
|
|
+ }), {
|
|
|
+ firstDefaultColumnIndex: function () {
|
|
|
+ return E(this.columns, function (e) {
|
|
|
+ return "default" === e.type
|
|
|
+ })
|
|
|
+ }
|
|
|
+ }),
|
|
|
+ watch: {
|
|
|
+ "store.states.hoverRow": function (i, n) {
|
|
|
+ var r = this;
|
|
|
+ this.store.states.isComplex && !this.$isServer && (window.requestAnimationFrame || function (e) {
|
|
|
+ return setTimeout(e, 16)
|
|
|
+ })(function () {
|
|
|
+ var e = r.$el.querySelectorAll(".el-table__row"),
|
|
|
+ t = e[n],
|
|
|
+ e = e[i];
|
|
|
+ t && de(t, "hover-row"), e && he(e, "hover-row")
|
|
|
+ })
|
|
|
+ }
|
|
|
+ },
|
|
|
+ data: function () {
|
|
|
+ return {
|
|
|
+ tooltipContent: ""
|
|
|
+ }
|
|
|
+ },
|
|
|
+ created: function () {
|
|
|
+ this.activateTooltip = Ue()(50, function (e) {
|
|
|
+ return e.handleShowPopper()
|
|
|
+ })
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ getKeyOfRow: function (e, t) {
|
|
|
+ var i = this.table.rowKey;
|
|
|
+ return i ? Bi(e, i) : t
|
|
|
+ },
|
|
|
+ isColumnHidden: function (e) {
|
|
|
+ return !0 === this.fixed || "left" === this.fixed ? e >= this.leftFixedLeafCount : "right" === this.fixed ? e < this.columnsCount - this.rightFixedLeafCount : e < this.leftFixedLeafCount || e >= this.columnsCount - this.rightFixedLeafCount
|
|
|
+ },
|
|
|
+ getSpan: function (e, t, i, n) {
|
|
|
+ var r = 1,
|
|
|
+ s = 1,
|
|
|
+ o = this.table.spanMethod;
|
|
|
+ return "function" == typeof o && (n = o({
|
|
|
+ row: e,
|
|
|
+ column: t,
|
|
|
+ rowIndex: i,
|
|
|
+ columnIndex: n
|
|
|
+ }), Array.isArray(n) ? (r = n[0], s = n[1]) : "object" === (void 0 === n ? "undefined" : en(n)) && (r = n.rowspan, s = n.colspan)), {
|
|
|
+ rowspan: r,
|
|
|
+ colspan: s
|
|
|
+ }
|
|
|
+ },
|
|
|
+ getRowStyle: function (e, t) {
|
|
|
+ var i = this.table.rowStyle;
|
|
|
+ return "function" == typeof i ? i.call(null, {
|
|
|
+ row: e,
|
|
|
+ rowIndex: t
|
|
|
+ }) : i || null
|
|
|
+ },
|
|
|
+ getRowClass: function (e, t) {
|
|
|
+ var i = ["el-table__row"];
|
|
|
+ this.table.highlightCurrentRow && e === this.store.states.currentRow && i.push("current-row"), this.stripe && t % 2 == 1 && i.push("el-table__row--striped");
|
|
|
+ var n = this.table.rowClassName;
|
|
|
+ return "string" == typeof n ? i.push(n) : "function" == typeof n && i.push(n.call(null, {
|
|
|
+ row: e,
|
|
|
+ rowIndex: t
|
|
|
+ })), -1 < this.store.states.expandRows.indexOf(e) && i.push("expanded"), i
|
|
|
+ },
|
|
|
+ getCellStyle: function (e, t, i, n) {
|
|
|
+ var r = this.table.cellStyle;
|
|
|
+ return "function" == typeof r ? r.call(null, {
|
|
|
+ rowIndex: e,
|
|
|
+ columnIndex: t,
|
|
|
+ row: i,
|
|
|
+ column: n
|
|
|
+ }) : r
|
|
|
+ },
|
|
|
+ getCellClass: function (e, t, i, n) {
|
|
|
+ var r = [n.id, n.align, n.className];
|
|
|
+ this.isColumnHidden(t) && r.push("is-hidden");
|
|
|
+ var s = this.table.cellClassName;
|
|
|
+ return "string" == typeof s ? r.push(s) : "function" == typeof s && r.push(s.call(null, {
|
|
|
+ rowIndex: e,
|
|
|
+ columnIndex: t,
|
|
|
+ row: i,
|
|
|
+ column: n
|
|
|
+ })), r.join(" ")
|
|
|
+ },
|
|
|
+ getColspanRealWidth: function (e, t, i) {
|
|
|
+ return t < 1 ? e[i].realWidth : e.map(function (e) {
|
|
|
+ return e.realWidth
|
|
|
+ }).slice(i, i + t).reduce(function (e, t) {
|
|
|
+ return e + t
|
|
|
+ }, -1)
|
|
|
+ },
|
|
|
+ handleCellMouseEnter: function (e, t) {
|
|
|
+ var i = this.table,
|
|
|
+ n = Fi(e);
|
|
|
+ n && (r = Vi(i, n), r = i.hoverState = {
|
|
|
+ cell: n,
|
|
|
+ column: r,
|
|
|
+ row: t
|
|
|
+ }, i.$emit("cell-mouse-enter", r.row, r.column, r.cell, e));
|
|
|
+ var r = e.target.querySelector(".cell");
|
|
|
+ ce(r, "el-tooltip") && r.childNodes.length && ((e = document.createRange()).setStart(r, 0), e.setEnd(r, r.childNodes.length), (e.getBoundingClientRect().width + ((parseInt(me(r, "paddingLeft"), 10) || 0) + (parseInt(me(r, "paddingRight"), 10) || 0)) > r.offsetWidth || r.scrollWidth > r.offsetWidth) && this.$refs.tooltip && (r = this.$refs.tooltip, this.tooltipContent = n.innerText || n.textContent, r.referenceElm = n, r.$refs.popper && (r.$refs.popper.style.display = "none"), r.doDestroy(), r.setExpectedState(!0), this.activateTooltip(r)))
|
|
|
+ },
|
|
|
+ handleCellMouseLeave: function (e) {
|
|
|
+ var t = this.$refs.tooltip;
|
|
|
+ t && (t.setExpectedState(!1), t.handleClosePopper()), Fi(e) && (t = this.table.hoverState || {}, this.table.$emit("cell-mouse-leave", t.row, t.column, t.cell, e))
|
|
|
+ },
|
|
|
+ handleMouseEnter: Ue()(30, function (e) {
|
|
|
+ this.store.commit("setHoverRow", e)
|
|
|
+ }),
|
|
|
+ handleMouseLeave: Ue()(30, function () {
|
|
|
+ this.store.commit("setHoverRow", null)
|
|
|
+ }),
|
|
|
+ handleContextMenu: function (e, t) {
|
|
|
+ this.handleEvent(e, t, "contextmenu")
|
|
|
+ },
|
|
|
+ handleDoubleClick: function (e, t) {
|
|
|
+ this.handleEvent(e, t, "dblclick")
|
|
|
+ },
|
|
|
+ handleClick: function (e, t) {
|
|
|
+ this.store.commit("setCurrentRow", t), this.handleEvent(e, t, "click")
|
|
|
+ },
|
|
|
+ handleEvent: function (e, t, i) {
|
|
|
+ var n = this.table,
|
|
|
+ r = Fi(e),
|
|
|
+ s = void 0;
|
|
|
+ r && (s = Vi(n, r)) && n.$emit("cell-" + i, t, s, r, e), n.$emit("row-" + i, t, s, e)
|
|
|
+ },
|
|
|
+ rowRender: function (s, o, a) {
|
|
|
+ var l = this,
|
|
|
+ u = this.$createElement,
|
|
|
+ c = this.treeIndent,
|
|
|
+ h = this.columns,
|
|
|
+ d = this.firstDefaultColumnIndex,
|
|
|
+ p = h.map(function (e, t) {
|
|
|
+ return l.isColumnHidden(t)
|
|
|
+ }),
|
|
|
+ e = this.getRowClass(s, o),
|
|
|
+ t = !0;
|
|
|
+ return a && (e.push("el-table__row--level-" + a.level), t = a.display), u("tr", {
|
|
|
+ style: [t ? null : {
|
|
|
+ display: "none"
|
|
|
+ }, this.getRowStyle(s, o)],
|
|
|
+ class: e,
|
|
|
+ key: this.getKeyOfRow(s, o),
|
|
|
+ on: {
|
|
|
+ dblclick: function (e) {
|
|
|
+ return l.handleDoubleClick(e, s)
|
|
|
+ },
|
|
|
+ click: function (e) {
|
|
|
+ return l.handleClick(e, s)
|
|
|
+ },
|
|
|
+ contextmenu: function (e) {
|
|
|
+ return l.handleContextMenu(e, s)
|
|
|
+ },
|
|
|
+ mouseenter: function (e) {
|
|
|
+ return l.handleMouseEnter(o)
|
|
|
+ },
|
|
|
+ mouseleave: this.handleMouseLeave
|
|
|
+ }
|
|
|
+ }, [h.map(function (e, t) {
|
|
|
+ var i = l.getSpan(s, e, o, t),
|
|
|
+ n = i.rowspan,
|
|
|
+ r = i.colspan;
|
|
|
+ if (!n || !r) return null;
|
|
|
+ i = tn({}, e);
|
|
|
+ i.realWidth = l.getColspanRealWidth(h, r, t);
|
|
|
+ i = {
|
|
|
+ store: l.store,
|
|
|
+ _self: l.context || l.table.$vnode.context,
|
|
|
+ column: i,
|
|
|
+ row: s,
|
|
|
+ $index: o
|
|
|
+ };
|
|
|
+ return t === d && a && (i.treeNode = {
|
|
|
+ indent: a.level * c,
|
|
|
+ level: a.level
|
|
|
+ }, "boolean" == typeof a.expanded && (i.treeNode.expanded = a.expanded, "loading" in a && (i.treeNode.loading = a.loading), "noLazyChildren" in a && (i.treeNode.noLazyChildren = a.noLazyChildren))), u("td", {
|
|
|
+ style: l.getCellStyle(o, t, s, e),
|
|
|
+ class: l.getCellClass(o, t, s, e),
|
|
|
+ attrs: {
|
|
|
+ rowspan: n,
|
|
|
+ colspan: r
|
|
|
+ },
|
|
|
+ on: {
|
|
|
+ mouseenter: function (e) {
|
|
|
+ return l.handleCellMouseEnter(e, s)
|
|
|
+ },
|
|
|
+ mouseleave: l.handleCellMouseLeave
|
|
|
+ }
|
|
|
+ }, [e.renderCell.call(l._renderProxy, l.$createElement, i, p[t])])
|
|
|
+ })])
|
|
|
+ },
|
|
|
+ wrappedRowRender: function (e, s) {
|
|
|
+ var o = this,
|
|
|
+ t = this.$createElement,
|
|
|
+ i = this.store,
|
|
|
+ n = i.isRowExpanded,
|
|
|
+ r = i.assertRowKey,
|
|
|
+ i = i.states,
|
|
|
+ a = i.treeData,
|
|
|
+ l = i.lazyTreeNodeMap,
|
|
|
+ u = i.childrenColumnName,
|
|
|
+ c = i.rowKey;
|
|
|
+ if (this.hasExpandColumn && n(e)) {
|
|
|
+ var n = this.table.renderExpanded,
|
|
|
+ h = this.rowRender(e, s);
|
|
|
+ return n ? [
|
|
|
+ [h, t("tr", {
|
|
|
+ key: "expanded-row__" + h.key
|
|
|
+ }, [t("td", {
|
|
|
+ attrs: {
|
|
|
+ colspan: this.columnsCount
|
|
|
+ },
|
|
|
+ class: "el-table__expanded-cell"
|
|
|
+ }, [n(this.$createElement, {
|
|
|
+ row: e,
|
|
|
+ $index: s,
|
|
|
+ store: this.store
|
|
|
+ })])])]
|
|
|
+ ] : (console.error("[Element Error]renderExpanded is required."), h)
|
|
|
+ }
|
|
|
+ if (Object.keys(a).length) {
|
|
|
+ r();
|
|
|
+ var h = Bi(e, c),
|
|
|
+ d = a[h],
|
|
|
+ r = null;
|
|
|
+ d && (r = {
|
|
|
+ expanded: d.expanded,
|
|
|
+ level: d.level,
|
|
|
+ display: !0
|
|
|
+ }, "boolean" == typeof d.lazy && ("boolean" == typeof d.loaded && d.loaded && (r.noLazyChildren = !(d.children && d.children.length)), r.loading = d.loading));
|
|
|
+ var p, f = [this.rowRender(e, s, r)];
|
|
|
+ return d && (p = 0, d.display = !0, function n(e, r) {
|
|
|
+ e && e.length && r && e.forEach(function (e) {
|
|
|
+ var t = {
|
|
|
+ display: r.display && r.expanded,
|
|
|
+ level: r.level + 1
|
|
|
+ },
|
|
|
+ i = Bi(e, c);
|
|
|
+ if (null == i) throw new Error("for nested data item, row-key is required.");
|
|
|
+ (d = tn({}, a[i])) && (t.expanded = d.expanded, d.level = d.level || t.level, d.display = !(!d.expanded || !t.display), "boolean" == typeof d.lazy && ("boolean" == typeof d.loaded && d.loaded && (t.noLazyChildren = !(d.children && d.children.length)), t.loading = d.loading)), p++, f.push(o.rowRender(e, s + p, t)), d && (e = l[i] || e[u], n(e, d))
|
|
|
+ })
|
|
|
+ }(l[h] || e[u], d)), f
|
|
|
+ }
|
|
|
+ return this.rowRender(e, s)
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ gt = function () {
|
|
|
+ var i = this,
|
|
|
+ e = i.$createElement,
|
|
|
+ n = i._self._c || e;
|
|
|
+ return n("transition", {
|
|
|
+ attrs: {
|
|
|
+ name: "el-zoom-in-top"
|
|
|
+ }
|
|
|
+ }, [i.multiple ? n("div", {
|
|
|
+ directives: [{
|
|
|
+ name: "clickoutside",
|
|
|
+ rawName: "v-clickoutside",
|
|
|
+ value: i.handleOutsideClick,
|
|
|
+ expression: "handleOutsideClick"
|
|
|
+ }, {
|
|
|
+ name: "show",
|
|
|
+ rawName: "v-show",
|
|
|
+ value: i.showPopper,
|
|
|
+ expression: "showPopper"
|
|
|
+ }],
|
|
|
+ staticClass: "el-table-filter"
|
|
|
+ }, [n("div", {
|
|
|
+ staticClass: "el-table-filter__content"
|
|
|
+ }, [n("el-scrollbar", {
|
|
|
+ attrs: {
|
|
|
+ "wrap-class": "el-table-filter__wrap"
|
|
|
+ }
|
|
|
+ }, [n("el-checkbox-group", {
|
|
|
+ staticClass: "el-table-filter__checkbox-group",
|
|
|
+ model: {
|
|
|
+ value: i.filteredValue,
|
|
|
+ callback: function (e) {
|
|
|
+ i.filteredValue = e
|
|
|
+ },
|
|
|
+ expression: "filteredValue"
|
|
|
+ }
|
|
|
+ }, i._l(i.filters, function (e) {
|
|
|
+ return n("el-checkbox", {
|
|
|
+ key: e.value,
|
|
|
+ attrs: {
|
|
|
+ label: e.value
|
|
|
+ }
|
|
|
+ }, [i._v(i._s(e.text))])
|
|
|
+ }), 1)], 1)], 1), n("div", {
|
|
|
+ staticClass: "el-table-filter__bottom"
|
|
|
+ }, [n("button", {
|
|
|
+ class: {
|
|
|
+ "is-disabled": 0 === i.filteredValue.length
|
|
|
+ },
|
|
|
+ attrs: {
|
|
|
+ disabled: 0 === i.filteredValue.length
|
|
|
+ },
|
|
|
+ on: {
|
|
|
+ click: i.handleConfirm
|
|
|
+ }
|
|
|
+ }, [i._v(i._s(i.t("el.table.confirmFilter")))]), n("button", {
|
|
|
+ on: {
|
|
|
+ click: i.handleReset
|
|
|
+ }
|
|
|
+ }, [i._v(i._s(i.t("el.table.resetFilter")))])])]) : n("div", {
|
|
|
+ directives: [{
|
|
|
+ name: "clickoutside",
|
|
|
+ rawName: "v-clickoutside",
|
|
|
+ value: i.handleOutsideClick,
|
|
|
+ expression: "handleOutsideClick"
|
|
|
+ }, {
|
|
|
+ name: "show",
|
|
|
+ rawName: "v-show",
|
|
|
+ value: i.showPopper,
|
|
|
+ expression: "showPopper"
|
|
|
+ }],
|
|
|
+ staticClass: "el-table-filter"
|
|
|
+ }, [n("ul", {
|
|
|
+ staticClass: "el-table-filter__list"
|
|
|
+ }, [n("li", {
|
|
|
+ staticClass: "el-table-filter__list-item",
|
|
|
+ class: {
|
|
|
+ "is-active": void 0 === i.filterValue || null === i.filterValue
|
|
|
+ },
|
|
|
+ on: {
|
|
|
+ click: function (e) {
|
|
|
+ i.handleSelect(null)
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, [i._v(i._s(i.t("el.table.clearFilter")))]), i._l(i.filters, function (t) {
|
|
|
+ return n("li", {
|
|
|
+ key: t.value,
|
|
|
+ staticClass: "el-table-filter__list-item",
|
|
|
+ class: {
|
|
|
+ "is-active": i.isActive(t)
|
|
|
+ },
|
|
|
+ attrs: {
|
|
|
+ label: t.value
|
|
|
+ },
|
|
|
+ on: {
|
|
|
+ click: function (e) {
|
|
|
+ i.handleSelect(t.value)
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, [i._v(i._s(t.text))])
|
|
|
+ })], 2)])])
|
|
|
+ };
|
|
|
+
|
|
|
+ function nn(e) {
|
|
|
+ for (var t in function (e) {
|
|
|
+ if (!(e instanceof nn)) throw new TypeError("Cannot call a class as a function")
|
|
|
+ }(this), this.observers = [], this.table = null, this.store = null, this.columns = null, this.fit = !0, this.showHeader = !0, this.height = null, this.scrollX = !1, this.scrollY = !1, this.bodyWidth = null, this.fixedWidth = null, this.rightFixedWidth = null, this.tableHeight = null, this.headerHeight = 44, this.appendHeight = 0, this.footerHeight = 44, this.viewportHeight = null, this.bodyHeight = null, this.fixedBodyHeight = null, this.gutterWidth = Se(), e) e.hasOwnProperty(t) && (this[t] = e[t]);
|
|
|
+ if (!this.table) throw new Error("table is required for Table Layout");
|
|
|
+ if (!this.store) throw new Error("store is required for Table Layout")
|
|
|
+ }
|
|
|
+ gt._withStripped = !0;
|
|
|
+ var rn = [];
|
|
|
+ h.a.prototype.$isServer || document.addEventListener("click", function (i) {
|
|
|
+ rn.forEach(function (e) {
|
|
|
+ var t = i.target;
|
|
|
+ e && e.$el && (t === e.$el || e.$el.contains(t) || e.handleOutsideClick && e.handleOutsideClick(i))
|
|
|
+ })
|
|
|
+ });
|
|
|
+ bt = r({
|
|
|
+ name: "ElTableFilterPanel",
|
|
|
+ mixins: [Te, j],
|
|
|
+ directives: {
|
|
|
+ Clickoutside: tt
|
|
|
+ },
|
|
|
+ components: {
|
|
|
+ ElCheckbox: c,
|
|
|
+ ElCheckboxGroup: ie,
|
|
|
+ ElScrollbar: Ke
|
|
|
+ },
|
|
|
+ props: {
|
|
|
+ placement: {
|
|
|
+ type: String,
|
|
|
+ default: "bottom-end"
|
|
|
+ }
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ isActive: function (e) {
|
|
|
+ return e.value === this.filterValue
|
|
|
+ },
|
|
|
+ handleOutsideClick: function () {
|
|
|
+ var e = this;
|
|
|
+ setTimeout(function () {
|
|
|
+ e.showPopper = !1
|
|
|
+ }, 16)
|
|
|
+ },
|
|
|
+ handleConfirm: function () {
|
|
|
+ this.confirmFilter(this.filteredValue), this.handleOutsideClick()
|
|
|
+ },
|
|
|
+ handleReset: function () {
|
|
|
+ this.filteredValue = [], this.confirmFilter(this.filteredValue), this.handleOutsideClick()
|
|
|
+ },
|
|
|
+ handleSelect: function (e) {
|
|
|
+ null != (this.filterValue = e) ? this.confirmFilter(this.filteredValue) : this.confirmFilter([]), this.handleOutsideClick()
|
|
|
+ },
|
|
|
+ confirmFilter: function (e) {
|
|
|
+ this.table.store.commit("filterChange", {
|
|
|
+ column: this.column,
|
|
|
+ values: e
|
|
|
+ }), this.table.store.updateAllSelected()
|
|
|
+ }
|
|
|
+ },
|
|
|
+ data: function () {
|
|
|
+ return {
|
|
|
+ table: null,
|
|
|
+ cell: null,
|
|
|
+ column: null
|
|
|
+ }
|
|
|
+ },
|
|
|
+ computed: {
|
|
|
+ filters: function () {
|
|
|
+ return this.column && this.column.filters
|
|
|
+ },
|
|
|
+ filterValue: {
|
|
|
+ get: function () {
|
|
|
+ return (this.column.filteredValue || [])[0]
|
|
|
+ },
|
|
|
+ set: function (e) {
|
|
|
+ this.filteredValue && (null != e ? this.filteredValue.splice(0, 1, e) : this.filteredValue.splice(0, 1))
|
|
|
+ }
|
|
|
+ },
|
|
|
+ filteredValue: {
|
|
|
+ get: function () {
|
|
|
+ return this.column && this.column.filteredValue || []
|
|
|
+ },
|
|
|
+ set: function (e) {
|
|
|
+ this.column && (this.column.filteredValue = e)
|
|
|
+ }
|
|
|
+ },
|
|
|
+ multiple: function () {
|
|
|
+ return !this.column || this.column.filterMultiple
|
|
|
+ }
|
|
|
+ },
|
|
|
+ mounted: function () {
|
|
|
+ var i = this;
|
|
|
+ this.popperElm = this.$el, this.referenceElm = this.cell, this.table.bodyWrapper.addEventListener("scroll", function () {
|
|
|
+ i.updatePopper()
|
|
|
+ }), this.$watch("showPopper", function (e) {
|
|
|
+ var t;
|
|
|
+ i.column && (i.column.filterOpened = e), e ? (t = i) && rn.push(t) : (t = i, -1 !== rn.indexOf(t) && rn.splice(t, 1))
|
|
|
+ })
|
|
|
+ },
|
|
|
+ watch: {
|
|
|
+ showPopper: function (e) {
|
|
|
+ !0 === e && parseInt(this.popperJS._popper.style.zIndex, 10) < Ce.zIndex && (this.popperJS._popper.style.zIndex = Ce.nextZIndex())
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, gt, [], !1, null, null, null);
|
|
|
+ bt.options.__file = "packages/table/src/filter-panel.vue";
|
|
|
+ var sn = bt.exports,
|
|
|
+ wt = Object.assign || function (e) {
|
|
|
+ for (var t = 1; t < arguments.length; t++) {
|
|
|
+ var i, n = arguments[t];
|
|
|
+ for (i in n) Object.prototype.hasOwnProperty.call(n, i) && (e[i] = n[i])
|
|
|
+ }
|
|
|
+ return e
|
|
|
+ },
|
|
|
+ Ct = {
|
|
|
+ name: "ElTableHeader",
|
|
|
+ mixins: [mt],
|
|
|
+ render: function (r) {
|
|
|
+ var s = this,
|
|
|
+ e = function (e) {
|
|
|
+ var r = 1;
|
|
|
+ e.forEach(function (e) {
|
|
|
+ e.level = 1,
|
|
|
+ function t(i, e) {
|
|
|
+ var n;
|
|
|
+ e && (i.level = e.level + 1, r < i.level && (r = i.level)), i.children ? (n = 0, i.children.forEach(function (e) {
|
|
|
+ t(e, i), n += e.colSpan
|
|
|
+ }), i.colSpan = n) : i.colSpan = 1
|
|
|
+ }(e)
|
|
|
+ });
|
|
|
+ for (var t = [], i = 0; i < r; i++) t.push([]);
|
|
|
+ return function t(e) {
|
|
|
+ var i = [];
|
|
|
+ return e.forEach(function (e) {
|
|
|
+ e.children ? (i.push(e), i.push.apply(i, t(e.children))) : i.push(e)
|
|
|
+ }), i
|
|
|
+ }(e).forEach(function (e) {
|
|
|
+ e.children ? e.rowSpan = 1 : e.rowSpan = r - e.level + 1, t[e.level - 1].push(e)
|
|
|
+ }), t
|
|
|
+ }(this.store.states.originColumns, this.columns),
|
|
|
+ t = 1 < e.length;
|
|
|
+ return t && (this.$parent.isGroup = !0), r("table", {
|
|
|
+ class: "el-table__header",
|
|
|
+ attrs: {
|
|
|
+ cellspacing: "0",
|
|
|
+ cellpadding: "0",
|
|
|
+ border: "0"
|
|
|
+ }
|
|
|
+ }, [r("colgroup", [this.columns.map(function (e) {
|
|
|
+ return r("col", {
|
|
|
+ attrs: {
|
|
|
+ name: e.id
|
|
|
+ },
|
|
|
+ key: e.id
|
|
|
+ })
|
|
|
+ }), this.hasGutter ? r("col", {
|
|
|
+ attrs: {
|
|
|
+ name: "gutter"
|
|
|
+ }
|
|
|
+ }) : ""]), r("thead", {
|
|
|
+ class: [{
|
|
|
+ "is-group": t,
|
|
|
+ "has-gutter": this.hasGutter
|
|
|
+ }]
|
|
|
+ }, [this._l(e, function (i, n) {
|
|
|
+ return r("tr", {
|
|
|
+ style: s.getHeaderRowStyle(n),
|
|
|
+ class: s.getHeaderRowClass(n)
|
|
|
+ }, [i.map(function (t, e) {
|
|
|
+ return r("th", {
|
|
|
+ attrs: {
|
|
|
+ colspan: t.colSpan,
|
|
|
+ rowspan: t.rowSpan
|
|
|
+ },
|
|
|
+ on: {
|
|
|
+ mousemove: function (e) {
|
|
|
+ return s.handleMouseMove(e, t)
|
|
|
+ },
|
|
|
+ mouseout: s.handleMouseOut,
|
|
|
+ mousedown: function (e) {
|
|
|
+ return s.handleMouseDown(e, t)
|
|
|
+ },
|
|
|
+ click: function (e) {
|
|
|
+ return s.handleHeaderClick(e, t)
|
|
|
+ },
|
|
|
+ contextmenu: function (e) {
|
|
|
+ return s.handleHeaderContextMenu(e, t)
|
|
|
+ }
|
|
|
+ },
|
|
|
+ style: s.getHeaderCellStyle(n, e, i, t),
|
|
|
+ class: s.getHeaderCellClass(n, e, i, t),
|
|
|
+ key: t.id
|
|
|
+ }, [r("div", {
|
|
|
+ class: ["cell", t.filteredValue && 0 < t.filteredValue.length ? "highlight" : "", t.labelClassName]
|
|
|
+ }, [t.renderHeader ? t.renderHeader.call(s._renderProxy, r, {
|
|
|
+ column: t,
|
|
|
+ $index: e,
|
|
|
+ store: s.store,
|
|
|
+ _self: s.$parent.$vnode.context
|
|
|
+ }) : t.label, t.sortable ? r("span", {
|
|
|
+ class: "caret-wrapper",
|
|
|
+ on: {
|
|
|
+ click: function (e) {
|
|
|
+ return s.handleSortClick(e, t)
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, [r("i", {
|
|
|
+ class: "sort-caret ascending",
|
|
|
+ on: {
|
|
|
+ click: function (e) {
|
|
|
+ return s.handleSortClick(e, t, "ascending")
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }), r("i", {
|
|
|
+ class: "sort-caret descending",
|
|
|
+ on: {
|
|
|
+ click: function (e) {
|
|
|
+ return s.handleSortClick(e, t, "descending")
|
|
|
+ }
|
|
|
+ }
|
|
|
+ })]) : "", t.filterable ? r("span", {
|
|
|
+ class: "el-table__column-filter-trigger",
|
|
|
+ on: {
|
|
|
+ click: function (e) {
|
|
|
+ return s.handleFilterClick(e, t)
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, [r("i", {
|
|
|
+ class: ["el-icon-arrow-down", t.filterOpened ? "el-icon-arrow-up" : ""]
|
|
|
+ })]) : ""])])
|
|
|
+ }), s.hasGutter ? r("th", {
|
|
|
+ class: "gutter"
|
|
|
+ }) : ""])
|
|
|
+ })])])
|
|
|
+ },
|
|
|
+ props: {
|
|
|
+ fixed: String,
|
|
|
+ store: {
|
|
|
+ required: !0
|
|
|
+ },
|
|
|
+ border: Boolean,
|
|
|
+ defaultSort: {
|
|
|
+ type: Object,
|
|
|
+ default: function () {
|
|
|
+ return {
|
|
|
+ prop: "",
|
|
|
+ order: ""
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ components: {
|
|
|
+ ElCheckbox: c
|
|
|
+ },
|
|
|
+ computed: wt({
|
|
|
+ table: function () {
|
|
|
+ return this.$parent
|
|
|
+ },
|
|
|
+ hasGutter: function () {
|
|
|
+ return !this.fixed && this.tableLayout.gutterWidth
|
|
|
+ }
|
|
|
+ }, Ji({
|
|
|
+ columns: "columns",
|
|
|
+ isAllSelected: "isAllSelected",
|
|
|
+ leftFixedLeafCount: "fixedLeafColumnsLength",
|
|
|
+ rightFixedLeafCount: "rightFixedLeafColumnsLength",
|
|
|
+ columnsCount: function (e) {
|
|
|
+ return e.columns.length
|
|
|
+ },
|
|
|
+ leftFixedCount: function (e) {
|
|
|
+ return e.fixedColumns.length
|
|
|
+ },
|
|
|
+ rightFixedCount: function (e) {
|
|
|
+ return e.rightFixedColumns.length
|
|
|
+ }
|
|
|
+ })),
|
|
|
+ created: function () {
|
|
|
+ this.filterPanels = {}
|
|
|
+ },
|
|
|
+ mounted: function () {
|
|
|
+ var i = this;
|
|
|
+ this.$nextTick(function () {
|
|
|
+ var e = i.defaultSort,
|
|
|
+ t = e.prop,
|
|
|
+ e = e.order;
|
|
|
+ i.store.commit("sort", {
|
|
|
+ prop: t,
|
|
|
+ order: e,
|
|
|
+ init: !0
|
|
|
+ })
|
|
|
+ })
|
|
|
+ },
|
|
|
+ beforeDestroy: function () {
|
|
|
+ var e, t = this.filterPanels;
|
|
|
+ for (e in t) t.hasOwnProperty(e) && t[e] && t[e].$destroy(!0)
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ isCellHidden: function (e, t) {
|
|
|
+ for (var i = 0, n = 0; n < e; n++) i += t[n].colSpan;
|
|
|
+ var r = i + t[e].colSpan - 1;
|
|
|
+ return !0 === this.fixed || "left" === this.fixed ? r >= this.leftFixedLeafCount : "right" === this.fixed ? i < this.columnsCount - this.rightFixedLeafCount : r < this.leftFixedLeafCount || i >= this.columnsCount - this.rightFixedLeafCount
|
|
|
+ },
|
|
|
+ getHeaderRowStyle: function (e) {
|
|
|
+ var t = this.table.headerRowStyle;
|
|
|
+ return "function" == typeof t ? t.call(null, {
|
|
|
+ rowIndex: e
|
|
|
+ }) : t
|
|
|
+ },
|
|
|
+ getHeaderRowClass: function (e) {
|
|
|
+ var t = [],
|
|
|
+ i = this.table.headerRowClassName;
|
|
|
+ return "string" == typeof i ? t.push(i) : "function" == typeof i && t.push(i.call(null, {
|
|
|
+ rowIndex: e
|
|
|
+ })), t.join(" ")
|
|
|
+ },
|
|
|
+ getHeaderCellStyle: function (e, t, i, n) {
|
|
|
+ var r = this.table.headerCellStyle;
|
|
|
+ return "function" == typeof r ? r.call(null, {
|
|
|
+ rowIndex: e,
|
|
|
+ columnIndex: t,
|
|
|
+ row: i,
|
|
|
+ column: n
|
|
|
+ }) : r
|
|
|
+ },
|
|
|
+ getHeaderCellClass: function (e, t, i, n) {
|
|
|
+ var r = [n.id, n.order, n.headerAlign, n.className, n.labelClassName];
|
|
|
+ 0 === e && this.isCellHidden(t, i) && r.push("is-hidden"), n.children || r.push("is-leaf"), n.sortable && r.push("is-sortable");
|
|
|
+ var s = this.table.headerCellClassName;
|
|
|
+ return "string" == typeof s ? r.push(s) : "function" == typeof s && r.push(s.call(null, {
|
|
|
+ rowIndex: e,
|
|
|
+ columnIndex: t,
|
|
|
+ row: i,
|
|
|
+ column: n
|
|
|
+ })), r.join(" ")
|
|
|
+ },
|
|
|
+ toggleAllSelection: function (e) {
|
|
|
+ e.stopPropagation(), this.store.commit("toggleAllSelection")
|
|
|
+ },
|
|
|
+ handleFilterClick: function (e, t) {
|
|
|
+ e.stopPropagation();
|
|
|
+ var i, n = e.target,
|
|
|
+ e = "TH" === n.tagName ? n : n.parentNode;
|
|
|
+ ce(e, "noclick") || (e = e.querySelector(".el-table__column-filter-trigger") || e, n = this.$parent, (i = this.filterPanels[t.id]) && t.filterOpened ? i.showPopper = !1 : (i || (i = new h.a(sn), this.filterPanels[t.id] = i, t.filterPlacement && (i.placement = t.filterPlacement), i.table = n, i.cell = e, i.column = t, this.$isServer || i.$mount(document.createElement("div"))), setTimeout(function () {
|
|
|
+ i.showPopper = !0
|
|
|
+ }, 16)))
|
|
|
+ },
|
|
|
+ handleHeaderClick: function (e, t) {
|
|
|
+ !t.filters && t.sortable ? this.handleSortClick(e, t) : t.filterable && !t.sortable && this.handleFilterClick(e, t), this.$parent.$emit("header-click", t, e)
|
|
|
+ },
|
|
|
+ handleHeaderContextMenu: function (e, t) {
|
|
|
+ this.$parent.$emit("header-contextmenu", t, e)
|
|
|
+ },
|
|
|
+ handleMouseDown: function (r, s) {
|
|
|
+ var o, e, a, t, i, l, u, c = this;
|
|
|
+ this.$isServer || s.children && 0 < s.children.length || !this.draggingColumn || !this.border || (this.dragging = !0, this.$parent.resizeProxyVisible = !0, e = (o = this.$parent).$el.getBoundingClientRect().left, t = (a = this.$el.querySelector("th." + s.id)).getBoundingClientRect(), i = t.left - e + 30, he(a, "noclick"), this.dragState = {
|
|
|
+ startMouseLeft: r.clientX,
|
|
|
+ startLeft: t.right - e,
|
|
|
+ startColumnLeft: t.left - e,
|
|
|
+ tableLeft: e
|
|
|
+ }, (l = o.$refs.resizeProxy).style.left = this.dragState.startLeft + "px", document.onselectstart = function () {
|
|
|
+ return !1
|
|
|
+ }, document.ondragstart = function () {
|
|
|
+ return !1
|
|
|
+ }, u = function (e) {
|
|
|
+ e = e.clientX - c.dragState.startMouseLeft, e = c.dragState.startLeft + e;
|
|
|
+ l.style.left = Math.max(i, e) + "px"
|
|
|
+ }, document.addEventListener("mousemove", u), document.addEventListener("mouseup", function e() {
|
|
|
+ var t, i, n;
|
|
|
+ c.dragging && (t = (n = c.dragState).startColumnLeft, i = n.startLeft, n = parseInt(l.style.left, 10) - t, s.width = s.realWidth = n, o.$emit("header-dragend", s.width, i - t, s, r), c.store.scheduleLayout(), document.body.style.cursor = "", c.dragging = !1, c.draggingColumn = null, c.dragState = {}, o.resizeProxyVisible = !1), document.removeEventListener("mousemove", u), document.removeEventListener("mouseup", e), document.onselectstart = null, document.ondragstart = null, setTimeout(function () {
|
|
|
+ de(a, "noclick")
|
|
|
+ }, 0)
|
|
|
+ }))
|
|
|
+ },
|
|
|
+ handleMouseMove: function (e, t) {
|
|
|
+ if (!(t.children && 0 < t.children.length)) {
|
|
|
+ for (var i, n, r = e.target; r && "TH" !== r.tagName;) r = r.parentNode;
|
|
|
+ t && t.resizable && !this.dragging && this.border && (i = r.getBoundingClientRect(), n = document.body.style, 12 < i.width && i.right - e.pageX < 8 ? (n.cursor = "col-resize", ce(r, "is-sortable") && (r.style.cursor = "col-resize"), this.draggingColumn = t) : this.dragging || (n.cursor = "", ce(r, "is-sortable") && (r.style.cursor = "pointer"), this.draggingColumn = null))
|
|
|
+ }
|
|
|
+ },
|
|
|
+ handleMouseOut: function () {
|
|
|
+ this.$isServer || (document.body.style.cursor = "")
|
|
|
+ },
|
|
|
+ toggleOrder: function (e) {
|
|
|
+ var t = e.order,
|
|
|
+ e = e.sortOrders;
|
|
|
+ if ("" === t) return e[0];
|
|
|
+ t = e.indexOf(t || null);
|
|
|
+ return e[t > e.length - 2 ? 0 : t + 1]
|
|
|
+ },
|
|
|
+ handleSortClick: function (e, t, i) {
|
|
|
+ e.stopPropagation();
|
|
|
+ for (var n, r, s = t.order === i ? null : i || this.toggleOrder(t), o = e.target; o && "TH" !== o.tagName;) o = o.parentNode;
|
|
|
+ o && "TH" === o.tagName && ce(o, "noclick") ? de(o, "noclick") : t.sortable && (r = (n = this.store.states).sortProp, i = void 0, ((e = n.sortingColumn) !== t || e === t && null === e.order) && (e && (e.order = null), r = (n.sortingColumn = t).property), i = t.order = s || null, n.sortProp = r, n.sortOrder = i, this.store.commit("changeSortCondition"))
|
|
|
+ }
|
|
|
+ },
|
|
|
+ data: function () {
|
|
|
+ return {
|
|
|
+ draggingColumn: null,
|
|
|
+ dragging: !1,
|
|
|
+ dragState: {}
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ kt = Object.assign || function (e) {
|
|
|
+ for (var t = 1; t < arguments.length; t++) {
|
|
|
+ var i, n = arguments[t];
|
|
|
+ for (i in n) Object.prototype.hasOwnProperty.call(n, i) && (e[i] = n[i])
|
|
|
+ }
|
|
|
+ return e
|
|
|
+ },
|
|
|
+ $t = {
|
|
|
+ name: "ElTableFooter",
|
|
|
+ mixins: [mt],
|
|
|
+ render: function (i) {
|
|
|
+ var o = this,
|
|
|
+ a = [];
|
|
|
+ return this.summaryMethod ? a = this.summaryMethod({
|
|
|
+ columns: this.columns,
|
|
|
+ data: this.store.states.data
|
|
|
+ }) : this.columns.forEach(function (t, e) {
|
|
|
+ var i, n, r, s;
|
|
|
+ 0 !== e ? (i = o.store.states.data.map(function (e) {
|
|
|
+ return Number(e[t.property])
|
|
|
+ }), n = [], r = !0, i.forEach(function (e) {
|
|
|
+ isNaN(e) || (r = !1, e = ("" + e).split(".")[1], n.push(e ? e.length : 0))
|
|
|
+ }), s = Math.max.apply(null, n), a[e] = r ? "" : i.reduce(function (e, t) {
|
|
|
+ var i = Number(t);
|
|
|
+ return isNaN(i) ? e : parseFloat((e + t).toFixed(Math.min(s, 20)))
|
|
|
+ }, 0)) : a[e] = o.sumText
|
|
|
+ }), i("table", {
|
|
|
+ class: "el-table__footer",
|
|
|
+ attrs: {
|
|
|
+ cellspacing: "0",
|
|
|
+ cellpadding: "0",
|
|
|
+ border: "0"
|
|
|
+ }
|
|
|
+ }, [i("colgroup", [this.columns.map(function (e) {
|
|
|
+ return i("col", {
|
|
|
+ attrs: {
|
|
|
+ name: e.id
|
|
|
+ },
|
|
|
+ key: e.id
|
|
|
+ })
|
|
|
+ }), this.hasGutter ? i("col", {
|
|
|
+ attrs: {
|
|
|
+ name: "gutter"
|
|
|
+ }
|
|
|
+ }) : ""]), i("tbody", {
|
|
|
+ class: [{
|
|
|
+ "has-gutter": this.hasGutter
|
|
|
+ }]
|
|
|
+ }, [i("tr", [this.columns.map(function (e, t) {
|
|
|
+ return i("td", {
|
|
|
+ key: t,
|
|
|
+ attrs: {
|
|
|
+ colspan: e.colSpan,
|
|
|
+ rowspan: e.rowSpan
|
|
|
+ },
|
|
|
+ class: o.getRowClasses(e, t)
|
|
|
+ }, [i("div", {
|
|
|
+ class: ["cell", e.labelClassName]
|
|
|
+ }, [a[t]])])
|
|
|
+ }), this.hasGutter ? i("th", {
|
|
|
+ class: "gutter"
|
|
|
+ }) : ""])])])
|
|
|
+ },
|
|
|
+ props: {
|
|
|
+ fixed: String,
|
|
|
+ store: {
|
|
|
+ required: !0
|
|
|
+ },
|
|
|
+ summaryMethod: Function,
|
|
|
+ sumText: String,
|
|
|
+ border: Boolean,
|
|
|
+ defaultSort: {
|
|
|
+ type: Object,
|
|
|
+ default: function () {
|
|
|
+ return {
|
|
|
+ prop: "",
|
|
|
+ order: ""
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ computed: kt({
|
|
|
+ table: function () {
|
|
|
+ return this.$parent
|
|
|
+ },
|
|
|
+ hasGutter: function () {
|
|
|
+ return !this.fixed && this.tableLayout.gutterWidth
|
|
|
+ }
|
|
|
+ }, Ji({
|
|
|
+ columns: "columns",
|
|
|
+ isAllSelected: "isAllSelected",
|
|
|
+ leftFixedLeafCount: "fixedLeafColumnsLength",
|
|
|
+ rightFixedLeafCount: "rightFixedLeafColumnsLength",
|
|
|
+ columnsCount: function (e) {
|
|
|
+ return e.columns.length
|
|
|
+ },
|
|
|
+ leftFixedCount: function (e) {
|
|
|
+ return e.fixedColumns.length
|
|
|
+ },
|
|
|
+ rightFixedCount: function (e) {
|
|
|
+ return e.rightFixedColumns.length
|
|
|
+ }
|
|
|
+ })),
|
|
|
+ methods: {
|
|
|
+ isCellHidden: function (e, t, i) {
|
|
|
+ if (!0 === this.fixed || "left" === this.fixed) return e >= this.leftFixedLeafCount;
|
|
|
+ if ("right" !== this.fixed) return !(this.fixed || !i.fixed) || e < this.leftFixedCount || e >= this.columnsCount - this.rightFixedCount;
|
|
|
+ for (var n = 0, r = 0; r < e; r++) n += t[r].colSpan;
|
|
|
+ return n < this.columnsCount - this.rightFixedLeafCount
|
|
|
+ },
|
|
|
+ getRowClasses: function (e, t) {
|
|
|
+ var i = [e.id, e.align, e.labelClassName];
|
|
|
+ return e.className && i.push(e.className), this.isCellHidden(t, this.columns, e) && i.push("is-hidden"), e.children || i.push("is-leaf"), i
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ Mt = Object.assign || function (e) {
|
|
|
+ for (var t = 1; t < arguments.length; t++) {
|
|
|
+ var i, n = arguments[t];
|
|
|
+ for (i in n) Object.prototype.hasOwnProperty.call(n, i) && (e[i] = n[i])
|
|
|
+ }
|
|
|
+ return e
|
|
|
+ },
|
|
|
+ on = 1,
|
|
|
+ Nt = r({
|
|
|
+ name: "ElTable",
|
|
|
+ mixins: [j, Y],
|
|
|
+ directives: {
|
|
|
+ Mousewheel: o
|
|
|
+ },
|
|
|
+ props: {
|
|
|
+ data: {
|
|
|
+ type: Array,
|
|
|
+ default: function () {
|
|
|
+ return []
|
|
|
+ }
|
|
|
+ },
|
|
|
+ size: String,
|
|
|
+ width: [String, Number],
|
|
|
+ height: [String, Number],
|
|
|
+ maxHeight: [String, Number],
|
|
|
+ fit: {
|
|
|
+ type: Boolean,
|
|
|
+ default: !0
|
|
|
+ },
|
|
|
+ stripe: Boolean,
|
|
|
+ border: Boolean,
|
|
|
+ rowKey: [String, Function],
|
|
|
+ context: {},
|
|
|
+ showHeader: {
|
|
|
+ type: Boolean,
|
|
|
+ default: !0
|
|
|
+ },
|
|
|
+ showSummary: Boolean,
|
|
|
+ sumText: String,
|
|
|
+ summaryMethod: Function,
|
|
|
+ rowClassName: [String, Function],
|
|
|
+ rowStyle: [Object, Function],
|
|
|
+ cellClassName: [String, Function],
|
|
|
+ cellStyle: [Object, Function],
|
|
|
+ headerRowClassName: [String, Function],
|
|
|
+ headerRowStyle: [Object, Function],
|
|
|
+ headerCellClassName: [String, Function],
|
|
|
+ headerCellStyle: [Object, Function],
|
|
|
+ highlightCurrentRow: Boolean,
|
|
|
+ currentRowKey: [String, Number],
|
|
|
+ emptyText: String,
|
|
|
+ expandRowKeys: Array,
|
|
|
+ defaultExpandAll: Boolean,
|
|
|
+ defaultSort: Object,
|
|
|
+ tooltipEffect: String,
|
|
|
+ spanMethod: Function,
|
|
|
+ selectOnIndeterminate: {
|
|
|
+ type: Boolean,
|
|
|
+ default: !0
|
|
|
+ },
|
|
|
+ indent: {
|
|
|
+ type: Number,
|
|
|
+ default: 16
|
|
|
+ },
|
|
|
+ treeProps: {
|
|
|
+ type: Object,
|
|
|
+ default: function () {
|
|
|
+ return {
|
|
|
+ hasChildren: "hasChildren",
|
|
|
+ children: "children"
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ lazy: Boolean,
|
|
|
+ load: Function
|
|
|
+ },
|
|
|
+ components: {
|
|
|
+ TableHeader: Ct,
|
|
|
+ TableFooter: $t,
|
|
|
+ TableBody: pt,
|
|
|
+ ElCheckbox: c
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ getMigratingConfig: function () {
|
|
|
+ return {
|
|
|
+ events: {
|
|
|
+ expand: "expand is renamed to expand-change"
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ setCurrentRow: function (e) {
|
|
|
+ this.store.commit("setCurrentRow", e)
|
|
|
+ },
|
|
|
+ toggleRowSelection: function (e, t) {
|
|
|
+ this.store.toggleRowSelection(e, t, !1), this.store.updateAllSelected()
|
|
|
+ },
|
|
|
+ toggleRowExpansion: function (e, t) {
|
|
|
+ this.store.toggleRowExpansionAdapter(e, t)
|
|
|
+ },
|
|
|
+ clearSelection: function () {
|
|
|
+ this.store.clearSelection()
|
|
|
+ },
|
|
|
+ clearFilter: function (e) {
|
|
|
+ this.store.clearFilter(e)
|
|
|
+ },
|
|
|
+ clearSort: function () {
|
|
|
+ this.store.clearSort()
|
|
|
+ },
|
|
|
+ handleMouseLeave: function () {
|
|
|
+ this.store.commit("setHoverRow", null), this.hoverState && (this.hoverState = null)
|
|
|
+ },
|
|
|
+ updateScrollY: function () {
|
|
|
+ this.layout.updateScrollY() && (this.layout.notifyObservers("scrollable"), this.layout.updateColumnsWidth())
|
|
|
+ },
|
|
|
+ handleFixedMousewheel: function (e, t) {
|
|
|
+ var i, n = this.bodyWrapper;
|
|
|
+ 0 < Math.abs(t.spinY) ? (i = n.scrollTop, t.pixelY < 0 && 0 !== i && e.preventDefault(), 0 < t.pixelY && n.scrollHeight - n.clientHeight > i && e.preventDefault(), n.scrollTop += Math.ceil(t.pixelY / 5)) : n.scrollLeft += Math.ceil(t.pixelX / 5)
|
|
|
+ },
|
|
|
+ handleHeaderFooterMousewheel: function (e, t) {
|
|
|
+ var i = t.pixelX,
|
|
|
+ n = t.pixelY;
|
|
|
+ Math.abs(i) >= Math.abs(n) && (this.bodyWrapper.scrollLeft += t.pixelX / 5)
|
|
|
+ },
|
|
|
+ syncPostion: Object(Hi.throttle)(20, function () {
|
|
|
+ var e = this.bodyWrapper,
|
|
|
+ t = e.scrollLeft,
|
|
|
+ i = e.scrollTop,
|
|
|
+ n = e.offsetWidth,
|
|
|
+ r = e.scrollWidth,
|
|
|
+ s = this.$refs,
|
|
|
+ o = s.headerWrapper,
|
|
|
+ a = s.footerWrapper,
|
|
|
+ e = s.fixedBodyWrapper,
|
|
|
+ s = s.rightFixedBodyWrapper;
|
|
|
+ o && (o.scrollLeft = t), a && (a.scrollLeft = t), e && (e.scrollTop = i), s && (s.scrollTop = i), this.scrollPosition = r - n - 1 <= t ? "right" : 0 === t ? "left" : "middle"
|
|
|
+ }),
|
|
|
+ bindEvents: function () {
|
|
|
+ this.bodyWrapper.addEventListener("scroll", this.syncPostion, {
|
|
|
+ passive: !0
|
|
|
+ }), this.fit && Be(this.$el, this.resizeListener)
|
|
|
+ },
|
|
|
+ unbindEvents: function () {
|
|
|
+ this.bodyWrapper.removeEventListener("scroll", this.syncPostion, {
|
|
|
+ passive: !0
|
|
|
+ }), this.fit && ze(this.$el, this.resizeListener)
|
|
|
+ },
|
|
|
+ resizeListener: function () {
|
|
|
+ var e, t, i, n;
|
|
|
+ this.$ready && (e = !1, n = this.$el, i = (t = this.resizeState).width, t = t.height, i !== (i = n.offsetWidth) && (e = !0), n = n.offsetHeight, (e = (this.height || this.shouldUpdateHeight) && t !== n ? !0 : e) && (this.resizeState.width = i, this.resizeState.height = n, this.doLayout()))
|
|
|
+ },
|
|
|
+ doLayout: function () {
|
|
|
+ this.shouldUpdateHeight && this.layout.updateElsHeight(), this.layout.updateColumnsWidth()
|
|
|
+ },
|
|
|
+ sort: function (e, t) {
|
|
|
+ this.store.commit("sort", {
|
|
|
+ prop: e,
|
|
|
+ order: t
|
|
|
+ })
|
|
|
+ },
|
|
|
+ toggleAllSelection: function () {
|
|
|
+ this.store.commit("toggleAllSelection")
|
|
|
+ }
|
|
|
+ },
|
|
|
+ computed: Mt({
|
|
|
+ tableSize: function () {
|
|
|
+ return this.size || (this.$ELEMENT || {}).size
|
|
|
+ },
|
|
|
+ bodyWrapper: function () {
|
|
|
+ return this.$refs.bodyWrapper
|
|
|
+ },
|
|
|
+ shouldUpdateHeight: function () {
|
|
|
+ return this.height || this.maxHeight || 0 < this.fixedColumns.length || 0 < this.rightFixedColumns.length
|
|
|
+ },
|
|
|
+ bodyWidth: function () {
|
|
|
+ var e = this.layout,
|
|
|
+ t = e.bodyWidth,
|
|
|
+ i = e.scrollY,
|
|
|
+ e = e.gutterWidth;
|
|
|
+ return t ? t - (i ? e : 0) + "px" : ""
|
|
|
+ },
|
|
|
+ bodyHeight: function () {
|
|
|
+ var e = this.layout,
|
|
|
+ t = e.headerHeight,
|
|
|
+ i = void 0 === t ? 0 : t,
|
|
|
+ t = e.bodyHeight,
|
|
|
+ e = e.footerHeight,
|
|
|
+ e = void 0 === e ? 0 : e;
|
|
|
+ if (this.height) return {
|
|
|
+ height: t ? t + "px" : ""
|
|
|
+ };
|
|
|
+ if (this.maxHeight) {
|
|
|
+ t = Yi(this.maxHeight);
|
|
|
+ if ("number" == typeof t) return {
|
|
|
+ "max-height": t - e - (this.showHeader ? i : 0) + "px"
|
|
|
+ }
|
|
|
+ }
|
|
|
+ return {}
|
|
|
+ },
|
|
|
+ fixedBodyHeight: function () {
|
|
|
+ if (this.height) return {
|
|
|
+ height: this.layout.fixedBodyHeight ? this.layout.fixedBodyHeight + "px" : ""
|
|
|
+ };
|
|
|
+ if (this.maxHeight) {
|
|
|
+ var e = Yi(this.maxHeight);
|
|
|
+ if ("number" == typeof e) return e = this.layout.scrollX ? e - this.layout.gutterWidth : e, this.showHeader && (e -= this.layout.headerHeight), {
|
|
|
+ "max-height": (e -= this.layout.footerHeight) + "px"
|
|
|
+ }
|
|
|
+ }
|
|
|
+ return {}
|
|
|
+ },
|
|
|
+ fixedHeight: function () {
|
|
|
+ return this.maxHeight ? this.showSummary ? {
|
|
|
+ bottom: 0
|
|
|
+ } : {
|
|
|
+ bottom: this.layout.scrollX && this.data.length ? this.layout.gutterWidth + "px" : ""
|
|
|
+ } : this.showSummary ? {
|
|
|
+ height: this.layout.tableHeight ? this.layout.tableHeight + "px" : ""
|
|
|
+ } : {
|
|
|
+ height: this.layout.viewportHeight ? this.layout.viewportHeight + "px" : ""
|
|
|
+ }
|
|
|
+ },
|
|
|
+ emptyBlockStyle: function () {
|
|
|
+ if (this.data && this.data.length) return null;
|
|
|
+ var e = "100%";
|
|
|
+ return this.layout.appendHeight && (e = "calc(100% - " + this.layout.appendHeight + "px)"), {
|
|
|
+ width: this.bodyWidth,
|
|
|
+ height: e
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, Ji({
|
|
|
+ selection: "selection",
|
|
|
+ columns: "columns",
|
|
|
+ tableData: "data",
|
|
|
+ fixedColumns: "fixedColumns",
|
|
|
+ rightFixedColumns: "rightFixedColumns"
|
|
|
+ })),
|
|
|
+ watch: {
|
|
|
+ height: {
|
|
|
+ immediate: !0,
|
|
|
+ handler: function (e) {
|
|
|
+ this.layout.setHeight(e)
|
|
|
+ }
|
|
|
+ },
|
|
|
+ maxHeight: {
|
|
|
+ immediate: !0,
|
|
|
+ handler: function (e) {
|
|
|
+ this.layout.setMaxHeight(e)
|
|
|
+ }
|
|
|
+ },
|
|
|
+ currentRowKey: {
|
|
|
+ immediate: !0,
|
|
|
+ handler: function (e) {
|
|
|
+ this.rowKey && this.store.setCurrentRowKey(e)
|
|
|
+ }
|
|
|
+ },
|
|
|
+ data: {
|
|
|
+ immediate: !0,
|
|
|
+ handler: function (e) {
|
|
|
+ this.store.commit("setData", e)
|
|
|
+ }
|
|
|
+ },
|
|
|
+ expandRowKeys: {
|
|
|
+ immediate: !0,
|
|
|
+ handler: function (e) {
|
|
|
+ e && this.store.setExpandRowKeysAdapter(e)
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ created: function () {
|
|
|
+ var e = this;
|
|
|
+ this.tableId = "el-table_" + on++, this.debouncedUpdateLayout = Object(Hi.debounce)(50, function () {
|
|
|
+ return e.doLayout()
|
|
|
+ })
|
|
|
+ },
|
|
|
+ mounted: function () {
|
|
|
+ var t = this;
|
|
|
+ this.bindEvents(), this.store.updateColumns(), this.doLayout(), this.resizeState = {
|
|
|
+ width: this.$el.offsetWidth,
|
|
|
+ height: this.$el.offsetHeight
|
|
|
+ }, this.store.states.columns.forEach(function (e) {
|
|
|
+ e.filteredValue && e.filteredValue.length && t.store.commit("filterChange", {
|
|
|
+ column: e,
|
|
|
+ values: e.filteredValue,
|
|
|
+ silent: !0
|
|
|
+ })
|
|
|
+ }), this.$ready = !0
|
|
|
+ },
|
|
|
+ destroyed: function () {
|
|
|
+ this.unbindEvents()
|
|
|
+ },
|
|
|
+ data: function () {
|
|
|
+ var e = this.treeProps,
|
|
|
+ t = e.hasChildren,
|
|
|
+ e = e.children;
|
|
|
+ return this.store = function (e, t) {
|
|
|
+ var i = 1 < arguments.length && void 0 !== t ? t : {};
|
|
|
+ if (!e) throw new Error("Table is required.");
|
|
|
+ var n = new Zi;
|
|
|
+ return n.table = e, n.toggleAllSelection = Ue()(10, n._toggleAllSelection), Object.keys(i).forEach(function (e) {
|
|
|
+ n.states[e] = i[e]
|
|
|
+ }), n
|
|
|
+ }(this, {
|
|
|
+ rowKey: this.rowKey,
|
|
|
+ defaultExpandAll: this.defaultExpandAll,
|
|
|
+ selectOnIndeterminate: this.selectOnIndeterminate,
|
|
|
+ indent: this.indent,
|
|
|
+ lazy: this.lazy,
|
|
|
+ lazyColumnIdentifier: void 0 === t ? "hasChildren" : t,
|
|
|
+ childrenColumnName: void 0 === e ? "children" : e
|
|
|
+ }), {
|
|
|
+ layout: new Qi({
|
|
|
+ store: this.store,
|
|
|
+ table: this,
|
|
|
+ fit: this.fit,
|
|
|
+ showHeader: this.showHeader
|
|
|
+ }),
|
|
|
+ isHidden: !1,
|
|
|
+ renderExpanded: null,
|
|
|
+ resizeProxyVisible: !1,
|
|
|
+ resizeState: {
|
|
|
+ width: null,
|
|
|
+ height: null
|
|
|
+ },
|
|
|
+ isGroup: !1,
|
|
|
+ scrollPosition: "left"
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, a, [], !1, null, null, null);
|
|
|
+ Nt.options.__file = "packages/table/src/table.vue";
|
|
|
+ var an = Nt.exports;
|
|
|
+ an.install = function (e) {
|
|
|
+ e.component(an.name, an)
|
|
|
+ };
|
|
|
+ var Ot = an,
|
|
|
+ ln = {
|
|
|
+ default: {
|
|
|
+ order: ""
|
|
|
+ },
|
|
|
+ selection: {
|
|
|
+ width: 48,
|
|
|
+ minWidth: 48,
|
|
|
+ realWidth: 48,
|
|
|
+ order: "",
|
|
|
+ className: "el-table-column--selection"
|
|
|
+ },
|
|
|
+ expand: {
|
|
|
+ width: 48,
|
|
|
+ minWidth: 48,
|
|
|
+ realWidth: 48,
|
|
|
+ order: ""
|
|
|
+ },
|
|
|
+ index: {
|
|
|
+ width: 48,
|
|
|
+ minWidth: 48,
|
|
|
+ realWidth: 48,
|
|
|
+ order: ""
|
|
|
+ }
|
|
|
+ },
|
|
|
+ un = {
|
|
|
+ selection: {
|
|
|
+ renderHeader: function (e, t) {
|
|
|
+ t = t.store;
|
|
|
+ return e("el-checkbox", {
|
|
|
+ attrs: {
|
|
|
+ disabled: t.states.data && 0 === t.states.data.length,
|
|
|
+ indeterminate: 0 < t.states.selection.length && !this.isAllSelected,
|
|
|
+ value: this.isAllSelected
|
|
|
+ },
|
|
|
+ nativeOn: {
|
|
|
+ click: this.toggleAllSelection
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ renderCell: function (e, t) {
|
|
|
+ var i = t.row,
|
|
|
+ n = t.column,
|
|
|
+ r = t.store,
|
|
|
+ t = t.$index;
|
|
|
+ return e("el-checkbox", {
|
|
|
+ nativeOn: {
|
|
|
+ click: function (e) {
|
|
|
+ return e.stopPropagation()
|
|
|
+ }
|
|
|
+ },
|
|
|
+ attrs: {
|
|
|
+ value: r.isSelected(i),
|
|
|
+ disabled: !!n.selectable && !n.selectable.call(null, i, t)
|
|
|
+ },
|
|
|
+ on: {
|
|
|
+ input: function () {
|
|
|
+ r.commit("rowSelectedChanged", i)
|
|
|
+ }
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ sortable: !1,
|
|
|
+ resizable: !1
|
|
|
+ },
|
|
|
+ index: {
|
|
|
+ renderHeader: function (e, t) {
|
|
|
+ return t.column.label || "#"
|
|
|
+ },
|
|
|
+ renderCell: function (e, t) {
|
|
|
+ var i = t.$index,
|
|
|
+ n = i + 1,
|
|
|
+ t = t.column.index;
|
|
|
+ return "number" == typeof t ? n = i + t : "function" == typeof t && (n = t(i)), e("div", [n])
|
|
|
+ },
|
|
|
+ sortable: !1
|
|
|
+ },
|
|
|
+ expand: {
|
|
|
+ renderHeader: function (e, t) {
|
|
|
+ return t.column.label || ""
|
|
|
+ },
|
|
|
+ renderCell: function (e, t) {
|
|
|
+ var i = t.row,
|
|
|
+ n = t.store,
|
|
|
+ t = ["el-table__expand-icon"];
|
|
|
+ return -1 < n.states.expandRows.indexOf(i) && t.push("el-table__expand-icon--expanded"), e("div", {
|
|
|
+ class: t,
|
|
|
+ on: {
|
|
|
+ click: function (e) {
|
|
|
+ e.stopPropagation(), n.toggleRowExpansion(i)
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, [e("i", {
|
|
|
+ class: "el-icon el-icon-arrow-right"
|
|
|
+ })])
|
|
|
+ },
|
|
|
+ sortable: !1,
|
|
|
+ resizable: !1,
|
|
|
+ className: "el-table__expand-column"
|
|
|
+ }
|
|
|
+ };
|
|
|
+
|
|
|
+ function cn(e, t) {
|
|
|
+ var i = t.row,
|
|
|
+ n = t.column,
|
|
|
+ r = t.$index,
|
|
|
+ t = n.property,
|
|
|
+ t = t && S(i, t).v;
|
|
|
+ return n && n.formatter ? n.formatter(i, n, t, r) : t
|
|
|
+ }
|
|
|
+ var hn = Object.assign || function (e) {
|
|
|
+ for (var t = 1; t < arguments.length; t++) {
|
|
|
+ var i, n = arguments[t];
|
|
|
+ for (i in n) Object.prototype.hasOwnProperty.call(n, i) && (e[i] = n[i])
|
|
|
+ }
|
|
|
+ return e
|
|
|
+ },
|
|
|
+ dn = 1,
|
|
|
+ pn = {
|
|
|
+ name: "ElTableColumn",
|
|
|
+ props: {
|
|
|
+ type: {
|
|
|
+ type: String,
|
|
|
+ default: "default"
|
|
|
+ },
|
|
|
+ label: String,
|
|
|
+ className: String,
|
|
|
+ labelClassName: String,
|
|
|
+ property: String,
|
|
|
+ prop: String,
|
|
|
+ width: {},
|
|
|
+ minWidth: {},
|
|
|
+ renderHeader: Function,
|
|
|
+ sortable: {
|
|
|
+ type: [Boolean, String],
|
|
|
+ default: !1
|
|
|
+ },
|
|
|
+ sortMethod: Function,
|
|
|
+ sortBy: [String, Function, Array],
|
|
|
+ resizable: {
|
|
|
+ type: Boolean,
|
|
|
+ default: !0
|
|
|
+ },
|
|
|
+ columnKey: String,
|
|
|
+ align: String,
|
|
|
+ headerAlign: String,
|
|
|
+ showTooltipWhenOverflow: Boolean,
|
|
|
+ showOverflowTooltip: Boolean,
|
|
|
+ fixed: [Boolean, String],
|
|
|
+ formatter: Function,
|
|
|
+ selectable: Function,
|
|
|
+ reserveSelection: Boolean,
|
|
|
+ filterMethod: Function,
|
|
|
+ filteredValue: Array,
|
|
|
+ filters: Array,
|
|
|
+ filterPlacement: String,
|
|
|
+ filterMultiple: {
|
|
|
+ type: Boolean,
|
|
|
+ default: !0
|
|
|
+ },
|
|
|
+ index: [Number, Function],
|
|
|
+ sortOrders: {
|
|
|
+ type: Array,
|
|
|
+ default: function () {
|
|
|
+ return ["ascending", "descending", null]
|
|
|
+ },
|
|
|
+ validator: function (e) {
|
|
|
+ return e.every(function (e) {
|
|
|
+ return -1 < ["ascending", "descending", null].indexOf(e)
|
|
|
+ })
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ data: function () {
|
|
|
+ return {
|
|
|
+ isSubColumn: !1,
|
|
|
+ columns: []
|
|
|
+ }
|
|
|
+ },
|
|
|
+ computed: {
|
|
|
+ owner: function () {
|
|
|
+ for (var e = this.$parent; e && !e.tableId;) e = e.$parent;
|
|
|
+ return e
|
|
|
+ },
|
|
|
+ columnOrTableParent: function () {
|
|
|
+ for (var e = this.$parent; e && !e.tableId && !e.columnId;) e = e.$parent;
|
|
|
+ return e
|
|
|
+ },
|
|
|
+ realWidth: function () {
|
|
|
+ return qi(this.width)
|
|
|
+ },
|
|
|
+ realMinWidth: function () {
|
|
|
+ return void 0 !== (e = this.minWidth) && (e = qi(e), isNaN(e) && (e = 80)), e;
|
|
|
+ var e
|
|
|
+ },
|
|
|
+ realAlign: function () {
|
|
|
+ return this.align ? "is-" + this.align : null
|
|
|
+ },
|
|
|
+ realHeaderAlign: function () {
|
|
|
+ return this.headerAlign ? "is-" + this.headerAlign : this.realAlign
|
|
|
+ }
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ getPropsData: function () {
|
|
|
+ for (var i = this, e = arguments.length, t = Array(e), n = 0; n < e; n++) t[n] = arguments[n];
|
|
|
+ return t.reduce(function (t, e) {
|
|
|
+ return Array.isArray(e) && e.forEach(function (e) {
|
|
|
+ t[e] = i[e]
|
|
|
+ }), t
|
|
|
+ }, {})
|
|
|
+ },
|
|
|
+ getColumnElIndex: function (e, t) {
|
|
|
+ return [].indexOf.call(e, t)
|
|
|
+ },
|
|
|
+ setColumnWidth: function (e) {
|
|
|
+ return this.realWidth && (e.width = this.realWidth), this.realMinWidth && (e.minWidth = this.realMinWidth), e.minWidth || (e.minWidth = 80), e.realWidth = void 0 === e.width ? e.minWidth : e.width, e
|
|
|
+ },
|
|
|
+ setColumnForcedProps: function (i) {
|
|
|
+ var e = i.type,
|
|
|
+ n = un[e] || {};
|
|
|
+ return Object.keys(n).forEach(function (e) {
|
|
|
+ var t = n[e];
|
|
|
+ void 0 !== t && (i[e] = "className" === e ? i[e] + " " + t : t)
|
|
|
+ }), i
|
|
|
+ },
|
|
|
+ setColumnRenders: function (r) {
|
|
|
+ var s = this;
|
|
|
+ this.$createElement, this.renderHeader ? console.warn("[Element Warn][TableColumn]Comparing to render-header, scoped-slot header is easier to use. We recommend users to use scoped-slot header.") : "selection" !== r.type && (r.renderHeader = function (e, t) {
|
|
|
+ var i = s.$scopedSlots.header;
|
|
|
+ return i ? i(t) : r.label
|
|
|
+ });
|
|
|
+ var o = r.renderCell;
|
|
|
+ return "expand" === r.type ? (r.renderCell = function (e, t) {
|
|
|
+ return e("div", {
|
|
|
+ class: "cell"
|
|
|
+ }, [o(e, t)])
|
|
|
+ }, this.owner.renderExpanded = function (e, t) {
|
|
|
+ return s.$scopedSlots.default ? s.$scopedSlots.default(t) : s.$slots.default
|
|
|
+ }) : (o = o || cn, r.renderCell = function (e, a) {
|
|
|
+ var t = s.$scopedSlots.default ? s.$scopedSlots.default(a) : o(e, a),
|
|
|
+ i = function (e) {
|
|
|
+ var t = a.row,
|
|
|
+ i = a.treeNode,
|
|
|
+ n = a.store;
|
|
|
+ if (!i) return null;
|
|
|
+ var r, s, o = [];
|
|
|
+ return i.indent && o.push(e("span", {
|
|
|
+ class: "el-table__indent",
|
|
|
+ style: {
|
|
|
+ "padding-left": i.indent + "px"
|
|
|
+ }
|
|
|
+ })), "boolean" != typeof i.expanded || i.noLazyChildren ? o.push(e("span", {
|
|
|
+ class: "el-table__placeholder"
|
|
|
+ })) : (r = ["el-table__expand-icon", i.expanded ? "el-table__expand-icon--expanded" : ""], s = ["el-icon-arrow-right"], i.loading && (s = ["el-icon-loading"]), o.push(e("div", {
|
|
|
+ class: r,
|
|
|
+ on: {
|
|
|
+ click: function (e) {
|
|
|
+ e.stopPropagation(), n.loadOrToggle(t)
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, [e("i", {
|
|
|
+ class: s
|
|
|
+ })]))), o
|
|
|
+ }(e),
|
|
|
+ n = {
|
|
|
+ class: "cell",
|
|
|
+ style: {}
|
|
|
+ };
|
|
|
+ return r.showOverflowTooltip && (n.class += " el-tooltip", n.style = {
|
|
|
+ width: (a.column.realWidth || a.column.width) - 1 + "px"
|
|
|
+ }), e("div", n, [i, t])
|
|
|
+ }), r
|
|
|
+ },
|
|
|
+ registerNormalWatchers: function () {
|
|
|
+ var i = this,
|
|
|
+ n = {
|
|
|
+ prop: "property",
|
|
|
+ realAlign: "align",
|
|
|
+ realHeaderAlign: "headerAlign",
|
|
|
+ realWidth: "width"
|
|
|
+ },
|
|
|
+ e = ["label", "property", "filters", "filterMultiple", "sortable", "index", "formatter", "className", "labelClassName", "showOverflowTooltip"].reduce(function (e, t) {
|
|
|
+ return e[t] = t, e
|
|
|
+ }, n);
|
|
|
+ Object.keys(e).forEach(function (e) {
|
|
|
+ var t = n[e];
|
|
|
+ i.$watch(e, function (e) {
|
|
|
+ i.columnConfig[t] = e
|
|
|
+ })
|
|
|
+ })
|
|
|
+ },
|
|
|
+ registerComplexWatchers: function () {
|
|
|
+ var i = this,
|
|
|
+ n = {
|
|
|
+ realWidth: "width",
|
|
|
+ realMinWidth: "minWidth"
|
|
|
+ },
|
|
|
+ e = ["fixed"].reduce(function (e, t) {
|
|
|
+ return e[t] = t, e
|
|
|
+ }, n);
|
|
|
+ Object.keys(e).forEach(function (e) {
|
|
|
+ var t = n[e];
|
|
|
+ i.$watch(e, function (e) {
|
|
|
+ i.columnConfig[t] = e, i.owner.store.scheduleLayout("fixed" === t)
|
|
|
+ })
|
|
|
+ })
|
|
|
+ }
|
|
|
+ },
|
|
|
+ components: {
|
|
|
+ ElCheckbox: c
|
|
|
+ },
|
|
|
+ beforeCreate: function () {
|
|
|
+ this.row = {}, this.column = {}, this.$index = 0, this.columnId = ""
|
|
|
+ },
|
|
|
+ created: function () {
|
|
|
+ var e = this.columnOrTableParent;
|
|
|
+ this.isSubColumn = this.owner !== e, this.columnId = (e.tableId || e.columnId) + "_column_" + dn++;
|
|
|
+ var t = this.type || "default",
|
|
|
+ e = "" === this.sortable || this.sortable,
|
|
|
+ e = function (e, t) {
|
|
|
+ var i, n, r = {},
|
|
|
+ s = void 0;
|
|
|
+ for (s in e) r[s] = e[s];
|
|
|
+ for (s in t) n = s, Object.prototype.hasOwnProperty.call(t, n) && void 0 !== (i = t[s]) && (r[s] = i);
|
|
|
+ return r
|
|
|
+ }(hn({}, ln[t], {
|
|
|
+ id: this.columnId,
|
|
|
+ type: t,
|
|
|
+ property: this.prop || this.property,
|
|
|
+ align: this.realAlign,
|
|
|
+ headerAlign: this.realHeaderAlign,
|
|
|
+ showOverflowTooltip: this.showOverflowTooltip || this.showTooltipWhenOverflow,
|
|
|
+ filterable: this.filters || this.filterMethod,
|
|
|
+ filteredValue: [],
|
|
|
+ filterPlacement: "",
|
|
|
+ isColumnGroup: !1,
|
|
|
+ filterOpened: !1,
|
|
|
+ sortable: e,
|
|
|
+ index: this.index
|
|
|
+ }), e = this.getPropsData(["columnKey", "label", "className", "labelClassName", "type", "renderHeader", "formatter", "fixed", "resizable"], ["sortMethod", "sortBy", "sortOrders"], ["selectable", "reserveSelection"], ["filterMethod", "filters", "filterMultiple", "filterOpened", "filteredValue", "filterPlacement"]));
|
|
|
+ e = function () {
|
|
|
+ for (var e = arguments.length, t = Array(e), i = 0; i < e; i++) t[i] = arguments[i];
|
|
|
+ return 0 === t.length ? function (e) {
|
|
|
+ return e
|
|
|
+ } : 1 === t.length ? t[0] : t.reduce(function (e, t) {
|
|
|
+ return function () {
|
|
|
+ return e(t.apply(void 0, arguments))
|
|
|
+ }
|
|
|
+ })
|
|
|
+ }(this.setColumnRenders, this.setColumnWidth, this.setColumnForcedProps)(e), this.columnConfig = e, this.registerNormalWatchers(), this.registerComplexWatchers()
|
|
|
+ },
|
|
|
+ mounted: function () {
|
|
|
+ var e = this.owner,
|
|
|
+ t = this.columnOrTableParent,
|
|
|
+ i = (this.isSubColumn ? t.$el : t.$refs.hiddenColumns).children,
|
|
|
+ i = this.getColumnElIndex(i, this.$el);
|
|
|
+ e.store.commit("insertColumn", this.columnConfig, i, this.isSubColumn ? t.columnConfig : null)
|
|
|
+ },
|
|
|
+ destroyed: function () {
|
|
|
+ var e;
|
|
|
+ this.$parent && (e = this.$parent, this.owner.store.commit("removeColumn", this.columnConfig, this.isSubColumn ? e.columnConfig : null))
|
|
|
+ },
|
|
|
+ render: function (e) {
|
|
|
+ return e("div", this.$slots.default)
|
|
|
+ },
|
|
|
+ install: function (e) {
|
|
|
+ e.component(pn.name, pn)
|
|
|
+ }
|
|
|
+ },
|
|
|
+ Ft = pn,
|
|
|
+ zt = function () {
|
|
|
+ var t = this,
|
|
|
+ e = t.$createElement,
|
|
|
+ e = t._self._c || e;
|
|
|
+ return t.ranged ? e("div", {
|
|
|
+ directives: [{
|
|
|
+ name: "clickoutside",
|
|
|
+ rawName: "v-clickoutside",
|
|
|
+ value: t.handleClose,
|
|
|
+ expression: "handleClose"
|
|
|
+ }],
|
|
|
+ ref: "reference",
|
|
|
+ staticClass: "el-date-editor el-range-editor el-input__inner",
|
|
|
+ class: ["el-date-editor--" + t.type, t.pickerSize ? "el-range-editor--" + t.pickerSize : "", t.pickerDisabled ? "is-disabled" : "", t.pickerVisible ? "is-active" : ""],
|
|
|
+ on: {
|
|
|
+ click: t.handleRangeClick,
|
|
|
+ mouseenter: t.handleMouseEnter,
|
|
|
+ mouseleave: function (e) {
|
|
|
+ t.showClose = !1
|
|
|
+ },
|
|
|
+ keydown: t.handleKeydown
|
|
|
+ }
|
|
|
+ }, [e("i", {
|
|
|
+ class: ["el-input__icon", "el-range__icon", t.triggerClass]
|
|
|
+ }), e("input", t._b({
|
|
|
+ staticClass: "el-range-input",
|
|
|
+ attrs: {
|
|
|
+ autocomplete: "off",
|
|
|
+ placeholder: t.startPlaceholder,
|
|
|
+ disabled: t.pickerDisabled,
|
|
|
+ readonly: !t.editable || t.readonly,
|
|
|
+ name: t.name && t.name[0]
|
|
|
+ },
|
|
|
+ domProps: {
|
|
|
+ value: t.displayValue && t.displayValue[0]
|
|
|
+ },
|
|
|
+ on: {
|
|
|
+ input: t.handleStartInput,
|
|
|
+ change: t.handleStartChange,
|
|
|
+ focus: t.handleFocus
|
|
|
+ }
|
|
|
+ }, "input", t.firstInputId, !1)), t._t("range-separator", [e("span", {
|
|
|
+ staticClass: "el-range-separator"
|
|
|
+ }, [t._v(t._s(t.rangeSeparator))])]), e("input", t._b({
|
|
|
+ staticClass: "el-range-input",
|
|
|
+ attrs: {
|
|
|
+ autocomplete: "off",
|
|
|
+ placeholder: t.endPlaceholder,
|
|
|
+ disabled: t.pickerDisabled,
|
|
|
+ readonly: !t.editable || t.readonly,
|
|
|
+ name: t.name && t.name[1]
|
|
|
+ },
|
|
|
+ domProps: {
|
|
|
+ value: t.displayValue && t.displayValue[1]
|
|
|
+ },
|
|
|
+ on: {
|
|
|
+ input: t.handleEndInput,
|
|
|
+ change: t.handleEndChange,
|
|
|
+ focus: t.handleFocus
|
|
|
+ }
|
|
|
+ }, "input", t.secondInputId, !1)), t.haveTrigger ? e("i", {
|
|
|
+ staticClass: "el-input__icon el-range__close-icon",
|
|
|
+ class: [t.showClose ? "" + t.clearIcon : ""],
|
|
|
+ on: {
|
|
|
+ click: t.handleClickIcon
|
|
|
+ }
|
|
|
+ }) : t._e()], 2) : e("el-input", t._b({
|
|
|
+ directives: [{
|
|
|
+ name: "clickoutside",
|
|
|
+ rawName: "v-clickoutside",
|
|
|
+ value: t.handleClose,
|
|
|
+ expression: "handleClose"
|
|
|
+ }],
|
|
|
+ ref: "reference",
|
|
|
+ staticClass: "el-date-editor",
|
|
|
+ class: "el-date-editor--" + t.type,
|
|
|
+ attrs: {
|
|
|
+ readonly: !t.editable || t.readonly || "dates" === t.type || "week" === t.type,
|
|
|
+ disabled: t.pickerDisabled,
|
|
|
+ size: t.pickerSize,
|
|
|
+ name: t.name,
|
|
|
+ placeholder: t.placeholder,
|
|
|
+ value: t.displayValue,
|
|
|
+ validateEvent: !1
|
|
|
+ },
|
|
|
+ on: {
|
|
|
+ focus: t.handleFocus,
|
|
|
+ input: function (e) {
|
|
|
+ return t.userInput = e
|
|
|
+ },
|
|
|
+ change: t.handleChange
|
|
|
+ },
|
|
|
+ nativeOn: {
|
|
|
+ keydown: function (e) {
|
|
|
+ return t.handleKeydown(e)
|
|
|
+ },
|
|
|
+ mouseenter: function (e) {
|
|
|
+ return t.handleMouseEnter(e)
|
|
|
+ },
|
|
|
+ mouseleave: function (e) {
|
|
|
+ t.showClose = !1
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, "el-input", t.firstInputId, !1), [e("i", {
|
|
|
+ staticClass: "el-input__icon",
|
|
|
+ class: t.triggerClass,
|
|
|
+ attrs: {
|
|
|
+ slot: "prefix"
|
|
|
+ },
|
|
|
+ on: {
|
|
|
+ click: t.handleFocus
|
|
|
+ },
|
|
|
+ slot: "prefix"
|
|
|
+ }), t.haveTrigger ? e("i", {
|
|
|
+ staticClass: "el-input__icon",
|
|
|
+ class: [t.showClose ? "" + t.clearIcon : ""],
|
|
|
+ attrs: {
|
|
|
+ slot: "suffix"
|
|
|
+ },
|
|
|
+ on: {
|
|
|
+ click: t.handleClickIcon
|
|
|
+ },
|
|
|
+ slot: "suffix"
|
|
|
+ }) : t._e()])
|
|
|
+ };
|
|
|
+ zt._withStripped = !0;
|
|
|
+
|
|
|
+ function fn() {
|
|
|
+ return {
|
|
|
+ dayNamesShort: Sn.map(function (e) {
|
|
|
+ return A("el.datepicker.weeks." + e)
|
|
|
+ }),
|
|
|
+ dayNames: Sn.map(function (e) {
|
|
|
+ return A("el.datepicker.weeks." + e)
|
|
|
+ }),
|
|
|
+ monthNamesShort: Dn.map(function (e) {
|
|
|
+ return A("el.datepicker.months." + e)
|
|
|
+ }),
|
|
|
+ monthNames: Dn.map(function (e, t) {
|
|
|
+ return A("el.datepicker.month" + (t + 1))
|
|
|
+ }),
|
|
|
+ amPm: ["am", "pm"]
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ function mn(e) {
|
|
|
+ return null != e && !isNaN(new Date(e).getTime()) && !Array.isArray(e)
|
|
|
+ }
|
|
|
+
|
|
|
+ function gn(e) {
|
|
|
+ return e instanceof Date
|
|
|
+ }
|
|
|
+
|
|
|
+ function vn(e, t) {
|
|
|
+ return (e = mn(i = e) ? new Date(i) : null) ? kn.a.format(e, t || "yyyy-MM-dd", fn()) : "";
|
|
|
+ var i
|
|
|
+ }
|
|
|
+
|
|
|
+ function yn(e, t) {
|
|
|
+ return kn.a.parse(e, t || "yyyy-MM-dd", fn())
|
|
|
+ }
|
|
|
+
|
|
|
+ function bn(e, t) {
|
|
|
+ return 3 === t || 5 === t || 8 === t || 10 === t ? 30 : 1 === t ? e % 4 == 0 && e % 100 != 0 || e % 400 == 0 ? 29 : 28 : 31
|
|
|
+ }
|
|
|
+
|
|
|
+ function wn(e) {
|
|
|
+ return (e = new Date(e.getTime())).setDate(1), e.getDay()
|
|
|
+ }
|
|
|
+
|
|
|
+ function _n(e) {
|
|
|
+ var t = 1 < arguments.length && void 0 !== arguments[1] ? arguments[1] : 1;
|
|
|
+ return new Date(e.getFullYear(), e.getMonth(), e.getDate() - t)
|
|
|
+ }
|
|
|
+
|
|
|
+ function xn(e) {
|
|
|
+ var t = 1 < arguments.length && void 0 !== arguments[1] ? arguments[1] : 1;
|
|
|
+ return new Date(e.getFullYear(), e.getMonth(), e.getDate() + t)
|
|
|
+ }
|
|
|
+
|
|
|
+ function Cn(e) {
|
|
|
+ if (!mn(e)) return null;
|
|
|
+ var t = new Date(e.getTime());
|
|
|
+ return t.setHours(0, 0, 0, 0), t.setDate(t.getDate() + 3 - (t.getDay() + 6) % 7), e = new Date(t.getFullYear(), 0, 4), 1 + Math.round(((t.getTime() - e.getTime()) / 864e5 - 3 + (e.getDay() + 6) % 7) / 7)
|
|
|
+ }
|
|
|
+ var Rt = i(2),
|
|
|
+ kn = i.n(Rt),
|
|
|
+ Sn = ["sun", "mon", "tue", "wed", "thu", "fri", "sat"],
|
|
|
+ Dn = ["jan", "feb", "mar", "apr", "may", "jun", "jul", "aug", "sep", "oct", "nov", "dec"];
|
|
|
+
|
|
|
+ function $n(e, t, i, n) {
|
|
|
+ for (var r = t; r < i; r++) e[r] = n
|
|
|
+ }
|
|
|
+
|
|
|
+ function En(e) {
|
|
|
+ return Array.apply(null, {
|
|
|
+ length: e
|
|
|
+ }).map(function (e, t) {
|
|
|
+ return t
|
|
|
+ })
|
|
|
+ }
|
|
|
+
|
|
|
+ function Tn(e, t, i, n) {
|
|
|
+ return new Date(t, i, n, e.getHours(), e.getMinutes(), e.getSeconds(), e.getMilliseconds())
|
|
|
+ }
|
|
|
+
|
|
|
+ function Mn(e, t, i, n) {
|
|
|
+ return new Date(e.getFullYear(), e.getMonth(), e.getDate(), t, i, n, e.getMilliseconds())
|
|
|
+ }
|
|
|
+
|
|
|
+ function Nn(e, t) {
|
|
|
+ return null != e && t ? (t = yn(t, "HH:mm:ss"), Mn(e, t.getHours(), t.getMinutes(), t.getSeconds())) : e
|
|
|
+ }
|
|
|
+
|
|
|
+ function Pn(e) {
|
|
|
+ return new Date(e.getFullYear(), e.getMonth(), e.getDate())
|
|
|
+ }
|
|
|
+
|
|
|
+ function In(e) {
|
|
|
+ return new Date(e.getFullYear(), e.getMonth(), e.getDate(), e.getHours(), e.getMinutes(), e.getSeconds(), 0)
|
|
|
+ }
|
|
|
+
|
|
|
+ function On(e, t) {
|
|
|
+ var i = 2 < arguments.length && void 0 !== arguments[2] ? arguments[2] : "HH:mm:ss";
|
|
|
+ if (0 === t.length) return e;
|
|
|
+
|
|
|
+ function n(e) {
|
|
|
+ return kn.a.parse(kn.a.format(e, i), i)
|
|
|
+ }
|
|
|
+ var r = n(e),
|
|
|
+ t = t.map(function (e) {
|
|
|
+ return e.map(n)
|
|
|
+ });
|
|
|
+ if (t.some(function (e) {
|
|
|
+ return r >= e[0] && r <= e[1]
|
|
|
+ })) return e;
|
|
|
+ var s = t[0][0],
|
|
|
+ o = t[0][0];
|
|
|
+ return t.forEach(function (e) {
|
|
|
+ s = new Date(Math.min(e[0], s)), o = new Date(Math.max(e[1], s))
|
|
|
+ }), Tn(r < s ? s : o, e.getFullYear(), e.getMonth(), e.getDate())
|
|
|
+ }
|
|
|
+
|
|
|
+ function Fn(e, t, i) {
|
|
|
+ return On(e, t, i).getTime() === e.getTime()
|
|
|
+ }
|
|
|
+
|
|
|
+ function An(e, t, i) {
|
|
|
+ var n = Math.min(e.getDate(), bn(t, i));
|
|
|
+ return Tn(e, t, i, n)
|
|
|
+ }
|
|
|
+
|
|
|
+ function Ln(e) {
|
|
|
+ var t = e.getFullYear(),
|
|
|
+ i = e.getMonth();
|
|
|
+ return 0 === i ? An(e, t - 1, 11) : An(e, t, i - 1)
|
|
|
+ }
|
|
|
+
|
|
|
+ function Vn(e) {
|
|
|
+ var t = e.getFullYear(),
|
|
|
+ i = e.getMonth();
|
|
|
+ return 11 === i ? An(e, t + 1, 0) : An(e, t, i + 1)
|
|
|
+ }
|
|
|
+
|
|
|
+ function Bn(e) {
|
|
|
+ var t = 1 < arguments.length && void 0 !== arguments[1] ? arguments[1] : 1,
|
|
|
+ i = e.getFullYear(),
|
|
|
+ n = e.getMonth();
|
|
|
+ return An(e, i - t, n)
|
|
|
+ }
|
|
|
+
|
|
|
+ function zn(e) {
|
|
|
+ var t = 1 < arguments.length && void 0 !== arguments[1] ? arguments[1] : 1,
|
|
|
+ i = e.getFullYear(),
|
|
|
+ n = e.getMonth();
|
|
|
+ return An(e, i + t, n)
|
|
|
+ }
|
|
|
+
|
|
|
+ function Hn(e) {
|
|
|
+ return e.replace(/\W?m{1,2}|\W?ZZ/g, "").replace(/\W?h{1,2}|\W?s{1,3}|\W?a/gi, "").trim()
|
|
|
+ }
|
|
|
+
|
|
|
+ function Rn(e) {
|
|
|
+ return e.replace(/\W?D{1,2}|\W?Do|\W?d{1,4}|\W?M{1,4}|\W?y{2,4}/g, "").trim()
|
|
|
+ }
|
|
|
+
|
|
|
+ function Wn(e, t) {
|
|
|
+ return e.getMonth() === t.getMonth() && e.getFullYear() === t.getFullYear()
|
|
|
+ }
|
|
|
+
|
|
|
+ function jn(e, t) {
|
|
|
+ return "timestamp" === t ? e.getTime() : vn(e, t)
|
|
|
+ }
|
|
|
+
|
|
|
+ function qn(e, t) {
|
|
|
+ return "timestamp" === t ? new Date(Number(e)) : yn(e, t)
|
|
|
+ }
|
|
|
+
|
|
|
+ function Yn(e, t, i) {
|
|
|
+ return e ? (0, (Jn[i] || Jn.default).parser)(e, t || Xn[i], 3 < arguments.length && void 0 !== arguments[3] ? arguments[3] : "-") : null
|
|
|
+ }
|
|
|
+
|
|
|
+ function Kn(e, t, i) {
|
|
|
+ return e ? (0, (Jn[i] || Jn.default).formatter)(e, t || Xn[i]) : null
|
|
|
+ }
|
|
|
+
|
|
|
+ function Gn(e, i) {
|
|
|
+ function n(e, t) {
|
|
|
+ var i = e instanceof Date,
|
|
|
+ n = t instanceof Date;
|
|
|
+ return i && n ? e.getTime() === t.getTime() : !i && !n && e === t
|
|
|
+ }
|
|
|
+ var t = e instanceof Array,
|
|
|
+ r = i instanceof Array;
|
|
|
+ return t && r ? e.length === i.length && e.every(function (e, t) {
|
|
|
+ return n(e, i[t])
|
|
|
+ }) : !t && !r && n(e, i)
|
|
|
+ }
|
|
|
+
|
|
|
+ function Un(e) {
|
|
|
+ return "string" == typeof e || e instanceof String
|
|
|
+ }
|
|
|
+ var jt = {
|
|
|
+ props: {
|
|
|
+ appendToBody: Te.props.appendToBody,
|
|
|
+ offset: Te.props.offset,
|
|
|
+ boundariesPadding: Te.props.boundariesPadding,
|
|
|
+ arrowOffset: Te.props.arrowOffset
|
|
|
+ },
|
|
|
+ methods: Te.methods,
|
|
|
+ data: function () {
|
|
|
+ return X({
|
|
|
+ visibleArrow: !0
|
|
|
+ }, Te.data)
|
|
|
+ },
|
|
|
+ beforeDestroy: Te.beforeDestroy
|
|
|
+ },
|
|
|
+ Xn = {
|
|
|
+ date: "yyyy-MM-dd",
|
|
|
+ month: "yyyy-MM",
|
|
|
+ datetime: "yyyy-MM-dd HH:mm:ss",
|
|
|
+ time: "HH:mm:ss",
|
|
|
+ week: "yyyywWW",
|
|
|
+ timerange: "HH:mm:ss",
|
|
|
+ daterange: "yyyy-MM-dd",
|
|
|
+ monthrange: "yyyy-MM",
|
|
|
+ datetimerange: "yyyy-MM-dd HH:mm:ss",
|
|
|
+ year: "yyyy"
|
|
|
+ },
|
|
|
+ Zn = ["date", "datetime", "time", "time-select", "week", "month", "year", "daterange", "monthrange", "timerange", "datetimerange", "dates"],
|
|
|
+ Yt = function (e, t) {
|
|
|
+ if (Array.isArray(e) && 2 === e.length) {
|
|
|
+ var i = e[0],
|
|
|
+ e = e[1];
|
|
|
+ if (i && e) return [jn(i, t), jn(e, t)]
|
|
|
+ }
|
|
|
+ return ""
|
|
|
+ },
|
|
|
+ Jt = function (e, t, i) {
|
|
|
+ if (2 !== (e = !Array.isArray(e) ? e.split(i) : e).length) return [];
|
|
|
+ i = e[0], e = e[1];
|
|
|
+ return [qn(i, t), qn(e, t)]
|
|
|
+ },
|
|
|
+ Jn = {
|
|
|
+ default: {
|
|
|
+ formatter: function (e) {
|
|
|
+ return e ? "" + e : ""
|
|
|
+ },
|
|
|
+ parser: function (e) {
|
|
|
+ return void 0 === e || "" === e ? null : e
|
|
|
+ }
|
|
|
+ },
|
|
|
+ week: {
|
|
|
+ formatter: function (e, t) {
|
|
|
+ var i = Cn(e),
|
|
|
+ n = e.getMonth(),
|
|
|
+ e = new Date(e);
|
|
|
+ 1 === i && 11 === n && (e.setHours(0, 0, 0, 0), e.setDate(e.getDate() + 3 - (e.getDay() + 6) % 7));
|
|
|
+ t = vn(e, t);
|
|
|
+ return /WW/.test(t) ? t.replace(/WW/, i < 10 ? "0" + i : i) : t.replace(/W/, i)
|
|
|
+ },
|
|
|
+ parser: function (e, t) {
|
|
|
+ return Jn.date.parser(e, t)
|
|
|
+ }
|
|
|
+ },
|
|
|
+ date: {
|
|
|
+ formatter: jn,
|
|
|
+ parser: qn
|
|
|
+ },
|
|
|
+ datetime: {
|
|
|
+ formatter: jn,
|
|
|
+ parser: qn
|
|
|
+ },
|
|
|
+ daterange: {
|
|
|
+ formatter: Yt,
|
|
|
+ parser: Jt
|
|
|
+ },
|
|
|
+ monthrange: {
|
|
|
+ formatter: Yt,
|
|
|
+ parser: Jt
|
|
|
+ },
|
|
|
+ datetimerange: {
|
|
|
+ formatter: Yt,
|
|
|
+ parser: Jt
|
|
|
+ },
|
|
|
+ timerange: {
|
|
|
+ formatter: Yt,
|
|
|
+ parser: Jt
|
|
|
+ },
|
|
|
+ time: {
|
|
|
+ formatter: jn,
|
|
|
+ parser: qn
|
|
|
+ },
|
|
|
+ month: {
|
|
|
+ formatter: jn,
|
|
|
+ parser: qn
|
|
|
+ },
|
|
|
+ year: {
|
|
|
+ formatter: jn,
|
|
|
+ parser: qn
|
|
|
+ },
|
|
|
+ number: {
|
|
|
+ formatter: function (e) {
|
|
|
+ return e ? "" + e : ""
|
|
|
+ },
|
|
|
+ parser: function (e) {
|
|
|
+ var t = Number(e);
|
|
|
+ return isNaN(e) ? null : t
|
|
|
+ }
|
|
|
+ },
|
|
|
+ dates: {
|
|
|
+ formatter: function (e, t) {
|
|
|
+ return e.map(function (e) {
|
|
|
+ return jn(e, t)
|
|
|
+ })
|
|
|
+ },
|
|
|
+ parser: function (e, t) {
|
|
|
+ return ("string" == typeof e ? e.split(", ") : e).map(function (e) {
|
|
|
+ return e instanceof Date ? e : qn(e, t)
|
|
|
+ })
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ Qn = {
|
|
|
+ left: "bottom-start",
|
|
|
+ center: "bottom",
|
|
|
+ right: "bottom-end"
|
|
|
+ },
|
|
|
+ Zt = function (e) {
|
|
|
+ return null == e || Un(e) || Array.isArray(e) && 2 === e.length && e.every(Un)
|
|
|
+ },
|
|
|
+ ii = r({
|
|
|
+ mixins: [l, jt],
|
|
|
+ inject: {
|
|
|
+ elForm: {
|
|
|
+ default: ""
|
|
|
+ },
|
|
|
+ elFormItem: {
|
|
|
+ default: ""
|
|
|
+ }
|
|
|
+ },
|
|
|
+ props: {
|
|
|
+ size: String,
|
|
|
+ format: String,
|
|
|
+ valueFormat: String,
|
|
|
+ readonly: Boolean,
|
|
|
+ placeholder: String,
|
|
|
+ startPlaceholder: String,
|
|
|
+ endPlaceholder: String,
|
|
|
+ prefixIcon: String,
|
|
|
+ clearIcon: {
|
|
|
+ type: String,
|
|
|
+ default: "el-icon-circle-close"
|
|
|
+ },
|
|
|
+ name: {
|
|
|
+ default: "",
|
|
|
+ validator: Zt
|
|
|
+ },
|
|
|
+ disabled: Boolean,
|
|
|
+ clearable: {
|
|
|
+ type: Boolean,
|
|
|
+ default: !0
|
|
|
+ },
|
|
|
+ id: {
|
|
|
+ default: "",
|
|
|
+ validator: Zt
|
|
|
+ },
|
|
|
+ popperClass: String,
|
|
|
+ editable: {
|
|
|
+ type: Boolean,
|
|
|
+ default: !0
|
|
|
+ },
|
|
|
+ align: {
|
|
|
+ type: String,
|
|
|
+ default: "left"
|
|
|
+ },
|
|
|
+ value: {},
|
|
|
+ defaultValue: {},
|
|
|
+ defaultTime: {},
|
|
|
+ rangeSeparator: {
|
|
|
+ default: "-"
|
|
|
+ },
|
|
|
+ pickerOptions: {},
|
|
|
+ unlinkPanels: Boolean,
|
|
|
+ validateEvent: {
|
|
|
+ type: Boolean,
|
|
|
+ default: !0
|
|
|
+ }
|
|
|
+ },
|
|
|
+ components: {
|
|
|
+ ElInput: te
|
|
|
+ },
|
|
|
+ directives: {
|
|
|
+ Clickoutside: tt
|
|
|
+ },
|
|
|
+ data: function () {
|
|
|
+ return {
|
|
|
+ pickerVisible: !1,
|
|
|
+ showClose: !1,
|
|
|
+ userInput: null,
|
|
|
+ valueOnOpen: null,
|
|
|
+ unwatchPickerOptions: null
|
|
|
+ }
|
|
|
+ },
|
|
|
+ watch: {
|
|
|
+ pickerVisible: function (e) {
|
|
|
+ this.readonly || this.pickerDisabled || (e ? (this.showPicker(), this.valueOnOpen = Array.isArray(this.value) ? [].concat(this.value) : this.value) : (this.hidePicker(), this.emitChange(this.value), this.userInput = null, this.validateEvent && this.dispatch("ElFormItem", "el.form.blur"), this.$emit("blur", this), this.blur()))
|
|
|
+ },
|
|
|
+ parsedValue: {
|
|
|
+ immediate: !0,
|
|
|
+ handler: function (e) {
|
|
|
+ this.picker && (this.picker.value = e)
|
|
|
+ }
|
|
|
+ },
|
|
|
+ defaultValue: function (e) {
|
|
|
+ this.picker && (this.picker.defaultValue = e)
|
|
|
+ },
|
|
|
+ value: function (e, t) {
|
|
|
+ Gn(e, t) || this.pickerVisible || !this.validateEvent || this.dispatch("ElFormItem", "el.form.change", e)
|
|
|
+ }
|
|
|
+ },
|
|
|
+ computed: {
|
|
|
+ ranged: function () {
|
|
|
+ return -1 < this.type.indexOf("range")
|
|
|
+ },
|
|
|
+ reference: function () {
|
|
|
+ var e = this.$refs.reference;
|
|
|
+ return e.$el || e
|
|
|
+ },
|
|
|
+ refInput: function () {
|
|
|
+ return this.reference ? [].slice.call(this.reference.querySelectorAll("input")) : []
|
|
|
+ },
|
|
|
+ valueIsEmpty: function () {
|
|
|
+ var e = this.value;
|
|
|
+ if (Array.isArray(e)) {
|
|
|
+ for (var t = 0, i = e.length; t < i; t++)
|
|
|
+ if (e[t]) return !1
|
|
|
+ } else if (e) return !1;
|
|
|
+ return !0
|
|
|
+ },
|
|
|
+ triggerClass: function () {
|
|
|
+ return this.prefixIcon || (-1 !== this.type.indexOf("time") ? "el-icon-time" : "el-icon-date")
|
|
|
+ },
|
|
|
+ selectionMode: function () {
|
|
|
+ return "week" === this.type ? "week" : "month" === this.type ? "month" : "year" === this.type ? "year" : "dates" === this.type ? "dates" : "day"
|
|
|
+ },
|
|
|
+ haveTrigger: function () {
|
|
|
+ return void 0 !== this.showTrigger ? this.showTrigger : -1 !== Zn.indexOf(this.type)
|
|
|
+ },
|
|
|
+ displayValue: function () {
|
|
|
+ var e = Kn(this.parsedValue, this.format, this.type, this.rangeSeparator);
|
|
|
+ return Array.isArray(this.userInput) ? [this.userInput[0] || e && e[0] || "", this.userInput[1] || e && e[1] || ""] : null !== this.userInput ? this.userInput : e ? "dates" === this.type ? e.join(", ") : e : ""
|
|
|
+ },
|
|
|
+ parsedValue: function () {
|
|
|
+ return this.value && ("time-select" === this.type || gn(this.value) || Array.isArray(this.value) && this.value.every(gn) ? this.value : this.valueFormat ? Yn(this.value, this.valueFormat, this.type, this.rangeSeparator) || this.value : Array.isArray(this.value) ? this.value.map(function (e) {
|
|
|
+ return new Date(e)
|
|
|
+ }) : new Date(this.value))
|
|
|
+ },
|
|
|
+ _elFormItemSize: function () {
|
|
|
+ return (this.elFormItem || {}).elFormItemSize
|
|
|
+ },
|
|
|
+ pickerSize: function () {
|
|
|
+ return this.size || this._elFormItemSize || (this.$ELEMENT || {}).size
|
|
|
+ },
|
|
|
+ pickerDisabled: function () {
|
|
|
+ return this.disabled || (this.elForm || {}).disabled
|
|
|
+ },
|
|
|
+ firstInputId: function () {
|
|
|
+ var e, t = {};
|
|
|
+ return (e = this.ranged ? this.id && this.id[0] : this.id) && (t.id = e), t
|
|
|
+ },
|
|
|
+ secondInputId: function () {
|
|
|
+ var e = {},
|
|
|
+ t = void 0;
|
|
|
+ return (t = this.ranged ? this.id && this.id[1] : t) && (e.id = t), e
|
|
|
+ }
|
|
|
+ },
|
|
|
+ created: function () {
|
|
|
+ this.popperOptions = {
|
|
|
+ boundariesPadding: 0,
|
|
|
+ gpuAcceleration: !1
|
|
|
+ }, this.placement = Qn[this.align] || Qn.left, this.$on("fieldReset", this.handleFieldReset)
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ focus: function () {
|
|
|
+ this.ranged ? this.handleFocus() : this.$refs.reference.focus()
|
|
|
+ },
|
|
|
+ blur: function () {
|
|
|
+ this.refInput.forEach(function (e) {
|
|
|
+ return e.blur()
|
|
|
+ })
|
|
|
+ },
|
|
|
+ parseValue: function (e) {
|
|
|
+ var t = gn(e) || Array.isArray(e) && e.every(gn);
|
|
|
+ return this.valueFormat && !t && Yn(e, this.valueFormat, this.type, this.rangeSeparator) || e
|
|
|
+ },
|
|
|
+ formatToValue: function (e) {
|
|
|
+ var t = gn(e) || Array.isArray(e) && e.every(gn);
|
|
|
+ return this.valueFormat && t ? Kn(e, this.valueFormat, this.type, this.rangeSeparator) : e
|
|
|
+ },
|
|
|
+ parseString: function (e) {
|
|
|
+ var t = Array.isArray(e) ? this.type : this.type.replace("range", "");
|
|
|
+ return Yn(e, this.format, t)
|
|
|
+ },
|
|
|
+ formatToString: function (e) {
|
|
|
+ var t = Array.isArray(e) ? this.type : this.type.replace("range", "");
|
|
|
+ return Kn(e, this.format, t)
|
|
|
+ },
|
|
|
+ handleMouseEnter: function () {
|
|
|
+ this.readonly || this.pickerDisabled || !this.valueIsEmpty && this.clearable && (this.showClose = !0)
|
|
|
+ },
|
|
|
+ handleChange: function () {
|
|
|
+ var e;
|
|
|
+ !this.userInput || (e = this.parseString(this.displayValue)) && (this.picker.value = e, this.isValidValue(e) && (this.emitInput(e), this.userInput = null)), "" === this.userInput && (this.emitInput(null), this.emitChange(null), this.userInput = null)
|
|
|
+ },
|
|
|
+ handleStartInput: function (e) {
|
|
|
+ this.userInput ? this.userInput = [e.target.value, this.userInput[1]] : this.userInput = [e.target.value, null]
|
|
|
+ },
|
|
|
+ handleEndInput: function (e) {
|
|
|
+ this.userInput ? this.userInput = [this.userInput[0], e.target.value] : this.userInput = [null, e.target.value]
|
|
|
+ },
|
|
|
+ handleStartChange: function (e) {
|
|
|
+ var t = this.parseString(this.userInput && this.userInput[0]);
|
|
|
+ t && (this.userInput = [this.formatToString(t), this.displayValue[1]], t = [t, this.picker.value && this.picker.value[1]], this.picker.value = t, this.isValidValue(t) && (this.emitInput(t), this.userInput = null))
|
|
|
+ },
|
|
|
+ handleEndChange: function (e) {
|
|
|
+ var t = this.parseString(this.userInput && this.userInput[1]);
|
|
|
+ t && (this.userInput = [this.displayValue[0], this.formatToString(t)], t = [this.picker.value && this.picker.value[0], t], this.picker.value = t, this.isValidValue(t) && (this.emitInput(t), this.userInput = null))
|
|
|
+ },
|
|
|
+ handleClickIcon: function (e) {
|
|
|
+ this.readonly || this.pickerDisabled || (this.showClose ? (this.valueOnOpen = this.value, e.stopPropagation(), this.emitInput(null), this.emitChange(null), this.showClose = !1, this.picker && "function" == typeof this.picker.handleClear && this.picker.handleClear()) : this.pickerVisible = !this.pickerVisible)
|
|
|
+ },
|
|
|
+ handleClose: function () {
|
|
|
+ var e;
|
|
|
+ this.pickerVisible && (this.pickerVisible = !1, "dates" === this.type) && (e = Yn(this.valueOnOpen, this.valueFormat, this.type, this.rangeSeparator) || this.valueOnOpen, this.emitInput(e))
|
|
|
+ },
|
|
|
+ handleFieldReset: function (e) {
|
|
|
+ this.userInput = "" === e ? null : e
|
|
|
+ },
|
|
|
+ handleFocus: function () {
|
|
|
+ var e = this.type; - 1 === Zn.indexOf(e) || this.pickerVisible || (this.pickerVisible = !0), this.$emit("focus", this)
|
|
|
+ },
|
|
|
+ handleKeydown: function (e) {
|
|
|
+ var t = this,
|
|
|
+ i = e.keyCode;
|
|
|
+ return 27 === i ? (this.pickerVisible = !1, void e.stopPropagation()) : 9 !== i ? 13 === i ? ("" !== this.userInput && !this.isValidValue(this.parseString(this.displayValue)) || (this.handleChange(), this.pickerVisible = this.picker.visible = !1, this.blur()), void e.stopPropagation()) : void(this.userInput ? e.stopPropagation() : this.picker && this.picker.handleKeydown && this.picker.handleKeydown(e)) : void(this.ranged ? setTimeout(function () {
|
|
|
+ -1 === t.refInput.indexOf(document.activeElement) && (t.pickerVisible = !1, t.blur(), e.stopPropagation())
|
|
|
+ }, 0) : (this.handleChange(), this.pickerVisible = this.picker.visible = !1, this.blur(), e.stopPropagation()))
|
|
|
+ },
|
|
|
+ handleRangeClick: function () {
|
|
|
+ var e = this.type; - 1 === Zn.indexOf(e) || this.pickerVisible || (this.pickerVisible = !0), this.$emit("focus", this)
|
|
|
+ },
|
|
|
+ hidePicker: function () {
|
|
|
+ this.picker && (this.picker.resetView && this.picker.resetView(), this.pickerVisible = this.picker.visible = !1, this.destroyPopper())
|
|
|
+ },
|
|
|
+ showPicker: function () {
|
|
|
+ var e = this;
|
|
|
+ this.$isServer || (this.picker || this.mountPicker(), this.pickerVisible = this.picker.visible = !0, this.updatePopper(), this.picker.value = this.parsedValue, this.picker.resetView && this.picker.resetView(), this.$nextTick(function () {
|
|
|
+ e.picker.adjustSpinners && e.picker.adjustSpinners()
|
|
|
+ }))
|
|
|
+ },
|
|
|
+ mountPicker: function () {
|
|
|
+ var s = this;
|
|
|
+ this.picker = new h.a(this.panel).$mount(), this.picker.defaultValue = this.defaultValue, this.picker.defaultTime = this.defaultTime, this.picker.popperClass = this.popperClass, this.popperElm = this.picker.$el, this.picker.width = this.reference.getBoundingClientRect().width, this.picker.showTime = "datetime" === this.type || "datetimerange" === this.type, this.picker.selectionMode = this.selectionMode, this.picker.unlinkPanels = this.unlinkPanels, this.picker.arrowControl = this.arrowControl || this.timeArrowControl || !1, this.$watch("format", function (e) {
|
|
|
+ s.picker.format = e
|
|
|
+ });
|
|
|
+
|
|
|
+ function e() {
|
|
|
+ var t, i, e, n, r = s.pickerOptions;
|
|
|
+ for (n in r && r.selectableRange && (e = r.selectableRange, t = Jn.datetimerange.parser, i = Xn.timerange, e = Array.isArray(e) ? e : [e], s.picker.selectableRange = e.map(function (e) {
|
|
|
+ return t(e, i, s.rangeSeparator)
|
|
|
+ })), r) r.hasOwnProperty(n) && "selectableRange" !== n && (s.picker[n] = r[n]);
|
|
|
+ s.format && (s.picker.format = s.format)
|
|
|
+ }
|
|
|
+ e(), this.unwatchPickerOptions = this.$watch("pickerOptions", e, {
|
|
|
+ deep: !0
|
|
|
+ }), this.$el.appendChild(this.picker.$el), this.picker.resetView && this.picker.resetView(), this.picker.$on("dodestroy", this.doDestroy), this.picker.$on("pick", function () {
|
|
|
+ var e = 0 < arguments.length && void 0 !== arguments[0] ? arguments[0] : "",
|
|
|
+ t = 1 < arguments.length && void 0 !== arguments[1] && arguments[1];
|
|
|
+ s.userInput = null, s.pickerVisible = s.picker.visible = t, s.emitInput(e), s.picker.resetView && s.picker.resetView()
|
|
|
+ }), this.picker.$on("select-range", function (e, t, i) {
|
|
|
+ 0 !== s.refInput.length && (i && "min" !== i ? "max" === i && (s.refInput[1].setSelectionRange(e, t), s.refInput[1].focus()) : (s.refInput[0].setSelectionRange(e, t), s.refInput[0].focus()))
|
|
|
+ })
|
|
|
+ },
|
|
|
+ unmountPicker: function () {
|
|
|
+ this.picker && (this.picker.$destroy(), this.picker.$off(), "function" == typeof this.unwatchPickerOptions && this.unwatchPickerOptions(), this.picker.$el.parentNode.removeChild(this.picker.$el))
|
|
|
+ },
|
|
|
+ emitChange: function (e) {
|
|
|
+ Gn(e, this.valueOnOpen) || (this.$emit("change", e), this.valueOnOpen = e, this.validateEvent && this.dispatch("ElFormItem", "el.form.change", e))
|
|
|
+ },
|
|
|
+ emitInput: function (e) {
|
|
|
+ e = this.formatToValue(e);
|
|
|
+ Gn(this.value, e) || this.$emit("input", e)
|
|
|
+ },
|
|
|
+ isValidValue: function (e) {
|
|
|
+ return this.picker || this.mountPicker(), !this.picker.isValidValue || e && this.picker.isValidValue(e)
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, zt, [], !1, null, null, null);
|
|
|
+ ii.options.__file = "packages/date-picker/src/picker.vue";
|
|
|
+ si = ii.exports, li = function () {
|
|
|
+ var i = this,
|
|
|
+ e = i.$createElement,
|
|
|
+ n = i._self._c || e;
|
|
|
+ return n("transition", {
|
|
|
+ attrs: {
|
|
|
+ name: "el-zoom-in-top"
|
|
|
+ },
|
|
|
+ on: {
|
|
|
+ "after-enter": i.handleEnter,
|
|
|
+ "after-leave": i.handleLeave
|
|
|
+ }
|
|
|
+ }, [n("div", {
|
|
|
+ directives: [{
|
|
|
+ name: "show",
|
|
|
+ rawName: "v-show",
|
|
|
+ value: i.visible,
|
|
|
+ expression: "visible"
|
|
|
+ }],
|
|
|
+ staticClass: "el-picker-panel el-date-picker el-popper",
|
|
|
+ class: [{
|
|
|
+ "has-sidebar": i.$slots.sidebar || i.shortcuts,
|
|
|
+ "has-time": i.showTime
|
|
|
+ }, i.popperClass]
|
|
|
+ }, [n("div", {
|
|
|
+ staticClass: "el-picker-panel__body-wrapper"
|
|
|
+ }, [i._t("sidebar"), i.shortcuts ? n("div", {
|
|
|
+ staticClass: "el-picker-panel__sidebar"
|
|
|
+ }, i._l(i.shortcuts, function (t, e) {
|
|
|
+ return n("button", {
|
|
|
+ key: e,
|
|
|
+ staticClass: "el-picker-panel__shortcut",
|
|
|
+ attrs: {
|
|
|
+ type: "button"
|
|
|
+ },
|
|
|
+ on: {
|
|
|
+ click: function (e) {
|
|
|
+ i.handleShortcutClick(t)
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, [i._v(i._s(t.text))])
|
|
|
+ }), 0) : i._e(), n("div", {
|
|
|
+ staticClass: "el-picker-panel__body"
|
|
|
+ }, [i.showTime ? n("div", {
|
|
|
+ staticClass: "el-date-picker__time-header"
|
|
|
+ }, [n("span", {
|
|
|
+ staticClass: "el-date-picker__editor-wrap"
|
|
|
+ }, [n("el-input", {
|
|
|
+ attrs: {
|
|
|
+ placeholder: i.t("el.datepicker.selectDate"),
|
|
|
+ value: i.visibleDate,
|
|
|
+ size: "small"
|
|
|
+ },
|
|
|
+ on: {
|
|
|
+ input: function (e) {
|
|
|
+ return i.userInputDate = e
|
|
|
+ },
|
|
|
+ change: i.handleVisibleDateChange
|
|
|
+ }
|
|
|
+ })], 1), n("span", {
|
|
|
+ directives: [{
|
|
|
+ name: "clickoutside",
|
|
|
+ rawName: "v-clickoutside",
|
|
|
+ value: i.handleTimePickClose,
|
|
|
+ expression: "handleTimePickClose"
|
|
|
+ }],
|
|
|
+ staticClass: "el-date-picker__editor-wrap"
|
|
|
+ }, [n("el-input", {
|
|
|
+ ref: "input",
|
|
|
+ attrs: {
|
|
|
+ placeholder: i.t("el.datepicker.selectTime"),
|
|
|
+ value: i.visibleTime,
|
|
|
+ size: "small"
|
|
|
+ },
|
|
|
+ on: {
|
|
|
+ focus: function (e) {
|
|
|
+ i.timePickerVisible = !0
|
|
|
+ },
|
|
|
+ input: function (e) {
|
|
|
+ return i.userInputTime = e
|
|
|
+ },
|
|
|
+ change: i.handleVisibleTimeChange
|
|
|
+ }
|
|
|
+ }), n("time-picker", {
|
|
|
+ ref: "timepicker",
|
|
|
+ attrs: {
|
|
|
+ "time-arrow-control": i.arrowControl,
|
|
|
+ visible: i.timePickerVisible
|
|
|
+ },
|
|
|
+ on: {
|
|
|
+ pick: i.handleTimePick,
|
|
|
+ mounted: i.proxyTimePickerDataProperties
|
|
|
+ }
|
|
|
+ })], 1)]) : i._e(), n("div", {
|
|
|
+ directives: [{
|
|
|
+ name: "show",
|
|
|
+ rawName: "v-show",
|
|
|
+ value: "time" !== i.currentView,
|
|
|
+ expression: "currentView !== 'time'"
|
|
|
+ }],
|
|
|
+ staticClass: "el-date-picker__header",
|
|
|
+ class: {
|
|
|
+ "el-date-picker__header--bordered": "year" === i.currentView || "month" === i.currentView
|
|
|
+ }
|
|
|
+ }, [n("button", {
|
|
|
+ staticClass: "el-picker-panel__icon-btn el-date-picker__prev-btn el-icon-d-arrow-left",
|
|
|
+ attrs: {
|
|
|
+ type: "button",
|
|
|
+ "aria-label": i.t("el.datepicker.prevYear")
|
|
|
+ },
|
|
|
+ on: {
|
|
|
+ click: i.prevYear
|
|
|
+ }
|
|
|
+ }), n("button", {
|
|
|
+ directives: [{
|
|
|
+ name: "show",
|
|
|
+ rawName: "v-show",
|
|
|
+ value: "date" === i.currentView,
|
|
|
+ expression: "currentView === 'date'"
|
|
|
+ }],
|
|
|
+ staticClass: "el-picker-panel__icon-btn el-date-picker__prev-btn el-icon-arrow-left",
|
|
|
+ attrs: {
|
|
|
+ type: "button",
|
|
|
+ "aria-label": i.t("el.datepicker.prevMonth")
|
|
|
+ },
|
|
|
+ on: {
|
|
|
+ click: i.prevMonth
|
|
|
+ }
|
|
|
+ }), n("span", {
|
|
|
+ staticClass: "el-date-picker__header-label",
|
|
|
+ attrs: {
|
|
|
+ role: "button"
|
|
|
+ },
|
|
|
+ on: {
|
|
|
+ click: i.showYearPicker
|
|
|
+ }
|
|
|
+ }, [i._v(i._s(i.yearLabel))]), n("span", {
|
|
|
+ directives: [{
|
|
|
+ name: "show",
|
|
|
+ rawName: "v-show",
|
|
|
+ value: "date" === i.currentView,
|
|
|
+ expression: "currentView === 'date'"
|
|
|
+ }],
|
|
|
+ staticClass: "el-date-picker__header-label",
|
|
|
+ class: {
|
|
|
+ active: "month" === i.currentView
|
|
|
+ },
|
|
|
+ attrs: {
|
|
|
+ role: "button"
|
|
|
+ },
|
|
|
+ on: {
|
|
|
+ click: i.showMonthPicker
|
|
|
+ }
|
|
|
+ }, [i._v(i._s(i.t("el.datepicker.month" + (i.month + 1))))]), n("button", {
|
|
|
+ staticClass: "el-picker-panel__icon-btn el-date-picker__next-btn el-icon-d-arrow-right",
|
|
|
+ attrs: {
|
|
|
+ type: "button",
|
|
|
+ "aria-label": i.t("el.datepicker.nextYear")
|
|
|
+ },
|
|
|
+ on: {
|
|
|
+ click: i.nextYear
|
|
|
+ }
|
|
|
+ }), n("button", {
|
|
|
+ directives: [{
|
|
|
+ name: "show",
|
|
|
+ rawName: "v-show",
|
|
|
+ value: "date" === i.currentView,
|
|
|
+ expression: "currentView === 'date'"
|
|
|
+ }],
|
|
|
+ staticClass: "el-picker-panel__icon-btn el-date-picker__next-btn el-icon-arrow-right",
|
|
|
+ attrs: {
|
|
|
+ type: "button",
|
|
|
+ "aria-label": i.t("el.datepicker.nextMonth")
|
|
|
+ },
|
|
|
+ on: {
|
|
|
+ click: i.nextMonth
|
|
|
+ }
|
|
|
+ })]), n("div", {
|
|
|
+ staticClass: "el-picker-panel__content"
|
|
|
+ }, [n("date-table", {
|
|
|
+ directives: [{
|
|
|
+ name: "show",
|
|
|
+ rawName: "v-show",
|
|
|
+ value: "date" === i.currentView,
|
|
|
+ expression: "currentView === 'date'"
|
|
|
+ }],
|
|
|
+ attrs: {
|
|
|
+ "selection-mode": i.selectionMode,
|
|
|
+ "first-day-of-week": i.firstDayOfWeek,
|
|
|
+ value: i.value,
|
|
|
+ "default-value": i.defaultValue ? new Date(i.defaultValue) : null,
|
|
|
+ date: i.date,
|
|
|
+ "cell-class-name": i.cellClassName,
|
|
|
+ "disabled-date": i.disabledDate
|
|
|
+ },
|
|
|
+ on: {
|
|
|
+ pick: i.handleDatePick
|
|
|
+ }
|
|
|
+ }), n("year-table", {
|
|
|
+ directives: [{
|
|
|
+ name: "show",
|
|
|
+ rawName: "v-show",
|
|
|
+ value: "year" === i.currentView,
|
|
|
+ expression: "currentView === 'year'"
|
|
|
+ }],
|
|
|
+ attrs: {
|
|
|
+ value: i.value,
|
|
|
+ "default-value": i.defaultValue ? new Date(i.defaultValue) : null,
|
|
|
+ date: i.date,
|
|
|
+ "disabled-date": i.disabledDate
|
|
|
+ },
|
|
|
+ on: {
|
|
|
+ pick: i.handleYearPick
|
|
|
+ }
|
|
|
+ }), n("month-table", {
|
|
|
+ directives: [{
|
|
|
+ name: "show",
|
|
|
+ rawName: "v-show",
|
|
|
+ value: "month" === i.currentView,
|
|
|
+ expression: "currentView === 'month'"
|
|
|
+ }],
|
|
|
+ attrs: {
|
|
|
+ value: i.value,
|
|
|
+ "default-value": i.defaultValue ? new Date(i.defaultValue) : null,
|
|
|
+ date: i.date,
|
|
|
+ "disabled-date": i.disabledDate
|
|
|
+ },
|
|
|
+ on: {
|
|
|
+ pick: i.handleMonthPick
|
|
|
+ }
|
|
|
+ })], 1)])], 2), n("div", {
|
|
|
+ directives: [{
|
|
|
+ name: "show",
|
|
|
+ rawName: "v-show",
|
|
|
+ value: i.footerVisible && "date" === i.currentView,
|
|
|
+ expression: "footerVisible && currentView === 'date'"
|
|
|
+ }],
|
|
|
+ staticClass: "el-picker-panel__footer"
|
|
|
+ }, [n("el-button", {
|
|
|
+ directives: [{
|
|
|
+ name: "show",
|
|
|
+ rawName: "v-show",
|
|
|
+ value: "dates" !== i.selectionMode,
|
|
|
+ expression: "selectionMode !== 'dates'"
|
|
|
+ }],
|
|
|
+ staticClass: "el-picker-panel__link-btn",
|
|
|
+ attrs: {
|
|
|
+ size: "mini",
|
|
|
+ type: "text"
|
|
|
+ },
|
|
|
+ on: {
|
|
|
+ click: i.changeToNow
|
|
|
+ }
|
|
|
+ }, [i._v("\n " + i._s(i.t("el.datepicker.now")) + "\n ")]), n("el-button", {
|
|
|
+ staticClass: "el-picker-panel__link-btn",
|
|
|
+ attrs: {
|
|
|
+ plain: "",
|
|
|
+ size: "mini"
|
|
|
+ },
|
|
|
+ on: {
|
|
|
+ click: i.confirm
|
|
|
+ }
|
|
|
+ }, [i._v("\n " + i._s(i.t("el.datepicker.confirm")) + "\n ")])], 1)])])
|
|
|
+ }, ui = function () {
|
|
|
+ var t = this,
|
|
|
+ e = t.$createElement,
|
|
|
+ e = t._self._c || e;
|
|
|
+ return e("transition", {
|
|
|
+ attrs: {
|
|
|
+ name: "el-zoom-in-top"
|
|
|
+ },
|
|
|
+ on: {
|
|
|
+ "after-leave": function (e) {
|
|
|
+ t.$emit("dodestroy")
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, [e("div", {
|
|
|
+ directives: [{
|
|
|
+ name: "show",
|
|
|
+ rawName: "v-show",
|
|
|
+ value: t.visible,
|
|
|
+ expression: "visible"
|
|
|
+ }],
|
|
|
+ staticClass: "el-time-panel el-popper",
|
|
|
+ class: t.popperClass
|
|
|
+ }, [e("div", {
|
|
|
+ staticClass: "el-time-panel__content",
|
|
|
+ class: {
|
|
|
+ "has-seconds": t.showSeconds
|
|
|
+ }
|
|
|
+ }, [e("time-spinner", {
|
|
|
+ ref: "spinner",
|
|
|
+ attrs: {
|
|
|
+ "arrow-control": t.useArrow,
|
|
|
+ "show-seconds": t.showSeconds,
|
|
|
+ "am-pm-mode": t.amPmMode,
|
|
|
+ date: t.date
|
|
|
+ },
|
|
|
+ on: {
|
|
|
+ change: t.handleChange,
|
|
|
+ "select-range": t.setSelectionRange
|
|
|
+ }
|
|
|
+ })], 1), e("div", {
|
|
|
+ staticClass: "el-time-panel__footer"
|
|
|
+ }, [e("button", {
|
|
|
+ staticClass: "el-time-panel__btn cancel",
|
|
|
+ attrs: {
|
|
|
+ type: "button"
|
|
|
+ },
|
|
|
+ on: {
|
|
|
+ click: t.handleCancel
|
|
|
+ }
|
|
|
+ }, [t._v(t._s(t.t("el.datepicker.cancel")))]), e("button", {
|
|
|
+ staticClass: "el-time-panel__btn",
|
|
|
+ class: {
|
|
|
+ confirm: !t.disabled
|
|
|
+ },
|
|
|
+ attrs: {
|
|
|
+ type: "button"
|
|
|
+ },
|
|
|
+ on: {
|
|
|
+ click: function (e) {
|
|
|
+ t.handleConfirm()
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, [t._v(t._s(t.t("el.datepicker.confirm")))])])])])
|
|
|
+ }, di = function () {
|
|
|
+ var n = this,
|
|
|
+ e = n.$createElement,
|
|
|
+ r = n._self._c || e;
|
|
|
+ return r("div", {
|
|
|
+ staticClass: "el-time-spinner",
|
|
|
+ class: {
|
|
|
+ "has-seconds": n.showSeconds
|
|
|
+ }
|
|
|
+ }, [n.arrowControl ? n._e() : [r("el-scrollbar", {
|
|
|
+ ref: "hours",
|
|
|
+ staticClass: "el-time-spinner__wrapper",
|
|
|
+ attrs: {
|
|
|
+ "wrap-style": "max-height: inherit;",
|
|
|
+ "view-class": "el-time-spinner__list",
|
|
|
+ noresize: "",
|
|
|
+ tag: "ul"
|
|
|
+ },
|
|
|
+ nativeOn: {
|
|
|
+ mouseenter: function (e) {
|
|
|
+ n.emitSelectRange("hours")
|
|
|
+ },
|
|
|
+ mousemove: function (e) {
|
|
|
+ n.adjustCurrentSpinner("hours")
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, n._l(n.hoursList, function (t, i) {
|
|
|
+ return r("li", {
|
|
|
+ key: i,
|
|
|
+ staticClass: "el-time-spinner__item",
|
|
|
+ class: {
|
|
|
+ active: i === n.hours, disabled: t
|
|
|
+ },
|
|
|
+ on: {
|
|
|
+ click: function (e) {
|
|
|
+ n.handleClick("hours", {
|
|
|
+ value: i,
|
|
|
+ disabled: t
|
|
|
+ })
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, [n._v(n._s(("0" + (n.amPmMode ? i % 12 || 12 : i)).slice(-2)) + n._s(n.amPm(i)))])
|
|
|
+ }), 0), r("el-scrollbar", {
|
|
|
+ ref: "minutes",
|
|
|
+ staticClass: "el-time-spinner__wrapper",
|
|
|
+ attrs: {
|
|
|
+ "wrap-style": "max-height: inherit;",
|
|
|
+ "view-class": "el-time-spinner__list",
|
|
|
+ noresize: "",
|
|
|
+ tag: "ul"
|
|
|
+ },
|
|
|
+ nativeOn: {
|
|
|
+ mouseenter: function (e) {
|
|
|
+ n.emitSelectRange("minutes")
|
|
|
+ },
|
|
|
+ mousemove: function (e) {
|
|
|
+ n.adjustCurrentSpinner("minutes")
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, n._l(n.minutesList, function (e, t) {
|
|
|
+ return r("li", {
|
|
|
+ key: t,
|
|
|
+ staticClass: "el-time-spinner__item",
|
|
|
+ class: {
|
|
|
+ active: t === n.minutes, disabled: !e
|
|
|
+ },
|
|
|
+ on: {
|
|
|
+ click: function (e) {
|
|
|
+ n.handleClick("minutes", {
|
|
|
+ value: t,
|
|
|
+ disabled: !1
|
|
|
+ })
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, [n._v(n._s(("0" + t).slice(-2)))])
|
|
|
+ }), 0), r("el-scrollbar", {
|
|
|
+ directives: [{
|
|
|
+ name: "show",
|
|
|
+ rawName: "v-show",
|
|
|
+ value: n.showSeconds,
|
|
|
+ expression: "showSeconds"
|
|
|
+ }],
|
|
|
+ ref: "seconds",
|
|
|
+ staticClass: "el-time-spinner__wrapper",
|
|
|
+ attrs: {
|
|
|
+ "wrap-style": "max-height: inherit;",
|
|
|
+ "view-class": "el-time-spinner__list",
|
|
|
+ noresize: "",
|
|
|
+ tag: "ul"
|
|
|
+ },
|
|
|
+ nativeOn: {
|
|
|
+ mouseenter: function (e) {
|
|
|
+ n.emitSelectRange("seconds")
|
|
|
+ },
|
|
|
+ mousemove: function (e) {
|
|
|
+ n.adjustCurrentSpinner("seconds")
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, n._l(60, function (e, t) {
|
|
|
+ return r("li", {
|
|
|
+ key: t,
|
|
|
+ staticClass: "el-time-spinner__item",
|
|
|
+ class: {
|
|
|
+ active: t === n.seconds
|
|
|
+ },
|
|
|
+ on: {
|
|
|
+ click: function (e) {
|
|
|
+ n.handleClick("seconds", {
|
|
|
+ value: t,
|
|
|
+ disabled: !1
|
|
|
+ })
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, [n._v(n._s(("0" + t).slice(-2)))])
|
|
|
+ }), 0)], n.arrowControl ? [r("div", {
|
|
|
+ staticClass: "el-time-spinner__wrapper is-arrow",
|
|
|
+ on: {
|
|
|
+ mouseenter: function (e) {
|
|
|
+ n.emitSelectRange("hours")
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, [r("i", {
|
|
|
+ directives: [{
|
|
|
+ name: "repeat-click",
|
|
|
+ rawName: "v-repeat-click",
|
|
|
+ value: n.decrease,
|
|
|
+ expression: "decrease"
|
|
|
+ }],
|
|
|
+ staticClass: "el-time-spinner__arrow el-icon-arrow-up"
|
|
|
+ }), r("i", {
|
|
|
+ directives: [{
|
|
|
+ name: "repeat-click",
|
|
|
+ rawName: "v-repeat-click",
|
|
|
+ value: n.increase,
|
|
|
+ expression: "increase"
|
|
|
+ }],
|
|
|
+ staticClass: "el-time-spinner__arrow el-icon-arrow-down"
|
|
|
+ }), r("ul", {
|
|
|
+ ref: "hours",
|
|
|
+ staticClass: "el-time-spinner__list"
|
|
|
+ }, n._l(n.arrowHourList, function (e, t) {
|
|
|
+ return r("li", {
|
|
|
+ key: t,
|
|
|
+ staticClass: "el-time-spinner__item",
|
|
|
+ class: {
|
|
|
+ active: e === n.hours, disabled: n.hoursList[e]
|
|
|
+ }
|
|
|
+ }, [n._v(n._s(void 0 === e ? "" : ("0" + (n.amPmMode ? e % 12 || 12 : e)).slice(-2) + n.amPm(e)))])
|
|
|
+ }), 0)]), r("div", {
|
|
|
+ staticClass: "el-time-spinner__wrapper is-arrow",
|
|
|
+ on: {
|
|
|
+ mouseenter: function (e) {
|
|
|
+ n.emitSelectRange("minutes")
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, [r("i", {
|
|
|
+ directives: [{
|
|
|
+ name: "repeat-click",
|
|
|
+ rawName: "v-repeat-click",
|
|
|
+ value: n.decrease,
|
|
|
+ expression: "decrease"
|
|
|
+ }],
|
|
|
+ staticClass: "el-time-spinner__arrow el-icon-arrow-up"
|
|
|
+ }), r("i", {
|
|
|
+ directives: [{
|
|
|
+ name: "repeat-click",
|
|
|
+ rawName: "v-repeat-click",
|
|
|
+ value: n.increase,
|
|
|
+ expression: "increase"
|
|
|
+ }],
|
|
|
+ staticClass: "el-time-spinner__arrow el-icon-arrow-down"
|
|
|
+ }), r("ul", {
|
|
|
+ ref: "minutes",
|
|
|
+ staticClass: "el-time-spinner__list"
|
|
|
+ }, n._l(n.arrowMinuteList, function (e, t) {
|
|
|
+ return r("li", {
|
|
|
+ key: t,
|
|
|
+ staticClass: "el-time-spinner__item",
|
|
|
+ class: {
|
|
|
+ active: e === n.minutes
|
|
|
+ }
|
|
|
+ }, [n._v("\n " + n._s(void 0 === e ? "" : ("0" + e).slice(-2)) + "\n ")])
|
|
|
+ }), 0)]), n.showSeconds ? r("div", {
|
|
|
+ staticClass: "el-time-spinner__wrapper is-arrow",
|
|
|
+ on: {
|
|
|
+ mouseenter: function (e) {
|
|
|
+ n.emitSelectRange("seconds")
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, [r("i", {
|
|
|
+ directives: [{
|
|
|
+ name: "repeat-click",
|
|
|
+ rawName: "v-repeat-click",
|
|
|
+ value: n.decrease,
|
|
|
+ expression: "decrease"
|
|
|
+ }],
|
|
|
+ staticClass: "el-time-spinner__arrow el-icon-arrow-up"
|
|
|
+ }), r("i", {
|
|
|
+ directives: [{
|
|
|
+ name: "repeat-click",
|
|
|
+ rawName: "v-repeat-click",
|
|
|
+ value: n.increase,
|
|
|
+ expression: "increase"
|
|
|
+ }],
|
|
|
+ staticClass: "el-time-spinner__arrow el-icon-arrow-down"
|
|
|
+ }), r("ul", {
|
|
|
+ ref: "seconds",
|
|
|
+ staticClass: "el-time-spinner__list"
|
|
|
+ }, n._l(n.arrowSecondList, function (e, t) {
|
|
|
+ return r("li", {
|
|
|
+ key: t,
|
|
|
+ staticClass: "el-time-spinner__item",
|
|
|
+ class: {
|
|
|
+ active: e === n.seconds
|
|
|
+ }
|
|
|
+ }, [n._v("\n " + n._s(void 0 === e ? "" : ("0" + e).slice(-2)) + "\n ")])
|
|
|
+ }), 0)]) : n._e()] : n._e()], 2)
|
|
|
+ };
|
|
|
+ di._withStripped = ui._withStripped = li._withStripped = !0;
|
|
|
+ fi = r({
|
|
|
+ components: {
|
|
|
+ ElScrollbar: Ke
|
|
|
+ },
|
|
|
+ directives: {
|
|
|
+ repeatClick: pi
|
|
|
+ },
|
|
|
+ props: {
|
|
|
+ date: {},
|
|
|
+ defaultValue: {},
|
|
|
+ showSeconds: {
|
|
|
+ type: Boolean,
|
|
|
+ default: !0
|
|
|
+ },
|
|
|
+ arrowControl: Boolean,
|
|
|
+ amPmMode: {
|
|
|
+ type: String,
|
|
|
+ default: ""
|
|
|
+ }
|
|
|
+ },
|
|
|
+ computed: {
|
|
|
+ hours: function () {
|
|
|
+ return this.date.getHours()
|
|
|
+ },
|
|
|
+ minutes: function () {
|
|
|
+ return this.date.getMinutes()
|
|
|
+ },
|
|
|
+ seconds: function () {
|
|
|
+ return this.date.getSeconds()
|
|
|
+ },
|
|
|
+ hoursList: function () {
|
|
|
+ return function (e) {
|
|
|
+ var t = [],
|
|
|
+ i = [];
|
|
|
+ if ((e || []).forEach(function (e) {
|
|
|
+ e = e.map(function (e) {
|
|
|
+ return e.getHours()
|
|
|
+ });
|
|
|
+ i = i.concat(function (e, t) {
|
|
|
+ for (var i = [], n = e; n <= t; n++) i.push(n);
|
|
|
+ return i
|
|
|
+ }(e[0], e[1]))
|
|
|
+ }), i.length)
|
|
|
+ for (var n = 0; n < 24; n++) t[n] = -1 === i.indexOf(n);
|
|
|
+ else
|
|
|
+ for (var r = 0; r < 24; r++) t[r] = !1;
|
|
|
+ return t
|
|
|
+ }(this.selectableRange)
|
|
|
+ },
|
|
|
+ minutesList: function () {
|
|
|
+ return e = this.selectableRange, r = this.hours, s = new Array(60), 0 < e.length ? e.forEach(function (e) {
|
|
|
+ var t = e[0],
|
|
|
+ i = e[1],
|
|
|
+ n = t.getHours(),
|
|
|
+ e = t.getMinutes(),
|
|
|
+ t = i.getHours(),
|
|
|
+ i = i.getMinutes();
|
|
|
+ n === r && t !== r ? $n(s, e, 60, !0) : n === r && t === r ? $n(s, e, i + 1, !0) : n !== r && t === r ? $n(s, 0, i + 1, !0) : n < r && r < t && $n(s, 0, 60, !0)
|
|
|
+ }) : $n(s, 0, 60, !0), s;
|
|
|
+ var e, r, s
|
|
|
+ },
|
|
|
+ arrowHourList: function () {
|
|
|
+ var e = this.hours;
|
|
|
+ return [0 < e ? e - 1 : void 0, e, e < 23 ? e + 1 : void 0]
|
|
|
+ },
|
|
|
+ arrowMinuteList: function () {
|
|
|
+ var e = this.minutes;
|
|
|
+ return [0 < e ? e - 1 : void 0, e, e < 59 ? e + 1 : void 0]
|
|
|
+ },
|
|
|
+ arrowSecondList: function () {
|
|
|
+ var e = this.seconds;
|
|
|
+ return [0 < e ? e - 1 : void 0, e, e < 59 ? e + 1 : void 0]
|
|
|
+ }
|
|
|
+ },
|
|
|
+ data: function () {
|
|
|
+ return {
|
|
|
+ selectableRange: [],
|
|
|
+ currentScrollbar: null
|
|
|
+ }
|
|
|
+ },
|
|
|
+ mounted: function () {
|
|
|
+ var e = this;
|
|
|
+ this.$nextTick(function () {
|
|
|
+ e.arrowControl || e.bindScrollEvent()
|
|
|
+ })
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ increase: function () {
|
|
|
+ this.scrollDown(1)
|
|
|
+ },
|
|
|
+ decrease: function () {
|
|
|
+ this.scrollDown(-1)
|
|
|
+ },
|
|
|
+ modifyDateField: function (e, t) {
|
|
|
+ switch (e) {
|
|
|
+ case "hours":
|
|
|
+ this.$emit("change", Mn(this.date, t, this.minutes, this.seconds));
|
|
|
+ break;
|
|
|
+ case "minutes":
|
|
|
+ this.$emit("change", Mn(this.date, this.hours, t, this.seconds));
|
|
|
+ break;
|
|
|
+ case "seconds":
|
|
|
+ this.$emit("change", Mn(this.date, this.hours, this.minutes, t))
|
|
|
+ }
|
|
|
+ },
|
|
|
+ handleClick: function (e, t) {
|
|
|
+ var i = t.value;
|
|
|
+ t.disabled || (this.modifyDateField(e, i), this.emitSelectRange(e), this.adjustSpinner(e, i))
|
|
|
+ },
|
|
|
+ emitSelectRange: function (e) {
|
|
|
+ "hours" === e ? this.$emit("select-range", 0, 2) : "minutes" === e ? this.$emit("select-range", 3, 5) : "seconds" === e && this.$emit("select-range", 6, 8), this.currentScrollbar = e
|
|
|
+ },
|
|
|
+ bindScrollEvent: function () {
|
|
|
+ function e(t) {
|
|
|
+ i.$refs[t].wrap.onscroll = function (e) {
|
|
|
+ i.handleScroll(t, e)
|
|
|
+ }
|
|
|
+ }
|
|
|
+ var i = this;
|
|
|
+ e("hours"), e("minutes"), e("seconds")
|
|
|
+ },
|
|
|
+ handleScroll: function (e) {
|
|
|
+ var t = Math.min(Math.round((this.$refs[e].wrap.scrollTop - (.5 * this.scrollBarHeight(e) - 10) / this.typeItemHeight(e) + 3) / this.typeItemHeight(e)), "hours" === e ? 23 : 59);
|
|
|
+ this.modifyDateField(e, t)
|
|
|
+ },
|
|
|
+ adjustSpinners: function () {
|
|
|
+ this.adjustSpinner("hours", this.hours), this.adjustSpinner("minutes", this.minutes), this.adjustSpinner("seconds", this.seconds)
|
|
|
+ },
|
|
|
+ adjustCurrentSpinner: function (e) {
|
|
|
+ this.adjustSpinner(e, this[e])
|
|
|
+ },
|
|
|
+ adjustSpinner: function (e, t) {
|
|
|
+ var i;
|
|
|
+ this.arrowControl || (i = this.$refs[e].wrap) && (i.scrollTop = Math.max(0, t * this.typeItemHeight(e)))
|
|
|
+ },
|
|
|
+ scrollDown: function (e) {
|
|
|
+ var t = this;
|
|
|
+ this.currentScrollbar || this.emitSelectRange("hours");
|
|
|
+ var i = this.currentScrollbar,
|
|
|
+ n = this.hoursList,
|
|
|
+ r = this[i];
|
|
|
+ if ("hours" === this.currentScrollbar) {
|
|
|
+ var s = Math.abs(e);
|
|
|
+ e = 0 < e ? 1 : -1;
|
|
|
+ for (var o = n.length; o-- && s;) n[r = (r + e + n.length) % n.length] || s--;
|
|
|
+ if (n[r]) return
|
|
|
+ } else r = (r + e + 60) % 60;
|
|
|
+ this.modifyDateField(i, r), this.adjustSpinner(i, r), this.$nextTick(function () {
|
|
|
+ return t.emitSelectRange(t.currentScrollbar)
|
|
|
+ })
|
|
|
+ },
|
|
|
+ amPm: function (e) {
|
|
|
+ if ("a" !== this.amPmMode.toLowerCase()) return "";
|
|
|
+ e = e < 12 ? " am" : " pm";
|
|
|
+ return e = "A" === this.amPmMode ? e.toUpperCase() : e
|
|
|
+ },
|
|
|
+ typeItemHeight: function (e) {
|
|
|
+ return this.$refs[e].$el.querySelector("li").offsetHeight
|
|
|
+ },
|
|
|
+ scrollBarHeight: function (e) {
|
|
|
+ return this.$refs[e].$el.offsetHeight
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, di, [], !1, null, null, null);
|
|
|
+ fi.options.__file = "packages/date-picker/src/basic/time-spinner.vue";
|
|
|
+ vi = fi.exports, yi = r({
|
|
|
+ mixins: [j],
|
|
|
+ components: {
|
|
|
+ TimeSpinner: vi
|
|
|
+ },
|
|
|
+ props: {
|
|
|
+ visible: Boolean,
|
|
|
+ timeArrowControl: Boolean
|
|
|
+ },
|
|
|
+ watch: {
|
|
|
+ visible: function (e) {
|
|
|
+ var t = this;
|
|
|
+ e ? (this.oldValue = this.value, this.$nextTick(function () {
|
|
|
+ return t.$refs.spinner.emitSelectRange("hours")
|
|
|
+ })) : this.needInitAdjust = !0
|
|
|
+ },
|
|
|
+ value: function (e) {
|
|
|
+ var t = this,
|
|
|
+ i = void 0;
|
|
|
+ e instanceof Date ? i = On(e, this.selectableRange, this.format) : e || (i = this.defaultValue ? new Date(this.defaultValue) : new Date), this.date = i, this.visible && this.needInitAdjust && (this.$nextTick(function (e) {
|
|
|
+ return t.adjustSpinners()
|
|
|
+ }), this.needInitAdjust = !1)
|
|
|
+ },
|
|
|
+ selectableRange: function (e) {
|
|
|
+ this.$refs.spinner.selectableRange = e
|
|
|
+ },
|
|
|
+ defaultValue: function (e) {
|
|
|
+ mn(this.value) || (this.date = e ? new Date(e) : new Date)
|
|
|
+ }
|
|
|
+ },
|
|
|
+ data: function () {
|
|
|
+ return {
|
|
|
+ popperClass: "",
|
|
|
+ format: "HH:mm:ss",
|
|
|
+ value: "",
|
|
|
+ defaultValue: null,
|
|
|
+ date: new Date,
|
|
|
+ oldValue: new Date,
|
|
|
+ selectableRange: [],
|
|
|
+ selectionRange: [0, 2],
|
|
|
+ disabled: !1,
|
|
|
+ arrowControl: !1,
|
|
|
+ needInitAdjust: !0
|
|
|
+ }
|
|
|
+ },
|
|
|
+ computed: {
|
|
|
+ showSeconds: function () {
|
|
|
+ return -1 !== (this.format || "").indexOf("ss")
|
|
|
+ },
|
|
|
+ useArrow: function () {
|
|
|
+ return this.arrowControl || this.timeArrowControl || !1
|
|
|
+ },
|
|
|
+ amPmMode: function () {
|
|
|
+ return -1 !== (this.format || "").indexOf("A") ? "A" : -1 !== (this.format || "").indexOf("a") ? "a" : ""
|
|
|
+ }
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ handleCancel: function () {
|
|
|
+ this.$emit("pick", this.oldValue, !1)
|
|
|
+ },
|
|
|
+ handleChange: function (e) {
|
|
|
+ this.visible && (this.date = In(e), this.isValidValue(this.date) && this.$emit("pick", this.date, !0))
|
|
|
+ },
|
|
|
+ setSelectionRange: function (e, t) {
|
|
|
+ this.$emit("select-range", e, t), this.selectionRange = [e, t]
|
|
|
+ },
|
|
|
+ handleConfirm: function () {
|
|
|
+ var e, t = 0 < arguments.length && void 0 !== arguments[0] && arguments[0],
|
|
|
+ i = arguments[1];
|
|
|
+ i || (e = In(On(this.date, this.selectableRange, this.format)), this.$emit("pick", e, t, i))
|
|
|
+ },
|
|
|
+ handleKeydown: function (e) {
|
|
|
+ var t = e.keyCode,
|
|
|
+ i = {
|
|
|
+ 38: -1,
|
|
|
+ 40: 1,
|
|
|
+ 37: -1,
|
|
|
+ 39: 1
|
|
|
+ };
|
|
|
+ if (37 === t || 39 === t) return this.changeSelectionRange(i[t]), void e.preventDefault();
|
|
|
+ 38 !== t && 40 !== t || (this.$refs.spinner.scrollDown(i[t]), e.preventDefault())
|
|
|
+ },
|
|
|
+ isValidValue: function (e) {
|
|
|
+ return Fn(e, this.selectableRange, this.format)
|
|
|
+ },
|
|
|
+ adjustSpinners: function () {
|
|
|
+ return this.$refs.spinner.adjustSpinners()
|
|
|
+ },
|
|
|
+ changeSelectionRange: function (e) {
|
|
|
+ var t = [0, 3].concat(this.showSeconds ? [6] : []),
|
|
|
+ i = ["hours", "minutes"].concat(this.showSeconds ? ["seconds"] : []),
|
|
|
+ t = (t.indexOf(this.selectionRange[0]) + e + t.length) % t.length;
|
|
|
+ this.$refs.spinner.emitSelectRange(i[t])
|
|
|
+ }
|
|
|
+ },
|
|
|
+ mounted: function () {
|
|
|
+ var e = this;
|
|
|
+ this.$nextTick(function () {
|
|
|
+ return e.handleConfirm(!0, !0)
|
|
|
+ }), this.$emit("mounted")
|
|
|
+ }
|
|
|
+ }, ui, [], !1, null, null, null);
|
|
|
+ yi.options.__file = "packages/date-picker/src/panel/time.vue";
|
|
|
+ var er = yi.exports,
|
|
|
+ _i = function () {
|
|
|
+ var e = this,
|
|
|
+ t = e.$createElement,
|
|
|
+ t = e._self._c || t;
|
|
|
+ return t("table", {
|
|
|
+ staticClass: "el-year-table",
|
|
|
+ on: {
|
|
|
+ click: e.handleYearTableClick
|
|
|
+ }
|
|
|
+ }, [t("tbody", [t("tr", [t("td", {
|
|
|
+ staticClass: "available",
|
|
|
+ class: e.getCellStyle(e.startYear + 0)
|
|
|
+ }, [t("a", {
|
|
|
+ staticClass: "cell"
|
|
|
+ }, [e._v(e._s(e.startYear))])]), t("td", {
|
|
|
+ staticClass: "available",
|
|
|
+ class: e.getCellStyle(e.startYear + 1)
|
|
|
+ }, [t("a", {
|
|
|
+ staticClass: "cell"
|
|
|
+ }, [e._v(e._s(e.startYear + 1))])]), t("td", {
|
|
|
+ staticClass: "available",
|
|
|
+ class: e.getCellStyle(e.startYear + 2)
|
|
|
+ }, [t("a", {
|
|
|
+ staticClass: "cell"
|
|
|
+ }, [e._v(e._s(e.startYear + 2))])]), t("td", {
|
|
|
+ staticClass: "available",
|
|
|
+ class: e.getCellStyle(e.startYear + 3)
|
|
|
+ }, [t("a", {
|
|
|
+ staticClass: "cell"
|
|
|
+ }, [e._v(e._s(e.startYear + 3))])])]), t("tr", [t("td", {
|
|
|
+ staticClass: "available",
|
|
|
+ class: e.getCellStyle(e.startYear + 4)
|
|
|
+ }, [t("a", {
|
|
|
+ staticClass: "cell"
|
|
|
+ }, [e._v(e._s(e.startYear + 4))])]), t("td", {
|
|
|
+ staticClass: "available",
|
|
|
+ class: e.getCellStyle(e.startYear + 5)
|
|
|
+ }, [t("a", {
|
|
|
+ staticClass: "cell"
|
|
|
+ }, [e._v(e._s(e.startYear + 5))])]), t("td", {
|
|
|
+ staticClass: "available",
|
|
|
+ class: e.getCellStyle(e.startYear + 6)
|
|
|
+ }, [t("a", {
|
|
|
+ staticClass: "cell"
|
|
|
+ }, [e._v(e._s(e.startYear + 6))])]), t("td", {
|
|
|
+ staticClass: "available",
|
|
|
+ class: e.getCellStyle(e.startYear + 7)
|
|
|
+ }, [t("a", {
|
|
|
+ staticClass: "cell"
|
|
|
+ }, [e._v(e._s(e.startYear + 7))])])]), t("tr", [t("td", {
|
|
|
+ staticClass: "available",
|
|
|
+ class: e.getCellStyle(e.startYear + 8)
|
|
|
+ }, [t("a", {
|
|
|
+ staticClass: "cell"
|
|
|
+ }, [e._v(e._s(e.startYear + 8))])]), t("td", {
|
|
|
+ staticClass: "available",
|
|
|
+ class: e.getCellStyle(e.startYear + 9)
|
|
|
+ }, [t("a", {
|
|
|
+ staticClass: "cell"
|
|
|
+ }, [e._v(e._s(e.startYear + 9))])]), t("td"), t("td")])])])
|
|
|
+ };
|
|
|
+ _i._withStripped = !0;
|
|
|
+ Ci = r({
|
|
|
+ props: {
|
|
|
+ disabledDate: {},
|
|
|
+ value: {},
|
|
|
+ defaultValue: {
|
|
|
+ validator: function (e) {
|
|
|
+ return null === e || e instanceof Date && mn(e)
|
|
|
+ }
|
|
|
+ },
|
|
|
+ date: {}
|
|
|
+ },
|
|
|
+ computed: {
|
|
|
+ startYear: function () {
|
|
|
+ return 10 * Math.floor(this.date.getFullYear() / 10)
|
|
|
+ }
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ getCellStyle: function (t) {
|
|
|
+ var e, i, n, r = {},
|
|
|
+ s = new Date;
|
|
|
+ return r.disabled = "function" == typeof this.disabledDate && (i = (e = t) % 400 == 0 || e % 100 != 0 && e % 4 == 0 ? 366 : 365, n = new Date(e, 0, 1), En(i).map(function (e) {
|
|
|
+ return xn(n, e)
|
|
|
+ }).every(this.disabledDate)), r.current = 0 <= E(M(this.value), function (e) {
|
|
|
+ return e.getFullYear() === t
|
|
|
+ }), r.today = s.getFullYear() === t, r.default = this.defaultValue && this.defaultValue.getFullYear() === t, r
|
|
|
+ },
|
|
|
+ handleYearTableClick: function (e) {
|
|
|
+ e = e.target;
|
|
|
+ "A" === e.tagName && (ce(e.parentNode, "disabled") || (e = e.textContent || e.innerText, this.$emit("pick", Number(e))))
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, _i, [], !1, null, null, null);
|
|
|
+ Ci.options.__file = "packages/date-picker/src/basic/year-table.vue";
|
|
|
+ Di = Ci.exports, $i = function () {
|
|
|
+ var i = this,
|
|
|
+ e = i.$createElement,
|
|
|
+ n = i._self._c || e;
|
|
|
+ return n("table", {
|
|
|
+ staticClass: "el-month-table",
|
|
|
+ on: {
|
|
|
+ click: i.handleMonthTableClick,
|
|
|
+ mousemove: i.handleMouseMove
|
|
|
+ }
|
|
|
+ }, [n("tbody", i._l(i.rows, function (e, t) {
|
|
|
+ return n("tr", {
|
|
|
+ key: t
|
|
|
+ }, i._l(e, function (e, t) {
|
|
|
+ return n("td", {
|
|
|
+ key: t,
|
|
|
+ class: i.getCellStyle(e)
|
|
|
+ }, [n("div", [n("a", {
|
|
|
+ staticClass: "cell"
|
|
|
+ }, [i._v(i._s(i.t("el.datepicker.months." + i.months[e.text])))])])])
|
|
|
+ }), 0)
|
|
|
+ }), 0)])
|
|
|
+ };
|
|
|
+ $i._withStripped = !0;
|
|
|
+
|
|
|
+ function tr(e) {
|
|
|
+ return new Date(e.getFullYear(), e.getMonth())
|
|
|
+ }
|
|
|
+
|
|
|
+ function ir(e) {
|
|
|
+ return "number" == typeof e || "string" == typeof e ? tr(new Date(e)).getTime() : e instanceof Date ? tr(e).getTime() : NaN
|
|
|
+ }
|
|
|
+ n = r({
|
|
|
+ props: {
|
|
|
+ disabledDate: {},
|
|
|
+ value: {},
|
|
|
+ selectionMode: {
|
|
|
+ default: "month"
|
|
|
+ },
|
|
|
+ minDate: {},
|
|
|
+ maxDate: {},
|
|
|
+ defaultValue: {
|
|
|
+ validator: function (e) {
|
|
|
+ return null === e || mn(e) || Array.isArray(e) && e.every(mn)
|
|
|
+ }
|
|
|
+ },
|
|
|
+ date: {},
|
|
|
+ rangeState: {
|
|
|
+ default: function () {
|
|
|
+ return {
|
|
|
+ endDate: null,
|
|
|
+ selecting: !1
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ mixins: [j],
|
|
|
+ watch: {
|
|
|
+ "rangeState.endDate": function (e) {
|
|
|
+ this.markRange(this.minDate, e)
|
|
|
+ },
|
|
|
+ minDate: function (e, t) {
|
|
|
+ ir(e) !== ir(t) && this.markRange(this.minDate, this.maxDate)
|
|
|
+ },
|
|
|
+ maxDate: function (e, t) {
|
|
|
+ ir(e) !== ir(t) && this.markRange(this.minDate, this.maxDate)
|
|
|
+ }
|
|
|
+ },
|
|
|
+ data: function () {
|
|
|
+ return {
|
|
|
+ months: ["jan", "feb", "mar", "apr", "may", "jun", "jul", "aug", "sep", "oct", "nov", "dec"],
|
|
|
+ tableRows: [
|
|
|
+ [],
|
|
|
+ [],
|
|
|
+ []
|
|
|
+ ],
|
|
|
+ lastRow: null,
|
|
|
+ lastColumn: null
|
|
|
+ }
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ cellMatchesDate: function (e, t) {
|
|
|
+ t = new Date(t);
|
|
|
+ return this.date.getFullYear() === t.getFullYear() && Number(e.text) === t.getMonth()
|
|
|
+ },
|
|
|
+ getCellStyle: function (t) {
|
|
|
+ var e, i, n = this,
|
|
|
+ r = {},
|
|
|
+ s = this.date.getFullYear(),
|
|
|
+ o = new Date,
|
|
|
+ a = t.text,
|
|
|
+ l = this.defaultValue ? Array.isArray(this.defaultValue) ? this.defaultValue : [this.defaultValue] : [];
|
|
|
+ return r.disabled = "function" == typeof this.disabledDate && (e = bn(s, a), i = new Date(s, a, 1), En(e).map(function (e) {
|
|
|
+ return xn(i, e)
|
|
|
+ }).every(this.disabledDate)), r.current = 0 <= E(M(this.value), function (e) {
|
|
|
+ return e.getFullYear() === s && e.getMonth() === a
|
|
|
+ }), r.today = o.getFullYear() === s && o.getMonth() === a, r.default = l.some(function (e) {
|
|
|
+ return n.cellMatchesDate(t, e)
|
|
|
+ }), t.inRange && (r["in-range"] = !0, t.start && (r["start-date"] = !0), t.end && (r["end-date"] = !0)), r
|
|
|
+ },
|
|
|
+ getMonthOfCell: function (e) {
|
|
|
+ var t = this.date.getFullYear();
|
|
|
+ return new Date(t, e, 1)
|
|
|
+ },
|
|
|
+ markRange: function (e, t) {
|
|
|
+ e = ir(e), t = ir(t) || e;
|
|
|
+ var i = [Math.min(e, t), Math.max(e, t)];
|
|
|
+ e = i[0], t = i[1];
|
|
|
+ for (var n = this.rows, r = 0, s = n.length; r < s; r++)
|
|
|
+ for (var o = n[r], a = 0, l = o.length; a < l; a++) {
|
|
|
+ var u = o[a],
|
|
|
+ c = 4 * r + a,
|
|
|
+ c = new Date(this.date.getFullYear(), c).getTime();
|
|
|
+ u.inRange = e && e <= c && c <= t, u.start = e && c === e, u.end = t && c === t
|
|
|
+ }
|
|
|
+ },
|
|
|
+ handleMouseMove: function (e) {
|
|
|
+ var t;
|
|
|
+ !this.rangeState.selecting || "TD" === (t = "DIV" === (t = "A" === (t = e.target).tagName ? t.parentNode.parentNode : t).tagName ? t.parentNode : t).tagName && (e = t.parentNode.rowIndex, t = t.cellIndex, this.rows[e][t].disabled || e === this.lastRow && t === this.lastColumn || (this.lastRow = e, this.lastColumn = t, this.$emit("changerange", {
|
|
|
+ minDate: this.minDate,
|
|
|
+ maxDate: this.maxDate,
|
|
|
+ rangeState: {
|
|
|
+ selecting: !0,
|
|
|
+ endDate: this.getMonthOfCell(4 * e + t)
|
|
|
+ }
|
|
|
+ })))
|
|
|
+ },
|
|
|
+ handleMonthTableClick: function (e) {
|
|
|
+ var t = e.target;
|
|
|
+ "TD" !== (t = "DIV" === (t = "A" === t.tagName ? t.parentNode.parentNode : t).tagName ? t.parentNode : t).tagName || ce(t, "disabled") || (e = t.cellIndex, t = 4 * t.parentNode.rowIndex + e, e = this.getMonthOfCell(t), "range" === this.selectionMode ? this.rangeState.selecting ? (e >= this.minDate ? this.$emit("pick", {
|
|
|
+ minDate: this.minDate,
|
|
|
+ maxDate: e
|
|
|
+ }) : this.$emit("pick", {
|
|
|
+ minDate: e,
|
|
|
+ maxDate: this.minDate
|
|
|
+ }), this.rangeState.selecting = !1) : (this.$emit("pick", {
|
|
|
+ minDate: e,
|
|
|
+ maxDate: null
|
|
|
+ }), this.rangeState.selecting = !0) : this.$emit("pick", t))
|
|
|
+ }
|
|
|
+ },
|
|
|
+ computed: {
|
|
|
+ rows: function () {
|
|
|
+ for (var s = this, e = this.tableRows, o = this.disabledDate, a = [], l = ir(new Date), u = 0; u < 3; u++)
|
|
|
+ for (var c = e[u], t = 0; t < 4; t++) ! function (e) {
|
|
|
+ var t = c[e];
|
|
|
+ (t = t || {
|
|
|
+ row: u,
|
|
|
+ column: e,
|
|
|
+ type: "normal",
|
|
|
+ inRange: !1,
|
|
|
+ start: !1,
|
|
|
+ end: !1
|
|
|
+ }).type = "normal";
|
|
|
+ var i = 4 * u + e,
|
|
|
+ n = new Date(s.date.getFullYear(), i).getTime();
|
|
|
+ t.inRange = n >= ir(s.minDate) && n <= ir(s.maxDate), t.start = s.minDate && n === ir(s.minDate), t.end = s.maxDate && n === ir(s.maxDate), n === l && (t.type = "today"), t.text = i;
|
|
|
+ var r = new Date(n);
|
|
|
+ t.disabled = "function" == typeof o && o(r), t.selected = T(a, function (e) {
|
|
|
+ return e.getTime() === r.getTime()
|
|
|
+ }), s.$set(c, e, t)
|
|
|
+ }(t);
|
|
|
+ return e
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, $i, [], !1, null, null, null);
|
|
|
+ n.options.__file = "packages/date-picker/src/basic/month-table.vue";
|
|
|
+ s = n.exports, d = function () {
|
|
|
+ var i = this,
|
|
|
+ e = i.$createElement,
|
|
|
+ n = i._self._c || e;
|
|
|
+ return n("table", {
|
|
|
+ staticClass: "el-date-table",
|
|
|
+ class: {
|
|
|
+ "is-week-mode": "week" === i.selectionMode
|
|
|
+ },
|
|
|
+ attrs: {
|
|
|
+ cellspacing: "0",
|
|
|
+ cellpadding: "0"
|
|
|
+ },
|
|
|
+ on: {
|
|
|
+ click: i.handleClick,
|
|
|
+ mousemove: i.handleMouseMove
|
|
|
+ }
|
|
|
+ }, [n("tbody", [n("tr", [i.showWeekNumber ? n("th", [i._v(i._s(i.t("el.datepicker.week")))]) : i._e(), i._l(i.WEEKS, function (e, t) {
|
|
|
+ return n("th", {
|
|
|
+ key: t
|
|
|
+ }, [i._v(i._s(i.t("el.datepicker.weeks." + e)))])
|
|
|
+ })], 2), i._l(i.rows, function (e, t) {
|
|
|
+ return n("tr", {
|
|
|
+ key: t,
|
|
|
+ staticClass: "el-date-table__row",
|
|
|
+ class: {
|
|
|
+ current: i.isWeekActive(e[1])
|
|
|
+ }
|
|
|
+ }, i._l(e, function (e, t) {
|
|
|
+ return n("td", {
|
|
|
+ key: t,
|
|
|
+ class: i.getCellClasses(e)
|
|
|
+ }, [n("div", [n("span", [i._v("\n " + i._s(e.text) + "\n ")])])])
|
|
|
+ }), 0)
|
|
|
+ })], 2)])
|
|
|
+ };
|
|
|
+ d._withStripped = !0;
|
|
|
+
|
|
|
+ function nr(e) {
|
|
|
+ return "number" == typeof e || "string" == typeof e ? Pn(new Date(e)).getTime() : e instanceof Date ? Pn(e).getTime() : NaN
|
|
|
+ }
|
|
|
+ var rr = ["sun", "mon", "tue", "wed", "thu", "fri", "sat"],
|
|
|
+ f = r({
|
|
|
+ mixins: [j],
|
|
|
+ props: {
|
|
|
+ firstDayOfWeek: {
|
|
|
+ default: 7,
|
|
|
+ type: Number,
|
|
|
+ validator: function (e) {
|
|
|
+ return 1 <= e && e <= 7
|
|
|
+ }
|
|
|
+ },
|
|
|
+ value: {},
|
|
|
+ defaultValue: {
|
|
|
+ validator: function (e) {
|
|
|
+ return null === e || mn(e) || Array.isArray(e) && e.every(mn)
|
|
|
+ }
|
|
|
+ },
|
|
|
+ date: {},
|
|
|
+ selectionMode: {
|
|
|
+ default: "day"
|
|
|
+ },
|
|
|
+ showWeekNumber: {
|
|
|
+ type: Boolean,
|
|
|
+ default: !1
|
|
|
+ },
|
|
|
+ disabledDate: {},
|
|
|
+ cellClassName: {},
|
|
|
+ minDate: {},
|
|
|
+ maxDate: {},
|
|
|
+ rangeState: {
|
|
|
+ default: function () {
|
|
|
+ return {
|
|
|
+ endDate: null,
|
|
|
+ selecting: !1
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ computed: {
|
|
|
+ offsetDay: function () {
|
|
|
+ var e = this.firstDayOfWeek;
|
|
|
+ return 3 < e ? 7 - e : -e
|
|
|
+ },
|
|
|
+ WEEKS: function () {
|
|
|
+ var e = this.firstDayOfWeek;
|
|
|
+ return rr.concat(rr).slice(e, e + 7)
|
|
|
+ },
|
|
|
+ year: function () {
|
|
|
+ return this.date.getFullYear()
|
|
|
+ },
|
|
|
+ month: function () {
|
|
|
+ return this.date.getMonth()
|
|
|
+ },
|
|
|
+ startDate: function () {
|
|
|
+ return e = this.year, t = this.month, t = (e = new Date(e, t, 1)).getDay(), _n(e, 0 === t ? 7 : t);
|
|
|
+ var e, t
|
|
|
+ },
|
|
|
+ rows: function () {
|
|
|
+ for (var s = this, e = new Date(this.year, this.month, 1), o = wn(e), a = bn(e.getFullYear(), e.getMonth()), l = bn(e.getFullYear(), 0 === e.getMonth() ? 11 : e.getMonth() - 1), o = 0 === o ? 7 : o, u = this.offsetDay, t = this.tableRows, c = 1, h = this.startDate, d = this.disabledDate, p = this.cellClassName, f = "dates" === this.selectionMode ? M(this.value) : [], m = nr(new Date), g = 0; g < 6; g++) {
|
|
|
+ var v = t[g];
|
|
|
+ this.showWeekNumber && (v[0] || (v[0] = {
|
|
|
+ type: "week",
|
|
|
+ text: Cn(xn(h, 7 * g + 1))
|
|
|
+ }));
|
|
|
+ for (var i, n, r, y = 0; y < 7; y++) ! function (e) {
|
|
|
+ var t = v[s.showWeekNumber ? e + 1 : e];
|
|
|
+ (t = t || {
|
|
|
+ row: g,
|
|
|
+ column: e,
|
|
|
+ type: "normal",
|
|
|
+ inRange: !1,
|
|
|
+ start: !1,
|
|
|
+ end: !1
|
|
|
+ }).type = "normal";
|
|
|
+ var i, n = xn(h, 7 * g + e - u).getTime();
|
|
|
+ t.inRange = n >= nr(s.minDate) && n <= nr(s.maxDate), t.start = s.minDate && n === nr(s.minDate), t.end = s.maxDate && n === nr(s.maxDate), n === m && (t.type = "today"), 0 <= g && g <= 1 ? (i = o + u < 0 ? 7 + o + u : o + u) <= e + 7 * g ? t.text = c++ : (t.text = l - (i - e % 7) + 1 + 7 * g, t.type = "prev-month") : c <= a ? t.text = c++ : (t.text = c++ - a, t.type = "next-month");
|
|
|
+ var r = new Date(n);
|
|
|
+ t.disabled = "function" == typeof d && d(r), t.selected = T(f, function (e) {
|
|
|
+ return e.getTime() === r.getTime()
|
|
|
+ }), t.customClass = "function" == typeof p && p(r), s.$set(v, s.showWeekNumber ? e + 1 : e, t)
|
|
|
+ }(y);
|
|
|
+ "week" === this.selectionMode && (i = this.showWeekNumber ? 1 : 0, n = this.showWeekNumber ? 7 : 6, r = this.isWeekActive(v[1 + i]), v[i].inRange = r, v[i].start = r, v[n].inRange = r, v[n].end = r)
|
|
|
+ }
|
|
|
+ return t
|
|
|
+ }
|
|
|
+ },
|
|
|
+ watch: {
|
|
|
+ "rangeState.endDate": function (e) {
|
|
|
+ this.markRange(this.minDate, e)
|
|
|
+ },
|
|
|
+ minDate: function (e, t) {
|
|
|
+ nr(e) !== nr(t) && this.markRange(this.minDate, this.maxDate)
|
|
|
+ },
|
|
|
+ maxDate: function (e, t) {
|
|
|
+ nr(e) !== nr(t) && this.markRange(this.minDate, this.maxDate)
|
|
|
+ }
|
|
|
+ },
|
|
|
+ data: function () {
|
|
|
+ return {
|
|
|
+ tableRows: [
|
|
|
+ [],
|
|
|
+ [],
|
|
|
+ [],
|
|
|
+ [],
|
|
|
+ [],
|
|
|
+ []
|
|
|
+ ],
|
|
|
+ lastRow: null,
|
|
|
+ lastColumn: null
|
|
|
+ }
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ cellMatchesDate: function (e, t) {
|
|
|
+ t = new Date(t);
|
|
|
+ return this.year === t.getFullYear() && this.month === t.getMonth() && Number(e.text) === t.getDate()
|
|
|
+ },
|
|
|
+ getCellClasses: function (t) {
|
|
|
+ var i = this,
|
|
|
+ e = this.selectionMode,
|
|
|
+ n = this.defaultValue ? Array.isArray(this.defaultValue) ? this.defaultValue : [this.defaultValue] : [],
|
|
|
+ r = [];
|
|
|
+ return "normal" !== t.type && "today" !== t.type || t.disabled ? r.push(t.type) : (r.push("available"), "today" === t.type && r.push("today")), "normal" === t.type && n.some(function (e) {
|
|
|
+ return i.cellMatchesDate(t, e)
|
|
|
+ }) && r.push("default"), "day" !== e || "normal" !== t.type && "today" !== t.type || !this.cellMatchesDate(t, this.value) || r.push("current"), !t.inRange || "normal" !== t.type && "today" !== t.type && "week" !== this.selectionMode || (r.push("in-range"), t.start && r.push("start-date"), t.end && r.push("end-date")), t.disabled && r.push("disabled"), t.selected && r.push("selected"), t.customClass && r.push(t.customClass), r.join(" ")
|
|
|
+ },
|
|
|
+ getDateOfCell: function (e, t) {
|
|
|
+ t = 7 * e + (t - (this.showWeekNumber ? 1 : 0)) - this.offsetDay;
|
|
|
+ return xn(this.startDate, t)
|
|
|
+ },
|
|
|
+ isWeekActive: function (e) {
|
|
|
+ if ("week" !== this.selectionMode) return !1;
|
|
|
+ var t = new Date(this.year, this.month, 1),
|
|
|
+ i = t.getFullYear(),
|
|
|
+ n = t.getMonth();
|
|
|
+ if ("prev-month" === e.type && (t.setMonth(0 === n ? 11 : n - 1), t.setFullYear(0 === n ? i - 1 : i)), "next-month" === e.type && (t.setMonth(11 === n ? 0 : n + 1), t.setFullYear(11 === n ? i + 1 : i)), t.setDate(parseInt(e.text, 10)), mn(this.value)) {
|
|
|
+ e = (this.value.getDay() - this.firstDayOfWeek + 7) % 7 - 1;
|
|
|
+ return _n(this.value, e).getTime() === t.getTime()
|
|
|
+ }
|
|
|
+ return !1
|
|
|
+ },
|
|
|
+ markRange: function (e, t) {
|
|
|
+ e = nr(e), t = nr(t) || e;
|
|
|
+ var i = [Math.min(e, t), Math.max(e, t)];
|
|
|
+ e = i[0], t = i[1];
|
|
|
+ for (var n, r, s = this.startDate, o = this.rows, a = 0, l = o.length; a < l; a++)
|
|
|
+ for (var u = o[a], c = 0, h = u.length; c < h; c++) this.showWeekNumber && 0 === c || (n = u[c], r = 7 * a + c + (this.showWeekNumber ? -1 : 0), r = xn(s, r - this.offsetDay).getTime(), n.inRange = e && e <= r && r <= t, n.start = e && r === e, n.end = t && r === t)
|
|
|
+ },
|
|
|
+ handleMouseMove: function (e) {
|
|
|
+ var t;
|
|
|
+ !this.rangeState.selecting || "TD" === (t = "DIV" === (t = "SPAN" === (t = e.target).tagName ? t.parentNode.parentNode : t).tagName ? t.parentNode : t).tagName && (e = t.parentNode.rowIndex - 1, t = t.cellIndex, this.rows[e][t].disabled || e === this.lastRow && t === this.lastColumn || (this.lastRow = e, this.lastColumn = t, this.$emit("changerange", {
|
|
|
+ minDate: this.minDate,
|
|
|
+ maxDate: this.maxDate,
|
|
|
+ rangeState: {
|
|
|
+ selecting: !0,
|
|
|
+ endDate: this.getDateOfCell(e, t)
|
|
|
+ }
|
|
|
+ })))
|
|
|
+ },
|
|
|
+ handleClick: function (e) {
|
|
|
+ var t, i, n, r, s = e.target;
|
|
|
+ "TD" === (s = "DIV" === (s = "SPAN" === s.tagName ? s.parentNode.parentNode : s).tagName ? s.parentNode : s).tagName && (t = s.parentNode.rowIndex - 1, e = "week" === this.selectionMode ? 1 : s.cellIndex, (s = this.rows[t][e]).disabled || "week" === s.type || (i = this.getDateOfCell(t, e), "range" === this.selectionMode ? this.rangeState.selecting ? (i >= this.minDate ? this.$emit("pick", {
|
|
|
+ minDate: this.minDate,
|
|
|
+ maxDate: i
|
|
|
+ }) : this.$emit("pick", {
|
|
|
+ minDate: i,
|
|
|
+ maxDate: this.minDate
|
|
|
+ }), this.rangeState.selecting = !1) : (this.$emit("pick", {
|
|
|
+ minDate: i,
|
|
|
+ maxDate: null
|
|
|
+ }), this.rangeState.selecting = !0) : "day" === this.selectionMode ? this.$emit("pick", i) : "week" === this.selectionMode ? (r = Cn(i), n = i.getFullYear() + "w" + r, this.$emit("pick", {
|
|
|
+ year: i.getFullYear(),
|
|
|
+ week: r,
|
|
|
+ value: n,
|
|
|
+ date: i
|
|
|
+ })) : "dates" === this.selectionMode && (r = this.value || [], r = s.selected ? (n = r, 0 <= (s = "function" == typeof (s = function (e) {
|
|
|
+ return e.getTime() === i.getTime()
|
|
|
+ }) ? E(n, s) : n.indexOf(s)) ? [].concat(n.slice(0, s), n.slice(s + 1)) : n) : [].concat(r, [i]), this.$emit("pick", r))))
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, d, [], !1, null, null, null);
|
|
|
+ f.options.__file = "packages/date-picker/src/basic/date-table.vue";
|
|
|
+ Q = f.exports, ae = r({
|
|
|
+ mixins: [j],
|
|
|
+ directives: {
|
|
|
+ Clickoutside: tt
|
|
|
+ },
|
|
|
+ watch: {
|
|
|
+ showTime: function (e) {
|
|
|
+ var i = this;
|
|
|
+ e && this.$nextTick(function (e) {
|
|
|
+ var t = i.$refs.input.$el;
|
|
|
+ t && (i.pickerWidth = t.getBoundingClientRect().width + 10)
|
|
|
+ })
|
|
|
+ },
|
|
|
+ value: function (e) {
|
|
|
+ "dates" === this.selectionMode && this.value || (mn(e) ? this.date = new Date(e) : this.date = this.getDefaultValue())
|
|
|
+ },
|
|
|
+ defaultValue: function (e) {
|
|
|
+ mn(this.value) || (this.date = e ? new Date(e) : new Date)
|
|
|
+ },
|
|
|
+ timePickerVisible: function (e) {
|
|
|
+ var t = this;
|
|
|
+ e && this.$nextTick(function () {
|
|
|
+ return t.$refs.timepicker.adjustSpinners()
|
|
|
+ })
|
|
|
+ },
|
|
|
+ selectionMode: function (e) {
|
|
|
+ "month" === e ? "year" === this.currentView && "month" === this.currentView || (this.currentView = "month") : "dates" === e && (this.currentView = "date")
|
|
|
+ }
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ proxyTimePickerDataProperties: function () {
|
|
|
+ function e(e) {
|
|
|
+ r.$refs.timepicker.value = e
|
|
|
+ }
|
|
|
+
|
|
|
+ function t(e) {
|
|
|
+ r.$refs.timepicker.date = e
|
|
|
+ }
|
|
|
+
|
|
|
+ function i(e) {
|
|
|
+ r.$refs.timepicker.selectableRange = e
|
|
|
+ }
|
|
|
+ var n, r = this;
|
|
|
+ this.$watch("value", e), this.$watch("date", t), this.$watch("selectableRange", i), n = this.timeFormat, r.$refs.timepicker.format = n, e(this.value), t(this.date), i(this.selectableRange)
|
|
|
+ },
|
|
|
+ handleClear: function () {
|
|
|
+ this.date = this.getDefaultValue(), this.$emit("pick", null)
|
|
|
+ },
|
|
|
+ emit: function (e) {
|
|
|
+ for (var t, i = this, n = arguments.length, r = Array(1 < n ? n - 1 : 0), s = 1; s < n; s++) r[s - 1] = arguments[s];
|
|
|
+ e ? Array.isArray(e) ? (t = e.map(function (e) {
|
|
|
+ return (i.showTime ? In : Pn)(e)
|
|
|
+ }), this.$emit.apply(this, ["pick", t].concat(r))) : this.$emit.apply(this, ["pick", (this.showTime ? In : Pn)(e)].concat(r)) : this.$emit.apply(this, ["pick", e].concat(r)), this.userInputDate = null, this.userInputTime = null
|
|
|
+ },
|
|
|
+ showMonthPicker: function () {
|
|
|
+ this.currentView = "month"
|
|
|
+ },
|
|
|
+ showYearPicker: function () {
|
|
|
+ this.currentView = "year"
|
|
|
+ },
|
|
|
+ prevMonth: function () {
|
|
|
+ this.date = Ln(this.date)
|
|
|
+ },
|
|
|
+ nextMonth: function () {
|
|
|
+ this.date = Vn(this.date)
|
|
|
+ },
|
|
|
+ prevYear: function () {
|
|
|
+ "year" === this.currentView ? this.date = Bn(this.date, 10) : this.date = Bn(this.date)
|
|
|
+ },
|
|
|
+ nextYear: function () {
|
|
|
+ "year" === this.currentView ? this.date = zn(this.date, 10) : this.date = zn(this.date)
|
|
|
+ },
|
|
|
+ handleShortcutClick: function (e) {
|
|
|
+ e.onClick && e.onClick(this)
|
|
|
+ },
|
|
|
+ handleTimePick: function (e, t, i) {
|
|
|
+ var n;
|
|
|
+ mn(e) ? (n = this.value ? Mn(this.value, e.getHours(), e.getMinutes(), e.getSeconds()) : Nn(this.getDefaultValue(), this.defaultTime), this.date = n, this.emit(this.date, !0)) : this.emit(e, !0), i || (this.timePickerVisible = t)
|
|
|
+ },
|
|
|
+ handleTimePickClose: function () {
|
|
|
+ this.timePickerVisible = !1
|
|
|
+ },
|
|
|
+ handleMonthPick: function (e) {
|
|
|
+ "month" === this.selectionMode ? (this.date = Tn(this.date, this.year, e, 1), this.emit(this.date)) : (this.date = An(this.date, this.year, e), this.currentView = "date")
|
|
|
+ },
|
|
|
+ handleDatePick: function (e) {
|
|
|
+ var t;
|
|
|
+ "day" === this.selectionMode ? (t = this.value ? Tn(this.value, e.getFullYear(), e.getMonth(), e.getDate()) : Nn(e, this.defaultTime), this.checkDateWithinRange(t) || (t = Tn(this.selectableRange[0][0], e.getFullYear(), e.getMonth(), e.getDate())), this.date = t, this.emit(this.date, this.showTime)) : "week" === this.selectionMode ? this.emit(e.date) : "dates" === this.selectionMode && this.emit(e, !0)
|
|
|
+ },
|
|
|
+ handleYearPick: function (e) {
|
|
|
+ "year" === this.selectionMode ? (this.date = Tn(this.date, e, 0, 1), this.emit(this.date)) : (this.date = An(this.date, e, this.month), this.currentView = "month")
|
|
|
+ },
|
|
|
+ changeToNow: function () {
|
|
|
+ this.disabledDate && this.disabledDate(new Date) || !this.checkDateWithinRange(new Date) || (this.date = new Date, this.emit(this.date))
|
|
|
+ },
|
|
|
+ confirm: function () {
|
|
|
+ var e;
|
|
|
+ "dates" === this.selectionMode ? this.emit(this.value) : (e = this.value || Nn(this.getDefaultValue(), this.defaultTime), this.date = new Date(e), this.emit(e))
|
|
|
+ },
|
|
|
+ resetView: function () {
|
|
|
+ "month" === this.selectionMode ? this.currentView = "month" : "year" === this.selectionMode ? this.currentView = "year" : this.currentView = "date"
|
|
|
+ },
|
|
|
+ handleEnter: function () {
|
|
|
+ document.body.addEventListener("keydown", this.handleKeydown)
|
|
|
+ },
|
|
|
+ handleLeave: function () {
|
|
|
+ this.$emit("dodestroy"), document.body.removeEventListener("keydown", this.handleKeydown)
|
|
|
+ },
|
|
|
+ handleKeydown: function (e) {
|
|
|
+ var t = e.keyCode;
|
|
|
+ this.visible && !this.timePickerVisible && (-1 !== [38, 40, 37, 39].indexOf(t) && (this.handleKeyControl(t), e.stopPropagation(), e.preventDefault()), 13 === t && null === this.userInputDate && null === this.userInputTime && this.emit(this.date, !1))
|
|
|
+ },
|
|
|
+ handleKeyControl: function (e) {
|
|
|
+ for (var t = {
|
|
|
+ year: {
|
|
|
+ 38: -4,
|
|
|
+ 40: 4,
|
|
|
+ 37: -1,
|
|
|
+ 39: 1,
|
|
|
+ offset: function (e, t) {
|
|
|
+ return e.setFullYear(e.getFullYear() + t)
|
|
|
+ }
|
|
|
+ },
|
|
|
+ month: {
|
|
|
+ 38: -4,
|
|
|
+ 40: 4,
|
|
|
+ 37: -1,
|
|
|
+ 39: 1,
|
|
|
+ offset: function (e, t) {
|
|
|
+ return e.setMonth(e.getMonth() + t)
|
|
|
+ }
|
|
|
+ },
|
|
|
+ week: {
|
|
|
+ 38: -1,
|
|
|
+ 40: 1,
|
|
|
+ 37: -1,
|
|
|
+ 39: 1,
|
|
|
+ offset: function (e, t) {
|
|
|
+ return e.setDate(e.getDate() + 7 * t)
|
|
|
+ }
|
|
|
+ },
|
|
|
+ day: {
|
|
|
+ 38: -7,
|
|
|
+ 40: 7,
|
|
|
+ 37: -1,
|
|
|
+ 39: 1,
|
|
|
+ offset: function (e, t) {
|
|
|
+ return e.setDate(e.getDate() + t)
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, i = this.selectionMode, n = this.date.getTime(), r = new Date(this.date.getTime()); Math.abs(n - r.getTime()) <= 31536e6;) {
|
|
|
+ var s = t[i];
|
|
|
+ if (s.offset(r, s[e]), "function" != typeof this.disabledDate || !this.disabledDate(r)) {
|
|
|
+ this.date = r, this.$emit("pick", r, !0);
|
|
|
+ break
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ handleVisibleTimeChange: function (e) {
|
|
|
+ e = yn(e, this.timeFormat);
|
|
|
+ e && this.checkDateWithinRange(e) && (this.date = Tn(e, this.year, this.month, this.monthDate), this.userInputTime = null, this.$refs.timepicker.value = this.date, this.timePickerVisible = !1, this.emit(this.date, !0))
|
|
|
+ },
|
|
|
+ handleVisibleDateChange: function (e) {
|
|
|
+ e = yn(e, this.dateFormat);
|
|
|
+ e && ("function" == typeof this.disabledDate && this.disabledDate(e) || (this.date = Mn(e, this.date.getHours(), this.date.getMinutes(), this.date.getSeconds()), this.userInputDate = null, this.resetView(), this.emit(this.date, !0)))
|
|
|
+ },
|
|
|
+ isValidValue: function (e) {
|
|
|
+ return e && !isNaN(e) && ("function" != typeof this.disabledDate || !this.disabledDate(e)) && this.checkDateWithinRange(e)
|
|
|
+ },
|
|
|
+ getDefaultValue: function () {
|
|
|
+ return this.defaultValue ? new Date(this.defaultValue) : new Date
|
|
|
+ },
|
|
|
+ checkDateWithinRange: function (e) {
|
|
|
+ return !(0 < this.selectableRange.length) || Fn(e, this.selectableRange, this.format || "HH:mm:ss")
|
|
|
+ }
|
|
|
+ },
|
|
|
+ components: {
|
|
|
+ TimePicker: er,
|
|
|
+ YearTable: Di,
|
|
|
+ MonthTable: s,
|
|
|
+ DateTable: Q,
|
|
|
+ ElInput: te,
|
|
|
+ ElButton: xt
|
|
|
+ },
|
|
|
+ data: function () {
|
|
|
+ return {
|
|
|
+ popperClass: "",
|
|
|
+ date: new Date,
|
|
|
+ value: "",
|
|
|
+ defaultValue: null,
|
|
|
+ defaultTime: null,
|
|
|
+ showTime: !1,
|
|
|
+ selectionMode: "day",
|
|
|
+ shortcuts: "",
|
|
|
+ visible: !1,
|
|
|
+ currentView: "date",
|
|
|
+ disabledDate: "",
|
|
|
+ cellClassName: "",
|
|
|
+ selectableRange: [],
|
|
|
+ firstDayOfWeek: 7,
|
|
|
+ showWeekNumber: !1,
|
|
|
+ timePickerVisible: !1,
|
|
|
+ format: "",
|
|
|
+ arrowControl: !1,
|
|
|
+ userInputDate: null,
|
|
|
+ userInputTime: null
|
|
|
+ }
|
|
|
+ },
|
|
|
+ computed: {
|
|
|
+ year: function () {
|
|
|
+ return this.date.getFullYear()
|
|
|
+ },
|
|
|
+ month: function () {
|
|
|
+ return this.date.getMonth()
|
|
|
+ },
|
|
|
+ week: function () {
|
|
|
+ return Cn(this.date)
|
|
|
+ },
|
|
|
+ monthDate: function () {
|
|
|
+ return this.date.getDate()
|
|
|
+ },
|
|
|
+ footerVisible: function () {
|
|
|
+ return this.showTime || "dates" === this.selectionMode
|
|
|
+ },
|
|
|
+ visibleTime: function () {
|
|
|
+ return null !== this.userInputTime ? this.userInputTime : vn(this.value || this.defaultValue, this.timeFormat)
|
|
|
+ },
|
|
|
+ visibleDate: function () {
|
|
|
+ return null !== this.userInputDate ? this.userInputDate : vn(this.value || this.defaultValue, this.dateFormat)
|
|
|
+ },
|
|
|
+ yearLabel: function () {
|
|
|
+ var e = this.t("el.datepicker.year");
|
|
|
+ if ("year" !== this.currentView) return this.year + " " + e;
|
|
|
+ var t = 10 * Math.floor(this.year / 10);
|
|
|
+ return e ? t + " " + e + " - " + (9 + t) + " " + e : t + " - " + (9 + t)
|
|
|
+ },
|
|
|
+ timeFormat: function () {
|
|
|
+ return this.format ? Rn(this.format) : "HH:mm:ss"
|
|
|
+ },
|
|
|
+ dateFormat: function () {
|
|
|
+ return this.format ? Hn(this.format) : "yyyy-MM-dd"
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, li, [], !1, null, null, null);
|
|
|
+ ae.options.__file = "packages/date-picker/src/panel/date.vue";
|
|
|
+ var sr = ae.exports,
|
|
|
+ u = function () {
|
|
|
+ var i = this,
|
|
|
+ e = i.$createElement,
|
|
|
+ n = i._self._c || e;
|
|
|
+ return n("transition", {
|
|
|
+ attrs: {
|
|
|
+ name: "el-zoom-in-top"
|
|
|
+ },
|
|
|
+ on: {
|
|
|
+ "after-leave": function (e) {
|
|
|
+ i.$emit("dodestroy")
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, [n("div", {
|
|
|
+ directives: [{
|
|
|
+ name: "show",
|
|
|
+ rawName: "v-show",
|
|
|
+ value: i.visible,
|
|
|
+ expression: "visible"
|
|
|
+ }],
|
|
|
+ staticClass: "el-picker-panel el-date-range-picker el-popper",
|
|
|
+ class: [{
|
|
|
+ "has-sidebar": i.$slots.sidebar || i.shortcuts,
|
|
|
+ "has-time": i.showTime
|
|
|
+ }, i.popperClass]
|
|
|
+ }, [n("div", {
|
|
|
+ staticClass: "el-picker-panel__body-wrapper"
|
|
|
+ }, [i._t("sidebar"), i.shortcuts ? n("div", {
|
|
|
+ staticClass: "el-picker-panel__sidebar"
|
|
|
+ }, i._l(i.shortcuts, function (t, e) {
|
|
|
+ return n("button", {
|
|
|
+ key: e,
|
|
|
+ staticClass: "el-picker-panel__shortcut",
|
|
|
+ attrs: {
|
|
|
+ type: "button"
|
|
|
+ },
|
|
|
+ on: {
|
|
|
+ click: function (e) {
|
|
|
+ i.handleShortcutClick(t)
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, [i._v(i._s(t.text))])
|
|
|
+ }), 0) : i._e(), n("div", {
|
|
|
+ staticClass: "el-picker-panel__body"
|
|
|
+ }, [i.showTime ? n("div", {
|
|
|
+ staticClass: "el-date-range-picker__time-header"
|
|
|
+ }, [n("span", {
|
|
|
+ staticClass: "el-date-range-picker__editors-wrap"
|
|
|
+ }, [n("span", {
|
|
|
+ staticClass: "el-date-range-picker__time-picker-wrap"
|
|
|
+ }, [n("el-input", {
|
|
|
+ ref: "minInput",
|
|
|
+ staticClass: "el-date-range-picker__editor",
|
|
|
+ attrs: {
|
|
|
+ size: "small",
|
|
|
+ disabled: i.rangeState.selecting,
|
|
|
+ placeholder: i.t("el.datepicker.startDate"),
|
|
|
+ value: i.minVisibleDate
|
|
|
+ },
|
|
|
+ on: {
|
|
|
+ input: function (e) {
|
|
|
+ return i.handleDateInput(e, "min")
|
|
|
+ },
|
|
|
+ change: function (e) {
|
|
|
+ return i.handleDateChange(e, "min")
|
|
|
+ }
|
|
|
+ }
|
|
|
+ })], 1), n("span", {
|
|
|
+ directives: [{
|
|
|
+ name: "clickoutside",
|
|
|
+ rawName: "v-clickoutside",
|
|
|
+ value: i.handleMinTimeClose,
|
|
|
+ expression: "handleMinTimeClose"
|
|
|
+ }],
|
|
|
+ staticClass: "el-date-range-picker__time-picker-wrap"
|
|
|
+ }, [n("el-input", {
|
|
|
+ staticClass: "el-date-range-picker__editor",
|
|
|
+ attrs: {
|
|
|
+ size: "small",
|
|
|
+ disabled: i.rangeState.selecting,
|
|
|
+ placeholder: i.t("el.datepicker.startTime"),
|
|
|
+ value: i.minVisibleTime
|
|
|
+ },
|
|
|
+ on: {
|
|
|
+ focus: function (e) {
|
|
|
+ i.minTimePickerVisible = !0
|
|
|
+ },
|
|
|
+ input: function (e) {
|
|
|
+ return i.handleTimeInput(e, "min")
|
|
|
+ },
|
|
|
+ change: function (e) {
|
|
|
+ return i.handleTimeChange(e, "min")
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }), n("time-picker", {
|
|
|
+ ref: "minTimePicker",
|
|
|
+ attrs: {
|
|
|
+ "time-arrow-control": i.arrowControl,
|
|
|
+ visible: i.minTimePickerVisible
|
|
|
+ },
|
|
|
+ on: {
|
|
|
+ pick: i.handleMinTimePick,
|
|
|
+ mounted: function (e) {
|
|
|
+ i.$refs.minTimePicker.format = i.timeFormat
|
|
|
+ }
|
|
|
+ }
|
|
|
+ })], 1)]), n("span", {
|
|
|
+ staticClass: "el-icon-arrow-right"
|
|
|
+ }), n("span", {
|
|
|
+ staticClass: "el-date-range-picker__editors-wrap is-right"
|
|
|
+ }, [n("span", {
|
|
|
+ staticClass: "el-date-range-picker__time-picker-wrap"
|
|
|
+ }, [n("el-input", {
|
|
|
+ staticClass: "el-date-range-picker__editor",
|
|
|
+ attrs: {
|
|
|
+ size: "small",
|
|
|
+ disabled: i.rangeState.selecting,
|
|
|
+ placeholder: i.t("el.datepicker.endDate"),
|
|
|
+ value: i.maxVisibleDate,
|
|
|
+ readonly: !i.minDate
|
|
|
+ },
|
|
|
+ on: {
|
|
|
+ input: function (e) {
|
|
|
+ return i.handleDateInput(e, "max")
|
|
|
+ },
|
|
|
+ change: function (e) {
|
|
|
+ return i.handleDateChange(e, "max")
|
|
|
+ }
|
|
|
+ }
|
|
|
+ })], 1), n("span", {
|
|
|
+ directives: [{
|
|
|
+ name: "clickoutside",
|
|
|
+ rawName: "v-clickoutside",
|
|
|
+ value: i.handleMaxTimeClose,
|
|
|
+ expression: "handleMaxTimeClose"
|
|
|
+ }],
|
|
|
+ staticClass: "el-date-range-picker__time-picker-wrap"
|
|
|
+ }, [n("el-input", {
|
|
|
+ staticClass: "el-date-range-picker__editor",
|
|
|
+ attrs: {
|
|
|
+ size: "small",
|
|
|
+ disabled: i.rangeState.selecting,
|
|
|
+ placeholder: i.t("el.datepicker.endTime"),
|
|
|
+ value: i.maxVisibleTime,
|
|
|
+ readonly: !i.minDate
|
|
|
+ },
|
|
|
+ on: {
|
|
|
+ focus: function (e) {
|
|
|
+ i.minDate && (i.maxTimePickerVisible = !0)
|
|
|
+ },
|
|
|
+ input: function (e) {
|
|
|
+ return i.handleTimeInput(e, "max")
|
|
|
+ },
|
|
|
+ change: function (e) {
|
|
|
+ return i.handleTimeChange(e, "max")
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }), n("time-picker", {
|
|
|
+ ref: "maxTimePicker",
|
|
|
+ attrs: {
|
|
|
+ "time-arrow-control": i.arrowControl,
|
|
|
+ visible: i.maxTimePickerVisible
|
|
|
+ },
|
|
|
+ on: {
|
|
|
+ pick: i.handleMaxTimePick,
|
|
|
+ mounted: function (e) {
|
|
|
+ i.$refs.maxTimePicker.format = i.timeFormat
|
|
|
+ }
|
|
|
+ }
|
|
|
+ })], 1)])]) : i._e(), n("div", {
|
|
|
+ staticClass: "el-picker-panel__content el-date-range-picker__content is-left"
|
|
|
+ }, [n("div", {
|
|
|
+ staticClass: "el-date-range-picker__header"
|
|
|
+ }, [n("button", {
|
|
|
+ staticClass: "el-picker-panel__icon-btn el-icon-d-arrow-left",
|
|
|
+ attrs: {
|
|
|
+ type: "button"
|
|
|
+ },
|
|
|
+ on: {
|
|
|
+ click: i.leftPrevYear
|
|
|
+ }
|
|
|
+ }), n("button", {
|
|
|
+ staticClass: "el-picker-panel__icon-btn el-icon-arrow-left",
|
|
|
+ attrs: {
|
|
|
+ type: "button"
|
|
|
+ },
|
|
|
+ on: {
|
|
|
+ click: i.leftPrevMonth
|
|
|
+ }
|
|
|
+ }), i.unlinkPanels ? n("button", {
|
|
|
+ staticClass: "el-picker-panel__icon-btn el-icon-d-arrow-right",
|
|
|
+ class: {
|
|
|
+ "is-disabled": !i.enableYearArrow
|
|
|
+ },
|
|
|
+ attrs: {
|
|
|
+ type: "button",
|
|
|
+ disabled: !i.enableYearArrow
|
|
|
+ },
|
|
|
+ on: {
|
|
|
+ click: i.leftNextYear
|
|
|
+ }
|
|
|
+ }) : i._e(), i.unlinkPanels ? n("button", {
|
|
|
+ staticClass: "el-picker-panel__icon-btn el-icon-arrow-right",
|
|
|
+ class: {
|
|
|
+ "is-disabled": !i.enableMonthArrow
|
|
|
+ },
|
|
|
+ attrs: {
|
|
|
+ type: "button",
|
|
|
+ disabled: !i.enableMonthArrow
|
|
|
+ },
|
|
|
+ on: {
|
|
|
+ click: i.leftNextMonth
|
|
|
+ }
|
|
|
+ }) : i._e(), n("div", [i._v(i._s(i.leftLabel))])]), n("date-table", {
|
|
|
+ attrs: {
|
|
|
+ "selection-mode": "range",
|
|
|
+ date: i.leftDate,
|
|
|
+ "default-value": i.defaultValue,
|
|
|
+ "min-date": i.minDate,
|
|
|
+ "max-date": i.maxDate,
|
|
|
+ "range-state": i.rangeState,
|
|
|
+ "disabled-date": i.disabledDate,
|
|
|
+ "cell-class-name": i.cellClassName,
|
|
|
+ "first-day-of-week": i.firstDayOfWeek
|
|
|
+ },
|
|
|
+ on: {
|
|
|
+ changerange: i.handleChangeRange,
|
|
|
+ pick: i.handleRangePick
|
|
|
+ }
|
|
|
+ })], 1), n("div", {
|
|
|
+ staticClass: "el-picker-panel__content el-date-range-picker__content is-right"
|
|
|
+ }, [n("div", {
|
|
|
+ staticClass: "el-date-range-picker__header"
|
|
|
+ }, [i.unlinkPanels ? n("button", {
|
|
|
+ staticClass: "el-picker-panel__icon-btn el-icon-d-arrow-left",
|
|
|
+ class: {
|
|
|
+ "is-disabled": !i.enableYearArrow
|
|
|
+ },
|
|
|
+ attrs: {
|
|
|
+ type: "button",
|
|
|
+ disabled: !i.enableYearArrow
|
|
|
+ },
|
|
|
+ on: {
|
|
|
+ click: i.rightPrevYear
|
|
|
+ }
|
|
|
+ }) : i._e(), i.unlinkPanels ? n("button", {
|
|
|
+ staticClass: "el-picker-panel__icon-btn el-icon-arrow-left",
|
|
|
+ class: {
|
|
|
+ "is-disabled": !i.enableMonthArrow
|
|
|
+ },
|
|
|
+ attrs: {
|
|
|
+ type: "button",
|
|
|
+ disabled: !i.enableMonthArrow
|
|
|
+ },
|
|
|
+ on: {
|
|
|
+ click: i.rightPrevMonth
|
|
|
+ }
|
|
|
+ }) : i._e(), n("button", {
|
|
|
+ staticClass: "el-picker-panel__icon-btn el-icon-d-arrow-right",
|
|
|
+ attrs: {
|
|
|
+ type: "button"
|
|
|
+ },
|
|
|
+ on: {
|
|
|
+ click: i.rightNextYear
|
|
|
+ }
|
|
|
+ }), n("button", {
|
|
|
+ staticClass: "el-picker-panel__icon-btn el-icon-arrow-right",
|
|
|
+ attrs: {
|
|
|
+ type: "button"
|
|
|
+ },
|
|
|
+ on: {
|
|
|
+ click: i.rightNextMonth
|
|
|
+ }
|
|
|
+ }), n("div", [i._v(i._s(i.rightLabel))])]), n("date-table", {
|
|
|
+ attrs: {
|
|
|
+ "selection-mode": "range",
|
|
|
+ date: i.rightDate,
|
|
|
+ "default-value": i.defaultValue,
|
|
|
+ "min-date": i.minDate,
|
|
|
+ "max-date": i.maxDate,
|
|
|
+ "range-state": i.rangeState,
|
|
|
+ "disabled-date": i.disabledDate,
|
|
|
+ "cell-class-name": i.cellClassName,
|
|
|
+ "first-day-of-week": i.firstDayOfWeek
|
|
|
+ },
|
|
|
+ on: {
|
|
|
+ changerange: i.handleChangeRange,
|
|
|
+ pick: i.handleRangePick
|
|
|
+ }
|
|
|
+ })], 1)])], 2), i.showTime ? n("div", {
|
|
|
+ staticClass: "el-picker-panel__footer"
|
|
|
+ }, [n("el-button", {
|
|
|
+ staticClass: "el-picker-panel__link-btn",
|
|
|
+ attrs: {
|
|
|
+ size: "mini",
|
|
|
+ type: "text"
|
|
|
+ },
|
|
|
+ on: {
|
|
|
+ click: i.handleClear
|
|
|
+ }
|
|
|
+ }, [i._v("\n " + i._s(i.t("el.datepicker.clear")) + "\n ")]), n("el-button", {
|
|
|
+ staticClass: "el-picker-panel__link-btn",
|
|
|
+ attrs: {
|
|
|
+ plain: "",
|
|
|
+ size: "mini",
|
|
|
+ disabled: i.btnDisabled
|
|
|
+ },
|
|
|
+ on: {
|
|
|
+ click: function (e) {
|
|
|
+ i.handleConfirm(!1)
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, [i._v("\n " + i._s(i.t("el.datepicker.confirm")) + "\n ")])], 1) : i._e()])])
|
|
|
+ };
|
|
|
+ u._withStripped = !0;
|
|
|
+
|
|
|
+ function or(e) {
|
|
|
+ return Array.isArray(e) ? [new Date(e[0]), new Date(e[1])] : e ? [new Date(e), xn(new Date(e), 1)] : [new Date, xn(new Date, 1)]
|
|
|
+ }
|
|
|
+ Me = r({
|
|
|
+ mixins: [j],
|
|
|
+ directives: {
|
|
|
+ Clickoutside: tt
|
|
|
+ },
|
|
|
+ computed: {
|
|
|
+ btnDisabled: function () {
|
|
|
+ return !(this.minDate && this.maxDate && !this.selecting && this.isValidValue([this.minDate, this.maxDate]))
|
|
|
+ },
|
|
|
+ leftLabel: function () {
|
|
|
+ return this.leftDate.getFullYear() + " " + this.t("el.datepicker.year") + " " + this.t("el.datepicker.month" + (this.leftDate.getMonth() + 1))
|
|
|
+ },
|
|
|
+ rightLabel: function () {
|
|
|
+ return this.rightDate.getFullYear() + " " + this.t("el.datepicker.year") + " " + this.t("el.datepicker.month" + (this.rightDate.getMonth() + 1))
|
|
|
+ },
|
|
|
+ leftYear: function () {
|
|
|
+ return this.leftDate.getFullYear()
|
|
|
+ },
|
|
|
+ leftMonth: function () {
|
|
|
+ return this.leftDate.getMonth()
|
|
|
+ },
|
|
|
+ leftMonthDate: function () {
|
|
|
+ return this.leftDate.getDate()
|
|
|
+ },
|
|
|
+ rightYear: function () {
|
|
|
+ return this.rightDate.getFullYear()
|
|
|
+ },
|
|
|
+ rightMonth: function () {
|
|
|
+ return this.rightDate.getMonth()
|
|
|
+ },
|
|
|
+ rightMonthDate: function () {
|
|
|
+ return this.rightDate.getDate()
|
|
|
+ },
|
|
|
+ minVisibleDate: function () {
|
|
|
+ return null !== this.dateUserInput.min ? this.dateUserInput.min : this.minDate ? vn(this.minDate, this.dateFormat) : ""
|
|
|
+ },
|
|
|
+ maxVisibleDate: function () {
|
|
|
+ return null !== this.dateUserInput.max ? this.dateUserInput.max : this.maxDate || this.minDate ? vn(this.maxDate || this.minDate, this.dateFormat) : ""
|
|
|
+ },
|
|
|
+ minVisibleTime: function () {
|
|
|
+ return null !== this.timeUserInput.min ? this.timeUserInput.min : this.minDate ? vn(this.minDate, this.timeFormat) : ""
|
|
|
+ },
|
|
|
+ maxVisibleTime: function () {
|
|
|
+ return null !== this.timeUserInput.max ? this.timeUserInput.max : this.maxDate || this.minDate ? vn(this.maxDate || this.minDate, this.timeFormat) : ""
|
|
|
+ },
|
|
|
+ timeFormat: function () {
|
|
|
+ return this.format ? Rn(this.format) : "HH:mm:ss"
|
|
|
+ },
|
|
|
+ dateFormat: function () {
|
|
|
+ return this.format ? Hn(this.format) : "yyyy-MM-dd"
|
|
|
+ },
|
|
|
+ enableMonthArrow: function () {
|
|
|
+ var e = (this.leftMonth + 1) % 12,
|
|
|
+ t = 12 <= this.leftMonth + 1 ? 1 : 0;
|
|
|
+ return this.unlinkPanels && new Date(this.leftYear + t, e) < new Date(this.rightYear, this.rightMonth)
|
|
|
+ },
|
|
|
+ enableYearArrow: function () {
|
|
|
+ return this.unlinkPanels && 12 <= 12 * this.rightYear + this.rightMonth - (12 * this.leftYear + this.leftMonth + 1)
|
|
|
+ }
|
|
|
+ },
|
|
|
+ data: function () {
|
|
|
+ return {
|
|
|
+ popperClass: "",
|
|
|
+ value: [],
|
|
|
+ defaultValue: null,
|
|
|
+ defaultTime: null,
|
|
|
+ minDate: "",
|
|
|
+ maxDate: "",
|
|
|
+ leftDate: new Date,
|
|
|
+ rightDate: Vn(new Date),
|
|
|
+ rangeState: {
|
|
|
+ endDate: null,
|
|
|
+ selecting: !1,
|
|
|
+ row: null,
|
|
|
+ column: null
|
|
|
+ },
|
|
|
+ showTime: !1,
|
|
|
+ shortcuts: "",
|
|
|
+ visible: "",
|
|
|
+ disabledDate: "",
|
|
|
+ cellClassName: "",
|
|
|
+ firstDayOfWeek: 7,
|
|
|
+ minTimePickerVisible: !1,
|
|
|
+ maxTimePickerVisible: !1,
|
|
|
+ format: "",
|
|
|
+ arrowControl: !1,
|
|
|
+ unlinkPanels: !1,
|
|
|
+ dateUserInput: {
|
|
|
+ min: null,
|
|
|
+ max: null
|
|
|
+ },
|
|
|
+ timeUserInput: {
|
|
|
+ min: null,
|
|
|
+ max: null
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ watch: {
|
|
|
+ minDate: function (e) {
|
|
|
+ var t = this;
|
|
|
+ this.dateUserInput.min = null, this.timeUserInput.min = null, this.$nextTick(function () {
|
|
|
+ t.$refs.maxTimePicker && t.maxDate && t.maxDate < t.minDate && (t.$refs.maxTimePicker.selectableRange = [
|
|
|
+ [yn(vn(t.minDate, "HH:mm:ss"), "HH:mm:ss"), yn("23:59:59", "HH:mm:ss")]
|
|
|
+ ])
|
|
|
+ }), e && this.$refs.minTimePicker && (this.$refs.minTimePicker.date = e, this.$refs.minTimePicker.value = e)
|
|
|
+ },
|
|
|
+ maxDate: function (e) {
|
|
|
+ this.dateUserInput.max = null, this.timeUserInput.max = null, e && this.$refs.maxTimePicker && (this.$refs.maxTimePicker.date = e, this.$refs.maxTimePicker.value = e)
|
|
|
+ },
|
|
|
+ minTimePickerVisible: function (e) {
|
|
|
+ var t = this;
|
|
|
+ e && this.$nextTick(function () {
|
|
|
+ t.$refs.minTimePicker.date = t.minDate, t.$refs.minTimePicker.value = t.minDate, t.$refs.minTimePicker.adjustSpinners()
|
|
|
+ })
|
|
|
+ },
|
|
|
+ maxTimePickerVisible: function (e) {
|
|
|
+ var t = this;
|
|
|
+ e && this.$nextTick(function () {
|
|
|
+ t.$refs.maxTimePicker.date = t.maxDate, t.$refs.maxTimePicker.value = t.maxDate, t.$refs.maxTimePicker.adjustSpinners()
|
|
|
+ })
|
|
|
+ },
|
|
|
+ value: function (e) {
|
|
|
+ var t, i, n;
|
|
|
+ e ? Array.isArray(e) && (this.minDate = mn(e[0]) ? new Date(e[0]) : null, this.maxDate = mn(e[1]) ? new Date(e[1]) : null, this.minDate ? (this.leftDate = this.minDate, this.unlinkPanels && this.maxDate ? (t = this.minDate.getFullYear(), i = this.minDate.getMonth(), n = this.maxDate.getFullYear(), e = this.maxDate.getMonth(), this.rightDate = t === n && i === e ? Vn(this.maxDate) : this.maxDate) : this.rightDate = Vn(this.leftDate)) : (this.leftDate = or(this.defaultValue)[0], this.rightDate = Vn(this.leftDate))) : (this.minDate = null, this.maxDate = null)
|
|
|
+ },
|
|
|
+ defaultValue: function (e) {
|
|
|
+ var t, i;
|
|
|
+ Array.isArray(this.value) || (t = (i = or(e))[0], i = i[1], this.leftDate = t, this.rightDate = e && e[1] && this.unlinkPanels ? i : Vn(this.leftDate))
|
|
|
+ }
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ handleClear: function () {
|
|
|
+ this.minDate = null, this.maxDate = null, this.leftDate = or(this.defaultValue)[0], this.rightDate = Vn(this.leftDate), this.$emit("pick", null)
|
|
|
+ },
|
|
|
+ handleChangeRange: function (e) {
|
|
|
+ this.minDate = e.minDate, this.maxDate = e.maxDate, this.rangeState = e.rangeState
|
|
|
+ },
|
|
|
+ handleDateInput: function (e, t) {
|
|
|
+ var i;
|
|
|
+ (this.dateUserInput[t] = e).length === this.dateFormat.length && (i = yn(e, this.dateFormat)) && ("function" == typeof this.disabledDate && this.disabledDate(new Date(i)) || ("min" === t ? (this.minDate = Tn(this.minDate || new Date, i.getFullYear(), i.getMonth(), i.getDate()), this.leftDate = new Date(i), this.unlinkPanels || (this.rightDate = Vn(this.leftDate))) : (this.maxDate = Tn(this.maxDate || new Date, i.getFullYear(), i.getMonth(), i.getDate()), this.rightDate = new Date(i), this.unlinkPanels || (this.leftDate = Ln(i)))))
|
|
|
+ },
|
|
|
+ handleDateChange: function (e, t) {
|
|
|
+ e = yn(e, this.dateFormat);
|
|
|
+ e && ("min" === t ? (this.minDate = Tn(this.minDate, e.getFullYear(), e.getMonth(), e.getDate()), this.minDate > this.maxDate && (this.maxDate = this.minDate)) : (this.maxDate = Tn(this.maxDate, e.getFullYear(), e.getMonth(), e.getDate()), this.maxDate < this.minDate && (this.minDate = this.maxDate)))
|
|
|
+ },
|
|
|
+ handleTimeInput: function (e, t) {
|
|
|
+ var i, n = this;
|
|
|
+ (this.timeUserInput[t] = e).length === this.timeFormat.length && (i = yn(e, this.timeFormat)) && ("min" === t ? (this.minDate = Mn(this.minDate, i.getHours(), i.getMinutes(), i.getSeconds()), this.$nextTick(function (e) {
|
|
|
+ return n.$refs.minTimePicker.adjustSpinners()
|
|
|
+ })) : (this.maxDate = Mn(this.maxDate, i.getHours(), i.getMinutes(), i.getSeconds()), this.$nextTick(function (e) {
|
|
|
+ return n.$refs.maxTimePicker.adjustSpinners()
|
|
|
+ })))
|
|
|
+ },
|
|
|
+ handleTimeChange: function (e, t) {
|
|
|
+ e = yn(e, this.timeFormat);
|
|
|
+ e && ("min" === t ? (this.minDate = Mn(this.minDate, e.getHours(), e.getMinutes(), e.getSeconds()), this.minDate > this.maxDate && (this.maxDate = this.minDate), this.$refs.minTimePicker.value = this.minDate, this.minTimePickerVisible = !1) : (this.maxDate = Mn(this.maxDate, e.getHours(), e.getMinutes(), e.getSeconds()), this.maxDate < this.minDate && (this.minDate = this.maxDate), this.$refs.maxTimePicker.value = this.minDate, this.maxTimePickerVisible = !1))
|
|
|
+ },
|
|
|
+ handleRangePick: function (e) {
|
|
|
+ var t = this,
|
|
|
+ i = !(1 < arguments.length && void 0 !== arguments[1]) || arguments[1],
|
|
|
+ n = this.defaultTime || [],
|
|
|
+ r = Nn(e.minDate, n[0]),
|
|
|
+ s = Nn(e.maxDate, n[1]);
|
|
|
+ this.maxDate === s && this.minDate === r || (this.onPick && this.onPick(e), this.maxDate = s, this.minDate = r, setTimeout(function () {
|
|
|
+ t.maxDate = s, t.minDate = r
|
|
|
+ }, 10), i && !this.showTime && this.handleConfirm())
|
|
|
+ },
|
|
|
+ handleShortcutClick: function (e) {
|
|
|
+ e.onClick && e.onClick(this)
|
|
|
+ },
|
|
|
+ handleMinTimePick: function (e, t, i) {
|
|
|
+ this.minDate = this.minDate || new Date, e && (this.minDate = Mn(this.minDate, e.getHours(), e.getMinutes(), e.getSeconds())), i || (this.minTimePickerVisible = t), (!this.maxDate || this.maxDate && this.maxDate.getTime() < this.minDate.getTime()) && (this.maxDate = new Date(this.minDate))
|
|
|
+ },
|
|
|
+ handleMinTimeClose: function () {
|
|
|
+ this.minTimePickerVisible = !1
|
|
|
+ },
|
|
|
+ handleMaxTimePick: function (e, t, i) {
|
|
|
+ this.maxDate && e && (this.maxDate = Mn(this.maxDate, e.getHours(), e.getMinutes(), e.getSeconds())), i || (this.maxTimePickerVisible = t), this.maxDate && this.minDate && this.minDate.getTime() > this.maxDate.getTime() && (this.minDate = new Date(this.maxDate))
|
|
|
+ },
|
|
|
+ handleMaxTimeClose: function () {
|
|
|
+ this.maxTimePickerVisible = !1
|
|
|
+ },
|
|
|
+ leftPrevYear: function () {
|
|
|
+ this.leftDate = Bn(this.leftDate), this.unlinkPanels || (this.rightDate = Vn(this.leftDate))
|
|
|
+ },
|
|
|
+ leftPrevMonth: function () {
|
|
|
+ this.leftDate = Ln(this.leftDate), this.unlinkPanels || (this.rightDate = Vn(this.leftDate))
|
|
|
+ },
|
|
|
+ rightNextYear: function () {
|
|
|
+ this.unlinkPanels ? this.rightDate = zn(this.rightDate) : (this.leftDate = zn(this.leftDate), this.rightDate = Vn(this.leftDate))
|
|
|
+ },
|
|
|
+ rightNextMonth: function () {
|
|
|
+ this.unlinkPanels ? this.rightDate = Vn(this.rightDate) : (this.leftDate = Vn(this.leftDate), this.rightDate = Vn(this.leftDate))
|
|
|
+ },
|
|
|
+ leftNextYear: function () {
|
|
|
+ this.leftDate = zn(this.leftDate)
|
|
|
+ },
|
|
|
+ leftNextMonth: function () {
|
|
|
+ this.leftDate = Vn(this.leftDate)
|
|
|
+ },
|
|
|
+ rightPrevYear: function () {
|
|
|
+ this.rightDate = Bn(this.rightDate)
|
|
|
+ },
|
|
|
+ rightPrevMonth: function () {
|
|
|
+ this.rightDate = Ln(this.rightDate)
|
|
|
+ },
|
|
|
+ handleConfirm: function () {
|
|
|
+ var e = 0 < arguments.length && void 0 !== arguments[0] && arguments[0];
|
|
|
+ this.isValidValue([this.minDate, this.maxDate]) && this.$emit("pick", [this.minDate, this.maxDate], e)
|
|
|
+ },
|
|
|
+ isValidValue: function (e) {
|
|
|
+ return Array.isArray(e) && e && e[0] && e[1] && mn(e[0]) && mn(e[1]) && e[0].getTime() <= e[1].getTime() && ("function" != typeof this.disabledDate || !this.disabledDate(e[0]) && !this.disabledDate(e[1]))
|
|
|
+ },
|
|
|
+ resetView: function () {
|
|
|
+ this.minDate && null == this.maxDate && (this.rangeState.selecting = !1), this.minDate = this.value && mn(this.value[0]) ? new Date(this.value[0]) : null, this.maxDate = this.value && mn(this.value[0]) ? new Date(this.value[1]) : null
|
|
|
+ }
|
|
|
+ },
|
|
|
+ components: {
|
|
|
+ TimePicker: er,
|
|
|
+ DateTable: Q,
|
|
|
+ ElInput: te,
|
|
|
+ ElButton: xt
|
|
|
+ }
|
|
|
+ }, u, [], !1, null, null, null);
|
|
|
+ Me.options.__file = "packages/date-picker/src/panel/date-range.vue";
|
|
|
+ var ar = Me.exports,
|
|
|
+ Pe = function () {
|
|
|
+ var i = this,
|
|
|
+ e = i.$createElement,
|
|
|
+ n = i._self._c || e;
|
|
|
+ return n("transition", {
|
|
|
+ attrs: {
|
|
|
+ name: "el-zoom-in-top"
|
|
|
+ },
|
|
|
+ on: {
|
|
|
+ "after-leave": function (e) {
|
|
|
+ i.$emit("dodestroy")
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, [n("div", {
|
|
|
+ directives: [{
|
|
|
+ name: "show",
|
|
|
+ rawName: "v-show",
|
|
|
+ value: i.visible,
|
|
|
+ expression: "visible"
|
|
|
+ }],
|
|
|
+ staticClass: "el-picker-panel el-date-range-picker el-popper",
|
|
|
+ class: [{
|
|
|
+ "has-sidebar": i.$slots.sidebar || i.shortcuts
|
|
|
+ }, i.popperClass]
|
|
|
+ }, [n("div", {
|
|
|
+ staticClass: "el-picker-panel__body-wrapper"
|
|
|
+ }, [i._t("sidebar"), i.shortcuts ? n("div", {
|
|
|
+ staticClass: "el-picker-panel__sidebar"
|
|
|
+ }, i._l(i.shortcuts, function (t, e) {
|
|
|
+ return n("button", {
|
|
|
+ key: e,
|
|
|
+ staticClass: "el-picker-panel__shortcut",
|
|
|
+ attrs: {
|
|
|
+ type: "button"
|
|
|
+ },
|
|
|
+ on: {
|
|
|
+ click: function (e) {
|
|
|
+ i.handleShortcutClick(t)
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, [i._v(i._s(t.text))])
|
|
|
+ }), 0) : i._e(), n("div", {
|
|
|
+ staticClass: "el-picker-panel__body"
|
|
|
+ }, [n("div", {
|
|
|
+ staticClass: "el-picker-panel__content el-date-range-picker__content is-left"
|
|
|
+ }, [n("div", {
|
|
|
+ staticClass: "el-date-range-picker__header"
|
|
|
+ }, [n("button", {
|
|
|
+ staticClass: "el-picker-panel__icon-btn el-icon-d-arrow-left",
|
|
|
+ attrs: {
|
|
|
+ type: "button"
|
|
|
+ },
|
|
|
+ on: {
|
|
|
+ click: i.leftPrevYear
|
|
|
+ }
|
|
|
+ }), i.unlinkPanels ? n("button", {
|
|
|
+ staticClass: "el-picker-panel__icon-btn el-icon-d-arrow-right",
|
|
|
+ class: {
|
|
|
+ "is-disabled": !i.enableYearArrow
|
|
|
+ },
|
|
|
+ attrs: {
|
|
|
+ type: "button",
|
|
|
+ disabled: !i.enableYearArrow
|
|
|
+ },
|
|
|
+ on: {
|
|
|
+ click: i.leftNextYear
|
|
|
+ }
|
|
|
+ }) : i._e(), n("div", [i._v(i._s(i.leftLabel))])]), n("month-table", {
|
|
|
+ attrs: {
|
|
|
+ "selection-mode": "range",
|
|
|
+ date: i.leftDate,
|
|
|
+ "default-value": i.defaultValue,
|
|
|
+ "min-date": i.minDate,
|
|
|
+ "max-date": i.maxDate,
|
|
|
+ "range-state": i.rangeState,
|
|
|
+ "disabled-date": i.disabledDate
|
|
|
+ },
|
|
|
+ on: {
|
|
|
+ changerange: i.handleChangeRange,
|
|
|
+ pick: i.handleRangePick
|
|
|
+ }
|
|
|
+ })], 1), n("div", {
|
|
|
+ staticClass: "el-picker-panel__content el-date-range-picker__content is-right"
|
|
|
+ }, [n("div", {
|
|
|
+ staticClass: "el-date-range-picker__header"
|
|
|
+ }, [i.unlinkPanels ? n("button", {
|
|
|
+ staticClass: "el-picker-panel__icon-btn el-icon-d-arrow-left",
|
|
|
+ class: {
|
|
|
+ "is-disabled": !i.enableYearArrow
|
|
|
+ },
|
|
|
+ attrs: {
|
|
|
+ type: "button",
|
|
|
+ disabled: !i.enableYearArrow
|
|
|
+ },
|
|
|
+ on: {
|
|
|
+ click: i.rightPrevYear
|
|
|
+ }
|
|
|
+ }) : i._e(), n("button", {
|
|
|
+ staticClass: "el-picker-panel__icon-btn el-icon-d-arrow-right",
|
|
|
+ attrs: {
|
|
|
+ type: "button"
|
|
|
+ },
|
|
|
+ on: {
|
|
|
+ click: i.rightNextYear
|
|
|
+ }
|
|
|
+ }), n("div", [i._v(i._s(i.rightLabel))])]), n("month-table", {
|
|
|
+ attrs: {
|
|
|
+ "selection-mode": "range",
|
|
|
+ date: i.rightDate,
|
|
|
+ "default-value": i.defaultValue,
|
|
|
+ "min-date": i.minDate,
|
|
|
+ "max-date": i.maxDate,
|
|
|
+ "range-state": i.rangeState,
|
|
|
+ "disabled-date": i.disabledDate
|
|
|
+ },
|
|
|
+ on: {
|
|
|
+ changerange: i.handleChangeRange,
|
|
|
+ pick: i.handleRangePick
|
|
|
+ }
|
|
|
+ })], 1)])], 2)])])
|
|
|
+ };
|
|
|
+ Pe._withStripped = !0;
|
|
|
+
|
|
|
+ function lr(e) {
|
|
|
+ return Array.isArray(e) ? [new Date(e[0]), new Date(e[1])] : e ? [new Date(e), Vn(new Date(e))] : [new Date, Vn(new Date)]
|
|
|
+ }
|
|
|
+ Ae = r({
|
|
|
+ mixins: [j],
|
|
|
+ directives: {
|
|
|
+ Clickoutside: tt
|
|
|
+ },
|
|
|
+ computed: {
|
|
|
+ btnDisabled: function () {
|
|
|
+ return !(this.minDate && this.maxDate && !this.selecting && this.isValidValue([this.minDate, this.maxDate]))
|
|
|
+ },
|
|
|
+ leftLabel: function () {
|
|
|
+ return this.leftDate.getFullYear() + " " + this.t("el.datepicker.year")
|
|
|
+ },
|
|
|
+ rightLabel: function () {
|
|
|
+ return this.rightDate.getFullYear() + " " + this.t("el.datepicker.year")
|
|
|
+ },
|
|
|
+ leftYear: function () {
|
|
|
+ return this.leftDate.getFullYear()
|
|
|
+ },
|
|
|
+ rightYear: function () {
|
|
|
+ return this.rightDate.getFullYear() === this.leftDate.getFullYear() ? this.leftDate.getFullYear() + 1 : this.rightDate.getFullYear()
|
|
|
+ },
|
|
|
+ enableYearArrow: function () {
|
|
|
+ return this.unlinkPanels && this.rightYear > this.leftYear + 1
|
|
|
+ }
|
|
|
+ },
|
|
|
+ data: function () {
|
|
|
+ return {
|
|
|
+ popperClass: "",
|
|
|
+ value: [],
|
|
|
+ defaultValue: null,
|
|
|
+ defaultTime: null,
|
|
|
+ minDate: "",
|
|
|
+ maxDate: "",
|
|
|
+ leftDate: new Date,
|
|
|
+ rightDate: zn(new Date),
|
|
|
+ rangeState: {
|
|
|
+ endDate: null,
|
|
|
+ selecting: !1,
|
|
|
+ row: null,
|
|
|
+ column: null
|
|
|
+ },
|
|
|
+ shortcuts: "",
|
|
|
+ visible: "",
|
|
|
+ disabledDate: "",
|
|
|
+ format: "",
|
|
|
+ arrowControl: !1,
|
|
|
+ unlinkPanels: !1
|
|
|
+ }
|
|
|
+ },
|
|
|
+ watch: {
|
|
|
+ value: function (e) {
|
|
|
+ var t;
|
|
|
+ e ? Array.isArray(e) && (this.minDate = mn(e[0]) ? new Date(e[0]) : null, this.maxDate = mn(e[1]) ? new Date(e[1]) : null, this.minDate ? (this.leftDate = this.minDate, this.unlinkPanels && this.maxDate ? (t = this.minDate.getFullYear(), e = this.maxDate.getFullYear(), this.rightDate = t === e ? zn(this.maxDate) : this.maxDate) : this.rightDate = zn(this.leftDate)) : (this.leftDate = lr(this.defaultValue)[0], this.rightDate = zn(this.leftDate))) : (this.minDate = null, this.maxDate = null)
|
|
|
+ },
|
|
|
+ defaultValue: function (e) {
|
|
|
+ var t, i;
|
|
|
+ Array.isArray(this.value) || (t = (i = lr(e))[0], i = i[1], this.leftDate = t, this.rightDate = e && e[1] && t.getFullYear() !== i.getFullYear() && this.unlinkPanels ? i : zn(this.leftDate))
|
|
|
+ }
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ handleClear: function () {
|
|
|
+ this.minDate = null, this.maxDate = null, this.leftDate = lr(this.defaultValue)[0], this.rightDate = zn(this.leftDate), this.$emit("pick", null)
|
|
|
+ },
|
|
|
+ handleChangeRange: function (e) {
|
|
|
+ this.minDate = e.minDate, this.maxDate = e.maxDate, this.rangeState = e.rangeState
|
|
|
+ },
|
|
|
+ handleRangePick: function (e) {
|
|
|
+ var t = this,
|
|
|
+ i = !(1 < arguments.length && void 0 !== arguments[1]) || arguments[1],
|
|
|
+ n = this.defaultTime || [],
|
|
|
+ r = Nn(e.minDate, n[0]),
|
|
|
+ s = Nn(e.maxDate, n[1]);
|
|
|
+ this.maxDate === s && this.minDate === r || (this.onPick && this.onPick(e), this.maxDate = s, this.minDate = r, setTimeout(function () {
|
|
|
+ t.maxDate = s, t.minDate = r
|
|
|
+ }, 10), i && this.handleConfirm())
|
|
|
+ },
|
|
|
+ handleShortcutClick: function (e) {
|
|
|
+ e.onClick && e.onClick(this)
|
|
|
+ },
|
|
|
+ leftPrevYear: function () {
|
|
|
+ this.leftDate = Bn(this.leftDate), this.unlinkPanels || (this.rightDate = Bn(this.rightDate))
|
|
|
+ },
|
|
|
+ rightNextYear: function () {
|
|
|
+ this.unlinkPanels || (this.leftDate = zn(this.leftDate)), this.rightDate = zn(this.rightDate)
|
|
|
+ },
|
|
|
+ leftNextYear: function () {
|
|
|
+ this.leftDate = zn(this.leftDate)
|
|
|
+ },
|
|
|
+ rightPrevYear: function () {
|
|
|
+ this.rightDate = Bn(this.rightDate)
|
|
|
+ },
|
|
|
+ handleConfirm: function () {
|
|
|
+ var e = 0 < arguments.length && void 0 !== arguments[0] && arguments[0];
|
|
|
+ this.isValidValue([this.minDate, this.maxDate]) && this.$emit("pick", [this.minDate, this.maxDate], e)
|
|
|
+ },
|
|
|
+ isValidValue: function (e) {
|
|
|
+ return Array.isArray(e) && e && e[0] && e[1] && mn(e[0]) && mn(e[1]) && e[0].getTime() <= e[1].getTime() && ("function" != typeof this.disabledDate || !this.disabledDate(e[0]) && !this.disabledDate(e[1]))
|
|
|
+ },
|
|
|
+ resetView: function () {
|
|
|
+ this.minDate = this.value && mn(this.value[0]) ? new Date(this.value[0]) : null, this.maxDate = this.value && mn(this.value[0]) ? new Date(this.value[1]) : null
|
|
|
+ }
|
|
|
+ },
|
|
|
+ components: {
|
|
|
+ MonthTable: s,
|
|
|
+ ElInput: te,
|
|
|
+ ElButton: xt
|
|
|
+ }
|
|
|
+ }, Pe, [], !1, null, null, null);
|
|
|
+ Ae.options.__file = "packages/date-picker/src/panel/month-range.vue";
|
|
|
+
|
|
|
+ function ur(e) {
|
|
|
+ return "daterange" === e || "datetimerange" === e ? ar : "monthrange" === e ? cr : sr
|
|
|
+ }
|
|
|
+ var cr = Ae.exports,
|
|
|
+ hr = {
|
|
|
+ mixins: [si],
|
|
|
+ name: "ElDatePicker",
|
|
|
+ props: {
|
|
|
+ type: {
|
|
|
+ type: String,
|
|
|
+ default: "date"
|
|
|
+ },
|
|
|
+ timeArrowControl: Boolean
|
|
|
+ },
|
|
|
+ watch: {
|
|
|
+ type: function (e) {
|
|
|
+ this.picker ? (this.unmountPicker(), this.panel = ur(e), this.mountPicker()) : this.panel = ur(e)
|
|
|
+ }
|
|
|
+ },
|
|
|
+ created: function () {
|
|
|
+ this.panel = ur(this.type)
|
|
|
+ },
|
|
|
+ install: function (e) {
|
|
|
+ e.component(hr.name, hr)
|
|
|
+ }
|
|
|
+ },
|
|
|
+ Ge = hr,
|
|
|
+ nt = function () {
|
|
|
+ var i = this,
|
|
|
+ e = i.$createElement,
|
|
|
+ n = i._self._c || e;
|
|
|
+ return n("transition", {
|
|
|
+ attrs: {
|
|
|
+ name: "el-zoom-in-top"
|
|
|
+ },
|
|
|
+ on: {
|
|
|
+ "before-enter": i.handleMenuEnter,
|
|
|
+ "after-leave": function (e) {
|
|
|
+ i.$emit("dodestroy")
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, [n("div", {
|
|
|
+ directives: [{
|
|
|
+ name: "show",
|
|
|
+ rawName: "v-show",
|
|
|
+ value: i.visible,
|
|
|
+ expression: "visible"
|
|
|
+ }],
|
|
|
+ ref: "popper",
|
|
|
+ staticClass: "el-picker-panel time-select el-popper",
|
|
|
+ class: i.popperClass,
|
|
|
+ style: {
|
|
|
+ width: i.width + "px"
|
|
|
+ }
|
|
|
+ }, [n("el-scrollbar", {
|
|
|
+ attrs: {
|
|
|
+ noresize: "",
|
|
|
+ "wrap-class": "el-picker-panel__content"
|
|
|
+ }
|
|
|
+ }, i._l(i.items, function (t) {
|
|
|
+ return n("div", {
|
|
|
+ key: t.value,
|
|
|
+ staticClass: "time-select-item",
|
|
|
+ class: {
|
|
|
+ selected: i.value === t.value, disabled: t.disabled,
|
|
|
+ default: t.value === i.defaultValue
|
|
|
+ },
|
|
|
+ attrs: {
|
|
|
+ disabled: t.disabled
|
|
|
+ },
|
|
|
+ on: {
|
|
|
+ click: function (e) {
|
|
|
+ i.handleClick(t)
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, [i._v(i._s(t.value))])
|
|
|
+ }), 0)], 1)])
|
|
|
+ };
|
|
|
+ nt._withStripped = !0;
|
|
|
+
|
|
|
+ function dr(e) {
|
|
|
+ return 2 <= (e = (e || "").split(":")).length ? {
|
|
|
+ hours: parseInt(e[0], 10),
|
|
|
+ minutes: parseInt(e[1], 10)
|
|
|
+ } : null
|
|
|
+ }
|
|
|
+
|
|
|
+ function pr(e, t) {
|
|
|
+ return e = dr(e), t = dr(t), e = e.minutes + 60 * e.hours, t = t.minutes + 60 * t.hours, e === t ? 0 : t < e ? 1 : -1
|
|
|
+ }
|
|
|
+ ut = r({
|
|
|
+ components: {
|
|
|
+ ElScrollbar: Ke
|
|
|
+ },
|
|
|
+ watch: {
|
|
|
+ value: function (e) {
|
|
|
+ var t = this;
|
|
|
+ e && this.$nextTick(function () {
|
|
|
+ return t.scrollToOption()
|
|
|
+ })
|
|
|
+ }
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ handleClick: function (e) {
|
|
|
+ e.disabled || this.$emit("pick", e.value)
|
|
|
+ },
|
|
|
+ handleClear: function () {
|
|
|
+ this.$emit("pick", null)
|
|
|
+ },
|
|
|
+ scrollToOption: function () {
|
|
|
+ var e = 0 < arguments.length && void 0 !== arguments[0] ? arguments[0] : ".selected",
|
|
|
+ t = this.$refs.popper.querySelector(".el-picker-panel__content");
|
|
|
+ it(t, t.querySelector(e))
|
|
|
+ },
|
|
|
+ handleMenuEnter: function () {
|
|
|
+ var e = this,
|
|
|
+ t = -1 !== this.items.map(function (e) {
|
|
|
+ return e.value
|
|
|
+ }).indexOf(this.value),
|
|
|
+ i = -1 !== this.items.map(function (e) {
|
|
|
+ return e.value
|
|
|
+ }).indexOf(this.defaultValue),
|
|
|
+ n = (t ? ".selected" : i && ".default") || ".time-select-item:not(.disabled)";
|
|
|
+ this.$nextTick(function () {
|
|
|
+ return e.scrollToOption(n)
|
|
|
+ })
|
|
|
+ },
|
|
|
+ scrollDown: function (e) {
|
|
|
+ for (var t = this.items, i = t.length, n = t.length, r = t.map(function (e) {
|
|
|
+ return e.value
|
|
|
+ }).indexOf(this.value); n--;)
|
|
|
+ if (!t[r = (r + e + i) % i].disabled) return void this.$emit("pick", t[r].value, !0)
|
|
|
+ },
|
|
|
+ isValidValue: function (e) {
|
|
|
+ return -1 !== this.items.filter(function (e) {
|
|
|
+ return !e.disabled
|
|
|
+ }).map(function (e) {
|
|
|
+ return e.value
|
|
|
+ }).indexOf(e)
|
|
|
+ },
|
|
|
+ handleKeydown: function (e) {
|
|
|
+ var t = e.keyCode;
|
|
|
+ 38 !== t && 40 !== t || (t = {
|
|
|
+ 40: 1,
|
|
|
+ 38: -1
|
|
|
+ } [t.toString()], this.scrollDown(t), e.stopPropagation())
|
|
|
+ }
|
|
|
+ },
|
|
|
+ data: function () {
|
|
|
+ return {
|
|
|
+ popperClass: "",
|
|
|
+ start: "09:00",
|
|
|
+ end: "18:00",
|
|
|
+ step: "00:30",
|
|
|
+ value: "",
|
|
|
+ defaultValue: "",
|
|
|
+ visible: !1,
|
|
|
+ minTime: "",
|
|
|
+ maxTime: "",
|
|
|
+ width: 0
|
|
|
+ }
|
|
|
+ },
|
|
|
+ computed: {
|
|
|
+ items: function () {
|
|
|
+ var e = this.start,
|
|
|
+ t = this.end,
|
|
|
+ i = this.step,
|
|
|
+ n = [];
|
|
|
+ if (e && t && i)
|
|
|
+ for (var r = e; pr(r, t) <= 0;) n.push({
|
|
|
+ value: r,
|
|
|
+ disabled: pr(r, this.minTime || "-1:-1") <= 0 || 0 <= pr(r, this.maxTime || "100:100")
|
|
|
+ }), r = function (e, t) {
|
|
|
+ e = dr(e), t = dr(t), e = {
|
|
|
+ hours: e.hours,
|
|
|
+ minutes: e.minutes
|
|
|
+ };
|
|
|
+ return e.minutes += t.minutes, e.hours += t.hours, e.hours += Math.floor(e.minutes / 60), e.minutes = e.minutes % 60, (e.hours < 10 ? "0" + e.hours : e.hours) + ":" + (e.minutes < 10 ? "0" + e.minutes : e.minutes)
|
|
|
+ }(r, i);
|
|
|
+ return n
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, nt, [], !1, null, null, null);
|
|
|
+ ut.options.__file = "packages/date-picker/src/panel/time-select.vue";
|
|
|
+ var fr = ut.exports,
|
|
|
+ mr = {
|
|
|
+ mixins: [si],
|
|
|
+ name: "ElTimeSelect",
|
|
|
+ componentName: "ElTimeSelect",
|
|
|
+ props: {
|
|
|
+ type: {
|
|
|
+ type: String,
|
|
|
+ default: "time-select"
|
|
|
+ }
|
|
|
+ },
|
|
|
+ beforeCreate: function () {
|
|
|
+ this.panel = fr
|
|
|
+ },
|
|
|
+ install: function (e) {
|
|
|
+ e.component(mr.name, mr)
|
|
|
+ }
|
|
|
+ },
|
|
|
+ ct = mr,
|
|
|
+ ft = function () {
|
|
|
+ var t = this,
|
|
|
+ e = t.$createElement,
|
|
|
+ e = t._self._c || e;
|
|
|
+ return e("transition", {
|
|
|
+ attrs: {
|
|
|
+ name: "el-zoom-in-top"
|
|
|
+ },
|
|
|
+ on: {
|
|
|
+ "after-leave": function (e) {
|
|
|
+ t.$emit("dodestroy")
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, [e("div", {
|
|
|
+ directives: [{
|
|
|
+ name: "show",
|
|
|
+ rawName: "v-show",
|
|
|
+ value: t.visible,
|
|
|
+ expression: "visible"
|
|
|
+ }],
|
|
|
+ staticClass: "el-time-range-picker el-picker-panel el-popper",
|
|
|
+ class: t.popperClass
|
|
|
+ }, [e("div", {
|
|
|
+ staticClass: "el-time-range-picker__content"
|
|
|
+ }, [e("div", {
|
|
|
+ staticClass: "el-time-range-picker__cell"
|
|
|
+ }, [e("div", {
|
|
|
+ staticClass: "el-time-range-picker__header"
|
|
|
+ }, [t._v(t._s(t.t("el.datepicker.startTime")))]), e("div", {
|
|
|
+ staticClass: "el-time-range-picker__body el-time-panel__content",
|
|
|
+ class: {
|
|
|
+ "has-seconds": t.showSeconds, "is-arrow": t.arrowControl
|
|
|
+ }
|
|
|
+ }, [e("time-spinner", {
|
|
|
+ ref: "minSpinner",
|
|
|
+ attrs: {
|
|
|
+ "show-seconds": t.showSeconds,
|
|
|
+ "am-pm-mode": t.amPmMode,
|
|
|
+ "arrow-control": t.arrowControl,
|
|
|
+ date: t.minDate
|
|
|
+ },
|
|
|
+ on: {
|
|
|
+ change: t.handleMinChange,
|
|
|
+ "select-range": t.setMinSelectionRange
|
|
|
+ }
|
|
|
+ })], 1)]), e("div", {
|
|
|
+ staticClass: "el-time-range-picker__cell"
|
|
|
+ }, [e("div", {
|
|
|
+ staticClass: "el-time-range-picker__header"
|
|
|
+ }, [t._v(t._s(t.t("el.datepicker.endTime")))]), e("div", {
|
|
|
+ staticClass: "el-time-range-picker__body el-time-panel__content",
|
|
|
+ class: {
|
|
|
+ "has-seconds": t.showSeconds, "is-arrow": t.arrowControl
|
|
|
+ }
|
|
|
+ }, [e("time-spinner", {
|
|
|
+ ref: "maxSpinner",
|
|
|
+ attrs: {
|
|
|
+ "show-seconds": t.showSeconds,
|
|
|
+ "am-pm-mode": t.amPmMode,
|
|
|
+ "arrow-control": t.arrowControl,
|
|
|
+ date: t.maxDate
|
|
|
+ },
|
|
|
+ on: {
|
|
|
+ change: t.handleMaxChange,
|
|
|
+ "select-range": t.setMaxSelectionRange
|
|
|
+ }
|
|
|
+ })], 1)])]), e("div", {
|
|
|
+ staticClass: "el-time-panel__footer"
|
|
|
+ }, [e("button", {
|
|
|
+ staticClass: "el-time-panel__btn cancel",
|
|
|
+ attrs: {
|
|
|
+ type: "button"
|
|
|
+ },
|
|
|
+ on: {
|
|
|
+ click: function (e) {
|
|
|
+ t.handleCancel()
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, [t._v(t._s(t.t("el.datepicker.cancel")))]), e("button", {
|
|
|
+ staticClass: "el-time-panel__btn confirm",
|
|
|
+ attrs: {
|
|
|
+ type: "button",
|
|
|
+ disabled: t.btnDisabled
|
|
|
+ },
|
|
|
+ on: {
|
|
|
+ click: function (e) {
|
|
|
+ t.handleConfirm()
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, [t._v(t._s(t.t("el.datepicker.confirm")))])])])])
|
|
|
+ };
|
|
|
+ ft._withStripped = !0;
|
|
|
+
|
|
|
+ function gr(e) {
|
|
|
+ return Tn(br, e.getFullYear(), e.getMonth(), e.getDate())
|
|
|
+ }
|
|
|
+
|
|
|
+ function vr(e, t) {
|
|
|
+ return new Date(Math.min(e.getTime() + t, gr(e).getTime()))
|
|
|
+ }
|
|
|
+ var yr = yn("00:00:00", "HH:mm:ss"),
|
|
|
+ br = yn("23:59:59", "HH:mm:ss"),
|
|
|
+ gt = r({
|
|
|
+ mixins: [j],
|
|
|
+ components: {
|
|
|
+ TimeSpinner: vi
|
|
|
+ },
|
|
|
+ computed: {
|
|
|
+ showSeconds: function () {
|
|
|
+ return -1 !== (this.format || "").indexOf("ss")
|
|
|
+ },
|
|
|
+ offset: function () {
|
|
|
+ return this.showSeconds ? 11 : 8
|
|
|
+ },
|
|
|
+ spinner: function () {
|
|
|
+ return this.selectionRange[0] < this.offset ? this.$refs.minSpinner : this.$refs.maxSpinner
|
|
|
+ },
|
|
|
+ btnDisabled: function () {
|
|
|
+ return this.minDate.getTime() > this.maxDate.getTime()
|
|
|
+ },
|
|
|
+ amPmMode: function () {
|
|
|
+ return -1 !== (this.format || "").indexOf("A") ? "A" : -1 !== (this.format || "").indexOf("a") ? "a" : ""
|
|
|
+ }
|
|
|
+ },
|
|
|
+ data: function () {
|
|
|
+ return {
|
|
|
+ popperClass: "",
|
|
|
+ minDate: new Date,
|
|
|
+ maxDate: new Date,
|
|
|
+ value: [],
|
|
|
+ oldValue: [new Date, new Date],
|
|
|
+ defaultValue: null,
|
|
|
+ format: "HH:mm:ss",
|
|
|
+ visible: !1,
|
|
|
+ selectionRange: [0, 2],
|
|
|
+ arrowControl: !1
|
|
|
+ }
|
|
|
+ },
|
|
|
+ watch: {
|
|
|
+ value: function (e) {
|
|
|
+ Array.isArray(e) ? (this.minDate = new Date(e[0]), this.maxDate = new Date(e[1])) : Array.isArray(this.defaultValue) ? (this.minDate = new Date(this.defaultValue[0]), this.maxDate = new Date(this.defaultValue[1])) : this.defaultValue ? (this.minDate = new Date(this.defaultValue), this.maxDate = vr(new Date(this.defaultValue), 36e5)) : (this.minDate = new Date, this.maxDate = vr(new Date, 36e5))
|
|
|
+ },
|
|
|
+ visible: function (e) {
|
|
|
+ var t = this;
|
|
|
+ e && (this.oldValue = this.value, this.$nextTick(function () {
|
|
|
+ return t.$refs.minSpinner.emitSelectRange("hours")
|
|
|
+ }))
|
|
|
+ }
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ handleClear: function () {
|
|
|
+ this.$emit("pick", null)
|
|
|
+ },
|
|
|
+ handleCancel: function () {
|
|
|
+ this.$emit("pick", this.oldValue)
|
|
|
+ },
|
|
|
+ handleMinChange: function (e) {
|
|
|
+ this.minDate = In(e), this.handleChange()
|
|
|
+ },
|
|
|
+ handleMaxChange: function (e) {
|
|
|
+ this.maxDate = In(e), this.handleChange()
|
|
|
+ },
|
|
|
+ handleChange: function () {
|
|
|
+ var e;
|
|
|
+ this.isValidValue([this.minDate, this.maxDate]) && (this.$refs.minSpinner.selectableRange = [
|
|
|
+ [(e = this.minDate, Tn(yr, e.getFullYear(), e.getMonth(), e.getDate())), this.maxDate]
|
|
|
+ ], this.$refs.maxSpinner.selectableRange = [
|
|
|
+ [this.minDate, gr(this.maxDate)]
|
|
|
+ ], this.$emit("pick", [this.minDate, this.maxDate], !0))
|
|
|
+ },
|
|
|
+ setMinSelectionRange: function (e, t) {
|
|
|
+ this.$emit("select-range", e, t, "min"), this.selectionRange = [e, t]
|
|
|
+ },
|
|
|
+ setMaxSelectionRange: function (e, t) {
|
|
|
+ this.$emit("select-range", e, t, "max"), this.selectionRange = [e + this.offset, t + this.offset]
|
|
|
+ },
|
|
|
+ handleConfirm: function () {
|
|
|
+ var e = 0 < arguments.length && void 0 !== arguments[0] && arguments[0],
|
|
|
+ t = this.$refs.minSpinner.selectableRange,
|
|
|
+ i = this.$refs.maxSpinner.selectableRange;
|
|
|
+ this.minDate = On(this.minDate, t, this.format), this.maxDate = On(this.maxDate, i, this.format), this.$emit("pick", [this.minDate, this.maxDate], e)
|
|
|
+ },
|
|
|
+ adjustSpinners: function () {
|
|
|
+ this.$refs.minSpinner.adjustSpinners(), this.$refs.maxSpinner.adjustSpinners()
|
|
|
+ },
|
|
|
+ changeSelectionRange: function (e) {
|
|
|
+ var t = this.showSeconds ? [0, 3, 6, 11, 14, 17] : [0, 3, 8, 11],
|
|
|
+ i = ["hours", "minutes"].concat(this.showSeconds ? ["seconds"] : []),
|
|
|
+ e = (t.indexOf(this.selectionRange[0]) + e + t.length) % t.length,
|
|
|
+ t = t.length / 2;
|
|
|
+ e < t ? this.$refs.minSpinner.emitSelectRange(i[e]) : this.$refs.maxSpinner.emitSelectRange(i[e - t])
|
|
|
+ },
|
|
|
+ isValidValue: function (e) {
|
|
|
+ return Array.isArray(e) && Fn(this.minDate, this.$refs.minSpinner.selectableRange) && Fn(this.maxDate, this.$refs.maxSpinner.selectableRange)
|
|
|
+ },
|
|
|
+ handleKeydown: function (e) {
|
|
|
+ var t = e.keyCode,
|
|
|
+ i = {
|
|
|
+ 38: -1,
|
|
|
+ 40: 1,
|
|
|
+ 37: -1,
|
|
|
+ 39: 1
|
|
|
+ };
|
|
|
+ if (37 === t || 39 === t) return this.changeSelectionRange(i[t]), void e.preventDefault();
|
|
|
+ 38 !== t && 40 !== t || (this.spinner.scrollDown(i[t]), e.preventDefault())
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, ft, [], !1, null, null, null);
|
|
|
+ gt.options.__file = "packages/date-picker/src/panel/time-range.vue";
|
|
|
+ var wr = gt.exports,
|
|
|
+ _r = {
|
|
|
+ mixins: [si],
|
|
|
+ name: "ElTimePicker",
|
|
|
+ props: {
|
|
|
+ isRange: Boolean,
|
|
|
+ arrowControl: Boolean
|
|
|
+ },
|
|
|
+ data: function () {
|
|
|
+ return {
|
|
|
+ type: ""
|
|
|
+ }
|
|
|
+ },
|
|
|
+ watch: {
|
|
|
+ isRange: function (e) {
|
|
|
+ this.picker ? (this.unmountPicker(), this.type = e ? "timerange" : "time", this.panel = e ? wr : er, this.mountPicker()) : (this.type = e ? "timerange" : "time", this.panel = e ? wr : er)
|
|
|
+ }
|
|
|
+ },
|
|
|
+ created: function () {
|
|
|
+ this.type = this.isRange ? "timerange" : "time", this.panel = this.isRange ? wr : er
|
|
|
+ },
|
|
|
+ install: function (e) {
|
|
|
+ e.component(_r.name, _r)
|
|
|
+ }
|
|
|
+ },
|
|
|
+ bt = _r,
|
|
|
+ wt = function () {
|
|
|
+ var e = this,
|
|
|
+ t = e.$createElement,
|
|
|
+ t = e._self._c || t;
|
|
|
+ return t("span", [t("transition", {
|
|
|
+ attrs: {
|
|
|
+ name: e.transition
|
|
|
+ },
|
|
|
+ on: {
|
|
|
+ "after-enter": e.handleAfterEnter,
|
|
|
+ "after-leave": e.handleAfterLeave
|
|
|
+ }
|
|
|
+ }, [t("div", {
|
|
|
+ directives: [{
|
|
|
+ name: "show",
|
|
|
+ rawName: "v-show",
|
|
|
+ value: !e.disabled && e.showPopper,
|
|
|
+ expression: "!disabled && showPopper"
|
|
|
+ }],
|
|
|
+ ref: "popper",
|
|
|
+ staticClass: "el-popover el-popper",
|
|
|
+ class: [e.popperClass, e.content && "el-popover--plain"],
|
|
|
+ style: {
|
|
|
+ width: e.width + "px"
|
|
|
+ },
|
|
|
+ attrs: {
|
|
|
+ role: "tooltip",
|
|
|
+ id: e.tooltipId,
|
|
|
+ "aria-hidden": e.disabled || !e.showPopper ? "true" : "false"
|
|
|
+ }
|
|
|
+ }, [e.title ? t("div", {
|
|
|
+ staticClass: "el-popover__title",
|
|
|
+ domProps: {
|
|
|
+ textContent: e._s(e.title)
|
|
|
+ }
|
|
|
+ }) : e._e(), e._t("default", [e._v(e._s(e.content))])], 2)]), t("span", {
|
|
|
+ ref: "wrapper",
|
|
|
+ staticClass: "el-popover__reference-wrapper"
|
|
|
+ }, [e._t("reference")], 2)], 1)
|
|
|
+ };
|
|
|
+ wt._withStripped = !0;
|
|
|
+ mt = r({
|
|
|
+ name: "ElPopover",
|
|
|
+ mixins: [Te],
|
|
|
+ props: {
|
|
|
+ trigger: {
|
|
|
+ type: String,
|
|
|
+ default: "click",
|
|
|
+ validator: function (e) {
|
|
|
+ return -1 < ["click", "focus", "hover", "manual"].indexOf(e)
|
|
|
+ }
|
|
|
+ },
|
|
|
+ openDelay: {
|
|
|
+ type: Number,
|
|
|
+ default: 0
|
|
|
+ },
|
|
|
+ closeDelay: {
|
|
|
+ type: Number,
|
|
|
+ default: 200
|
|
|
+ },
|
|
|
+ title: String,
|
|
|
+ disabled: Boolean,
|
|
|
+ content: String,
|
|
|
+ reference: {},
|
|
|
+ popperClass: String,
|
|
|
+ width: {},
|
|
|
+ visibleArrow: {
|
|
|
+ default: !0
|
|
|
+ },
|
|
|
+ arrowOffset: {
|
|
|
+ type: Number,
|
|
|
+ default: 0
|
|
|
+ },
|
|
|
+ transition: {
|
|
|
+ type: String,
|
|
|
+ default: "fade-in-linear"
|
|
|
+ },
|
|
|
+ tabindex: {
|
|
|
+ type: Number,
|
|
|
+ default: 0
|
|
|
+ }
|
|
|
+ },
|
|
|
+ computed: {
|
|
|
+ tooltipId: function () {
|
|
|
+ return "el-popover-" + D()
|
|
|
+ }
|
|
|
+ },
|
|
|
+ watch: {
|
|
|
+ showPopper: function (e) {
|
|
|
+ this.disabled || (e ? this.$emit("show") : this.$emit("hide"))
|
|
|
+ }
|
|
|
+ },
|
|
|
+ mounted: function () {
|
|
|
+ var t = this,
|
|
|
+ i = this.referenceElm = this.reference || this.$refs.reference,
|
|
|
+ e = this.popper || this.$refs.popper;
|
|
|
+ (i = !i && this.$refs.wrapper.children ? this.referenceElm = this.$refs.wrapper.children[0] : i) && (he(i, "el-popover__reference"), i.setAttribute("aria-describedby", this.tooltipId), i.setAttribute("tabindex", this.tabindex), e.setAttribute("tabindex", 0), "click" !== this.trigger && (le(i, "focusin", function () {
|
|
|
+ t.handleFocus();
|
|
|
+ var e = i.__vue__;
|
|
|
+ e && "function" == typeof e.focus && e.focus()
|
|
|
+ }), le(e, "focusin", this.handleFocus), le(i, "focusout", this.handleBlur), le(e, "focusout", this.handleBlur)), le(i, "keydown", this.handleKeydown), le(i, "click", this.handleClick)), "click" === this.trigger ? (le(i, "click", this.doToggle), le(document, "click", this.handleDocumentClick)) : "hover" === this.trigger ? (le(i, "mouseenter", this.handleMouseEnter), le(e, "mouseenter", this.handleMouseEnter), le(i, "mouseleave", this.handleMouseLeave), le(e, "mouseleave", this.handleMouseLeave)) : "focus" === this.trigger && (this.tabindex < 0 && console.warn("[Element Warn][Popover]a negative taindex means that the element cannot be focused by tab key"), i.querySelector("input, textarea") ? (le(i, "focusin", this.doShow), le(i, "focusout", this.doClose)) : (le(i, "mousedown", this.doShow), le(i, "mouseup", this.doClose)))
|
|
|
+ },
|
|
|
+ beforeDestroy: function () {
|
|
|
+ this.cleanup()
|
|
|
+ },
|
|
|
+ deactivated: function () {
|
|
|
+ this.cleanup()
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ doToggle: function () {
|
|
|
+ this.showPopper = !this.showPopper
|
|
|
+ },
|
|
|
+ doShow: function () {
|
|
|
+ this.showPopper = !0
|
|
|
+ },
|
|
|
+ doClose: function () {
|
|
|
+ this.showPopper = !1
|
|
|
+ },
|
|
|
+ handleFocus: function () {
|
|
|
+ he(this.referenceElm, "focusing"), "click" !== this.trigger && "focus" !== this.trigger || (this.showPopper = !0)
|
|
|
+ },
|
|
|
+ handleClick: function () {
|
|
|
+ de(this.referenceElm, "focusing")
|
|
|
+ },
|
|
|
+ handleBlur: function () {
|
|
|
+ de(this.referenceElm, "focusing"), "click" !== this.trigger && "focus" !== this.trigger || (this.showPopper = !1)
|
|
|
+ },
|
|
|
+ handleMouseEnter: function () {
|
|
|
+ var e = this;
|
|
|
+ clearTimeout(this._timer), this.openDelay ? this._timer = setTimeout(function () {
|
|
|
+ e.showPopper = !0
|
|
|
+ }, this.openDelay) : this.showPopper = !0
|
|
|
+ },
|
|
|
+ handleKeydown: function (e) {
|
|
|
+ 27 === e.keyCode && "manual" !== this.trigger && this.doClose()
|
|
|
+ },
|
|
|
+ handleMouseLeave: function () {
|
|
|
+ var e = this;
|
|
|
+ clearTimeout(this._timer), this.closeDelay ? this._timer = setTimeout(function () {
|
|
|
+ e.showPopper = !1
|
|
|
+ }, this.closeDelay) : this.showPopper = !1
|
|
|
+ },
|
|
|
+ handleDocumentClick: function (e) {
|
|
|
+ var t = this.reference || this.$refs.reference,
|
|
|
+ i = this.popper || this.$refs.popper;
|
|
|
+ !t && this.$refs.wrapper.children && (t = this.referenceElm = this.$refs.wrapper.children[0]), this.$el && t && !this.$el.contains(e.target) && !t.contains(e.target) && i && !i.contains(e.target) && (this.showPopper = !1)
|
|
|
+ },
|
|
|
+ handleAfterEnter: function () {
|
|
|
+ this.$emit("after-enter")
|
|
|
+ },
|
|
|
+ handleAfterLeave: function () {
|
|
|
+ this.$emit("after-leave"), this.doDestroy()
|
|
|
+ },
|
|
|
+ cleanup: function () {
|
|
|
+ (this.openDelay || this.closeDelay) && clearTimeout(this._timer)
|
|
|
+ }
|
|
|
+ },
|
|
|
+ destroyed: function () {
|
|
|
+ var e = this.reference;
|
|
|
+ ue(e, "click", this.doToggle), ue(e, "mouseup", this.doClose), ue(e, "mousedown", this.doShow), ue(e, "focusin", this.doShow), ue(e, "focusout", this.doClose), ue(e, "mousedown", this.doShow), ue(e, "mouseup", this.doClose), ue(e, "mouseleave", this.handleMouseLeave), ue(e, "mouseenter", this.handleMouseEnter), ue(document, "click", this.handleDocumentClick)
|
|
|
+ }
|
|
|
+ }, wt, [], !1, null, null, null);
|
|
|
+ mt.options.__file = "packages/popover/src/main.vue";
|
|
|
+
|
|
|
+ function xr(e, t, i) {
|
|
|
+ t = t.expression ? t.value : t.arg, (t = i.context.$refs[t]) && (Array.isArray(t) ? t[0].$refs.reference = e : t.$refs.reference = e)
|
|
|
+ }
|
|
|
+ var Cr = mt.exports,
|
|
|
+ kr = {
|
|
|
+ bind: function (e, t, i) {
|
|
|
+ xr(e, t, i)
|
|
|
+ },
|
|
|
+ inserted: function (e, t, i) {
|
|
|
+ xr(e, t, i)
|
|
|
+ }
|
|
|
+ };
|
|
|
+ h.a.directive("popover", kr), Cr.install = function (e) {
|
|
|
+ e.directive("popover", kr), e.component(Cr.name, Cr)
|
|
|
+ }, Cr.directive = kr;
|
|
|
+ kt = Cr, o = function () {
|
|
|
+ var t = this,
|
|
|
+ e = t.$createElement,
|
|
|
+ e = t._self._c || e;
|
|
|
+ return e("transition", {
|
|
|
+ attrs: {
|
|
|
+ name: "msgbox-fade"
|
|
|
+ }
|
|
|
+ }, [e("div", {
|
|
|
+ directives: [{
|
|
|
+ name: "show",
|
|
|
+ rawName: "v-show",
|
|
|
+ value: t.visible,
|
|
|
+ expression: "visible"
|
|
|
+ }],
|
|
|
+ staticClass: "el-message-box__wrapper",
|
|
|
+ attrs: {
|
|
|
+ tabindex: "-1",
|
|
|
+ role: "dialog",
|
|
|
+ "aria-modal": "true",
|
|
|
+ "aria-label": t.title || "dialog"
|
|
|
+ },
|
|
|
+ on: {
|
|
|
+ click: function (e) {
|
|
|
+ return e.target !== e.currentTarget ? null : t.handleWrapperClick(e)
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, [e("div", {
|
|
|
+ staticClass: "el-message-box",
|
|
|
+ class: [t.customClass, t.center && "el-message-box--center"]
|
|
|
+ }, [null !== t.title ? e("div", {
|
|
|
+ staticClass: "el-message-box__header"
|
|
|
+ }, [e("div", {
|
|
|
+ staticClass: "el-message-box__title"
|
|
|
+ }, [t.icon && t.center ? e("div", {
|
|
|
+ class: ["el-message-box__status", t.icon]
|
|
|
+ }) : t._e(), e("span", [t._v(t._s(t.title))])]), t.showClose ? e("button", {
|
|
|
+ staticClass: "el-message-box__headerbtn",
|
|
|
+ attrs: {
|
|
|
+ type: "button",
|
|
|
+ "aria-label": "Close"
|
|
|
+ },
|
|
|
+ on: {
|
|
|
+ click: function (e) {
|
|
|
+ t.handleAction(t.distinguishCancelAndClose ? "close" : "cancel")
|
|
|
+ },
|
|
|
+ keydown: function (e) {
|
|
|
+ if (!("button" in e) && t._k(e.keyCode, "enter", 13, e.key, "Enter")) return null;
|
|
|
+ t.handleAction(t.distinguishCancelAndClose ? "close" : "cancel")
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, [e("i", {
|
|
|
+ staticClass: "el-message-box__close el-icon-close"
|
|
|
+ })]) : t._e()]) : t._e(), e("div", {
|
|
|
+ staticClass: "el-message-box__content"
|
|
|
+ }, [e("div", {
|
|
|
+ staticClass: "el-message-box__container"
|
|
|
+ }, [t.icon && !t.center && "" !== t.message ? e("div", {
|
|
|
+ class: ["el-message-box__status", t.icon]
|
|
|
+ }) : t._e(), "" !== t.message ? e("div", {
|
|
|
+ staticClass: "el-message-box__message"
|
|
|
+ }, [t._t("default", [t.dangerouslyUseHTMLString ? e("p", {
|
|
|
+ domProps: {
|
|
|
+ innerHTML: t._s(t.message)
|
|
|
+ }
|
|
|
+ }) : e("p", [t._v(t._s(t.message))])])], 2) : t._e()]), e("div", {
|
|
|
+ directives: [{
|
|
|
+ name: "show",
|
|
|
+ rawName: "v-show",
|
|
|
+ value: t.showInput,
|
|
|
+ expression: "showInput"
|
|
|
+ }],
|
|
|
+ staticClass: "el-message-box__input"
|
|
|
+ }, [e("el-input", {
|
|
|
+ ref: "input",
|
|
|
+ attrs: {
|
|
|
+ type: t.inputType,
|
|
|
+ placeholder: t.inputPlaceholder
|
|
|
+ },
|
|
|
+ nativeOn: {
|
|
|
+ keydown: function (e) {
|
|
|
+ return "button" in e || !t._k(e.keyCode, "enter", 13, e.key, "Enter") ? t.handleInputEnter(e) : null
|
|
|
+ }
|
|
|
+ },
|
|
|
+ model: {
|
|
|
+ value: t.inputValue,
|
|
|
+ callback: function (e) {
|
|
|
+ t.inputValue = e
|
|
|
+ },
|
|
|
+ expression: "inputValue"
|
|
|
+ }
|
|
|
+ }), e("div", {
|
|
|
+ staticClass: "el-message-box__errormsg",
|
|
|
+ style: {
|
|
|
+ visibility: t.editorErrorMessage ? "visible" : "hidden"
|
|
|
+ }
|
|
|
+ }, [t._v(t._s(t.editorErrorMessage))])], 1)]), e("div", {
|
|
|
+ staticClass: "el-message-box__btns"
|
|
|
+ }, [t.showCancelButton ? e("el-button", {
|
|
|
+ class: [t.cancelButtonClasses],
|
|
|
+ attrs: {
|
|
|
+ loading: t.cancelButtonLoading,
|
|
|
+ round: t.roundButton,
|
|
|
+ size: "small"
|
|
|
+ },
|
|
|
+ on: {
|
|
|
+ keydown: function (e) {
|
|
|
+ if (!("button" in e) && t._k(e.keyCode, "enter", 13, e.key, "Enter")) return null;
|
|
|
+ t.handleAction("cancel")
|
|
|
+ }
|
|
|
+ },
|
|
|
+ nativeOn: {
|
|
|
+ click: function (e) {
|
|
|
+ t.handleAction("cancel")
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, [t._v("\n " + t._s(t.cancelButtonText || t.t("el.messagebox.cancel")) + "\n ")]) : t._e(), e("el-button", {
|
|
|
+ directives: [{
|
|
|
+ name: "show",
|
|
|
+ rawName: "v-show",
|
|
|
+ value: t.showConfirmButton,
|
|
|
+ expression: "showConfirmButton"
|
|
|
+ }],
|
|
|
+ ref: "confirm",
|
|
|
+ class: [t.confirmButtonClasses],
|
|
|
+ attrs: {
|
|
|
+ loading: t.confirmButtonLoading,
|
|
|
+ round: t.roundButton,
|
|
|
+ size: "small"
|
|
|
+ },
|
|
|
+ on: {
|
|
|
+ keydown: function (e) {
|
|
|
+ if (!("button" in e) && t._k(e.keyCode, "enter", 13, e.key, "Enter")) return null;
|
|
|
+ t.handleAction("confirm")
|
|
|
+ }
|
|
|
+ },
|
|
|
+ nativeOn: {
|
|
|
+ click: function (e) {
|
|
|
+ t.handleAction("confirm")
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, [t._v("\n " + t._s(t.confirmButtonText || t.t("el.messagebox.confirm")) + "\n ")])], 1)])])])
|
|
|
+ };
|
|
|
+ o._withStripped = !0;
|
|
|
+ var Sr, Dr = "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
|
|
|
+ },
|
|
|
+ $r = $r || {};
|
|
|
+ $r.Dialog = function (e, t, i) {
|
|
|
+ var n = this;
|
|
|
+ if (this.dialogNode = e, null === this.dialogNode || "dialog" !== this.dialogNode.getAttribute("role")) throw new Error("Dialog() requires a DOM element with ARIA role of dialog.");
|
|
|
+ "string" == typeof t ? this.focusAfterClosed = document.getElementById(t) : "object" === (void 0 === t ? "undefined" : Dr(t)) ? this.focusAfterClosed = t : this.focusAfterClosed = null, "string" == typeof i ? this.focusFirst = document.getElementById(i) : "object" === (void 0 === i ? "undefined" : Dr(i)) ? this.focusFirst = i : this.focusFirst = null, this.focusFirst ? this.focusFirst.focus() : Bt.focusFirstDescendant(this.dialogNode), this.lastFocus = document.activeElement, Sr = function (e) {
|
|
|
+ n.trapFocus(e)
|
|
|
+ }, this.addListeners()
|
|
|
+ }, $r.Dialog.prototype.addListeners = function () {
|
|
|
+ document.addEventListener("focus", Sr, !0)
|
|
|
+ }, $r.Dialog.prototype.removeListeners = function () {
|
|
|
+ document.removeEventListener("focus", Sr, !0)
|
|
|
+ }, $r.Dialog.prototype.closeDialog = function () {
|
|
|
+ var e = this;
|
|
|
+ this.removeListeners(), this.focusAfterClosed && setTimeout(function () {
|
|
|
+ e.focusAfterClosed.focus()
|
|
|
+ })
|
|
|
+ }, $r.Dialog.prototype.trapFocus = function (e) {
|
|
|
+ Bt.IgnoreUtilFocusChanges || (this.dialogNode.contains(e.target) ? this.lastFocus = e.target : (Bt.focusFirstDescendant(this.dialogNode), this.lastFocus === document.activeElement && Bt.focusLastDescendant(this.dialogNode), this.lastFocus = document.activeElement))
|
|
|
+ };
|
|
|
+ var Er = $r.Dialog,
|
|
|
+ Tr = void 0,
|
|
|
+ Mr = {
|
|
|
+ success: "success",
|
|
|
+ info: "info",
|
|
|
+ warning: "warning",
|
|
|
+ error: "error"
|
|
|
+ },
|
|
|
+ Ct = r({
|
|
|
+ mixins: [$e, j],
|
|
|
+ props: {
|
|
|
+ modal: {
|
|
|
+ default: !0
|
|
|
+ },
|
|
|
+ lockScroll: {
|
|
|
+ default: !0
|
|
|
+ },
|
|
|
+ showClose: {
|
|
|
+ type: Boolean,
|
|
|
+ default: !0
|
|
|
+ },
|
|
|
+ closeOnClickModal: {
|
|
|
+ default: !0
|
|
|
+ },
|
|
|
+ closeOnPressEscape: {
|
|
|
+ default: !0
|
|
|
+ },
|
|
|
+ closeOnHashChange: {
|
|
|
+ default: !0
|
|
|
+ },
|
|
|
+ center: {
|
|
|
+ default: !1,
|
|
|
+ type: Boolean
|
|
|
+ },
|
|
|
+ roundButton: {
|
|
|
+ default: !1,
|
|
|
+ type: Boolean
|
|
|
+ }
|
|
|
+ },
|
|
|
+ components: {
|
|
|
+ ElInput: te,
|
|
|
+ ElButton: xt
|
|
|
+ },
|
|
|
+ computed: {
|
|
|
+ icon: function () {
|
|
|
+ var e = this.type;
|
|
|
+ return this.iconClass || (e && Mr[e] ? "el-icon-" + Mr[e] : "")
|
|
|
+ },
|
|
|
+ confirmButtonClasses: function () {
|
|
|
+ return "el-button--primary " + this.confirmButtonClass
|
|
|
+ },
|
|
|
+ cancelButtonClasses: function () {
|
|
|
+ return "" + this.cancelButtonClass
|
|
|
+ }
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ getSafeClose: function () {
|
|
|
+ var e = this,
|
|
|
+ t = this.uid;
|
|
|
+ return function () {
|
|
|
+ e.$nextTick(function () {
|
|
|
+ t === e.uid && e.doClose()
|
|
|
+ })
|
|
|
+ }
|
|
|
+ },
|
|
|
+ doClose: function () {
|
|
|
+ var e = this;
|
|
|
+ this.visible && (this.visible = !1, this._closing = !0, this.onClose && this.onClose(), Tr.closeDialog(), this.lockScroll && setTimeout(this.restoreBodyStyle, 200), this.opened = !1, this.doAfterClose(), setTimeout(function () {
|
|
|
+ e.action && e.callback(e.action, e)
|
|
|
+ }))
|
|
|
+ },
|
|
|
+ handleWrapperClick: function () {
|
|
|
+ this.closeOnClickModal && this.handleAction(this.distinguishCancelAndClose ? "close" : "cancel")
|
|
|
+ },
|
|
|
+ handleInputEnter: function () {
|
|
|
+ if ("textarea" !== this.inputType) return this.handleAction("confirm")
|
|
|
+ },
|
|
|
+ handleAction: function (e) {
|
|
|
+ "prompt" === this.$type && "confirm" === e && !this.validate() || (this.action = e, "function" == typeof this.beforeClose ? (this.close = this.getSafeClose(), this.beforeClose(e, this, this.close)) : this.doClose())
|
|
|
+ },
|
|
|
+ validate: function () {
|
|
|
+ if ("prompt" === this.$type) {
|
|
|
+ var e = this.inputPattern;
|
|
|
+ if (e && !e.test(this.inputValue || "")) return this.editorErrorMessage = this.inputErrorMessage || A("el.messagebox.error"), he(this.getInputElement(), "invalid"), !1;
|
|
|
+ e = this.inputValidator;
|
|
|
+ if ("function" == typeof e) {
|
|
|
+ e = e(this.inputValue);
|
|
|
+ if (!1 === e) return this.editorErrorMessage = this.inputErrorMessage || A("el.messagebox.error"), he(this.getInputElement(), "invalid"), !1;
|
|
|
+ if ("string" == typeof e) return this.editorErrorMessage = e, he(this.getInputElement(), "invalid"), !1
|
|
|
+ }
|
|
|
+ }
|
|
|
+ return this.editorErrorMessage = "", de(this.getInputElement(), "invalid"), !0
|
|
|
+ },
|
|
|
+ getFirstFocus: function () {
|
|
|
+ var e = this.$el.querySelector(".el-message-box__btns .el-button"),
|
|
|
+ t = this.$el.querySelector(".el-message-box__btns .el-message-box__title");
|
|
|
+ return e || t
|
|
|
+ },
|
|
|
+ getInputElement: function () {
|
|
|
+ var e = this.$refs.input.$refs;
|
|
|
+ return e.input || e.textarea
|
|
|
+ },
|
|
|
+ handleClose: function () {
|
|
|
+ this.handleAction("close")
|
|
|
+ }
|
|
|
+ },
|
|
|
+ watch: {
|
|
|
+ inputValue: {
|
|
|
+ immediate: !0,
|
|
|
+ handler: function (t) {
|
|
|
+ var i = this;
|
|
|
+ this.$nextTick(function (e) {
|
|
|
+ "prompt" === i.$type && null !== t && i.validate()
|
|
|
+ })
|
|
|
+ }
|
|
|
+ },
|
|
|
+ visible: function (e) {
|
|
|
+ var t = this;
|
|
|
+ e && (this.uid++, "alert" !== this.$type && "confirm" !== this.$type || this.$nextTick(function () {
|
|
|
+ t.$refs.confirm.$el.focus()
|
|
|
+ }), this.focusAfterClosed = document.activeElement, Tr = new Er(this.$el, this.focusAfterClosed, this.getFirstFocus())), "prompt" === this.$type && (e ? setTimeout(function () {
|
|
|
+ t.$refs.input && t.$refs.input.$el && t.getInputElement().focus()
|
|
|
+ }, 500) : (this.editorErrorMessage = "", de(this.getInputElement(), "invalid")))
|
|
|
+ }
|
|
|
+ },
|
|
|
+ mounted: function () {
|
|
|
+ var e = this;
|
|
|
+ this.$nextTick(function () {
|
|
|
+ e.closeOnHashChange && window.addEventListener("hashchange", e.close)
|
|
|
+ })
|
|
|
+ },
|
|
|
+ beforeDestroy: function () {
|
|
|
+ this.closeOnHashChange && window.removeEventListener("hashchange", this.close), setTimeout(function () {
|
|
|
+ Tr.closeDialog()
|
|
|
+ })
|
|
|
+ },
|
|
|
+ data: function () {
|
|
|
+ return {
|
|
|
+ uid: 1,
|
|
|
+ title: void 0,
|
|
|
+ message: "",
|
|
|
+ type: "",
|
|
|
+ iconClass: "",
|
|
|
+ customClass: "",
|
|
|
+ showInput: !1,
|
|
|
+ inputValue: null,
|
|
|
+ inputPlaceholder: "",
|
|
|
+ inputType: "text",
|
|
|
+ inputPattern: null,
|
|
|
+ inputValidator: null,
|
|
|
+ inputErrorMessage: "",
|
|
|
+ showConfirmButton: !0,
|
|
|
+ showCancelButton: !1,
|
|
|
+ action: "",
|
|
|
+ confirmButtonText: "",
|
|
|
+ cancelButtonText: "",
|
|
|
+ confirmButtonLoading: !1,
|
|
|
+ cancelButtonLoading: !1,
|
|
|
+ confirmButtonClass: "",
|
|
|
+ confirmButtonDisabled: !1,
|
|
|
+ cancelButtonClass: "",
|
|
|
+ editorErrorMessage: null,
|
|
|
+ callback: null,
|
|
|
+ dangerouslyUseHTMLString: !1,
|
|
|
+ focusAfterClosed: null,
|
|
|
+ isOnComposition: !1,
|
|
|
+ distinguishCancelAndClose: !1
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, o, [], !1, null, null, null);
|
|
|
+ Ct.options.__file = "packages/message-box/src/main.vue";
|
|
|
+ var $t = Ct.exports,
|
|
|
+ Nr = "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 Pr(e) {
|
|
|
+ return null !== e && "object" === (void 0 === e ? "undefined" : Nr(e)) && C(e, "componentOptions")
|
|
|
+ }
|
|
|
+
|
|
|
+ function Ir(e) {
|
|
|
+ var t;
|
|
|
+ Br && ("function" == typeof (t = Br.callback) && (zr.showInput ? t(zr.inputValue, e) : t(e)), Br.resolve && ("confirm" === e ? zr.showInput ? Br.resolve({
|
|
|
+ value: zr.inputValue,
|
|
|
+ action: e
|
|
|
+ }) : Br.resolve(e) : !Br.reject || "cancel" !== e && "close" !== e || Br.reject(e)))
|
|
|
+ }
|
|
|
+
|
|
|
+ function Or() {
|
|
|
+ if (zr || ((zr = new Vr({
|
|
|
+ el: document.createElement("div")
|
|
|
+ })).callback = Ir), zr.action = "", (!zr.visible || zr.closeTimer) && 0 < Hr.length) {
|
|
|
+ var e, t = (Br = Hr.shift()).options;
|
|
|
+ for (e in t) t.hasOwnProperty(e) && (zr[e] = t[e]);
|
|
|
+ void 0 === t.callback && (zr.callback = Ir);
|
|
|
+ var i = zr.callback;
|
|
|
+ zr.callback = function (e, t) {
|
|
|
+ i(e, t), Or()
|
|
|
+ }, Pr(zr.message) ? (zr.$slots.default = [zr.message], zr.message = null) : delete zr.$slots.default, ["modal", "showClose", "closeOnClickModal", "closeOnPressEscape", "closeOnHashChange"].forEach(function (e) {
|
|
|
+ void 0 === zr[e] && (zr[e] = !0)
|
|
|
+ }), document.body.appendChild(zr.$el), h.a.nextTick(function () {
|
|
|
+ zr.visible = !0
|
|
|
+ })
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ function Fr(i, n) {
|
|
|
+ if (!h.a.prototype.$isServer) {
|
|
|
+ if ("string" == typeof i || Pr(i) ? (i = {
|
|
|
+ message: i
|
|
|
+ }, "string" == typeof arguments[1] && (i.title = arguments[1])) : i.callback && !n && (n = i.callback), "undefined" != typeof Promise) return new Promise(function (e, t) {
|
|
|
+ Hr.push({
|
|
|
+ options: X({}, Lr, Fr.defaults, i),
|
|
|
+ callback: n,
|
|
|
+ resolve: e,
|
|
|
+ reject: t
|
|
|
+ }), Or()
|
|
|
+ });
|
|
|
+ Hr.push({
|
|
|
+ options: X({}, Lr, Fr.defaults, i),
|
|
|
+ callback: n
|
|
|
+ }), Or()
|
|
|
+ }
|
|
|
+ }
|
|
|
+ var Ar = "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
|
|
|
+ },
|
|
|
+ Lr = {
|
|
|
+ title: null,
|
|
|
+ message: "",
|
|
|
+ type: "",
|
|
|
+ iconClass: "",
|
|
|
+ showInput: !1,
|
|
|
+ showClose: !0,
|
|
|
+ modalFade: !0,
|
|
|
+ lockScroll: !0,
|
|
|
+ closeOnClickModal: !0,
|
|
|
+ closeOnPressEscape: !0,
|
|
|
+ closeOnHashChange: !0,
|
|
|
+ inputValue: null,
|
|
|
+ inputPlaceholder: "",
|
|
|
+ inputType: "text",
|
|
|
+ inputPattern: null,
|
|
|
+ inputValidator: null,
|
|
|
+ inputErrorMessage: "",
|
|
|
+ showConfirmButton: !0,
|
|
|
+ showCancelButton: !1,
|
|
|
+ confirmButtonPosition: "right",
|
|
|
+ confirmButtonHighlight: !1,
|
|
|
+ cancelButtonHighlight: !1,
|
|
|
+ confirmButtonText: "",
|
|
|
+ cancelButtonText: "",
|
|
|
+ confirmButtonClass: "",
|
|
|
+ cancelButtonClass: "",
|
|
|
+ customClass: "",
|
|
|
+ beforeClose: null,
|
|
|
+ dangerouslyUseHTMLString: !1,
|
|
|
+ center: !1,
|
|
|
+ roundButton: !1,
|
|
|
+ distinguishCancelAndClose: !1
|
|
|
+ },
|
|
|
+ Vr = h.a.extend($t),
|
|
|
+ Br = void 0,
|
|
|
+ zr = void 0,
|
|
|
+ Hr = [];
|
|
|
+ Fr.setDefaults = function (e) {
|
|
|
+ Fr.defaults = e
|
|
|
+ }, Fr.alert = function (e, t, i) {
|
|
|
+ return "object" === (void 0 === t ? "undefined" : Ar(t)) ? (i = t, t = "") : void 0 === t && (t = ""), Fr(X({
|
|
|
+ title: t,
|
|
|
+ message: e,
|
|
|
+ $type: "alert",
|
|
|
+ closeOnPressEscape: !1,
|
|
|
+ closeOnClickModal: !1
|
|
|
+ }, i))
|
|
|
+ }, Fr.confirm = function (e, t, i) {
|
|
|
+ return "object" === (void 0 === t ? "undefined" : Ar(t)) ? (i = t, t = "") : void 0 === t && (t = ""), Fr(X({
|
|
|
+ title: t,
|
|
|
+ message: e,
|
|
|
+ $type: "confirm",
|
|
|
+ showCancelButton: !0
|
|
|
+ }, i))
|
|
|
+ }, Fr.prompt = function (e, t, i) {
|
|
|
+ return "object" === (void 0 === t ? "undefined" : Ar(t)) ? (i = t, t = "") : void 0 === t && (t = ""), Fr(X({
|
|
|
+ title: t,
|
|
|
+ message: e,
|
|
|
+ showCancelButton: !0,
|
|
|
+ showInput: !0,
|
|
|
+ $type: "prompt"
|
|
|
+ }, i))
|
|
|
+ }, Fr.close = function () {
|
|
|
+ zr.doClose(), zr.visible = !1, Hr = [], Br = null
|
|
|
+ };
|
|
|
+ var Rr = Fr,
|
|
|
+ pt = function () {
|
|
|
+ var e = this.$createElement;
|
|
|
+ return (this._self._c || e)("div", {
|
|
|
+ staticClass: "el-breadcrumb",
|
|
|
+ attrs: {
|
|
|
+ "aria-label": "Breadcrumb",
|
|
|
+ role: "navigation"
|
|
|
+ }
|
|
|
+ }, [this._t("default")], 2)
|
|
|
+ };
|
|
|
+ pt._withStripped = !0;
|
|
|
+ Mt = r({
|
|
|
+ name: "ElBreadcrumb",
|
|
|
+ props: {
|
|
|
+ separator: {
|
|
|
+ type: String,
|
|
|
+ default: "/"
|
|
|
+ },
|
|
|
+ separatorClass: {
|
|
|
+ type: String,
|
|
|
+ default: ""
|
|
|
+ }
|
|
|
+ },
|
|
|
+ provide: function () {
|
|
|
+ return {
|
|
|
+ elBreadcrumb: this
|
|
|
+ }
|
|
|
+ },
|
|
|
+ mounted: function () {
|
|
|
+ var e = this.$el.querySelectorAll(".el-breadcrumb__item");
|
|
|
+ e.length && e[e.length - 1].setAttribute("aria-current", "page")
|
|
|
+ }
|
|
|
+ }, pt, [], !1, null, null, null);
|
|
|
+ Mt.options.__file = "packages/breadcrumb/src/breadcrumb.vue";
|
|
|
+ var Wr = Mt.exports;
|
|
|
+ Wr.install = function (e) {
|
|
|
+ e.component(Wr.name, Wr)
|
|
|
+ };
|
|
|
+ a = Wr, Nt = function () {
|
|
|
+ var e = this.$createElement,
|
|
|
+ e = this._self._c || e;
|
|
|
+ return e("span", {
|
|
|
+ staticClass: "el-breadcrumb__item"
|
|
|
+ }, [e("span", {
|
|
|
+ ref: "link",
|
|
|
+ class: ["el-breadcrumb__inner", this.to ? "is-link" : ""],
|
|
|
+ attrs: {
|
|
|
+ role: "link"
|
|
|
+ }
|
|
|
+ }, [this._t("default")], 2), this.separatorClass ? e("i", {
|
|
|
+ staticClass: "el-breadcrumb__separator",
|
|
|
+ class: this.separatorClass
|
|
|
+ }) : e("span", {
|
|
|
+ staticClass: "el-breadcrumb__separator",
|
|
|
+ attrs: {
|
|
|
+ role: "presentation"
|
|
|
+ }
|
|
|
+ }, [this._v(this._s(this.separator))])])
|
|
|
+ };
|
|
|
+ Nt._withStripped = !0;
|
|
|
+ Rt = r({
|
|
|
+ name: "ElBreadcrumbItem",
|
|
|
+ props: {
|
|
|
+ to: {},
|
|
|
+ replace: Boolean
|
|
|
+ },
|
|
|
+ data: function () {
|
|
|
+ return {
|
|
|
+ separator: "",
|
|
|
+ separatorClass: ""
|
|
|
+ }
|
|
|
+ },
|
|
|
+ inject: ["elBreadcrumb"],
|
|
|
+ mounted: function () {
|
|
|
+ var n = this;
|
|
|
+ this.separator = this.elBreadcrumb.separator, this.separatorClass = this.elBreadcrumb.separatorClass;
|
|
|
+ var e = this.$refs.link;
|
|
|
+ e.setAttribute("role", "link"), e.addEventListener("click", function (e) {
|
|
|
+ var t = n.to,
|
|
|
+ i = n.$router;
|
|
|
+ t && i && (n.replace ? i.replace(t) : i.push(t))
|
|
|
+ })
|
|
|
+ }
|
|
|
+ }, Nt, [], !1, null, null, null);
|
|
|
+ Rt.options.__file = "packages/breadcrumb/src/breadcrumb-item.vue";
|
|
|
+ var jr = Rt.exports;
|
|
|
+ jr.install = function (e) {
|
|
|
+ e.component(jr.name, jr)
|
|
|
+ };
|
|
|
+ Yt = jr, Jt = function () {
|
|
|
+ var e = this.$createElement;
|
|
|
+ return (this._self._c || e)("form", {
|
|
|
+ staticClass: "el-form",
|
|
|
+ class: [this.labelPosition ? "el-form--label-" + this.labelPosition : "", {
|
|
|
+ "el-form--inline": this.inline
|
|
|
+ }]
|
|
|
+ }, [this._t("default")], 2)
|
|
|
+ };
|
|
|
+ Jt._withStripped = !0;
|
|
|
+ jt = r({
|
|
|
+ name: "ElForm",
|
|
|
+ componentName: "ElForm",
|
|
|
+ provide: function () {
|
|
|
+ return {
|
|
|
+ elForm: this
|
|
|
+ }
|
|
|
+ },
|
|
|
+ props: {
|
|
|
+ model: Object,
|
|
|
+ rules: Object,
|
|
|
+ labelPosition: String,
|
|
|
+ labelWidth: String,
|
|
|
+ labelSuffix: {
|
|
|
+ type: String,
|
|
|
+ default: ""
|
|
|
+ },
|
|
|
+ inline: Boolean,
|
|
|
+ inlineMessage: Boolean,
|
|
|
+ statusIcon: Boolean,
|
|
|
+ showMessage: {
|
|
|
+ type: Boolean,
|
|
|
+ default: !0
|
|
|
+ },
|
|
|
+ size: String,
|
|
|
+ disabled: Boolean,
|
|
|
+ validateOnRuleChange: {
|
|
|
+ type: Boolean,
|
|
|
+ default: !0
|
|
|
+ },
|
|
|
+ hideRequiredAsterisk: {
|
|
|
+ type: Boolean,
|
|
|
+ default: !1
|
|
|
+ }
|
|
|
+ },
|
|
|
+ watch: {
|
|
|
+ rules: function () {
|
|
|
+ this.fields.forEach(function (e) {
|
|
|
+ e.removeValidateEvents(), e.addValidateEvents()
|
|
|
+ }), this.validateOnRuleChange && this.validate(function () {})
|
|
|
+ }
|
|
|
+ },
|
|
|
+ computed: {
|
|
|
+ autoLabelWidth: function () {
|
|
|
+ if (!this.potentialLabelWidthArr.length) return 0;
|
|
|
+ var e = Math.max.apply(Math, this.potentialLabelWidthArr);
|
|
|
+ return e ? e + "px" : ""
|
|
|
+ }
|
|
|
+ },
|
|
|
+ data: function () {
|
|
|
+ return {
|
|
|
+ fields: [],
|
|
|
+ potentialLabelWidthArr: []
|
|
|
+ }
|
|
|
+ },
|
|
|
+ created: function () {
|
|
|
+ var t = this;
|
|
|
+ this.$on("el.form.addField", function (e) {
|
|
|
+ e && t.fields.push(e)
|
|
|
+ }), this.$on("el.form.removeField", function (e) {
|
|
|
+ e.prop && t.fields.splice(t.fields.indexOf(e), 1)
|
|
|
+ })
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ resetFields: function () {
|
|
|
+ this.model ? this.fields.forEach(function (e) {
|
|
|
+ e.resetField()
|
|
|
+ }) : console.warn("[Element Warn][Form]model is required for resetFields to work.")
|
|
|
+ },
|
|
|
+ clearValidate: function () {
|
|
|
+ var t = 0 < arguments.length && void 0 !== arguments[0] ? arguments[0] : [];
|
|
|
+ (t.length ? "string" == typeof t ? this.fields.filter(function (e) {
|
|
|
+ return t === e.prop
|
|
|
+ }) : this.fields.filter(function (e) {
|
|
|
+ return -1 < t.indexOf(e.prop)
|
|
|
+ }) : this.fields).forEach(function (e) {
|
|
|
+ e.clearValidate()
|
|
|
+ })
|
|
|
+ },
|
|
|
+ validate: function (n) {
|
|
|
+ var i = this;
|
|
|
+ if (this.model) {
|
|
|
+ var e = void 0;
|
|
|
+ "function" != typeof n && window.Promise && (e = new window.Promise(function (t, i) {
|
|
|
+ n = function (e) {
|
|
|
+ (e ? t : i)(e)
|
|
|
+ }
|
|
|
+ }));
|
|
|
+ var r = !0,
|
|
|
+ s = 0;
|
|
|
+ 0 === this.fields.length && n && n(!0);
|
|
|
+ var o = {};
|
|
|
+ return this.fields.forEach(function (e) {
|
|
|
+ e.validate("", function (e, t) {
|
|
|
+ e && (r = !1), o = X({}, o, t), "function" == typeof n && ++s === i.fields.length && n(r, o)
|
|
|
+ })
|
|
|
+ }), e || void 0
|
|
|
+ }
|
|
|
+ console.warn("[Element Warn][Form]model is required for validate to work!")
|
|
|
+ },
|
|
|
+ validateField: function (t, i) {
|
|
|
+ t = [].concat(t);
|
|
|
+ var e = this.fields.filter(function (e) {
|
|
|
+ return -1 !== t.indexOf(e.prop)
|
|
|
+ });
|
|
|
+ e.length ? e.forEach(function (e) {
|
|
|
+ e.validate("", i)
|
|
|
+ }) : console.warn("[Element Warn]please pass correct props!")
|
|
|
+ },
|
|
|
+ getLabelWidthIndex: function (e) {
|
|
|
+ var t = this.potentialLabelWidthArr.indexOf(e);
|
|
|
+ if (-1 === t) throw new Error("[ElementForm]unpected width ", e);
|
|
|
+ return t
|
|
|
+ },
|
|
|
+ registerLabelWidth: function (e, t) {
|
|
|
+ e && t ? (t = this.getLabelWidthIndex(t), this.potentialLabelWidthArr.splice(t, 1, e)) : e && this.potentialLabelWidthArr.push(e)
|
|
|
+ },
|
|
|
+ deregisterLabelWidth: function (e) {
|
|
|
+ e = this.getLabelWidthIndex(e);
|
|
|
+ this.potentialLabelWidthArr.splice(e, 1)
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, Jt, [], !1, null, null, null);
|
|
|
+ jt.options.__file = "packages/form/src/form.vue";
|
|
|
+ var qr = jt.exports;
|
|
|
+ qr.install = function (e) {
|
|
|
+ e.component(qr.name, qr)
|
|
|
+ };
|
|
|
+ Zt = qr, zt = function () {
|
|
|
+ var e = this,
|
|
|
+ t = e.$createElement,
|
|
|
+ t = e._self._c || t;
|
|
|
+ return t("div", {
|
|
|
+ staticClass: "el-form-item",
|
|
|
+ class: [{
|
|
|
+ "el-form-item--feedback": e.elForm && e.elForm.statusIcon,
|
|
|
+ "is-error": "error" === e.validateState,
|
|
|
+ "is-validating": "validating" === e.validateState,
|
|
|
+ "is-success": "success" === e.validateState,
|
|
|
+ "is-required": e.isRequired || e.required,
|
|
|
+ "is-no-asterisk": e.elForm && e.elForm.hideRequiredAsterisk
|
|
|
+ }, e.sizeClass ? "el-form-item--" + e.sizeClass : ""]
|
|
|
+ }, [t("label-wrap", {
|
|
|
+ attrs: {
|
|
|
+ "is-auto-width": e.labelStyle && "auto" === e.labelStyle.width,
|
|
|
+ "update-all": "auto" === e.form.labelWidth
|
|
|
+ }
|
|
|
+ }, [e.label || e.$slots.label ? t("label", {
|
|
|
+ staticClass: "el-form-item__label",
|
|
|
+ style: e.labelStyle,
|
|
|
+ attrs: {
|
|
|
+ for: e.labelFor
|
|
|
+ }
|
|
|
+ }, [e._t("label", [e._v(e._s(e.label + e.form.labelSuffix))])], 2) : e._e()]), t("div", {
|
|
|
+ staticClass: "el-form-item__content",
|
|
|
+ style: e.contentStyle
|
|
|
+ }, [e._t("default"), t("transition", {
|
|
|
+ attrs: {
|
|
|
+ name: "el-zoom-in-top"
|
|
|
+ }
|
|
|
+ }, ["error" === e.validateState && e.showMessage && e.form.showMessage ? e._t("error", [t("div", {
|
|
|
+ staticClass: "el-form-item__error",
|
|
|
+ class: {
|
|
|
+ "el-form-item__error--inline": "boolean" == typeof e.inlineMessage ? e.inlineMessage : e.elForm && e.elForm.inlineMessage || !1
|
|
|
+ }
|
|
|
+ }, [e._v("\n " + e._s(e.validateMessage) + "\n ")])], {
|
|
|
+ error: e.validateMessage
|
|
|
+ }) : e._e()], 2)], 2)], 1)
|
|
|
+ };
|
|
|
+ zt._withStripped = !0;
|
|
|
+ var ii = i(8),
|
|
|
+ Yr = i.n(ii),
|
|
|
+ pi = i(3),
|
|
|
+ Kr = i.n(pi),
|
|
|
+ Gr = /%[sdj%]/g;
|
|
|
+
|
|
|
+ function Ur() {
|
|
|
+ for (var e = arguments.length, t = Array(e), i = 0; i < e; i++) t[i] = arguments[i];
|
|
|
+ var n = 1,
|
|
|
+ r = t[0],
|
|
|
+ s = t.length;
|
|
|
+ if ("function" == typeof r) return r.apply(null, t.slice(1));
|
|
|
+ if ("string" != typeof r) return r;
|
|
|
+ for (var o = String(r).replace(Gr, function (e) {
|
|
|
+ if ("%%" === e) return "%";
|
|
|
+ if (s <= n) return e;
|
|
|
+ switch (e) {
|
|
|
+ case "%s":
|
|
|
+ return String(t[n++]);
|
|
|
+ case "%d":
|
|
|
+ return Number(t[n++]);
|
|
|
+ case "%j":
|
|
|
+ try {
|
|
|
+ return JSON.stringify(t[n++])
|
|
|
+ } catch (e) {
|
|
|
+ return "[Circular]"
|
|
|
+ }
|
|
|
+ break;
|
|
|
+ default:
|
|
|
+ return e
|
|
|
+ }
|
|
|
+ }), a = t[n]; n < s; a = t[++n]) o += " " + a;
|
|
|
+ return o
|
|
|
+ }
|
|
|
+
|
|
|
+ function Xr(e, t) {
|
|
|
+ return null == e || "array" === t && Array.isArray(e) && !e.length || !("string" !== t && "url" !== t && "hex" !== t && "email" !== t && "pattern" !== t || "string" != typeof e || e)
|
|
|
+ }
|
|
|
+
|
|
|
+ function Zr(i, n, r) {
|
|
|
+ var s = 0,
|
|
|
+ o = i.length;
|
|
|
+ ! function e(t) {
|
|
|
+ t && t.length ? r(t) : (t = s, s += 1, t < o ? n(i[t], e) : r([]))
|
|
|
+ }([])
|
|
|
+ }
|
|
|
+
|
|
|
+ function Jr(l, e, u, t) {
|
|
|
+ if (e.first) return Zr((i = l, n = [], Object.keys(i).forEach(function (e) {
|
|
|
+ n.push.apply(n, i[e])
|
|
|
+ }), n), u, t), 0;
|
|
|
+ var i, n, c = e.firstFields || [];
|
|
|
+ !0 === c && (c = Object.keys(l));
|
|
|
+
|
|
|
+ function h(e) {
|
|
|
+ o.push.apply(o, e), ++s === r && t(o)
|
|
|
+ }
|
|
|
+ var e = Object.keys(l),
|
|
|
+ r = e.length,
|
|
|
+ s = 0,
|
|
|
+ o = [];
|
|
|
+ e.forEach(function (e) {
|
|
|
+ var t, i, n, r, s, o = l[e];
|
|
|
+
|
|
|
+ function a(e) {
|
|
|
+ n.push.apply(n, e), ++r === s && i(n)
|
|
|
+ } - 1 !== c.indexOf(e) ? Zr(o, u, h) : (t = u, i = h, n = [], r = 0, s = o.length, o.forEach(function (e) {
|
|
|
+ t(e, a)
|
|
|
+ }))
|
|
|
+ })
|
|
|
+ }
|
|
|
+
|
|
|
+ function Qr(t) {
|
|
|
+ return function (e) {
|
|
|
+ return e && e.message ? (e.field = e.field || t.fullField, e) : {
|
|
|
+ message: e,
|
|
|
+ field: e.field || t.fullField
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ function es(e, t) {
|
|
|
+ if (t)
|
|
|
+ for (var i in t) {
|
|
|
+ var n;
|
|
|
+ t.hasOwnProperty(i) && ("object" === (void 0 === (n = t[i]) ? "undefined" : Kr()(n)) && "object" === Kr()(e[i]) ? e[i] = Yr()({}, e[i], n) : e[i] = n)
|
|
|
+ }
|
|
|
+ return e
|
|
|
+ }
|
|
|
+
|
|
|
+ function ts(e, t, i, n, r, s) {
|
|
|
+ !e.required || i.hasOwnProperty(e.field) && !Xr(t, s || e.type) || n.push(Ur(r.messages.required, e.fullField))
|
|
|
+ }
|
|
|
+ var is = {
|
|
|
+ email: /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/,
|
|
|
+ url: new RegExp("^(?!mailto:)(?:(?:http|https|ftp)://|//)(?:\\S+(?::\\S*)?@)?(?:(?:(?:[1-9]\\d?|1\\d\\d|2[01]\\d|22[0-3])(?:\\.(?:1?\\d{1,2}|2[0-4]\\d|25[0-5])){2}(?:\\.(?:[0-9]\\d?|1\\d\\d|2[0-4]\\d|25[0-4]))|(?:(?:[a-z\\u00a1-\\uffff0-9]+-?)*[a-z\\u00a1-\\uffff0-9]+)(?:\\.(?:[a-z\\u00a1-\\uffff0-9]+-?)*[a-z\\u00a1-\\uffff0-9]+)*(?:\\.(?:[a-z\\u00a1-\\uffff]{2,})))|localhost)(?::\\d{2,5})?(?:(/|\\?|#)[^\\s]*)?$", "i"),
|
|
|
+ hex: /^#?([a-f0-9]{6}|[a-f0-9]{3})$/i
|
|
|
+ },
|
|
|
+ ns = {
|
|
|
+ integer: function (e) {
|
|
|
+ return ns.number(e) && parseInt(e, 10) === e
|
|
|
+ },
|
|
|
+ float: function (e) {
|
|
|
+ return ns.number(e) && !ns.integer(e)
|
|
|
+ },
|
|
|
+ array: function (e) {
|
|
|
+ return Array.isArray(e)
|
|
|
+ },
|
|
|
+ regexp: function (e) {
|
|
|
+ if (e instanceof RegExp) return !0;
|
|
|
+ try {
|
|
|
+ return !!new RegExp(e)
|
|
|
+ } catch (e) {
|
|
|
+ return !1
|
|
|
+ }
|
|
|
+ },
|
|
|
+ date: function (e) {
|
|
|
+ return "function" == typeof e.getTime && "function" == typeof e.getMonth && "function" == typeof e.getYear
|
|
|
+ },
|
|
|
+ number: function (e) {
|
|
|
+ return !isNaN(e) && "number" == typeof e
|
|
|
+ },
|
|
|
+ object: function (e) {
|
|
|
+ return "object" === (void 0 === e ? "undefined" : Kr()(e)) && !ns.array(e)
|
|
|
+ },
|
|
|
+ method: function (e) {
|
|
|
+ return "function" == typeof e
|
|
|
+ },
|
|
|
+ email: function (e) {
|
|
|
+ return "string" == typeof e && !!e.match(is.email) && e.length < 255
|
|
|
+ },
|
|
|
+ url: function (e) {
|
|
|
+ return "string" == typeof e && !!e.match(is.url)
|
|
|
+ },
|
|
|
+ hex: function (e) {
|
|
|
+ return "string" == typeof e && !!e.match(is.hex)
|
|
|
+ }
|
|
|
+ },
|
|
|
+ rs = "enum",
|
|
|
+ ss = {
|
|
|
+ required: ts,
|
|
|
+ whitespace: function (e, t, i, n, r) {
|
|
|
+ !/^\s+$/.test(t) && "" !== t || n.push(Ur(r.messages.whitespace, e.fullField))
|
|
|
+ },
|
|
|
+ type: function (e, t, i, n, r) {
|
|
|
+ e.required && void 0 === t ? ts(e, t, i, n, r) : (i = e.type, -1 < ["integer", "float", "array", "regexp", "object", "method", "email", "number", "date", "url", "hex"].indexOf(i) ? ns[i](t) || n.push(Ur(r.messages.types[i], e.fullField, e.type)) : i && (void 0 === t ? "undefined" : Kr()(t)) !== e.type && n.push(Ur(r.messages.types[i], e.fullField, e.type)))
|
|
|
+ },
|
|
|
+ range: function (e, t, i, n, r) {
|
|
|
+ var s = "number" == typeof e.len,
|
|
|
+ o = "number" == typeof e.min,
|
|
|
+ a = "number" == typeof e.max,
|
|
|
+ l = t,
|
|
|
+ u = null,
|
|
|
+ c = "number" == typeof t,
|
|
|
+ h = "string" == typeof t,
|
|
|
+ d = Array.isArray(t);
|
|
|
+ if (c ? u = "number" : h ? u = "string" : d && (u = "array"), !u) return !1;
|
|
|
+ d && (l = t.length), h && (l = t.replace(/[\uD800-\uDBFF][\uDC00-\uDFFF]/g, "_").length), s ? l !== e.len && n.push(Ur(r.messages[u].len, e.fullField, e.len)) : o && !a && l < e.min ? n.push(Ur(r.messages[u].min, e.fullField, e.min)) : a && !o && l > e.max ? n.push(Ur(r.messages[u].max, e.fullField, e.max)) : o && a && (l < e.min || l > e.max) && n.push(Ur(r.messages[u].range, e.fullField, e.min, e.max))
|
|
|
+ },
|
|
|
+ enum: function (e, t, i, n, r) {
|
|
|
+ e[rs] = Array.isArray(e[rs]) ? e[rs] : [], -1 === e[rs].indexOf(t) && n.push(Ur(r.messages[rs], e.fullField, e[rs].join(", ")))
|
|
|
+ },
|
|
|
+ pattern: function (e, t, i, n, r) {
|
|
|
+ e.pattern && (e.pattern instanceof RegExp ? (e.pattern.lastIndex = 0, e.pattern.test(t) || n.push(Ur(r.messages.pattern.mismatch, e.fullField, t, e.pattern))) : "string" == typeof e.pattern && (new RegExp(e.pattern).test(t) || n.push(Ur(r.messages.pattern.mismatch, e.fullField, t, e.pattern))))
|
|
|
+ }
|
|
|
+ },
|
|
|
+ di = function (e, t, i, n, r) {
|
|
|
+ var s = e.type,
|
|
|
+ o = [];
|
|
|
+ if (e.required || !e.required && n.hasOwnProperty(e.field)) {
|
|
|
+ if (Xr(t, s) && !e.required) return i();
|
|
|
+ ss.required(e, t, n, o, r, s), Xr(t, s) || ss.type(e, t, n, o, r)
|
|
|
+ }
|
|
|
+ i(o)
|
|
|
+ },
|
|
|
+ os = {
|
|
|
+ string: function (e, t, i, n, r) {
|
|
|
+ var s = [];
|
|
|
+ if (e.required || !e.required && n.hasOwnProperty(e.field)) {
|
|
|
+ if (Xr(t, "string") && !e.required) return i();
|
|
|
+ ss.required(e, t, n, s, r, "string"), Xr(t, "string") || (ss.type(e, t, n, s, r), ss.range(e, t, n, s, r), ss.pattern(e, t, n, s, r), !0 === e.whitespace && ss.whitespace(e, t, n, s, r))
|
|
|
+ }
|
|
|
+ i(s)
|
|
|
+ },
|
|
|
+ method: function (e, t, i, n, r) {
|
|
|
+ var s = [];
|
|
|
+ if (e.required || !e.required && n.hasOwnProperty(e.field)) {
|
|
|
+ if (Xr(t) && !e.required) return i();
|
|
|
+ ss.required(e, t, n, s, r), void 0 !== t && ss.type(e, t, n, s, r)
|
|
|
+ }
|
|
|
+ i(s)
|
|
|
+ },
|
|
|
+ number: function (e, t, i, n, r) {
|
|
|
+ var s = [];
|
|
|
+ if (e.required || !e.required && n.hasOwnProperty(e.field)) {
|
|
|
+ if (Xr(t) && !e.required) return i();
|
|
|
+ ss.required(e, t, n, s, r), void 0 !== t && (ss.type(e, t, n, s, r), ss.range(e, t, n, s, r))
|
|
|
+ }
|
|
|
+ i(s)
|
|
|
+ },
|
|
|
+ boolean: function (e, t, i, n, r) {
|
|
|
+ var s = [];
|
|
|
+ if (e.required || !e.required && n.hasOwnProperty(e.field)) {
|
|
|
+ if (Xr(t) && !e.required) return i();
|
|
|
+ ss.required(e, t, n, s, r), void 0 !== t && ss.type(e, t, n, s, r)
|
|
|
+ }
|
|
|
+ i(s)
|
|
|
+ },
|
|
|
+ regexp: function (e, t, i, n, r) {
|
|
|
+ var s = [];
|
|
|
+ if (e.required || !e.required && n.hasOwnProperty(e.field)) {
|
|
|
+ if (Xr(t) && !e.required) return i();
|
|
|
+ ss.required(e, t, n, s, r), Xr(t) || ss.type(e, t, n, s, r)
|
|
|
+ }
|
|
|
+ i(s)
|
|
|
+ },
|
|
|
+ integer: function (e, t, i, n, r) {
|
|
|
+ var s = [];
|
|
|
+ if (e.required || !e.required && n.hasOwnProperty(e.field)) {
|
|
|
+ if (Xr(t) && !e.required) return i();
|
|
|
+ ss.required(e, t, n, s, r), void 0 !== t && (ss.type(e, t, n, s, r), ss.range(e, t, n, s, r))
|
|
|
+ }
|
|
|
+ i(s)
|
|
|
+ },
|
|
|
+ float: function (e, t, i, n, r) {
|
|
|
+ var s = [];
|
|
|
+ if (e.required || !e.required && n.hasOwnProperty(e.field)) {
|
|
|
+ if (Xr(t) && !e.required) return i();
|
|
|
+ ss.required(e, t, n, s, r), void 0 !== t && (ss.type(e, t, n, s, r), ss.range(e, t, n, s, r))
|
|
|
+ }
|
|
|
+ i(s)
|
|
|
+ },
|
|
|
+ array: function (e, t, i, n, r) {
|
|
|
+ var s = [];
|
|
|
+ if (e.required || !e.required && n.hasOwnProperty(e.field)) {
|
|
|
+ if (Xr(t, "array") && !e.required) return i();
|
|
|
+ ss.required(e, t, n, s, r, "array"), Xr(t, "array") || (ss.type(e, t, n, s, r), ss.range(e, t, n, s, r))
|
|
|
+ }
|
|
|
+ i(s)
|
|
|
+ },
|
|
|
+ object: function (e, t, i, n, r) {
|
|
|
+ var s = [];
|
|
|
+ if (e.required || !e.required && n.hasOwnProperty(e.field)) {
|
|
|
+ if (Xr(t) && !e.required) return i();
|
|
|
+ ss.required(e, t, n, s, r), void 0 !== t && ss.type(e, t, n, s, r)
|
|
|
+ }
|
|
|
+ i(s)
|
|
|
+ },
|
|
|
+ enum: function (e, t, i, n, r) {
|
|
|
+ var s = [];
|
|
|
+ if (e.required || !e.required && n.hasOwnProperty(e.field)) {
|
|
|
+ if (Xr(t) && !e.required) return i();
|
|
|
+ ss.required(e, t, n, s, r), t && ss.enum(e, t, n, s, r)
|
|
|
+ }
|
|
|
+ i(s)
|
|
|
+ },
|
|
|
+ pattern: function (e, t, i, n, r) {
|
|
|
+ var s = [];
|
|
|
+ if (e.required || !e.required && n.hasOwnProperty(e.field)) {
|
|
|
+ if (Xr(t, "string") && !e.required) return i();
|
|
|
+ ss.required(e, t, n, s, r), Xr(t, "string") || ss.pattern(e, t, n, s, r)
|
|
|
+ }
|
|
|
+ i(s)
|
|
|
+ },
|
|
|
+ date: function (e, t, i, n, r) {
|
|
|
+ var s, o = [];
|
|
|
+ if (e.required || !e.required && n.hasOwnProperty(e.field)) {
|
|
|
+ if (Xr(t) && !e.required) return i();
|
|
|
+ ss.required(e, t, n, o, r), Xr(t) || (s = void 0, s = "number" == typeof t ? new Date(t) : t, ss.type(e, s, n, o, r), s && ss.range(e, s.getTime(), n, o, r))
|
|
|
+ }
|
|
|
+ i(o)
|
|
|
+ },
|
|
|
+ url: di,
|
|
|
+ hex: di,
|
|
|
+ email: di,
|
|
|
+ required: function (e, t, i, n, r) {
|
|
|
+ var s = [],
|
|
|
+ o = Array.isArray(t) ? "array" : void 0 === t ? "undefined" : Kr()(t);
|
|
|
+ ss.required(e, t, n, s, r, o), i(s)
|
|
|
+ }
|
|
|
+ };
|
|
|
+
|
|
|
+ function as() {
|
|
|
+ return {
|
|
|
+ default: "Validation error on field %s",
|
|
|
+ required: "%s is required",
|
|
|
+ enum: "%s must be one of %s",
|
|
|
+ whitespace: "%s cannot be empty",
|
|
|
+ date: {
|
|
|
+ format: "%s date %s is invalid for format %s",
|
|
|
+ parse: "%s date could not be parsed, %s is invalid ",
|
|
|
+ invalid: "%s date %s is invalid"
|
|
|
+ },
|
|
|
+ types: {
|
|
|
+ string: "%s is not a %s",
|
|
|
+ method: "%s is not a %s (function)",
|
|
|
+ array: "%s is not an %s",
|
|
|
+ object: "%s is not an %s",
|
|
|
+ number: "%s is not a %s",
|
|
|
+ date: "%s is not a %s",
|
|
|
+ boolean: "%s is not a %s",
|
|
|
+ integer: "%s is not an %s",
|
|
|
+ float: "%s is not a %s",
|
|
|
+ regexp: "%s is not a valid %s",
|
|
|
+ email: "%s is not a valid %s",
|
|
|
+ url: "%s is not a valid %s",
|
|
|
+ hex: "%s is not a valid %s"
|
|
|
+ },
|
|
|
+ string: {
|
|
|
+ len: "%s must be exactly %s characters",
|
|
|
+ min: "%s must be at least %s characters",
|
|
|
+ max: "%s cannot be longer than %s characters",
|
|
|
+ range: "%s must be between %s and %s characters"
|
|
|
+ },
|
|
|
+ number: {
|
|
|
+ len: "%s must equal %s",
|
|
|
+ min: "%s cannot be less than %s",
|
|
|
+ max: "%s cannot be greater than %s",
|
|
|
+ range: "%s must be between %s and %s"
|
|
|
+ },
|
|
|
+ array: {
|
|
|
+ len: "%s must be exactly %s in length",
|
|
|
+ min: "%s cannot be less than %s in length",
|
|
|
+ max: "%s cannot be greater than %s in length",
|
|
|
+ range: "%s must be between %s and %s in length"
|
|
|
+ },
|
|
|
+ pattern: {
|
|
|
+ mismatch: "%s value %s does not match pattern %s"
|
|
|
+ },
|
|
|
+ clone: function () {
|
|
|
+ var e = JSON.parse(JSON.stringify(this));
|
|
|
+ return e.clone = this.clone, e
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ var ls = as();
|
|
|
+
|
|
|
+ function us(e) {
|
|
|
+ this.rules = null, this._messages = ls, this.define(e)
|
|
|
+ }
|
|
|
+ us.prototype = {
|
|
|
+ messages: function (e) {
|
|
|
+ return e && (this._messages = es(as(), e)), this._messages
|
|
|
+ },
|
|
|
+ define: function (e) {
|
|
|
+ if (!e) throw new Error("Cannot configure a schema with no rules");
|
|
|
+ if ("object" !== (void 0 === e ? "undefined" : Kr()(e)) || Array.isArray(e)) throw new Error("Rules must be an object");
|
|
|
+ this.rules = {};
|
|
|
+ var t, i = void 0;
|
|
|
+ for (i in e) e.hasOwnProperty(i) && (t = e[i], this.rules[i] = Array.isArray(t) ? t : [t])
|
|
|
+ },
|
|
|
+ validate: function (i) {
|
|
|
+ var e, n, r, s, h, o = this,
|
|
|
+ a = i,
|
|
|
+ d = 1 < arguments.length && void 0 !== arguments[1] ? arguments[1] : {},
|
|
|
+ l = arguments[2];
|
|
|
+ "function" == typeof d && (l = d, d = {}), this.rules && 0 !== Object.keys(this.rules).length ? (d.messages ? (es(e = (e = this.messages()) === ls ? as() : e, d.messages), d.messages = e) : d.messages = this.messages(), r = n = void 0, s = {}, (d.keys || Object.keys(this.rules)).forEach(function (t) {
|
|
|
+ n = o.rules[t], r = a[t], n.forEach(function (e) {
|
|
|
+ "function" == typeof e.transform && (a === i && (a = Yr()({}, a)), r = a[t] = e.transform(r)), (e = "function" == typeof e ? {
|
|
|
+ validator: e
|
|
|
+ } : Yr()({}, e)).validator = o.getValidationMethod(e), e.field = t, e.fullField = e.fullField || t, e.type = o.getType(e), e.validator && (s[t] = s[t] || [], s[t].push({
|
|
|
+ rule: e,
|
|
|
+ value: r,
|
|
|
+ source: a,
|
|
|
+ field: t
|
|
|
+ }))
|
|
|
+ })
|
|
|
+ }), h = {}, Jr(s, d, function (o, a) {
|
|
|
+ var l, u = o.rule;
|
|
|
+
|
|
|
+ function c(e, t) {
|
|
|
+ return Yr()({}, t, {
|
|
|
+ fullField: u.fullField + "." + e
|
|
|
+ })
|
|
|
+ }
|
|
|
+
|
|
|
+ function t() {
|
|
|
+ var t = 0 < arguments.length && void 0 !== arguments[0] ? arguments[0] : [];
|
|
|
+ if ((t = !Array.isArray(t) ? [t] : t).length, t = (t = t.length && u.message ? [].concat(u.message) : t).map(Qr(u)), d.first && t.length) return h[u.field] = 1, a(t);
|
|
|
+ if (l) {
|
|
|
+ if (u.required && !o.value) return t = u.message ? [].concat(u.message).map(Qr(u)) : d.error ? [d.error(u, Ur(d.messages.required, u.field))] : [], a(t);
|
|
|
+ var e, i, n = {};
|
|
|
+ if (u.defaultField)
|
|
|
+ for (var r in o.value) o.value.hasOwnProperty(r) && (n[r] = u.defaultField);
|
|
|
+ for (e in n = Yr()({}, n, o.rule.fields)) n.hasOwnProperty(e) && (i = Array.isArray(n[e]) ? n[e] : [n[e]], n[e] = i.map(c.bind(null, e)));
|
|
|
+ var s = new us(n);
|
|
|
+ s.messages(d.messages), o.rule.options && (o.rule.options.messages = d.messages, o.rule.options.error = d.error), s.validate(o.value, o.rule.options || d, function (e) {
|
|
|
+ a(e && e.length ? t.concat(e) : e)
|
|
|
+ })
|
|
|
+ } else a(t)
|
|
|
+ }
|
|
|
+ l = (l = !("object" !== u.type && "array" !== u.type || "object" !== Kr()(u.fields) && "object" !== Kr()(u.defaultField))) && (u.required || !u.required && o.value), u.field = o.field;
|
|
|
+ var e = u.validator(u, o.value, t, o.source, d);
|
|
|
+ e && e.then && e.then(function () {
|
|
|
+ return t()
|
|
|
+ }, function (e) {
|
|
|
+ return t(e)
|
|
|
+ })
|
|
|
+ }, function (e) {
|
|
|
+ ! function (e) {
|
|
|
+ for (var t, i, n = void 0, r = [], s = {}, n = 0; n < e.length; n++) t = e[n], Array.isArray(t) ? r = r.concat.apply(r, t) : r.push(t);
|
|
|
+ if (r.length)
|
|
|
+ for (n = 0; n < r.length; n++) s[i = r[n].field] = s[i] || [], s[i].push(r[n]);
|
|
|
+ else s = r = null;
|
|
|
+ l(r, s)
|
|
|
+ }(e)
|
|
|
+ })) : l && l()
|
|
|
+ },
|
|
|
+ getType: function (e) {
|
|
|
+ if (void 0 === e.type && e.pattern instanceof RegExp && (e.type = "pattern"), "function" != typeof e.validator && e.type && !os.hasOwnProperty(e.type)) throw new Error(Ur("Unknown rule type %s", e.type));
|
|
|
+ return e.type || "string"
|
|
|
+ },
|
|
|
+ getValidationMethod: function (e) {
|
|
|
+ if ("function" == typeof e.validator) return e.validator;
|
|
|
+ var t = Object.keys(e),
|
|
|
+ i = t.indexOf("message");
|
|
|
+ return -1 !== i && t.splice(i, 1), 1 === t.length && "required" === t[0] ? os.required : os[this.getType(e)] || !1
|
|
|
+ }
|
|
|
+ }, us.register = function (e, t) {
|
|
|
+ if ("function" != typeof t) throw new Error("Cannot register a validator by type, validator is not a function");
|
|
|
+ os[e] = t
|
|
|
+ }, us.messages = ls;
|
|
|
+ var cs = us,
|
|
|
+ fi = r({
|
|
|
+ props: {
|
|
|
+ isAutoWidth: Boolean,
|
|
|
+ updateAll: Boolean
|
|
|
+ },
|
|
|
+ inject: ["elForm", "elFormItem"],
|
|
|
+ render: function () {
|
|
|
+ var e = arguments[0],
|
|
|
+ t = this.$slots.default;
|
|
|
+ if (!t) return null;
|
|
|
+ if (this.isAutoWidth) {
|
|
|
+ var i = this.elForm.autoLabelWidth,
|
|
|
+ n = {};
|
|
|
+ return !i || "auto" === i || (i = parseInt(i, 10) - this.computedWidth) && (n.marginLeft = i + "px"), e("div", {
|
|
|
+ class: "el-form-item__label-wrap",
|
|
|
+ style: n
|
|
|
+ }, [t])
|
|
|
+ }
|
|
|
+ return t[0]
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ getLabelWidth: function () {
|
|
|
+ if (this.$el && this.$el.firstElementChild) {
|
|
|
+ var e = window.getComputedStyle(this.$el.firstElementChild).width;
|
|
|
+ return Math.ceil(parseFloat(e))
|
|
|
+ }
|
|
|
+ return 0
|
|
|
+ },
|
|
|
+ updateLabelWidth: function () {
|
|
|
+ var e = 0 < arguments.length && void 0 !== arguments[0] ? arguments[0] : "update";
|
|
|
+ this.$slots.default && this.isAutoWidth && this.$el.firstElementChild && ("update" === e ? this.computedWidth = this.getLabelWidth() : "remove" === e && this.elForm.deregisterLabelWidth(this.computedWidth))
|
|
|
+ }
|
|
|
+ },
|
|
|
+ watch: {
|
|
|
+ computedWidth: function (e, t) {
|
|
|
+ this.updateAll && (this.elForm.registerLabelWidth(e, t), this.elFormItem.updateComputedLabelWidth(e))
|
|
|
+ }
|
|
|
+ },
|
|
|
+ data: function () {
|
|
|
+ return {
|
|
|
+ computedWidth: 0
|
|
|
+ }
|
|
|
+ },
|
|
|
+ mounted: function () {
|
|
|
+ this.updateLabelWidth("update")
|
|
|
+ },
|
|
|
+ updated: function () {
|
|
|
+ this.updateLabelWidth("update")
|
|
|
+ },
|
|
|
+ beforeDestroy: function () {
|
|
|
+ this.updateLabelWidth("remove")
|
|
|
+ }
|
|
|
+ }, void 0, void 0, !1, null, null, null);
|
|
|
+ fi.options.__file = "packages/form/src/label-wrap.vue";
|
|
|
+ ui = fi.exports, yi = r({
|
|
|
+ name: "ElFormItem",
|
|
|
+ componentName: "ElFormItem",
|
|
|
+ mixins: [l],
|
|
|
+ provide: function () {
|
|
|
+ return {
|
|
|
+ elFormItem: this
|
|
|
+ }
|
|
|
+ },
|
|
|
+ inject: ["elForm"],
|
|
|
+ props: {
|
|
|
+ label: String,
|
|
|
+ labelWidth: String,
|
|
|
+ prop: String,
|
|
|
+ required: {
|
|
|
+ type: Boolean,
|
|
|
+ default: void 0
|
|
|
+ },
|
|
|
+ rules: [Object, Array],
|
|
|
+ error: String,
|
|
|
+ validateStatus: String,
|
|
|
+ for: String,
|
|
|
+ inlineMessage: {
|
|
|
+ type: [String, Boolean],
|
|
|
+ default: ""
|
|
|
+ },
|
|
|
+ showMessage: {
|
|
|
+ type: Boolean,
|
|
|
+ default: !0
|
|
|
+ },
|
|
|
+ size: String
|
|
|
+ },
|
|
|
+ components: {
|
|
|
+ LabelWrap: ui
|
|
|
+ },
|
|
|
+ watch: {
|
|
|
+ error: {
|
|
|
+ immediate: !0,
|
|
|
+ handler: function (e) {
|
|
|
+ this.validateMessage = e, this.validateState = e ? "error" : ""
|
|
|
+ }
|
|
|
+ },
|
|
|
+ validateStatus: function (e) {
|
|
|
+ this.validateState = e
|
|
|
+ }
|
|
|
+ },
|
|
|
+ computed: {
|
|
|
+ labelFor: function () {
|
|
|
+ return this.for || this.prop
|
|
|
+ },
|
|
|
+ labelStyle: function () {
|
|
|
+ var e = {};
|
|
|
+ if ("top" === this.form.labelPosition) return e;
|
|
|
+ var t = this.labelWidth || this.form.labelWidth;
|
|
|
+ return t && (e.width = t), e
|
|
|
+ },
|
|
|
+ contentStyle: function () {
|
|
|
+ var e = {},
|
|
|
+ t = this.label;
|
|
|
+ if ("top" === this.form.labelPosition || this.form.inline) return e;
|
|
|
+ if (!t && !this.labelWidth && this.isNested) return e;
|
|
|
+ t = this.labelWidth || this.form.labelWidth;
|
|
|
+ return "auto" === t ? "auto" === this.labelWidth ? e.marginLeft = this.computedLabelWidth : "auto" === this.form.labelWidth && (e.marginLeft = this.elForm.autoLabelWidth) : e.marginLeft = t, e
|
|
|
+ },
|
|
|
+ form: function () {
|
|
|
+ for (var e = this.$parent, t = e.$options.componentName;
|
|
|
+ "ElForm" !== t;) "ElFormItem" === t && (this.isNested = !0), t = (e = e.$parent).$options.componentName;
|
|
|
+ return e
|
|
|
+ },
|
|
|
+ fieldValue: function () {
|
|
|
+ var e = this.form.model;
|
|
|
+ if (e && this.prop) {
|
|
|
+ var t = this.prop;
|
|
|
+ return S(e, t = -1 !== t.indexOf(":") ? t.replace(/:/, ".") : t, !0).v
|
|
|
+ }
|
|
|
+ },
|
|
|
+ isRequired: function () {
|
|
|
+ var e = this.getRules(),
|
|
|
+ t = !1;
|
|
|
+ return e && e.length && e.every(function (e) {
|
|
|
+ return !e.required || !(t = !0)
|
|
|
+ }), t
|
|
|
+ },
|
|
|
+ _formSize: function () {
|
|
|
+ return this.elForm.size
|
|
|
+ },
|
|
|
+ elFormItemSize: function () {
|
|
|
+ return this.size || this._formSize
|
|
|
+ },
|
|
|
+ sizeClass: function () {
|
|
|
+ return this.elFormItemSize || (this.$ELEMENT || {}).size
|
|
|
+ }
|
|
|
+ },
|
|
|
+ data: function () {
|
|
|
+ return {
|
|
|
+ validateState: "",
|
|
|
+ validateMessage: "",
|
|
|
+ validateDisabled: !1,
|
|
|
+ validator: {},
|
|
|
+ isNested: !1,
|
|
|
+ computedLabelWidth: ""
|
|
|
+ }
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ validate: function (e) {
|
|
|
+ var i = this,
|
|
|
+ n = 1 < arguments.length && void 0 !== arguments[1] ? arguments[1] : x;
|
|
|
+ this.validateDisabled = !1;
|
|
|
+ var t = this.getFilteredRule(e);
|
|
|
+ if ((!t || 0 === t.length) && void 0 === this.required) return n(), !0;
|
|
|
+ this.validateState = "validating";
|
|
|
+ e = {};
|
|
|
+ t && 0 < t.length && t.forEach(function (e) {
|
|
|
+ delete e.trigger
|
|
|
+ }), e[this.prop] = t;
|
|
|
+ t = new cs(e), e = {};
|
|
|
+ e[this.prop] = this.fieldValue, t.validate(e, {
|
|
|
+ firstFields: !0
|
|
|
+ }, function (e, t) {
|
|
|
+ i.validateState = e ? "error" : "success", i.validateMessage = e ? e[0].message : "", n(i.validateMessage, t), i.elForm && i.elForm.$emit("validate", i.prop, !e, i.validateMessage || null)
|
|
|
+ })
|
|
|
+ },
|
|
|
+ clearValidate: function () {
|
|
|
+ this.validateState = "", this.validateMessage = "", this.validateDisabled = !1
|
|
|
+ },
|
|
|
+ resetField: function () {
|
|
|
+ var e = this;
|
|
|
+ this.validateState = "", this.validateMessage = "";
|
|
|
+ var t = this.form.model,
|
|
|
+ i = this.fieldValue,
|
|
|
+ n = this.prop,
|
|
|
+ n = S(t, n = -1 !== n.indexOf(":") ? n.replace(/:/, ".") : n, !0);
|
|
|
+ this.validateDisabled = !0, Array.isArray(i) ? n.o[n.k] = [].concat(this.initialValue) : n.o[n.k] = this.initialValue, this.$nextTick(function () {
|
|
|
+ e.validateDisabled = !1
|
|
|
+ }), this.broadcast("ElTimeSelect", "fieldReset", this.initialValue)
|
|
|
+ },
|
|
|
+ getRules: function () {
|
|
|
+ var e = this.form.rules,
|
|
|
+ t = this.rules,
|
|
|
+ i = void 0 !== this.required ? {
|
|
|
+ required: !!this.required
|
|
|
+ } : [],
|
|
|
+ n = S(e, this.prop || ""),
|
|
|
+ e = e ? n.o[this.prop || ""] || n.v : [];
|
|
|
+ return [].concat(t || e || []).concat(i)
|
|
|
+ },
|
|
|
+ getFilteredRule: function (t) {
|
|
|
+ return this.getRules().filter(function (e) {
|
|
|
+ return !e.trigger || "" === t || (Array.isArray(e.trigger) ? -1 < e.trigger.indexOf(t) : e.trigger === t)
|
|
|
+ }).map(function (e) {
|
|
|
+ return X({}, e)
|
|
|
+ })
|
|
|
+ },
|
|
|
+ onFieldBlur: function () {
|
|
|
+ this.validate("blur")
|
|
|
+ },
|
|
|
+ onFieldChange: function () {
|
|
|
+ this.validateDisabled ? this.validateDisabled = !1 : this.validate("change")
|
|
|
+ },
|
|
|
+ updateComputedLabelWidth: function (e) {
|
|
|
+ this.computedLabelWidth = e ? e + "px" : ""
|
|
|
+ },
|
|
|
+ addValidateEvents: function () {
|
|
|
+ !this.getRules().length && void 0 === this.required || (this.$on("el.form.blur", this.onFieldBlur), this.$on("el.form.change", this.onFieldChange))
|
|
|
+ },
|
|
|
+ removeValidateEvents: function () {
|
|
|
+ this.$off()
|
|
|
+ }
|
|
|
+ },
|
|
|
+ mounted: function () {
|
|
|
+ var e;
|
|
|
+ this.prop && (this.dispatch("ElForm", "el.form.addField", [this]), e = this.fieldValue, Array.isArray(e) && (e = [].concat(e)), Object.defineProperty(this, "initialValue", {
|
|
|
+ value: e
|
|
|
+ }), this.addValidateEvents())
|
|
|
+ },
|
|
|
+ beforeDestroy: function () {
|
|
|
+ this.dispatch("ElForm", "el.form.removeField", [this])
|
|
|
+ }
|
|
|
+ }, zt, [], !1, null, null, null);
|
|
|
+ yi.options.__file = "packages/form/src/form-item.vue";
|
|
|
+ var hs = yi.exports;
|
|
|
+ hs.install = function (e) {
|
|
|
+ e.component(hs.name, hs)
|
|
|
+ };
|
|
|
+ _i = hs, Ci = function () {
|
|
|
+ var e = this.$createElement;
|
|
|
+ return (this._self._c || e)("div", {
|
|
|
+ staticClass: "el-tabs__active-bar",
|
|
|
+ class: "is-" + this.rootTabs.tabPosition,
|
|
|
+ style: this.barStyle
|
|
|
+ })
|
|
|
+ };
|
|
|
+ Ci._withStripped = !0;
|
|
|
+ $i = r({
|
|
|
+ name: "TabBar",
|
|
|
+ props: {
|
|
|
+ tabs: Array
|
|
|
+ },
|
|
|
+ inject: ["rootTabs"],
|
|
|
+ computed: {
|
|
|
+ barStyle: {
|
|
|
+ get: function () {
|
|
|
+ function r(e) {
|
|
|
+ return e.toLowerCase().replace(/( |^)[a-z]/g, function (e) {
|
|
|
+ return e.toUpperCase()
|
|
|
+ })
|
|
|
+ }
|
|
|
+ var s = this,
|
|
|
+ e = {},
|
|
|
+ o = 0,
|
|
|
+ a = 0,
|
|
|
+ l = -1 !== ["top", "bottom"].indexOf(this.rootTabs.tabPosition) ? "width" : "height",
|
|
|
+ t = "width" == l ? "x" : "y";
|
|
|
+ this.tabs.every(function (t, e) {
|
|
|
+ var i = T(s.$parent.$refs.tabs || [], function (e) {
|
|
|
+ return e.id.replace("tab-", "") === t.paneName
|
|
|
+ });
|
|
|
+ if (!i) return !1;
|
|
|
+ if (t.active) {
|
|
|
+ a = i["client" + r(l)];
|
|
|
+ var n = window.getComputedStyle(i);
|
|
|
+ return "width" == l && 1 < s.tabs.length && (a -= parseFloat(n.paddingLeft) + parseFloat(n.paddingRight)), "width" == l && (o += parseFloat(n.paddingLeft)), !1
|
|
|
+ }
|
|
|
+ return o += i["client" + r(l)], !0
|
|
|
+ });
|
|
|
+ t = "translate" + r(t) + "(" + o + "px)";
|
|
|
+ return e[l] = a + "px", e.transform = t, e.msTransform = t, e.webkitTransform = t, e
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, Ci, [], !1, null, null, null);
|
|
|
+ $i.options.__file = "packages/tabs/src/tab-bar.vue";
|
|
|
+ n = $i.exports;
|
|
|
+
|
|
|
+ function ds() {}
|
|
|
+
|
|
|
+ function ps(e) {
|
|
|
+ return e.toLowerCase().replace(/( |^)[a-z]/g, function (e) {
|
|
|
+ return e.toUpperCase()
|
|
|
+ })
|
|
|
+ }
|
|
|
+ d = r({
|
|
|
+ name: "TabNav",
|
|
|
+ components: {
|
|
|
+ TabBar: n
|
|
|
+ },
|
|
|
+ inject: ["rootTabs"],
|
|
|
+ props: {
|
|
|
+ panes: Array,
|
|
|
+ currentName: String,
|
|
|
+ editable: Boolean,
|
|
|
+ onTabClick: {
|
|
|
+ type: Function,
|
|
|
+ default: ds
|
|
|
+ },
|
|
|
+ onTabRemove: {
|
|
|
+ type: Function,
|
|
|
+ default: ds
|
|
|
+ },
|
|
|
+ type: String,
|
|
|
+ stretch: Boolean
|
|
|
+ },
|
|
|
+ data: function () {
|
|
|
+ return {
|
|
|
+ scrollable: !1,
|
|
|
+ navOffset: 0,
|
|
|
+ isFocus: !1,
|
|
|
+ focusable: !0
|
|
|
+ }
|
|
|
+ },
|
|
|
+ computed: {
|
|
|
+ navStyle: function () {
|
|
|
+ return {
|
|
|
+ transform: "translate" + (-1 !== ["top", "bottom"].indexOf(this.rootTabs.tabPosition) ? "X" : "Y") + "(-" + this.navOffset + "px)"
|
|
|
+ }
|
|
|
+ },
|
|
|
+ sizeName: function () {
|
|
|
+ return -1 !== ["top", "bottom"].indexOf(this.rootTabs.tabPosition) ? "width" : "height"
|
|
|
+ }
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ scrollPrev: function () {
|
|
|
+ var e = this.$refs.navScroll["offset" + ps(this.sizeName)],
|
|
|
+ t = this.navOffset;
|
|
|
+ t && (this.navOffset = e < t ? t - e : 0)
|
|
|
+ },
|
|
|
+ scrollNext: function () {
|
|
|
+ var e = this.$refs.nav["offset" + ps(this.sizeName)],
|
|
|
+ t = this.$refs.navScroll["offset" + ps(this.sizeName)],
|
|
|
+ i = this.navOffset;
|
|
|
+ e - i <= t || (this.navOffset = 2 * t < e - i ? i + t : e - t)
|
|
|
+ },
|
|
|
+ scrollToActiveTab: function () {
|
|
|
+ var e, t, i, n, r, s;
|
|
|
+ this.scrollable && (s = this.$refs.nav, (n = this.$el.querySelector(".is-active")) && (r = this.$refs.navScroll, e = -1 !== ["top", "bottom"].indexOf(this.rootTabs.tabPosition), t = n.getBoundingClientRect(), i = r.getBoundingClientRect(), n = e ? s.offsetWidth - i.width : s.offsetHeight - i.height, s = r = this.navOffset, e ? (t.left < i.left && (s = r - (i.left - t.left)), t.right > i.right && (s = r + t.right - i.right)) : (t.top < i.top && (s = r - (i.top - t.top)), t.bottom > i.bottom && (s = r + (t.bottom - i.bottom))), s = Math.max(s, 0), this.navOffset = Math.min(s, n)))
|
|
|
+ },
|
|
|
+ update: function () {
|
|
|
+ var e, t, i, n;
|
|
|
+ this.$refs.nav && (n = this.sizeName, e = this.$refs.nav["offset" + ps(n)], t = this.$refs.navScroll["offset" + ps(n)], i = this.navOffset, t < e ? (n = this.navOffset, this.scrollable = this.scrollable || {}, this.scrollable.prev = n, this.scrollable.next = n + t < e, e - n < t && (this.navOffset = e - t)) : (this.scrollable = !1, 0 < i && (this.navOffset = 0)))
|
|
|
+ },
|
|
|
+ changeTab: function (e) {
|
|
|
+ var t, i, n = e.keyCode,
|
|
|
+ r = void 0; - 1 !== [37, 38, 39, 40].indexOf(n) && (r = e.currentTarget.querySelectorAll("[role=tab]"), i = Array.prototype.indexOf.call(r, e.target), r[t = 37 === n || 38 === n ? 0 === i ? r.length - 1 : i - 1 : i < r.length - 1 ? i + 1 : 0].focus(), r[t].click(), this.setFocus())
|
|
|
+ },
|
|
|
+ setFocus: function () {
|
|
|
+ this.focusable && (this.isFocus = !0)
|
|
|
+ },
|
|
|
+ removeFocus: function () {
|
|
|
+ this.isFocus = !1
|
|
|
+ },
|
|
|
+ visibilityChangeHandler: function () {
|
|
|
+ var e = this,
|
|
|
+ t = document.visibilityState;
|
|
|
+ "hidden" === t ? this.focusable = !1 : "visible" === t && setTimeout(function () {
|
|
|
+ e.focusable = !0
|
|
|
+ }, 50)
|
|
|
+ },
|
|
|
+ windowBlurHandler: function () {
|
|
|
+ this.focusable = !1
|
|
|
+ },
|
|
|
+ windowFocusHandler: function () {
|
|
|
+ var e = this;
|
|
|
+ setTimeout(function () {
|
|
|
+ e.focusable = !0
|
|
|
+ }, 50)
|
|
|
+ }
|
|
|
+ },
|
|
|
+ updated: function () {
|
|
|
+ this.update()
|
|
|
+ },
|
|
|
+ render: function (a) {
|
|
|
+ var l = this,
|
|
|
+ e = this.type,
|
|
|
+ t = this.panes,
|
|
|
+ u = this.editable,
|
|
|
+ i = this.stretch,
|
|
|
+ c = this.onTabClick,
|
|
|
+ h = this.onTabRemove,
|
|
|
+ n = this.navStyle,
|
|
|
+ r = this.scrollable,
|
|
|
+ s = this.scrollNext,
|
|
|
+ o = this.scrollPrev,
|
|
|
+ d = this.changeTab,
|
|
|
+ p = this.setFocus,
|
|
|
+ f = this.removeFocus,
|
|
|
+ o = r ? [a("span", {
|
|
|
+ class: ["el-tabs__nav-prev", r.prev ? "" : "is-disabled"],
|
|
|
+ on: {
|
|
|
+ click: o
|
|
|
+ }
|
|
|
+ }, [a("i", {
|
|
|
+ class: "el-icon-arrow-left"
|
|
|
+ })]), a("span", {
|
|
|
+ class: ["el-tabs__nav-next", r.next ? "" : "is-disabled"],
|
|
|
+ on: {
|
|
|
+ click: s
|
|
|
+ }
|
|
|
+ }, [a("i", {
|
|
|
+ class: "el-icon-arrow-right"
|
|
|
+ })])] : null,
|
|
|
+ s = this._l(t, function (t, e) {
|
|
|
+ var i = t.name || t.index || e,
|
|
|
+ n = t.isClosable || u;
|
|
|
+ t.index = "" + e;
|
|
|
+ var r = n ? a("span", {
|
|
|
+ class: "el-icon-close",
|
|
|
+ on: {
|
|
|
+ click: function (e) {
|
|
|
+ h(t, e)
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }) : null,
|
|
|
+ s = t.$slots.label || t.label,
|
|
|
+ o = t.active ? 0 : -1;
|
|
|
+ return a("div", {
|
|
|
+ class: ((e = {
|
|
|
+ "el-tabs__item": !0
|
|
|
+ })["is-" + l.rootTabs.tabPosition] = !0, e["is-active"] = t.active, e["is-disabled"] = t.disabled, e["is-closable"] = n, e["is-focus"] = l.isFocus, e),
|
|
|
+ attrs: {
|
|
|
+ id: "tab-" + i,
|
|
|
+ "aria-controls": "pane-" + i,
|
|
|
+ role: "tab",
|
|
|
+ "aria-selected": t.active,
|
|
|
+ tabindex: o
|
|
|
+ },
|
|
|
+ key: "tab-" + i,
|
|
|
+ ref: "tabs",
|
|
|
+ refInFor: !0,
|
|
|
+ on: {
|
|
|
+ focus: function () {
|
|
|
+ p()
|
|
|
+ },
|
|
|
+ blur: function () {
|
|
|
+ f()
|
|
|
+ },
|
|
|
+ click: function (e) {
|
|
|
+ f(), c(t, i, e)
|
|
|
+ },
|
|
|
+ keydown: function (e) {
|
|
|
+ !n || 46 !== e.keyCode && 8 !== e.keyCode || h(t, e)
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, [s, r])
|
|
|
+ });
|
|
|
+ return a("div", {
|
|
|
+ class: ["el-tabs__nav-wrap", r ? "is-scrollable" : "", "is-" + this.rootTabs.tabPosition]
|
|
|
+ }, [o, a("div", {
|
|
|
+ class: ["el-tabs__nav-scroll"],
|
|
|
+ ref: "navScroll"
|
|
|
+ }, [a("div", {
|
|
|
+ class: ["el-tabs__nav", "is-" + this.rootTabs.tabPosition, i && -1 !== ["top", "bottom"].indexOf(this.rootTabs.tabPosition) ? "is-stretch" : ""],
|
|
|
+ ref: "nav",
|
|
|
+ style: n,
|
|
|
+ attrs: {
|
|
|
+ role: "tablist"
|
|
|
+ },
|
|
|
+ on: {
|
|
|
+ keydown: d
|
|
|
+ }
|
|
|
+ }, [e ? null : a("tab-bar", {
|
|
|
+ attrs: {
|
|
|
+ tabs: t
|
|
|
+ }
|
|
|
+ }), s])])])
|
|
|
+ },
|
|
|
+ mounted: function () {
|
|
|
+ var e = this;
|
|
|
+ Be(this.$el, this.update), document.addEventListener("visibilitychange", this.visibilityChangeHandler), window.addEventListener("blur", this.windowBlurHandler), window.addEventListener("focus", this.windowFocusHandler), setTimeout(function () {
|
|
|
+ e.scrollToActiveTab()
|
|
|
+ }, 0)
|
|
|
+ },
|
|
|
+ beforeDestroy: function () {
|
|
|
+ this.$el && this.update && ze(this.$el, this.update), document.removeEventListener("visibilitychange", this.visibilityChangeHandler), window.removeEventListener("blur", this.windowBlurHandler), window.removeEventListener("focus", this.windowFocusHandler)
|
|
|
+ }
|
|
|
+ }, void 0, void 0, !1, null, null, null);
|
|
|
+ d.options.__file = "packages/tabs/src/tab-nav.vue";
|
|
|
+ f = r({
|
|
|
+ name: "ElTabs",
|
|
|
+ components: {
|
|
|
+ TabNav: d.exports
|
|
|
+ },
|
|
|
+ props: {
|
|
|
+ type: String,
|
|
|
+ activeName: String,
|
|
|
+ closable: Boolean,
|
|
|
+ addable: Boolean,
|
|
|
+ value: {},
|
|
|
+ editable: Boolean,
|
|
|
+ tabPosition: {
|
|
|
+ type: String,
|
|
|
+ default: "top"
|
|
|
+ },
|
|
|
+ beforeLeave: Function,
|
|
|
+ stretch: Boolean
|
|
|
+ },
|
|
|
+ provide: function () {
|
|
|
+ return {
|
|
|
+ rootTabs: this
|
|
|
+ }
|
|
|
+ },
|
|
|
+ data: function () {
|
|
|
+ return {
|
|
|
+ currentName: this.value || this.activeName,
|
|
|
+ panes: []
|
|
|
+ }
|
|
|
+ },
|
|
|
+ watch: {
|
|
|
+ activeName: function (e) {
|
|
|
+ this.setCurrentName(e)
|
|
|
+ },
|
|
|
+ value: function (e) {
|
|
|
+ this.setCurrentName(e)
|
|
|
+ },
|
|
|
+ currentName: function (e) {
|
|
|
+ var t = this;
|
|
|
+ this.$refs.nav && this.$nextTick(function () {
|
|
|
+ t.$refs.nav.$nextTick(function (e) {
|
|
|
+ t.$refs.nav.scrollToActiveTab()
|
|
|
+ })
|
|
|
+ })
|
|
|
+ }
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ calcPaneInstances: function () {
|
|
|
+ var e, t, i = this,
|
|
|
+ n = 0 < arguments.length && void 0 !== arguments[0] && arguments[0];
|
|
|
+ this.$slots.default ? (t = !((e = this.$slots.default.filter(function (e) {
|
|
|
+ return e.tag && e.componentOptions && "ElTabPane" === e.componentOptions.Ctor.options.name
|
|
|
+ }).map(function (e) {
|
|
|
+ return e.componentInstance
|
|
|
+ })).length === this.panes.length && e.every(function (e, t) {
|
|
|
+ return e === i.panes[t]
|
|
|
+ })), (n || t) && (this.panes = e)) : 0 !== this.panes.length && (this.panes = [])
|
|
|
+ },
|
|
|
+ handleTabClick: function (e, t, i) {
|
|
|
+ e.disabled || (this.setCurrentName(t), this.$emit("tab-click", e, i))
|
|
|
+ },
|
|
|
+ handleTabRemove: function (e, t) {
|
|
|
+ e.disabled || (t.stopPropagation(), this.$emit("edit", e.name, "remove"), this.$emit("tab-remove", e.name))
|
|
|
+ },
|
|
|
+ handleTabAdd: function () {
|
|
|
+ this.$emit("edit", null, "add"), this.$emit("tab-add")
|
|
|
+ },
|
|
|
+ setCurrentName: function (e) {
|
|
|
+ function t() {
|
|
|
+ n.currentName = e, n.$emit("input", e)
|
|
|
+ }
|
|
|
+ var i, n = this;
|
|
|
+ this.currentName !== e && this.beforeLeave ? (i = this.beforeLeave(e, this.currentName)) && i.then ? i.then(function () {
|
|
|
+ t(), n.$refs.nav && n.$refs.nav.removeFocus()
|
|
|
+ }, function () {}) : !1 !== i && t() : t()
|
|
|
+ }
|
|
|
+ },
|
|
|
+ render: function (e) {
|
|
|
+ var t = this.type,
|
|
|
+ i = this.handleTabClick,
|
|
|
+ n = this.handleTabRemove,
|
|
|
+ r = this.handleTabAdd,
|
|
|
+ s = this.currentName,
|
|
|
+ o = this.panes,
|
|
|
+ a = this.editable,
|
|
|
+ l = this.addable,
|
|
|
+ u = this.tabPosition,
|
|
|
+ c = this.stretch,
|
|
|
+ l = a || l ? e("span", {
|
|
|
+ class: "el-tabs__new-tab",
|
|
|
+ on: {
|
|
|
+ click: r,
|
|
|
+ keydown: function (e) {
|
|
|
+ 13 === e.keyCode && r()
|
|
|
+ }
|
|
|
+ },
|
|
|
+ attrs: {
|
|
|
+ tabindex: "0"
|
|
|
+ }
|
|
|
+ }, [e("i", {
|
|
|
+ class: "el-icon-plus"
|
|
|
+ })]) : null,
|
|
|
+ o = e("div", {
|
|
|
+ class: ["el-tabs__header", "is-" + u]
|
|
|
+ }, [l, e("tab-nav", {
|
|
|
+ props: {
|
|
|
+ currentName: s,
|
|
|
+ onTabClick: i,
|
|
|
+ onTabRemove: n,
|
|
|
+ editable: a,
|
|
|
+ type: t,
|
|
|
+ panes: o,
|
|
|
+ stretch: c
|
|
|
+ },
|
|
|
+ ref: "nav"
|
|
|
+ })]),
|
|
|
+ c = e("div", {
|
|
|
+ class: "el-tabs__content"
|
|
|
+ }, [this.$slots.default]);
|
|
|
+ return e("div", {
|
|
|
+ class: ((e = {
|
|
|
+ "el-tabs": !0,
|
|
|
+ "el-tabs--card": "card" === t
|
|
|
+ })["el-tabs--" + u] = !0, e["el-tabs--border-card"] = "border-card" === t, e)
|
|
|
+ }, ["bottom" !== u ? [o, c] : [c, o]])
|
|
|
+ },
|
|
|
+ created: function () {
|
|
|
+ this.currentName || this.setCurrentName("0"), this.$on("tab-nav-update", this.calcPaneInstances.bind(null, !0))
|
|
|
+ },
|
|
|
+ mounted: function () {
|
|
|
+ this.calcPaneInstances()
|
|
|
+ },
|
|
|
+ updated: function () {
|
|
|
+ this.calcPaneInstances()
|
|
|
+ }
|
|
|
+ }, void 0, void 0, !1, null, null, null);
|
|
|
+ f.options.__file = "packages/tabs/src/tabs.vue";
|
|
|
+ var fs = f.exports;
|
|
|
+ fs.install = function (e) {
|
|
|
+ e.component(fs.name, fs)
|
|
|
+ };
|
|
|
+ Di = fs, li = function () {
|
|
|
+ var e = this,
|
|
|
+ t = e.$createElement,
|
|
|
+ t = e._self._c || t;
|
|
|
+ return !e.lazy || e.loaded || e.active ? t("div", {
|
|
|
+ directives: [{
|
|
|
+ name: "show",
|
|
|
+ rawName: "v-show",
|
|
|
+ value: e.active,
|
|
|
+ expression: "active"
|
|
|
+ }],
|
|
|
+ staticClass: "el-tab-pane",
|
|
|
+ attrs: {
|
|
|
+ role: "tabpanel",
|
|
|
+ "aria-hidden": !e.active,
|
|
|
+ id: "pane-" + e.paneName,
|
|
|
+ "aria-labelledby": "tab-" + e.paneName
|
|
|
+ }
|
|
|
+ }, [e._t("default")], 2) : e._e()
|
|
|
+ };
|
|
|
+ li._withStripped = !0;
|
|
|
+ ae = r({
|
|
|
+ name: "ElTabPane",
|
|
|
+ componentName: "ElTabPane",
|
|
|
+ props: {
|
|
|
+ label: String,
|
|
|
+ labelContent: Function,
|
|
|
+ name: String,
|
|
|
+ closable: Boolean,
|
|
|
+ disabled: Boolean,
|
|
|
+ lazy: Boolean
|
|
|
+ },
|
|
|
+ data: function () {
|
|
|
+ return {
|
|
|
+ index: null,
|
|
|
+ loaded: !1
|
|
|
+ }
|
|
|
+ },
|
|
|
+ computed: {
|
|
|
+ isClosable: function () {
|
|
|
+ return this.closable || this.$parent.closable
|
|
|
+ },
|
|
|
+ active: function () {
|
|
|
+ var e = this.$parent.currentName === (this.name || this.index);
|
|
|
+ return e && (this.loaded = !0), e
|
|
|
+ },
|
|
|
+ paneName: function () {
|
|
|
+ return this.name || this.index
|
|
|
+ }
|
|
|
+ },
|
|
|
+ updated: function () {
|
|
|
+ this.$parent.$emit("tab-nav-update")
|
|
|
+ }
|
|
|
+ }, li, [], !1, null, null, null);
|
|
|
+ ae.options.__file = "packages/tabs/src/tab-pane.vue";
|
|
|
+ var ms = ae.exports;
|
|
|
+ ms.install = function (e) {
|
|
|
+ e.component(ms.name, ms)
|
|
|
+ };
|
|
|
+ Q = ms, u = function () {
|
|
|
+ var t = this,
|
|
|
+ e = t.$createElement,
|
|
|
+ i = t._self._c || e;
|
|
|
+ return i("div", {
|
|
|
+ staticClass: "el-tree",
|
|
|
+ class: {
|
|
|
+ "el-tree--highlight-current": t.highlightCurrent, "is-dragging": !!t.dragState.draggingNode, "is-drop-not-allow": !t.dragState.allowDrop, "is-drop-inner": "inner" === t.dragState.dropType
|
|
|
+ },
|
|
|
+ attrs: {
|
|
|
+ role: "tree"
|
|
|
+ }
|
|
|
+ }, [t._l(t.root.childNodes, function (e) {
|
|
|
+ return i("el-tree-node", {
|
|
|
+ key: t.getNodeKey(e),
|
|
|
+ attrs: {
|
|
|
+ node: e,
|
|
|
+ props: t.props,
|
|
|
+ "render-after-expand": t.renderAfterExpand,
|
|
|
+ "show-checkbox": t.showCheckbox,
|
|
|
+ "render-content": t.renderContent
|
|
|
+ },
|
|
|
+ on: {
|
|
|
+ "node-expand": t.handleNodeExpand
|
|
|
+ }
|
|
|
+ })
|
|
|
+ }), t.isEmpty ? i("div", {
|
|
|
+ staticClass: "el-tree__empty-block"
|
|
|
+ }, [i("span", {
|
|
|
+ staticClass: "el-tree__empty-text"
|
|
|
+ }, [t._v(t._s(t.emptyText))])]) : t._e(), i("div", {
|
|
|
+ directives: [{
|
|
|
+ name: "show",
|
|
|
+ rawName: "v-show",
|
|
|
+ value: t.dragState.showDropIndicator,
|
|
|
+ expression: "dragState.showDropIndicator"
|
|
|
+ }],
|
|
|
+ ref: "dropIndicator",
|
|
|
+ staticClass: "el-tree__drop-indicator"
|
|
|
+ })], 2)
|
|
|
+ };
|
|
|
+ u._withStripped = !0;
|
|
|
+
|
|
|
+ function gs(e, t) {
|
|
|
+ return e ? t[e] : t[vs]
|
|
|
+ }
|
|
|
+ var vs = "$treeNodeId",
|
|
|
+ ys = function (e, t) {
|
|
|
+ t && !t[vs] && Object.defineProperty(t, vs, {
|
|
|
+ value: e.id,
|
|
|
+ enumerable: !1,
|
|
|
+ configurable: !1,
|
|
|
+ writable: !1
|
|
|
+ })
|
|
|
+ },
|
|
|
+ Me = function (e, t, i) {
|
|
|
+ return t && bs(e.prototype, t), i && bs(e, i), e
|
|
|
+ };
|
|
|
+
|
|
|
+ function bs(e, t) {
|
|
|
+ for (var i = 0; i < t.length; i++) {
|
|
|
+ var n = t[i];
|
|
|
+ n.enumerable = n.enumerable || !1, n.configurable = !0, "value" in n && (n.writable = !0), Object.defineProperty(e, n.key, n)
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ function ws(e) {
|
|
|
+ for (var t = !0, i = !0, n = !0, r = 0, s = e.length; r < s; r++) {
|
|
|
+ var o = e[r];
|
|
|
+ !0 === o.checked && !o.indeterminate || (t = !1, o.disabled || (n = !1)), !1 === o.checked && !o.indeterminate || (i = !1)
|
|
|
+ }
|
|
|
+ return {
|
|
|
+ all: t,
|
|
|
+ none: i,
|
|
|
+ allWithoutDisable: n,
|
|
|
+ half: !t && !i
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ function _s(e) {
|
|
|
+ var t, i, n;
|
|
|
+ 0 !== e.childNodes.length && (t = (i = ws(e.childNodes)).all, n = i.none, i = i.half, t ? (e.checked = !0, e.indeterminate = !1) : i ? (e.checked = !1, e.indeterminate = !0) : n && (e.checked = !1, e.indeterminate = !1), (n = e.parent) && 0 !== n.level && (e.store.checkStrictly || _s(n)))
|
|
|
+ }
|
|
|
+ var xs = function (e, t) {
|
|
|
+ var i = e.store.props,
|
|
|
+ n = e.data || {},
|
|
|
+ i = i[t];
|
|
|
+ if ("function" == typeof i) return i(n, e);
|
|
|
+ if ("string" == typeof i) return n[i];
|
|
|
+ if (void 0 === i) {
|
|
|
+ t = n[t];
|
|
|
+ return void 0 === t ? "" : t
|
|
|
+ }
|
|
|
+ },
|
|
|
+ Cs = 0,
|
|
|
+ ks = (Ds.prototype.setData = function (e) {
|
|
|
+ Array.isArray(e) || ys(this, e), this.data = e, this.childNodes = [];
|
|
|
+ for (var t, i = 0, n = (t = 0 === this.level && this.data instanceof Array ? this.data : xs(this, "children") || []).length; i < n; i++) this.insertChild({
|
|
|
+ data: t[i]
|
|
|
+ })
|
|
|
+ }, Ds.prototype.contains = function (a) {
|
|
|
+ var l = !(1 < arguments.length && void 0 !== arguments[1]) || arguments[1];
|
|
|
+ return function e(t) {
|
|
|
+ for (var i = t.childNodes || [], n = !1, r = 0, s = i.length; r < s; r++) {
|
|
|
+ var o = i[r];
|
|
|
+ if (o === a || l && e(o)) {
|
|
|
+ n = !0;
|
|
|
+ break
|
|
|
+ }
|
|
|
+ }
|
|
|
+ return n
|
|
|
+ }(this)
|
|
|
+ }, Ds.prototype.remove = function () {
|
|
|
+ var e = this.parent;
|
|
|
+ e && e.removeChild(this)
|
|
|
+ }, Ds.prototype.insertChild = function (e, t, i) {
|
|
|
+ if (!e) throw new Error("insertChild error: child is required.");
|
|
|
+ e instanceof Ds || (i || -1 === (i = this.getChildren(!0)).indexOf(e.data) && (void 0 === t || t < 0 ? i.push(e.data) : i.splice(t, 0, e.data)), X(e, {
|
|
|
+ parent: this,
|
|
|
+ store: this.store
|
|
|
+ }), e = new Ds(e)), e.level = this.level + 1, void 0 === t || t < 0 ? this.childNodes.push(e) : this.childNodes.splice(t, 0, e), this.updateLeafState()
|
|
|
+ }, Ds.prototype.insertBefore = function (e, t) {
|
|
|
+ var i = void 0;
|
|
|
+ t && (i = this.childNodes.indexOf(t)), this.insertChild(e, i)
|
|
|
+ }, Ds.prototype.insertAfter = function (e, t) {
|
|
|
+ var i = void 0;
|
|
|
+ t && -1 !== (i = this.childNodes.indexOf(t)) && (i += 1), this.insertChild(e, i)
|
|
|
+ }, Ds.prototype.removeChild = function (e) {
|
|
|
+ var t = this.getChildren() || [],
|
|
|
+ i = t.indexOf(e.data); - 1 < i && t.splice(i, 1);
|
|
|
+ i = this.childNodes.indexOf(e); - 1 < i && (this.store && this.store.deregisterNode(e), e.parent = null, this.childNodes.splice(i, 1)), this.updateLeafState()
|
|
|
+ }, Ds.prototype.removeChildByData = function (e) {
|
|
|
+ for (var t = null, i = 0; i < this.childNodes.length; i++)
|
|
|
+ if (this.childNodes[i].data === e) {
|
|
|
+ t = this.childNodes[i];
|
|
|
+ break
|
|
|
+ } t && this.removeChild(t)
|
|
|
+ }, Ds.prototype.expand = function (t, i) {
|
|
|
+ function n() {
|
|
|
+ if (i)
|
|
|
+ for (var e = r.parent; 0 < e.level;) e.expanded = !0, e = e.parent;
|
|
|
+ r.expanded = !0, t && t()
|
|
|
+ }
|
|
|
+ var r = this;
|
|
|
+ this.shouldLoadData() ? this.loadData(function (e) {
|
|
|
+ e instanceof Array && (r.checked ? r.setChecked(!0, !0) : r.store.checkStrictly || _s(r), n())
|
|
|
+ }) : n()
|
|
|
+ }, Ds.prototype.doCreateChildren = function (e) {
|
|
|
+ var t = this,
|
|
|
+ i = 1 < arguments.length && void 0 !== arguments[1] ? arguments[1] : {};
|
|
|
+ e.forEach(function (e) {
|
|
|
+ t.insertChild(X({
|
|
|
+ data: e
|
|
|
+ }, i), void 0, !0)
|
|
|
+ })
|
|
|
+ }, Ds.prototype.collapse = function () {
|
|
|
+ this.expanded = !1
|
|
|
+ }, Ds.prototype.shouldLoadData = function () {
|
|
|
+ return !0 === this.store.lazy && this.store.load && !this.loaded
|
|
|
+ }, Ds.prototype.updateLeafState = function () {
|
|
|
+ var e;
|
|
|
+ !0 !== this.store.lazy || !0 === this.loaded || void 0 === this.isLeafByUser ? (e = this.childNodes, !this.store.lazy || !0 === this.store.lazy && !0 === this.loaded ? this.isLeaf = !e || 0 === e.length : this.isLeaf = !1) : this.isLeaf = this.isLeafByUser
|
|
|
+ }, Ds.prototype.setChecked = function (a, l, e, u) {
|
|
|
+ var c = this;
|
|
|
+ if (this.indeterminate = "half" === a, this.checked = !0 === a, !this.store.checkStrictly) {
|
|
|
+ if (!this.shouldLoadData() || this.store.checkDescendants) {
|
|
|
+ var t = ws(this.childNodes),
|
|
|
+ i = t.all,
|
|
|
+ t = t.allWithoutDisable;
|
|
|
+ this.isLeaf || i || !t || (this.checked = !1, a = !1);
|
|
|
+ var n = function () {
|
|
|
+ if (l) {
|
|
|
+ for (var e = c.childNodes, t = 0, i = e.length; t < i; t++) {
|
|
|
+ var n = e[t];
|
|
|
+ u = u || !1 !== a;
|
|
|
+ var r = n.disabled ? n.checked : u;
|
|
|
+ n.setChecked(r, l, !0, u)
|
|
|
+ }
|
|
|
+ var s = ws(e),
|
|
|
+ o = s.half,
|
|
|
+ s = s.all;
|
|
|
+ s || (c.checked = s, c.indeterminate = o)
|
|
|
+ }
|
|
|
+ };
|
|
|
+ if (this.shouldLoadData()) return void this.loadData(function () {
|
|
|
+ n(), _s(c)
|
|
|
+ }, {
|
|
|
+ checked: !1 !== a
|
|
|
+ });
|
|
|
+ n()
|
|
|
+ }
|
|
|
+ t = this.parent;
|
|
|
+ t && 0 !== t.level && (e || _s(t))
|
|
|
+ }
|
|
|
+ }, Ds.prototype.getChildren = function () {
|
|
|
+ var e = 0 < arguments.length && void 0 !== arguments[0] && arguments[0];
|
|
|
+ if (0 === this.level) return this.data;
|
|
|
+ var t = this.data;
|
|
|
+ if (!t) return null;
|
|
|
+ var i = this.store.props,
|
|
|
+ n = "children";
|
|
|
+ return void 0 === t[n = i ? i.children || "children" : n] && (t[n] = null), e && !t[n] && (t[n] = []), t[n]
|
|
|
+ }, Ds.prototype.updateChildren = function () {
|
|
|
+ var i = this,
|
|
|
+ e = this.getChildren() || [],
|
|
|
+ n = this.childNodes.map(function (e) {
|
|
|
+ return e.data
|
|
|
+ }),
|
|
|
+ r = {},
|
|
|
+ s = [];
|
|
|
+ e.forEach(function (e, t) {
|
|
|
+ var i = e[vs];
|
|
|
+ i && 0 <= E(n, function (e) {
|
|
|
+ return e[vs] === i
|
|
|
+ }) ? r[i] = {
|
|
|
+ index: t,
|
|
|
+ data: e
|
|
|
+ } : s.push({
|
|
|
+ index: t,
|
|
|
+ data: e
|
|
|
+ })
|
|
|
+ }), this.store.lazy || n.forEach(function (e) {
|
|
|
+ r[e[vs]] || i.removeChildByData(e)
|
|
|
+ }), s.forEach(function (e) {
|
|
|
+ var t = e.index,
|
|
|
+ e = e.data;
|
|
|
+ i.insertChild({
|
|
|
+ data: e
|
|
|
+ }, t)
|
|
|
+ }), this.updateLeafState()
|
|
|
+ }, Ds.prototype.loadData = function (t) {
|
|
|
+ var i = this,
|
|
|
+ n = 1 < arguments.length && void 0 !== arguments[1] ? arguments[1] : {};
|
|
|
+ !0 !== this.store.lazy || !this.store.load || this.loaded || this.loading && !Object.keys(n).length ? t && t.call(this) : (this.loading = !0, this.store.load(this, function (e) {
|
|
|
+ i.loaded = !0, i.loading = !1, i.childNodes = [], i.doCreateChildren(e, n), i.updateLeafState(), t && t.call(i, e)
|
|
|
+ }))
|
|
|
+ }, Me(Ds, [{
|
|
|
+ key: "label",
|
|
|
+ get: function () {
|
|
|
+ return xs(this, "label")
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: "key",
|
|
|
+ get: function () {
|
|
|
+ var e = this.store.key;
|
|
|
+ return this.data ? this.data[e] : null
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: "disabled",
|
|
|
+ get: function () {
|
|
|
+ return xs(this, "disabled")
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: "nextSibling",
|
|
|
+ get: function () {
|
|
|
+ var e = this.parent;
|
|
|
+ if (e) {
|
|
|
+ var t = e.childNodes.indexOf(this);
|
|
|
+ if (-1 < t) return e.childNodes[t + 1]
|
|
|
+ }
|
|
|
+ return null
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: "previousSibling",
|
|
|
+ get: function () {
|
|
|
+ var e = this.parent;
|
|
|
+ if (e) {
|
|
|
+ var t = e.childNodes.indexOf(this);
|
|
|
+ if (-1 < t) return 0 < t ? e.childNodes[t - 1] : null
|
|
|
+ }
|
|
|
+ return null
|
|
|
+ }
|
|
|
+ }]), Ds),
|
|
|
+ Ss = "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 Ds(e) {
|
|
|
+ for (var t in function (e) {
|
|
|
+ if (!(e instanceof Ds)) throw new TypeError("Cannot call a class as a function")
|
|
|
+ }(this), this.id = Cs++, this.text = null, this.checked = !1, this.indeterminate = !1, this.data = null, this.expanded = !1, this.parent = null, this.visible = !0, this.isCurrent = !1, e) e.hasOwnProperty(t) && (this[t] = e[t]);
|
|
|
+ this.level = 0, this.loaded = !1, this.childNodes = [], this.loading = !1, this.parent && (this.level = this.parent.level + 1);
|
|
|
+ var i = this.store;
|
|
|
+ if (!i) throw new Error("[Node]store is required!");
|
|
|
+ i.registerNode(this);
|
|
|
+ var n, r = i.props;
|
|
|
+ !r || void 0 === r.isLeaf || "boolean" == typeof (n = xs(this, "isLeaf")) && (this.isLeafByUser = n), !0 !== i.lazy && this.data ? (this.setData(this.data), i.defaultExpandAll && (this.expanded = !0)) : 0 < this.level && i.lazy && i.defaultExpandAll && this.expand(), Array.isArray(this.data) || ys(this, this.data), this.data && (r = i.defaultExpandedKeys, (n = i.key) && r && -1 !== r.indexOf(this.key) && this.expand(null, i.autoExpandParent), n && void 0 !== i.currentNodeKey && this.key === i.currentNodeKey && (i.currentNode = this, i.currentNode.isCurrent = !0), i.lazy && i._initDefaultCheckedNode(this), this.updateLeafState())
|
|
|
+ }
|
|
|
+ var $s = (Es.prototype.filter = function (n) {
|
|
|
+ var r = this.filterNodeMethod,
|
|
|
+ s = this.lazy;
|
|
|
+ ! function t(e) {
|
|
|
+ var i = (e.root || e).childNodes;
|
|
|
+ i.forEach(function (e) {
|
|
|
+ e.visible = r.call(e, n, e.data, e), t(e)
|
|
|
+ }), !e.visible && i.length && (i = !i.some(function (e) {
|
|
|
+ return e.visible
|
|
|
+ }), e.root ? e.root.visible = !1 == i : e.visible = !1 == i), n && (!e.visible || e.isLeaf || s || e.expand())
|
|
|
+ }(this)
|
|
|
+ }, Es.prototype.setData = function (e) {
|
|
|
+ e !== this.root.data ? (this.root.setData(e), this._initDefaultCheckedNodes()) : this.root.updateChildren()
|
|
|
+ }, Es.prototype.getNode = function (e) {
|
|
|
+ if (e instanceof ks) return e;
|
|
|
+ e = "object" !== (void 0 === e ? "undefined" : Ss(e)) ? e : gs(this.key, e);
|
|
|
+ return this.nodesMap[e] || null
|
|
|
+ }, Es.prototype.insertBefore = function (e, t) {
|
|
|
+ t = this.getNode(t);
|
|
|
+ t.parent.insertBefore({
|
|
|
+ data: e
|
|
|
+ }, t)
|
|
|
+ }, Es.prototype.insertAfter = function (e, t) {
|
|
|
+ t = this.getNode(t);
|
|
|
+ t.parent.insertAfter({
|
|
|
+ data: e
|
|
|
+ }, t)
|
|
|
+ }, Es.prototype.remove = function (e) {
|
|
|
+ e = this.getNode(e);
|
|
|
+ e && e.parent && (e === this.currentNode && (this.currentNode = null), e.parent.removeChild(e))
|
|
|
+ }, Es.prototype.append = function (e, t) {
|
|
|
+ t = t ? this.getNode(t) : this.root;
|
|
|
+ t && t.insertChild({
|
|
|
+ data: e
|
|
|
+ })
|
|
|
+ }, Es.prototype._initDefaultCheckedNodes = function () {
|
|
|
+ var t = this,
|
|
|
+ e = this.defaultCheckedKeys || [],
|
|
|
+ i = this.nodesMap;
|
|
|
+ e.forEach(function (e) {
|
|
|
+ e = i[e];
|
|
|
+ e && e.setChecked(!0, !t.checkStrictly)
|
|
|
+ })
|
|
|
+ }, Es.prototype._initDefaultCheckedNode = function (e) {
|
|
|
+ -1 !== (this.defaultCheckedKeys || []).indexOf(e.key) && e.setChecked(!0, !this.checkStrictly)
|
|
|
+ }, Es.prototype.setDefaultCheckedKey = function (e) {
|
|
|
+ e !== this.defaultCheckedKeys && (this.defaultCheckedKeys = e, this._initDefaultCheckedNodes())
|
|
|
+ }, Es.prototype.registerNode = function (e) {
|
|
|
+ this.key && e && e.data && void 0 !== e.key && (this.nodesMap[e.key] = e)
|
|
|
+ }, Es.prototype.deregisterNode = function (e) {
|
|
|
+ var t = this;
|
|
|
+ this.key && e && e.data && (e.childNodes.forEach(function (e) {
|
|
|
+ t.deregisterNode(e)
|
|
|
+ }), delete this.nodesMap[e.key])
|
|
|
+ }, Es.prototype.getCheckedNodes = function () {
|
|
|
+ var i = 0 < arguments.length && void 0 !== arguments[0] && arguments[0],
|
|
|
+ n = 1 < arguments.length && void 0 !== arguments[1] && arguments[1],
|
|
|
+ r = [];
|
|
|
+ return function t(e) {
|
|
|
+ (e.root || e).childNodes.forEach(function (e) {
|
|
|
+ (e.checked || n && e.indeterminate) && (!i || i && e.isLeaf) && r.push(e.data), t(e)
|
|
|
+ })
|
|
|
+ }(this), r
|
|
|
+ }, Es.prototype.getCheckedKeys = function () {
|
|
|
+ var t = this;
|
|
|
+ return this.getCheckedNodes(0 < arguments.length && void 0 !== arguments[0] && arguments[0]).map(function (e) {
|
|
|
+ return (e || {})[t.key]
|
|
|
+ })
|
|
|
+ }, Es.prototype.getHalfCheckedNodes = function () {
|
|
|
+ var i = [];
|
|
|
+ return function t(e) {
|
|
|
+ (e.root || e).childNodes.forEach(function (e) {
|
|
|
+ e.indeterminate && i.push(e.data), t(e)
|
|
|
+ })
|
|
|
+ }(this), i
|
|
|
+ }, Es.prototype.getHalfCheckedKeys = function () {
|
|
|
+ var t = this;
|
|
|
+ return this.getHalfCheckedNodes().map(function (e) {
|
|
|
+ return (e || {})[t.key]
|
|
|
+ })
|
|
|
+ }, Es.prototype._getAllNodes = function () {
|
|
|
+ var e, t = [],
|
|
|
+ i = this.nodesMap;
|
|
|
+ for (e in i) i.hasOwnProperty(e) && t.push(i[e]);
|
|
|
+ return t
|
|
|
+ }, Es.prototype.updateChildren = function (e, t) {
|
|
|
+ var i = this.nodesMap[e];
|
|
|
+ if (i) {
|
|
|
+ for (var n = i.childNodes, r = n.length - 1; 0 <= r; r--) {
|
|
|
+ var s = n[r];
|
|
|
+ this.remove(s.data)
|
|
|
+ }
|
|
|
+ for (var o = 0, a = t.length; o < a; o++) {
|
|
|
+ var l = t[o];
|
|
|
+ this.append(l, i.data)
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, Es.prototype._setCheckedKeys = function (e) {
|
|
|
+ var t = 1 < arguments.length && void 0 !== arguments[1] && arguments[1],
|
|
|
+ i = arguments[2],
|
|
|
+ n = this._getAllNodes().sort(function (e, t) {
|
|
|
+ return t.level - e.level
|
|
|
+ }),
|
|
|
+ r = Object.create(null),
|
|
|
+ s = Object.keys(i);
|
|
|
+ n.forEach(function (e) {
|
|
|
+ return e.setChecked(!1, !1)
|
|
|
+ });
|
|
|
+ for (var o = 0, a = n.length; o < a; o++) {
|
|
|
+ var l = n[o],
|
|
|
+ u = l.data[e].toString();
|
|
|
+ if (-1 < s.indexOf(u)) {
|
|
|
+ for (var c = l.parent; c && 0 < c.level;) r[c.data[e]] = !0, c = c.parent;
|
|
|
+ l.isLeaf || this.checkStrictly ? l.setChecked(!0, !1) : (l.setChecked(!0, !0), t && (l.setChecked(!1, !1), function t(e) {
|
|
|
+ e.childNodes.forEach(function (e) {
|
|
|
+ e.isLeaf || e.setChecked(!1, !1), t(e)
|
|
|
+ })
|
|
|
+ }(l)))
|
|
|
+ } else l.checked && !r[u] && l.setChecked(!1, !1)
|
|
|
+ }
|
|
|
+ }, Es.prototype.setCheckedNodes = function (e) {
|
|
|
+ var t = 1 < arguments.length && void 0 !== arguments[1] && arguments[1],
|
|
|
+ i = this.key,
|
|
|
+ n = {};
|
|
|
+ e.forEach(function (e) {
|
|
|
+ n[(e || {})[i]] = !0
|
|
|
+ }), this._setCheckedKeys(i, t, n)
|
|
|
+ }, Es.prototype.setCheckedKeys = function (e) {
|
|
|
+ var t = 1 < arguments.length && void 0 !== arguments[1] && arguments[1];
|
|
|
+ this.defaultCheckedKeys = e;
|
|
|
+ var i = this.key,
|
|
|
+ n = {};
|
|
|
+ e.forEach(function (e) {
|
|
|
+ n[e] = !0
|
|
|
+ }), this._setCheckedKeys(i, t, n)
|
|
|
+ }, Es.prototype.setDefaultExpandedKeys = function (e) {
|
|
|
+ var t = this;
|
|
|
+ (this.defaultExpandedKeys = e = e || []).forEach(function (e) {
|
|
|
+ e = t.getNode(e);
|
|
|
+ e && e.expand(null, t.autoExpandParent)
|
|
|
+ })
|
|
|
+ }, Es.prototype.setChecked = function (e, t, i) {
|
|
|
+ e = this.getNode(e);
|
|
|
+ e && e.setChecked(!!t, i)
|
|
|
+ }, Es.prototype.getCurrentNode = function () {
|
|
|
+ return this.currentNode
|
|
|
+ }, Es.prototype.setCurrentNode = function (e) {
|
|
|
+ var t = this.currentNode;
|
|
|
+ t && (t.isCurrent = !1), this.currentNode = e, this.currentNode.isCurrent = !0
|
|
|
+ }, Es.prototype.setUserCurrentNode = function (e) {
|
|
|
+ e = e[this.key], e = this.nodesMap[e];
|
|
|
+ this.setCurrentNode(e)
|
|
|
+ }, Es.prototype.setCurrentNodeKey = function (e) {
|
|
|
+ if (null == e) return this.currentNode && (this.currentNode.isCurrent = !1), void(this.currentNode = null);
|
|
|
+ e = this.getNode(e);
|
|
|
+ e && this.setCurrentNode(e)
|
|
|
+ }, Es),
|
|
|
+ s = function () {
|
|
|
+ var t = this,
|
|
|
+ i = this,
|
|
|
+ e = i.$createElement,
|
|
|
+ n = i._self._c || e;
|
|
|
+ return n("div", {
|
|
|
+ directives: [{
|
|
|
+ name: "show",
|
|
|
+ rawName: "v-show",
|
|
|
+ value: i.node.visible,
|
|
|
+ expression: "node.visible"
|
|
|
+ }],
|
|
|
+ ref: "node",
|
|
|
+ staticClass: "el-tree-node",
|
|
|
+ class: {
|
|
|
+ "is-expanded": i.expanded, "is-current": i.node.isCurrent, "is-hidden": !i.node.visible, "is-focusable": !i.node.disabled, "is-checked": !i.node.disabled && i.node.checked
|
|
|
+ },
|
|
|
+ attrs: {
|
|
|
+ role: "treeitem",
|
|
|
+ tabindex: "-1",
|
|
|
+ "aria-expanded": i.expanded,
|
|
|
+ "aria-disabled": i.node.disabled,
|
|
|
+ "aria-checked": i.node.checked,
|
|
|
+ draggable: i.tree.draggable
|
|
|
+ },
|
|
|
+ on: {
|
|
|
+ click: function (e) {
|
|
|
+ return e.stopPropagation(), i.handleClick(e)
|
|
|
+ },
|
|
|
+ contextmenu: function (e) {
|
|
|
+ return t.handleContextMenu(e)
|
|
|
+ },
|
|
|
+ dragstart: function (e) {
|
|
|
+ return e.stopPropagation(), i.handleDragStart(e)
|
|
|
+ },
|
|
|
+ dragover: function (e) {
|
|
|
+ return e.stopPropagation(), i.handleDragOver(e)
|
|
|
+ },
|
|
|
+ dragend: function (e) {
|
|
|
+ return e.stopPropagation(), i.handleDragEnd(e)
|
|
|
+ },
|
|
|
+ drop: function (e) {
|
|
|
+ return e.stopPropagation(), i.handleDrop(e)
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, [n("div", {
|
|
|
+ staticClass: "el-tree-node__content",
|
|
|
+ style: {
|
|
|
+ "padding-left": (i.node.level - 1) * i.tree.indent + "px"
|
|
|
+ }
|
|
|
+ }, [n("span", {
|
|
|
+ class: [{
|
|
|
+ "is-leaf": i.node.isLeaf,
|
|
|
+ expanded: !i.node.isLeaf && i.expanded
|
|
|
+ }, "el-tree-node__expand-icon", i.tree.iconClass || "el-icon-caret-right"],
|
|
|
+ on: {
|
|
|
+ click: function (e) {
|
|
|
+ return e.stopPropagation(), i.handleExpandIconClick(e)
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }), i.showCheckbox ? n("el-checkbox", {
|
|
|
+ attrs: {
|
|
|
+ indeterminate: i.node.indeterminate,
|
|
|
+ disabled: !!i.node.disabled
|
|
|
+ },
|
|
|
+ on: {
|
|
|
+ change: i.handleCheckChange
|
|
|
+ },
|
|
|
+ nativeOn: {
|
|
|
+ click: function (e) {
|
|
|
+ e.stopPropagation()
|
|
|
+ }
|
|
|
+ },
|
|
|
+ model: {
|
|
|
+ value: i.node.checked,
|
|
|
+ callback: function (e) {
|
|
|
+ i.$set(i.node, "checked", e)
|
|
|
+ },
|
|
|
+ expression: "node.checked"
|
|
|
+ }
|
|
|
+ }) : i._e(), i.node.loading ? n("span", {
|
|
|
+ staticClass: "el-tree-node__loading-icon el-icon-loading"
|
|
|
+ }) : i._e(), n("node-content", {
|
|
|
+ attrs: {
|
|
|
+ node: i.node
|
|
|
+ }
|
|
|
+ })], 1), n("el-collapse-transition", [!i.renderAfterExpand || i.childNodeRendered ? n("div", {
|
|
|
+ directives: [{
|
|
|
+ name: "show",
|
|
|
+ rawName: "v-show",
|
|
|
+ value: i.expanded,
|
|
|
+ expression: "expanded"
|
|
|
+ }],
|
|
|
+ staticClass: "el-tree-node__children",
|
|
|
+ attrs: {
|
|
|
+ role: "group",
|
|
|
+ "aria-expanded": i.expanded
|
|
|
+ }
|
|
|
+ }, i._l(i.node.childNodes, function (e) {
|
|
|
+ return n("el-tree-node", {
|
|
|
+ key: i.getNodeKey(e),
|
|
|
+ attrs: {
|
|
|
+ "render-content": i.renderContent,
|
|
|
+ "render-after-expand": i.renderAfterExpand,
|
|
|
+ "show-checkbox": i.showCheckbox,
|
|
|
+ node: e
|
|
|
+ },
|
|
|
+ on: {
|
|
|
+ "node-expand": i.handleChildNodeExpand
|
|
|
+ }
|
|
|
+ })
|
|
|
+ }), 1) : i._e()])], 1)
|
|
|
+ };
|
|
|
+
|
|
|
+ function Es(e) {
|
|
|
+ var t, i = this;
|
|
|
+ for (t in function (e) {
|
|
|
+ if (!(e instanceof Es)) throw new TypeError("Cannot call a class as a function")
|
|
|
+ }(this), this.currentNode = null, this.currentNodeKey = null, e) e.hasOwnProperty(t) && (this[t] = e[t]);
|
|
|
+ this.nodesMap = {}, this.root = new ks({
|
|
|
+ data: this.data,
|
|
|
+ store: this
|
|
|
+ }), this.lazy && this.load ? (0, this.load)(this.root, function (e) {
|
|
|
+ i.root.doCreateChildren(e), i._initDefaultCheckedNodes()
|
|
|
+ }) : this._initDefaultCheckedNodes()
|
|
|
+ }
|
|
|
+ s._withStripped = !0;
|
|
|
+ Pe = r({
|
|
|
+ name: "ElTreeNode",
|
|
|
+ componentName: "ElTreeNode",
|
|
|
+ mixins: [l],
|
|
|
+ props: {
|
|
|
+ node: {
|
|
|
+ default: function () {
|
|
|
+ return {}
|
|
|
+ }
|
|
|
+ },
|
|
|
+ props: {},
|
|
|
+ renderContent: Function,
|
|
|
+ renderAfterExpand: {
|
|
|
+ type: Boolean,
|
|
|
+ default: !0
|
|
|
+ },
|
|
|
+ showCheckbox: {
|
|
|
+ type: Boolean,
|
|
|
+ default: !1
|
|
|
+ }
|
|
|
+ },
|
|
|
+ components: {
|
|
|
+ ElCollapseTransition: Xt,
|
|
|
+ ElCheckbox: c,
|
|
|
+ NodeContent: {
|
|
|
+ props: {
|
|
|
+ node: {
|
|
|
+ required: !0
|
|
|
+ }
|
|
|
+ },
|
|
|
+ render: function (e) {
|
|
|
+ var t = this.$parent,
|
|
|
+ i = t.tree,
|
|
|
+ n = this.node,
|
|
|
+ r = n.data,
|
|
|
+ s = n.store;
|
|
|
+ return t.renderContent ? t.renderContent.call(t._renderProxy, e, {
|
|
|
+ _self: i.$vnode.context,
|
|
|
+ node: n,
|
|
|
+ data: r,
|
|
|
+ store: s
|
|
|
+ }) : i.$scopedSlots.default ? i.$scopedSlots.default({
|
|
|
+ node: n,
|
|
|
+ data: r
|
|
|
+ }) : e("span", {
|
|
|
+ class: "el-tree-node__label"
|
|
|
+ }, [n.label])
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ data: function () {
|
|
|
+ return {
|
|
|
+ tree: null,
|
|
|
+ expanded: !1,
|
|
|
+ childNodeRendered: !1,
|
|
|
+ oldChecked: null,
|
|
|
+ oldIndeterminate: null
|
|
|
+ }
|
|
|
+ },
|
|
|
+ watch: {
|
|
|
+ "node.indeterminate": function (e) {
|
|
|
+ this.handleSelectChange(this.node.checked, e)
|
|
|
+ },
|
|
|
+ "node.checked": function (e) {
|
|
|
+ this.handleSelectChange(e, this.node.indeterminate)
|
|
|
+ },
|
|
|
+ "node.expanded": function (e) {
|
|
|
+ var t = this;
|
|
|
+ this.$nextTick(function () {
|
|
|
+ return t.expanded = e
|
|
|
+ }), e && (this.childNodeRendered = !0)
|
|
|
+ }
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ getNodeKey: function (e) {
|
|
|
+ return gs(this.tree.nodeKey, e.data)
|
|
|
+ },
|
|
|
+ handleSelectChange: function (e, t) {
|
|
|
+ this.oldChecked !== e && this.oldIndeterminate !== t && this.tree.$emit("check-change", this.node.data, e, t), this.oldChecked = e, this.indeterminate = t
|
|
|
+ },
|
|
|
+ handleClick: function () {
|
|
|
+ var e = this.tree.store;
|
|
|
+ e.setCurrentNode(this.node), this.tree.$emit("current-change", e.currentNode ? e.currentNode.data : null, e.currentNode), (this.tree.currentNode = this).tree.expandOnClickNode && this.handleExpandIconClick(), this.tree.checkOnClickNode && !this.node.disabled && this.handleCheckChange(null, {
|
|
|
+ target: {
|
|
|
+ checked: !this.node.checked
|
|
|
+ }
|
|
|
+ }), this.tree.$emit("node-click", this.node.data, this.node, this)
|
|
|
+ },
|
|
|
+ handleContextMenu: function (e) {
|
|
|
+ this.tree._events["node-contextmenu"] && 0 < this.tree._events["node-contextmenu"].length && (e.stopPropagation(), e.preventDefault()), this.tree.$emit("node-contextmenu", e, this.node.data, this.node, this)
|
|
|
+ },
|
|
|
+ handleExpandIconClick: function () {
|
|
|
+ this.node.isLeaf || (this.expanded ? (this.tree.$emit("node-collapse", this.node.data, this.node, this), this.node.collapse()) : (this.node.expand(), this.$emit("node-expand", this.node.data, this.node, this)))
|
|
|
+ },
|
|
|
+ handleCheckChange: function (e, t) {
|
|
|
+ var i = this;
|
|
|
+ this.node.setChecked(t.target.checked, !this.tree.checkStrictly), this.$nextTick(function () {
|
|
|
+ var e = i.tree.store;
|
|
|
+ i.tree.$emit("check", i.node.data, {
|
|
|
+ checkedNodes: e.getCheckedNodes(),
|
|
|
+ checkedKeys: e.getCheckedKeys(),
|
|
|
+ halfCheckedNodes: e.getHalfCheckedNodes(),
|
|
|
+ halfCheckedKeys: e.getHalfCheckedKeys()
|
|
|
+ })
|
|
|
+ })
|
|
|
+ },
|
|
|
+ handleChildNodeExpand: function (e, t, i) {
|
|
|
+ this.broadcast("ElTreeNode", "tree-node-expand", t), this.tree.$emit("node-expand", e, t, i)
|
|
|
+ },
|
|
|
+ handleDragStart: function (e) {
|
|
|
+ this.tree.draggable && this.tree.$emit("tree-node-drag-start", e, this)
|
|
|
+ },
|
|
|
+ handleDragOver: function (e) {
|
|
|
+ this.tree.draggable && (this.tree.$emit("tree-node-drag-over", e, this), e.preventDefault())
|
|
|
+ },
|
|
|
+ handleDrop: function (e) {
|
|
|
+ e.preventDefault()
|
|
|
+ },
|
|
|
+ handleDragEnd: function (e) {
|
|
|
+ this.tree.draggable && this.tree.$emit("tree-node-drag-end", e, this)
|
|
|
+ }
|
|
|
+ },
|
|
|
+ created: function () {
|
|
|
+ var t = this,
|
|
|
+ e = this.$parent;
|
|
|
+ e.isTree ? this.tree = e : this.tree = e.tree;
|
|
|
+ e = this.tree;
|
|
|
+ e || console.warn("Can not find node's tree.");
|
|
|
+ e = (e.props || {}).children || "children";
|
|
|
+ this.$watch("node.data." + e, function () {
|
|
|
+ t.node.updateChildren()
|
|
|
+ }), this.node.expanded && (this.expanded = !0, this.childNodeRendered = !0), this.tree.accordion && this.$on("tree-node-expand", function (e) {
|
|
|
+ t.node !== e && t.node.collapse()
|
|
|
+ })
|
|
|
+ }
|
|
|
+ }, s, [], !1, null, null, null);
|
|
|
+ Pe.options.__file = "packages/tree/src/tree-node.vue";
|
|
|
+ Ae = r({
|
|
|
+ name: "ElTree",
|
|
|
+ mixins: [l],
|
|
|
+ components: {
|
|
|
+ ElTreeNode: Pe.exports
|
|
|
+ },
|
|
|
+ data: function () {
|
|
|
+ return {
|
|
|
+ store: null,
|
|
|
+ root: null,
|
|
|
+ currentNode: null,
|
|
|
+ treeItems: null,
|
|
|
+ checkboxItems: [],
|
|
|
+ dragState: {
|
|
|
+ showDropIndicator: !1,
|
|
|
+ draggingNode: null,
|
|
|
+ dropNode: null,
|
|
|
+ allowDrop: !0
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ props: {
|
|
|
+ data: {
|
|
|
+ type: Array
|
|
|
+ },
|
|
|
+ emptyText: {
|
|
|
+ type: String,
|
|
|
+ default: function () {
|
|
|
+ return A("el.tree.emptyText")
|
|
|
+ }
|
|
|
+ },
|
|
|
+ renderAfterExpand: {
|
|
|
+ type: Boolean,
|
|
|
+ default: !0
|
|
|
+ },
|
|
|
+ nodeKey: String,
|
|
|
+ checkStrictly: Boolean,
|
|
|
+ defaultExpandAll: Boolean,
|
|
|
+ expandOnClickNode: {
|
|
|
+ type: Boolean,
|
|
|
+ default: !0
|
|
|
+ },
|
|
|
+ checkOnClickNode: Boolean,
|
|
|
+ checkDescendants: {
|
|
|
+ type: Boolean,
|
|
|
+ default: !1
|
|
|
+ },
|
|
|
+ autoExpandParent: {
|
|
|
+ type: Boolean,
|
|
|
+ default: !0
|
|
|
+ },
|
|
|
+ defaultCheckedKeys: Array,
|
|
|
+ defaultExpandedKeys: Array,
|
|
|
+ currentNodeKey: [String, Number],
|
|
|
+ renderContent: Function,
|
|
|
+ showCheckbox: {
|
|
|
+ type: Boolean,
|
|
|
+ default: !1
|
|
|
+ },
|
|
|
+ draggable: {
|
|
|
+ type: Boolean,
|
|
|
+ default: !1
|
|
|
+ },
|
|
|
+ allowDrag: Function,
|
|
|
+ allowDrop: Function,
|
|
|
+ props: {
|
|
|
+ default: function () {
|
|
|
+ return {
|
|
|
+ children: "children",
|
|
|
+ label: "label",
|
|
|
+ disabled: "disabled"
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ lazy: {
|
|
|
+ type: Boolean,
|
|
|
+ default: !1
|
|
|
+ },
|
|
|
+ highlightCurrent: Boolean,
|
|
|
+ load: Function,
|
|
|
+ filterNodeMethod: Function,
|
|
|
+ accordion: Boolean,
|
|
|
+ indent: {
|
|
|
+ type: Number,
|
|
|
+ default: 18
|
|
|
+ },
|
|
|
+ iconClass: String
|
|
|
+ },
|
|
|
+ computed: {
|
|
|
+ children: {
|
|
|
+ set: function (e) {
|
|
|
+ this.data = e
|
|
|
+ },
|
|
|
+ get: function () {
|
|
|
+ return this.data
|
|
|
+ }
|
|
|
+ },
|
|
|
+ treeItemArray: function () {
|
|
|
+ return Array.prototype.slice.call(this.treeItems)
|
|
|
+ },
|
|
|
+ isEmpty: function () {
|
|
|
+ var e = this.root.childNodes;
|
|
|
+ return !e || 0 === e.length || e.every(function (e) {
|
|
|
+ return !e.visible
|
|
|
+ })
|
|
|
+ }
|
|
|
+ },
|
|
|
+ watch: {
|
|
|
+ defaultCheckedKeys: function (e) {
|
|
|
+ this.store.setDefaultCheckedKey(e)
|
|
|
+ },
|
|
|
+ defaultExpandedKeys: function (e) {
|
|
|
+ this.store.defaultExpandedKeys = e, this.store.setDefaultExpandedKeys(e)
|
|
|
+ },
|
|
|
+ data: function (e) {
|
|
|
+ this.store.setData(e)
|
|
|
+ },
|
|
|
+ checkboxItems: function (e) {
|
|
|
+ Array.prototype.forEach.call(e, function (e) {
|
|
|
+ e.setAttribute("tabindex", -1)
|
|
|
+ })
|
|
|
+ },
|
|
|
+ checkStrictly: function (e) {
|
|
|
+ this.store.checkStrictly = e
|
|
|
+ }
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ filter: function (e) {
|
|
|
+ if (!this.filterNodeMethod) throw new Error("[Tree] filterNodeMethod is required when filter");
|
|
|
+ this.store.filter(e)
|
|
|
+ },
|
|
|
+ getNodeKey: function (e) {
|
|
|
+ return gs(this.nodeKey, e.data)
|
|
|
+ },
|
|
|
+ getNodePath: function (e) {
|
|
|
+ if (!this.nodeKey) throw new Error("[Tree] nodeKey is required in getNodePath");
|
|
|
+ e = this.store.getNode(e);
|
|
|
+ if (!e) return [];
|
|
|
+ for (var t = [e.data], i = e.parent; i && i !== this.root;) t.push(i.data), i = i.parent;
|
|
|
+ return t.reverse()
|
|
|
+ },
|
|
|
+ getCheckedNodes: function (e, t) {
|
|
|
+ return this.store.getCheckedNodes(e, t)
|
|
|
+ },
|
|
|
+ getCheckedKeys: function (e) {
|
|
|
+ return this.store.getCheckedKeys(e)
|
|
|
+ },
|
|
|
+ getCurrentNode: function () {
|
|
|
+ var e = this.store.getCurrentNode();
|
|
|
+ return e ? e.data : null
|
|
|
+ },
|
|
|
+ getCurrentKey: function () {
|
|
|
+ if (!this.nodeKey) throw new Error("[Tree] nodeKey is required in getCurrentKey");
|
|
|
+ var e = this.getCurrentNode();
|
|
|
+ return e ? e[this.nodeKey] : null
|
|
|
+ },
|
|
|
+ setCheckedNodes: function (e, t) {
|
|
|
+ if (!this.nodeKey) throw new Error("[Tree] nodeKey is required in setCheckedNodes");
|
|
|
+ this.store.setCheckedNodes(e, t)
|
|
|
+ },
|
|
|
+ setCheckedKeys: function (e, t) {
|
|
|
+ if (!this.nodeKey) throw new Error("[Tree] nodeKey is required in setCheckedKeys");
|
|
|
+ this.store.setCheckedKeys(e, t)
|
|
|
+ },
|
|
|
+ setChecked: function (e, t, i) {
|
|
|
+ this.store.setChecked(e, t, i)
|
|
|
+ },
|
|
|
+ getHalfCheckedNodes: function () {
|
|
|
+ return this.store.getHalfCheckedNodes()
|
|
|
+ },
|
|
|
+ getHalfCheckedKeys: function () {
|
|
|
+ return this.store.getHalfCheckedKeys()
|
|
|
+ },
|
|
|
+ setCurrentNode: function (e) {
|
|
|
+ if (!this.nodeKey) throw new Error("[Tree] nodeKey is required in setCurrentNode");
|
|
|
+ this.store.setUserCurrentNode(e)
|
|
|
+ },
|
|
|
+ setCurrentKey: function (e) {
|
|
|
+ if (!this.nodeKey) throw new Error("[Tree] nodeKey is required in setCurrentKey");
|
|
|
+ this.store.setCurrentNodeKey(e)
|
|
|
+ },
|
|
|
+ getNode: function (e) {
|
|
|
+ return this.store.getNode(e)
|
|
|
+ },
|
|
|
+ remove: function (e) {
|
|
|
+ this.store.remove(e)
|
|
|
+ },
|
|
|
+ append: function (e, t) {
|
|
|
+ this.store.append(e, t)
|
|
|
+ },
|
|
|
+ insertBefore: function (e, t) {
|
|
|
+ this.store.insertBefore(e, t)
|
|
|
+ },
|
|
|
+ insertAfter: function (e, t) {
|
|
|
+ this.store.insertAfter(e, t)
|
|
|
+ },
|
|
|
+ handleNodeExpand: function (e, t, i) {
|
|
|
+ this.broadcast("ElTreeNode", "tree-node-expand", t), this.$emit("node-expand", e, t, i)
|
|
|
+ },
|
|
|
+ updateKeyChildren: function (e, t) {
|
|
|
+ if (!this.nodeKey) throw new Error("[Tree] nodeKey is required in updateKeyChild");
|
|
|
+ this.store.updateChildren(e, t)
|
|
|
+ },
|
|
|
+ initTabIndex: function () {
|
|
|
+ this.treeItems = this.$el.querySelectorAll(".is-focusable[role=treeitem]"), this.checkboxItems = this.$el.querySelectorAll("input[type=checkbox]");
|
|
|
+ var e = this.$el.querySelectorAll(".is-checked[role=treeitem]");
|
|
|
+ e.length ? e[0].setAttribute("tabindex", 0) : this.treeItems[0] && this.treeItems[0].setAttribute("tabindex", 0)
|
|
|
+ },
|
|
|
+ handleKeydown: function (e) {
|
|
|
+ var t, i, n, r = e.target; - 1 !== r.className.indexOf("el-tree-node") && (t = e.keyCode, this.treeItems = this.$el.querySelectorAll(".is-focusable[role=treeitem]"), i = this.treeItemArray.indexOf(r), n = void 0, -1 < [38, 40].indexOf(t) && (e.preventDefault(), n = 38 === t ? 0 !== i ? i - 1 : 0 : i < this.treeItemArray.length - 1 ? i + 1 : 0, this.treeItemArray[n].focus()), -1 < [37, 39].indexOf(t) && (e.preventDefault(), r.click()), r = r.querySelector('[type="checkbox"]'), -1 < [13, 32].indexOf(t) && r && (e.preventDefault(), r.click()))
|
|
|
+ }
|
|
|
+ },
|
|
|
+ created: function () {
|
|
|
+ var p = this;
|
|
|
+ this.isTree = !0, this.store = new $s({
|
|
|
+ key: this.nodeKey,
|
|
|
+ data: this.data,
|
|
|
+ lazy: this.lazy,
|
|
|
+ props: this.props,
|
|
|
+ load: this.load,
|
|
|
+ currentNodeKey: this.currentNodeKey,
|
|
|
+ checkStrictly: this.checkStrictly,
|
|
|
+ checkDescendants: this.checkDescendants,
|
|
|
+ defaultCheckedKeys: this.defaultCheckedKeys,
|
|
|
+ defaultExpandedKeys: this.defaultExpandedKeys,
|
|
|
+ autoExpandParent: this.autoExpandParent,
|
|
|
+ defaultExpandAll: this.defaultExpandAll,
|
|
|
+ filterNodeMethod: this.filterNodeMethod
|
|
|
+ }), this.root = this.store.root;
|
|
|
+ var f = this.dragState;
|
|
|
+ this.$on("tree-node-drag-start", function (e, t) {
|
|
|
+ if ("function" == typeof p.allowDrag && !p.allowDrag(t.node)) return e.preventDefault(), !1;
|
|
|
+ e.dataTransfer.effectAllowed = "move";
|
|
|
+ try {
|
|
|
+ e.dataTransfer.setData("text/plain", "")
|
|
|
+ } catch (e) {}
|
|
|
+ f.draggingNode = t, p.$emit("node-drag-start", t.node, e)
|
|
|
+ }), this.$on("tree-node-drag-over", function (t, e) {
|
|
|
+ var i = function () {
|
|
|
+ for (var e = t.target; e && "BODY" !== e.tagName;) {
|
|
|
+ if (e.__vue__ && "ElTreeNode" === e.__vue__.$options.name) return e.__vue__;
|
|
|
+ e = e.parentNode
|
|
|
+ }
|
|
|
+ return null
|
|
|
+ }(),
|
|
|
+ n = f.dropNode;
|
|
|
+ n && n !== i && de(n.$el, "is-drop-inner");
|
|
|
+ var r, s, o, a, l, u, c, h, d = f.draggingNode;
|
|
|
+ d && i && (s = r = h = c = !0, "function" == typeof p.allowDrop && (c = p.allowDrop(d.node, i.node, "prev"), s = h = p.allowDrop(d.node, i.node, "inner"), r = p.allowDrop(d.node, i.node, "next")), t.dataTransfer.dropEffect = h ? "move" : "none", (c || h || r) && n !== i && (n && p.$emit("node-drag-leave", d.node, n.node, t), p.$emit("node-drag-enter", d.node, i.node, t)), (c || h || r) && (f.dropNode = i), i.node.nextSibling === d.node && (r = !1), i.node.previousSibling === d.node && (c = !1), i.node.contains(d.node, !1) && (h = !1), d.node !== i.node && !d.node.contains(i.node) || (r = h = c = !1), o = i.$el.getBoundingClientRect(), a = p.$el.getBoundingClientRect(), u = void 0, l = -9999, u = (n = t.clientY - o.top) < o.height * (c ? h ? .25 : r ? .45 : 1 : -1) ? "before" : n > o.height * (r ? h ? .75 : c ? .55 : 0 : 1) ? "after" : h ? "inner" : "none", c = i.$el.querySelector(".el-tree-node__expand-icon").getBoundingClientRect(), h = p.$refs.dropIndicator, "before" == u ? l = c.top - a.top : "after" == u && (l = c.bottom - a.top), h.style.top = l + "px", h.style.left = c.right - a.left + "px", ("inner" == u ? he : de)(i.$el, "is-drop-inner"), f.showDropIndicator = "before" == u || "after" == u, f.allowDrop = f.showDropIndicator || s, f.dropType = u, p.$emit("node-drag-over", d.node, i.node, t))
|
|
|
+ }), this.$on("tree-node-drag-end", function (e) {
|
|
|
+ var t, i = f.draggingNode,
|
|
|
+ n = f.dropType,
|
|
|
+ r = f.dropNode;
|
|
|
+ e.preventDefault(), e.dataTransfer.dropEffect = "move", i && r && (t = {
|
|
|
+ data: i.node.data
|
|
|
+ }, "none" !== n && i.node.remove(), "before" === n ? r.node.parent.insertBefore(t, r.node) : "after" === n ? r.node.parent.insertAfter(t, r.node) : "inner" === n && r.node.insertChild(t), "none" !== n && p.store.registerNode(t), de(r.$el, "is-drop-inner"), p.$emit("node-drag-end", i.node, r.node, n, e), "none" !== n && p.$emit("node-drop", i.node, r.node, n, e)), i && !r && p.$emit("node-drag-end", i.node, null, n, e), f.showDropIndicator = !1, f.draggingNode = null, f.dropNode = null, f.allowDrop = !0
|
|
|
+ })
|
|
|
+ },
|
|
|
+ mounted: function () {
|
|
|
+ this.initTabIndex(), this.$el.addEventListener("keydown", this.handleKeydown)
|
|
|
+ },
|
|
|
+ updated: function () {
|
|
|
+ this.treeItems = this.$el.querySelectorAll("[role=treeitem]"), this.checkboxItems = this.$el.querySelectorAll("input[type=checkbox]")
|
|
|
+ }
|
|
|
+ }, u, [], !1, null, null, null);
|
|
|
+ Ae.options.__file = "packages/tree/src/tree.vue";
|
|
|
+ var Ts = Ae.exports;
|
|
|
+ Ts.install = function (e) {
|
|
|
+ e.component(Ts.name, Ts)
|
|
|
+ };
|
|
|
+ nt = Ts, ut = function () {
|
|
|
+ var t = this,
|
|
|
+ e = t.$createElement,
|
|
|
+ e = t._self._c || e;
|
|
|
+ return e("transition", {
|
|
|
+ attrs: {
|
|
|
+ name: "el-alert-fade"
|
|
|
+ }
|
|
|
+ }, [e("div", {
|
|
|
+ directives: [{
|
|
|
+ name: "show",
|
|
|
+ rawName: "v-show",
|
|
|
+ value: t.visible,
|
|
|
+ expression: "visible"
|
|
|
+ }],
|
|
|
+ staticClass: "el-alert",
|
|
|
+ class: [t.typeClass, t.center ? "is-center" : "", "is-" + t.effect],
|
|
|
+ attrs: {
|
|
|
+ role: "alert"
|
|
|
+ }
|
|
|
+ }, [t.showIcon ? e("i", {
|
|
|
+ staticClass: "el-alert__icon",
|
|
|
+ class: [t.iconClass, t.isBigIcon]
|
|
|
+ }) : t._e(), e("div", {
|
|
|
+ staticClass: "el-alert__content"
|
|
|
+ }, [t.title || t.$slots.title ? e("span", {
|
|
|
+ staticClass: "el-alert__title",
|
|
|
+ class: [t.isBoldTitle]
|
|
|
+ }, [t._t("title", [t._v(t._s(t.title))])], 2) : t._e(), t.$slots.default && !t.description ? e("p", {
|
|
|
+ staticClass: "el-alert__description"
|
|
|
+ }, [t._t("default")], 2) : t._e(), t.description && !t.$slots.default ? e("p", {
|
|
|
+ staticClass: "el-alert__description"
|
|
|
+ }, [t._v(t._s(t.description))]) : t._e(), e("i", {
|
|
|
+ directives: [{
|
|
|
+ name: "show",
|
|
|
+ rawName: "v-show",
|
|
|
+ value: t.closable,
|
|
|
+ expression: "closable"
|
|
|
+ }],
|
|
|
+ staticClass: "el-alert__closebtn",
|
|
|
+ class: {
|
|
|
+ "is-customed": "" !== t.closeText, "el-icon-close": "" === t.closeText
|
|
|
+ },
|
|
|
+ on: {
|
|
|
+ click: function (e) {
|
|
|
+ t.close()
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, [t._v(t._s(t.closeText))])])])])
|
|
|
+ };
|
|
|
+ ut._withStripped = !0;
|
|
|
+ var Ms = {
|
|
|
+ success: "el-icon-success",
|
|
|
+ warning: "el-icon-warning",
|
|
|
+ error: "el-icon-error"
|
|
|
+ },
|
|
|
+ vi = r({
|
|
|
+ name: "ElAlert",
|
|
|
+ props: {
|
|
|
+ title: {
|
|
|
+ type: String,
|
|
|
+ default: ""
|
|
|
+ },
|
|
|
+ description: {
|
|
|
+ type: String,
|
|
|
+ default: ""
|
|
|
+ },
|
|
|
+ type: {
|
|
|
+ type: String,
|
|
|
+ default: "info"
|
|
|
+ },
|
|
|
+ closable: {
|
|
|
+ type: Boolean,
|
|
|
+ default: !0
|
|
|
+ },
|
|
|
+ closeText: {
|
|
|
+ type: String,
|
|
|
+ default: ""
|
|
|
+ },
|
|
|
+ showIcon: Boolean,
|
|
|
+ center: Boolean,
|
|
|
+ effect: {
|
|
|
+ type: String,
|
|
|
+ default: "light",
|
|
|
+ validator: function (e) {
|
|
|
+ return -1 !== ["light", "dark"].indexOf(e)
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ data: function () {
|
|
|
+ return {
|
|
|
+ visible: !0
|
|
|
+ }
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ close: function () {
|
|
|
+ this.visible = !1, this.$emit("close")
|
|
|
+ }
|
|
|
+ },
|
|
|
+ computed: {
|
|
|
+ typeClass: function () {
|
|
|
+ return "el-alert--" + this.type
|
|
|
+ },
|
|
|
+ iconClass: function () {
|
|
|
+ return Ms[this.type] || "el-icon-info"
|
|
|
+ },
|
|
|
+ isBigIcon: function () {
|
|
|
+ return this.description || this.$slots.default ? "is-big" : ""
|
|
|
+ },
|
|
|
+ isBoldTitle: function () {
|
|
|
+ return this.description || this.$slots.default ? "is-bold" : ""
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, ut, [], !1, null, null, null);
|
|
|
+ vi.options.__file = "packages/alert/src/main.vue";
|
|
|
+ var Ns = vi.exports;
|
|
|
+ Ns.install = function (e) {
|
|
|
+ e.component(Ns.name, Ns)
|
|
|
+ };
|
|
|
+ ft = Ns, gt = function () {
|
|
|
+ var t = this,
|
|
|
+ e = t.$createElement,
|
|
|
+ e = t._self._c || e;
|
|
|
+ return e("transition", {
|
|
|
+ attrs: {
|
|
|
+ name: "el-notification-fade"
|
|
|
+ }
|
|
|
+ }, [e("div", {
|
|
|
+ directives: [{
|
|
|
+ name: "show",
|
|
|
+ rawName: "v-show",
|
|
|
+ value: t.visible,
|
|
|
+ expression: "visible"
|
|
|
+ }],
|
|
|
+ class: ["el-notification", t.customClass, t.horizontalClass],
|
|
|
+ style: t.positionStyle,
|
|
|
+ attrs: {
|
|
|
+ role: "alert"
|
|
|
+ },
|
|
|
+ on: {
|
|
|
+ mouseenter: function (e) {
|
|
|
+ t.clearTimer()
|
|
|
+ },
|
|
|
+ mouseleave: function (e) {
|
|
|
+ t.startTimer()
|
|
|
+ },
|
|
|
+ click: t.click
|
|
|
+ }
|
|
|
+ }, [t.type || t.iconClass ? e("i", {
|
|
|
+ staticClass: "el-notification__icon",
|
|
|
+ class: [t.typeClass, t.iconClass]
|
|
|
+ }) : t._e(), e("div", {
|
|
|
+ staticClass: "el-notification__group",
|
|
|
+ class: {
|
|
|
+ "is-with-icon": t.typeClass || t.iconClass
|
|
|
+ }
|
|
|
+ }, [e("h2", {
|
|
|
+ staticClass: "el-notification__title",
|
|
|
+ domProps: {
|
|
|
+ textContent: t._s(t.title)
|
|
|
+ }
|
|
|
+ }), e("div", {
|
|
|
+ directives: [{
|
|
|
+ name: "show",
|
|
|
+ rawName: "v-show",
|
|
|
+ value: t.message,
|
|
|
+ expression: "message"
|
|
|
+ }],
|
|
|
+ staticClass: "el-notification__content"
|
|
|
+ }, [t._t("default", [t.dangerouslyUseHTMLString ? e("p", {
|
|
|
+ domProps: {
|
|
|
+ innerHTML: t._s(t.message)
|
|
|
+ }
|
|
|
+ }) : e("p", [t._v(t._s(t.message))])])], 2), t.showClose ? e("div", {
|
|
|
+ staticClass: "el-notification__closeBtn el-icon-close",
|
|
|
+ on: {
|
|
|
+ click: function (e) {
|
|
|
+ return e.stopPropagation(), t.close(e)
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }) : t._e()])])])
|
|
|
+ };
|
|
|
+ gt._withStripped = !0;
|
|
|
+ var Ps = {
|
|
|
+ success: "success",
|
|
|
+ info: "info",
|
|
|
+ warning: "warning",
|
|
|
+ error: "error"
|
|
|
+ },
|
|
|
+ si = r({
|
|
|
+ data: function () {
|
|
|
+ return {
|
|
|
+ visible: !1,
|
|
|
+ title: "",
|
|
|
+ message: "",
|
|
|
+ duration: 4500,
|
|
|
+ type: "",
|
|
|
+ showClose: !0,
|
|
|
+ customClass: "",
|
|
|
+ iconClass: "",
|
|
|
+ onClose: null,
|
|
|
+ onClick: null,
|
|
|
+ closed: !1,
|
|
|
+ verticalOffset: 0,
|
|
|
+ timer: null,
|
|
|
+ dangerouslyUseHTMLString: !1,
|
|
|
+ position: "top-right"
|
|
|
+ }
|
|
|
+ },
|
|
|
+ computed: {
|
|
|
+ typeClass: function () {
|
|
|
+ return this.type && Ps[this.type] ? "el-icon-" + Ps[this.type] : ""
|
|
|
+ },
|
|
|
+ horizontalClass: function () {
|
|
|
+ return -1 < this.position.indexOf("right") ? "right" : "left"
|
|
|
+ },
|
|
|
+ verticalProperty: function () {
|
|
|
+ return /^top-/.test(this.position) ? "top" : "bottom"
|
|
|
+ },
|
|
|
+ positionStyle: function () {
|
|
|
+ var e;
|
|
|
+ return (e = {})[this.verticalProperty] = this.verticalOffset + "px", e
|
|
|
+ }
|
|
|
+ },
|
|
|
+ watch: {
|
|
|
+ closed: function (e) {
|
|
|
+ e && (this.visible = !1, this.$el.addEventListener("transitionend", this.destroyElement))
|
|
|
+ }
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ destroyElement: function () {
|
|
|
+ this.$el.removeEventListener("transitionend", this.destroyElement), this.$destroy(!0), this.$el.parentNode.removeChild(this.$el)
|
|
|
+ },
|
|
|
+ click: function () {
|
|
|
+ "function" == typeof this.onClick && this.onClick()
|
|
|
+ },
|
|
|
+ close: function () {
|
|
|
+ this.closed = !0, "function" == typeof this.onClose && this.onClose()
|
|
|
+ },
|
|
|
+ clearTimer: function () {
|
|
|
+ clearTimeout(this.timer)
|
|
|
+ },
|
|
|
+ startTimer: function () {
|
|
|
+ var e = this;
|
|
|
+ 0 < this.duration && (this.timer = setTimeout(function () {
|
|
|
+ e.closed || e.close()
|
|
|
+ }, this.duration))
|
|
|
+ },
|
|
|
+ keydown: function (e) {
|
|
|
+ 46 === e.keyCode || 8 === e.keyCode ? this.clearTimer() : 27 === e.keyCode ? this.closed || this.close() : this.startTimer()
|
|
|
+ }
|
|
|
+ },
|
|
|
+ mounted: function () {
|
|
|
+ var e = this;
|
|
|
+ 0 < this.duration && (this.timer = setTimeout(function () {
|
|
|
+ e.closed || e.close()
|
|
|
+ }, this.duration)), document.addEventListener("keydown", this.keydown)
|
|
|
+ },
|
|
|
+ beforeDestroy: function () {
|
|
|
+ document.removeEventListener("keydown", this.keydown)
|
|
|
+ }
|
|
|
+ }, gt, [], !1, null, null, null);
|
|
|
+ si.options.__file = "packages/notification/src/main.vue";
|
|
|
+
|
|
|
+ function Is(e) {
|
|
|
+ if (!h.a.prototype.$isServer) {
|
|
|
+ var t = (e = X({}, e)).onClose,
|
|
|
+ i = "notification_" + Ls++,
|
|
|
+ n = e.position || "top-right";
|
|
|
+ e.onClose = function () {
|
|
|
+ Is.close(i, t)
|
|
|
+ }, Fs = new Os({
|
|
|
+ data: e
|
|
|
+ }), Pr(e.message) && (Fs.$slots.default = [e.message], e.message = "REPLACED_BY_VNODE"), Fs.id = i, Fs.$mount(), document.body.appendChild(Fs.$el), Fs.visible = !0, Fs.dom = Fs.$el, Fs.dom.style.zIndex = Ce.nextZIndex();
|
|
|
+ var r = e.offset || 0;
|
|
|
+ return As.filter(function (e) {
|
|
|
+ return e.position === n
|
|
|
+ }).forEach(function (e) {
|
|
|
+ r += e.$el.offsetHeight + 16
|
|
|
+ }), r += 16, Fs.verticalOffset = r, As.push(Fs), Fs
|
|
|
+ }
|
|
|
+ }
|
|
|
+ var wt = si.exports,
|
|
|
+ Os = h.a.extend(wt),
|
|
|
+ Fs = void 0,
|
|
|
+ As = [],
|
|
|
+ Ls = 1;
|
|
|
+ ["success", "warning", "info", "error"].forEach(function (t) {
|
|
|
+ Is[t] = function (e) {
|
|
|
+ return (e = "string" == typeof e || Pr(e) ? {
|
|
|
+ message: e
|
|
|
+ } : e).type = t, Is(e)
|
|
|
+ }
|
|
|
+ }), Is.close = function (i, e) {
|
|
|
+ var n = -1,
|
|
|
+ t = As.length,
|
|
|
+ r = As.filter(function (e, t) {
|
|
|
+ return e.id === i && (n = t, !0)
|
|
|
+ })[0];
|
|
|
+ if (r && ("function" == typeof e && e(r), As.splice(n, 1), !(t <= 1)))
|
|
|
+ for (var s = r.position, o = r.dom.offsetHeight, a = n; a < t - 1; a++) As[a].position === s && (As[a].dom.style[r.verticalProperty] = parseInt(As[a].dom.style[r.verticalProperty], 10) - o - 16 + "px")
|
|
|
+ }, Is.closeAll = function () {
|
|
|
+ for (var e = As.length - 1; 0 <= e; e--) As[e].close()
|
|
|
+ };
|
|
|
+ var Vs = Is,
|
|
|
+ mt = function () {
|
|
|
+ var i = this,
|
|
|
+ e = i.$createElement,
|
|
|
+ n = i._self._c || e;
|
|
|
+ return n("div", {
|
|
|
+ staticClass: "el-slider",
|
|
|
+ class: {
|
|
|
+ "is-vertical": i.vertical, "el-slider--with-input": i.showInput
|
|
|
+ },
|
|
|
+ attrs: {
|
|
|
+ role: "slider",
|
|
|
+ "aria-valuemin": i.min,
|
|
|
+ "aria-valuemax": i.max,
|
|
|
+ "aria-orientation": i.vertical ? "vertical" : "horizontal",
|
|
|
+ "aria-disabled": i.sliderDisabled
|
|
|
+ }
|
|
|
+ }, [i.showInput && !i.range ? n("el-input-number", {
|
|
|
+ ref: "input",
|
|
|
+ staticClass: "el-slider__input",
|
|
|
+ attrs: {
|
|
|
+ step: i.step,
|
|
|
+ disabled: i.sliderDisabled,
|
|
|
+ controls: i.showInputControls,
|
|
|
+ min: i.min,
|
|
|
+ max: i.max,
|
|
|
+ debounce: i.debounce,
|
|
|
+ size: i.inputSize
|
|
|
+ },
|
|
|
+ on: {
|
|
|
+ change: i.emitChange
|
|
|
+ },
|
|
|
+ model: {
|
|
|
+ value: i.firstValue,
|
|
|
+ callback: function (e) {
|
|
|
+ i.firstValue = e
|
|
|
+ },
|
|
|
+ expression: "firstValue"
|
|
|
+ }
|
|
|
+ }) : i._e(), n("div", {
|
|
|
+ ref: "slider",
|
|
|
+ staticClass: "el-slider__runway",
|
|
|
+ class: {
|
|
|
+ "show-input": i.showInput, disabled: i.sliderDisabled
|
|
|
+ },
|
|
|
+ style: i.runwayStyle,
|
|
|
+ on: {
|
|
|
+ click: i.onSliderClick
|
|
|
+ }
|
|
|
+ }, [n("div", {
|
|
|
+ staticClass: "el-slider__bar",
|
|
|
+ style: i.barStyle
|
|
|
+ }), n("slider-button", {
|
|
|
+ ref: "button1",
|
|
|
+ attrs: {
|
|
|
+ vertical: i.vertical,
|
|
|
+ "tooltip-class": i.tooltipClass
|
|
|
+ },
|
|
|
+ model: {
|
|
|
+ value: i.firstValue,
|
|
|
+ callback: function (e) {
|
|
|
+ i.firstValue = e
|
|
|
+ },
|
|
|
+ expression: "firstValue"
|
|
|
+ }
|
|
|
+ }), i.range ? n("slider-button", {
|
|
|
+ ref: "button2",
|
|
|
+ attrs: {
|
|
|
+ vertical: i.vertical,
|
|
|
+ "tooltip-class": i.tooltipClass
|
|
|
+ },
|
|
|
+ model: {
|
|
|
+ value: i.secondValue,
|
|
|
+ callback: function (e) {
|
|
|
+ i.secondValue = e
|
|
|
+ },
|
|
|
+ expression: "secondValue"
|
|
|
+ }
|
|
|
+ }) : i._e(), i._l(i.stops, function (e, t) {
|
|
|
+ return i.showStops ? n("div", {
|
|
|
+ key: t,
|
|
|
+ staticClass: "el-slider__stop",
|
|
|
+ style: i.getStopStyle(e)
|
|
|
+ }) : i._e()
|
|
|
+ }), 0 < i.markList.length ? [n("div", i._l(i.markList, function (e, t) {
|
|
|
+ return n("div", {
|
|
|
+ key: t,
|
|
|
+ staticClass: "el-slider__stop el-slider__marks-stop",
|
|
|
+ style: i.getStopStyle(e.position)
|
|
|
+ })
|
|
|
+ }), 0), n("div", {
|
|
|
+ staticClass: "el-slider__marks"
|
|
|
+ }, i._l(i.markList, function (e, t) {
|
|
|
+ return n("slider-marker", {
|
|
|
+ key: t,
|
|
|
+ style: i.getStopStyle(e.position),
|
|
|
+ attrs: {
|
|
|
+ mark: e.mark
|
|
|
+ }
|
|
|
+ })
|
|
|
+ }), 1)] : i._e()], 2)], 1)
|
|
|
+ },
|
|
|
+ $r = function () {
|
|
|
+ var t = this,
|
|
|
+ e = t.$createElement,
|
|
|
+ e = t._self._c || e;
|
|
|
+ return e("div", {
|
|
|
+ ref: "button",
|
|
|
+ staticClass: "el-slider__button-wrapper",
|
|
|
+ class: {
|
|
|
+ hover: t.hovering, dragging: t.dragging
|
|
|
+ },
|
|
|
+ style: t.wrapperStyle,
|
|
|
+ attrs: {
|
|
|
+ tabindex: "0"
|
|
|
+ },
|
|
|
+ on: {
|
|
|
+ mouseenter: t.handleMouseEnter,
|
|
|
+ mouseleave: t.handleMouseLeave,
|
|
|
+ mousedown: t.onButtonDown,
|
|
|
+ touchstart: t.onButtonDown,
|
|
|
+ focus: t.handleMouseEnter,
|
|
|
+ blur: t.handleMouseLeave,
|
|
|
+ keydown: [function (e) {
|
|
|
+ return !("button" in e) && t._k(e.keyCode, "left", 37, e.key, ["Left", "ArrowLeft"]) || "button" in e && 0 !== e.button ? null : t.onLeftKeyDown(e)
|
|
|
+ }, function (e) {
|
|
|
+ return !("button" in e) && t._k(e.keyCode, "right", 39, e.key, ["Right", "ArrowRight"]) || "button" in e && 2 !== e.button ? null : t.onRightKeyDown(e)
|
|
|
+ }, function (e) {
|
|
|
+ return "button" in e || !t._k(e.keyCode, "down", 40, e.key, ["Down", "ArrowDown"]) ? (e.preventDefault(), t.onLeftKeyDown(e)) : null
|
|
|
+ }, function (e) {
|
|
|
+ return "button" in e || !t._k(e.keyCode, "up", 38, e.key, ["Up", "ArrowUp"]) ? (e.preventDefault(), t.onRightKeyDown(e)) : null
|
|
|
+ }]
|
|
|
+ }
|
|
|
+ }, [e("el-tooltip", {
|
|
|
+ ref: "tooltip",
|
|
|
+ attrs: {
|
|
|
+ placement: "top",
|
|
|
+ "popper-class": t.tooltipClass,
|
|
|
+ disabled: !t.showTooltip
|
|
|
+ }
|
|
|
+ }, [e("span", {
|
|
|
+ attrs: {
|
|
|
+ slot: "content"
|
|
|
+ },
|
|
|
+ slot: "content"
|
|
|
+ }, [t._v(t._s(t.formatValue))]), e("div", {
|
|
|
+ staticClass: "el-slider__button",
|
|
|
+ class: {
|
|
|
+ hover: t.hovering, dragging: t.dragging
|
|
|
+ }
|
|
|
+ })])], 1)
|
|
|
+ };
|
|
|
+ $r._withStripped = mt._withStripped = !0;
|
|
|
+ o = r({
|
|
|
+ name: "ElSliderButton",
|
|
|
+ components: {
|
|
|
+ ElTooltip: ri
|
|
|
+ },
|
|
|
+ props: {
|
|
|
+ value: {
|
|
|
+ type: Number,
|
|
|
+ default: 0
|
|
|
+ },
|
|
|
+ vertical: {
|
|
|
+ type: Boolean,
|
|
|
+ default: !1
|
|
|
+ },
|
|
|
+ tooltipClass: String
|
|
|
+ },
|
|
|
+ data: function () {
|
|
|
+ return {
|
|
|
+ hovering: !1,
|
|
|
+ dragging: !1,
|
|
|
+ isClick: !1,
|
|
|
+ startX: 0,
|
|
|
+ currentX: 0,
|
|
|
+ startY: 0,
|
|
|
+ currentY: 0,
|
|
|
+ startPosition: 0,
|
|
|
+ newPosition: null,
|
|
|
+ oldValue: this.value
|
|
|
+ }
|
|
|
+ },
|
|
|
+ computed: {
|
|
|
+ disabled: function () {
|
|
|
+ return this.$parent.sliderDisabled
|
|
|
+ },
|
|
|
+ max: function () {
|
|
|
+ return this.$parent.max
|
|
|
+ },
|
|
|
+ min: function () {
|
|
|
+ return this.$parent.min
|
|
|
+ },
|
|
|
+ step: function () {
|
|
|
+ return this.$parent.step
|
|
|
+ },
|
|
|
+ showTooltip: function () {
|
|
|
+ return this.$parent.showTooltip
|
|
|
+ },
|
|
|
+ precision: function () {
|
|
|
+ return this.$parent.precision
|
|
|
+ },
|
|
|
+ currentPosition: function () {
|
|
|
+ return (this.value - this.min) / (this.max - this.min) * 100 + "%"
|
|
|
+ },
|
|
|
+ enableFormat: function () {
|
|
|
+ return this.$parent.formatTooltip instanceof Function
|
|
|
+ },
|
|
|
+ formatValue: function () {
|
|
|
+ return this.enableFormat && this.$parent.formatTooltip(this.value) || this.value
|
|
|
+ },
|
|
|
+ wrapperStyle: function () {
|
|
|
+ return this.vertical ? {
|
|
|
+ bottom: this.currentPosition
|
|
|
+ } : {
|
|
|
+ left: this.currentPosition
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ watch: {
|
|
|
+ dragging: function (e) {
|
|
|
+ this.$parent.dragging = e
|
|
|
+ }
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ displayTooltip: function () {
|
|
|
+ this.$refs.tooltip && (this.$refs.tooltip.showPopper = !0)
|
|
|
+ },
|
|
|
+ hideTooltip: function () {
|
|
|
+ this.$refs.tooltip && (this.$refs.tooltip.showPopper = !1)
|
|
|
+ },
|
|
|
+ handleMouseEnter: function () {
|
|
|
+ this.hovering = !0, this.displayTooltip()
|
|
|
+ },
|
|
|
+ handleMouseLeave: function () {
|
|
|
+ this.hovering = !1, this.hideTooltip()
|
|
|
+ },
|
|
|
+ onButtonDown: function (e) {
|
|
|
+ this.disabled || (e.preventDefault(), this.onDragStart(e), window.addEventListener("mousemove", this.onDragging), window.addEventListener("touchmove", this.onDragging), window.addEventListener("mouseup", this.onDragEnd), window.addEventListener("touchend", this.onDragEnd), window.addEventListener("contextmenu", this.onDragEnd))
|
|
|
+ },
|
|
|
+ onLeftKeyDown: function () {
|
|
|
+ this.disabled || (this.newPosition = parseFloat(this.currentPosition) - this.step / (this.max - this.min) * 100, this.setPosition(this.newPosition), this.$parent.emitChange())
|
|
|
+ },
|
|
|
+ onRightKeyDown: function () {
|
|
|
+ this.disabled || (this.newPosition = parseFloat(this.currentPosition) + this.step / (this.max - this.min) * 100, this.setPosition(this.newPosition), this.$parent.emitChange())
|
|
|
+ },
|
|
|
+ onDragStart: function (e) {
|
|
|
+ this.dragging = !0, this.isClick = !0, "touchstart" === e.type && (e.clientY = e.touches[0].clientY, e.clientX = e.touches[0].clientX), this.vertical ? this.startY = e.clientY : this.startX = e.clientX, this.startPosition = parseFloat(this.currentPosition), this.newPosition = this.startPosition
|
|
|
+ },
|
|
|
+ onDragging: function (e) {
|
|
|
+ var t;
|
|
|
+ this.dragging && (this.isClick = !1, this.displayTooltip(), this.$parent.resetSize(), t = 0, "touchmove" === e.type && (e.clientY = e.touches[0].clientY, e.clientX = e.touches[0].clientX), t = this.vertical ? (this.currentY = e.clientY, (this.startY - this.currentY) / this.$parent.sliderSize * 100) : (this.currentX = e.clientX, (this.currentX - this.startX) / this.$parent.sliderSize * 100), this.newPosition = this.startPosition + t, this.setPosition(this.newPosition))
|
|
|
+ },
|
|
|
+ onDragEnd: function () {
|
|
|
+ var e = this;
|
|
|
+ this.dragging && (setTimeout(function () {
|
|
|
+ e.dragging = !1, e.hideTooltip(), e.isClick || (e.setPosition(e.newPosition), e.$parent.emitChange())
|
|
|
+ }, 0), window.removeEventListener("mousemove", this.onDragging), window.removeEventListener("touchmove", this.onDragging), window.removeEventListener("mouseup", this.onDragEnd), window.removeEventListener("touchend", this.onDragEnd), window.removeEventListener("contextmenu", this.onDragEnd))
|
|
|
+ },
|
|
|
+ setPosition: function (e) {
|
|
|
+ var t, i = this;
|
|
|
+ null === e || isNaN(e) || (e < 0 ? e = 0 : 100 < e && (e = 100), t = 100 / ((this.max - this.min) / this.step), t = Math.round(e / t) * t * (this.max - this.min) * .01 + this.min, t = parseFloat(t.toFixed(this.precision)), this.$emit("input", t), this.$nextTick(function () {
|
|
|
+ i.displayTooltip(), i.$refs.tooltip && i.$refs.tooltip.updatePopper()
|
|
|
+ }), this.dragging || this.value === this.oldValue || (this.oldValue = this.value))
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, $r, [], !1, null, null, null);
|
|
|
+ o.options.__file = "packages/slider/src/button.vue";
|
|
|
+ Ct = o.exports, $t = {
|
|
|
+ name: "ElMarker",
|
|
|
+ props: {
|
|
|
+ mark: {
|
|
|
+ type: [String, Object]
|
|
|
+ }
|
|
|
+ },
|
|
|
+ render: function () {
|
|
|
+ var e = arguments[0],
|
|
|
+ t = "string" == typeof this.mark ? this.mark : this.mark.label;
|
|
|
+ return e("div", {
|
|
|
+ class: "el-slider__marks-text",
|
|
|
+ style: this.mark.style || {}
|
|
|
+ }, [t])
|
|
|
+ }
|
|
|
+ }, pt = r({
|
|
|
+ name: "ElSlider",
|
|
|
+ mixins: [l],
|
|
|
+ inject: {
|
|
|
+ elForm: {
|
|
|
+ default: ""
|
|
|
+ }
|
|
|
+ },
|
|
|
+ props: {
|
|
|
+ min: {
|
|
|
+ type: Number,
|
|
|
+ default: 0
|
|
|
+ },
|
|
|
+ max: {
|
|
|
+ type: Number,
|
|
|
+ default: 100
|
|
|
+ },
|
|
|
+ step: {
|
|
|
+ type: Number,
|
|
|
+ default: 1
|
|
|
+ },
|
|
|
+ value: {
|
|
|
+ type: [Number, Array],
|
|
|
+ default: 0
|
|
|
+ },
|
|
|
+ showInput: {
|
|
|
+ type: Boolean,
|
|
|
+ default: !1
|
|
|
+ },
|
|
|
+ showInputControls: {
|
|
|
+ type: Boolean,
|
|
|
+ default: !0
|
|
|
+ },
|
|
|
+ inputSize: {
|
|
|
+ type: String,
|
|
|
+ default: "small"
|
|
|
+ },
|
|
|
+ showStops: {
|
|
|
+ type: Boolean,
|
|
|
+ default: !1
|
|
|
+ },
|
|
|
+ showTooltip: {
|
|
|
+ type: Boolean,
|
|
|
+ default: !0
|
|
|
+ },
|
|
|
+ formatTooltip: Function,
|
|
|
+ disabled: {
|
|
|
+ type: Boolean,
|
|
|
+ default: !1
|
|
|
+ },
|
|
|
+ range: {
|
|
|
+ type: Boolean,
|
|
|
+ default: !1
|
|
|
+ },
|
|
|
+ vertical: {
|
|
|
+ type: Boolean,
|
|
|
+ default: !1
|
|
|
+ },
|
|
|
+ height: {
|
|
|
+ type: String
|
|
|
+ },
|
|
|
+ debounce: {
|
|
|
+ type: Number,
|
|
|
+ default: 300
|
|
|
+ },
|
|
|
+ label: {
|
|
|
+ type: String
|
|
|
+ },
|
|
|
+ tooltipClass: String,
|
|
|
+ marks: Object
|
|
|
+ },
|
|
|
+ components: {
|
|
|
+ ElInputNumber: gi,
|
|
|
+ SliderButton: Ct,
|
|
|
+ SliderMarker: $t
|
|
|
+ },
|
|
|
+ data: function () {
|
|
|
+ return {
|
|
|
+ firstValue: null,
|
|
|
+ secondValue: null,
|
|
|
+ oldValue: null,
|
|
|
+ dragging: !1,
|
|
|
+ sliderSize: 1
|
|
|
+ }
|
|
|
+ },
|
|
|
+ watch: {
|
|
|
+ value: function (e, i) {
|
|
|
+ this.dragging || Array.isArray(e) && Array.isArray(i) && e.every(function (e, t) {
|
|
|
+ return e === i[t]
|
|
|
+ }) || this.setValues()
|
|
|
+ },
|
|
|
+ dragging: function (e) {
|
|
|
+ e || this.setValues()
|
|
|
+ },
|
|
|
+ firstValue: function (e) {
|
|
|
+ this.range ? this.$emit("input", [this.minValue, this.maxValue]) : this.$emit("input", e)
|
|
|
+ },
|
|
|
+ secondValue: function () {
|
|
|
+ this.range && this.$emit("input", [this.minValue, this.maxValue])
|
|
|
+ },
|
|
|
+ min: function () {
|
|
|
+ this.setValues()
|
|
|
+ },
|
|
|
+ max: function () {
|
|
|
+ this.setValues()
|
|
|
+ }
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ valueChanged: function () {
|
|
|
+ var i = this;
|
|
|
+ return this.range ? ![this.minValue, this.maxValue].every(function (e, t) {
|
|
|
+ return e === i.oldValue[t]
|
|
|
+ }) : this.value !== this.oldValue
|
|
|
+ },
|
|
|
+ setValues: function () {
|
|
|
+ var e;
|
|
|
+ this.min > this.max ? console.error("[Element Error][Slider]min should not be greater than max.") : (e = this.value, this.range && Array.isArray(e) ? e[1] < this.min ? this.$emit("input", [this.min, this.min]) : e[0] > this.max ? this.$emit("input", [this.max, this.max]) : e[0] < this.min ? this.$emit("input", [this.min, e[1]]) : e[1] > this.max ? this.$emit("input", [e[0], this.max]) : (this.firstValue = e[0], this.secondValue = e[1], this.valueChanged() && (this.dispatch("ElFormItem", "el.form.change", [this.minValue, this.maxValue]), this.oldValue = e.slice())) : this.range || "number" != typeof e || isNaN(e) || (e < this.min ? this.$emit("input", this.min) : e > this.max ? this.$emit("input", this.max) : (this.firstValue = e, this.valueChanged() && (this.dispatch("ElFormItem", "el.form.change", e), this.oldValue = e))))
|
|
|
+ },
|
|
|
+ setPosition: function (e) {
|
|
|
+ var t, i = this.min + e * (this.max - this.min) / 100;
|
|
|
+ this.range ? (t = void 0, t = Math.abs(this.minValue - i) < Math.abs(this.maxValue - i) ? this.firstValue < this.secondValue ? "button1" : "button2" : this.firstValue > this.secondValue ? "button1" : "button2", this.$refs[t].setPosition(e)) : this.$refs.button1.setPosition(e)
|
|
|
+ },
|
|
|
+ onSliderClick: function (e) {
|
|
|
+ var t;
|
|
|
+ this.sliderDisabled || this.dragging || (this.resetSize(), this.vertical ? (t = this.$refs.slider.getBoundingClientRect().bottom, this.setPosition((t - e.clientY) / this.sliderSize * 100)) : (t = this.$refs.slider.getBoundingClientRect().left, this.setPosition((e.clientX - t) / this.sliderSize * 100)), this.emitChange())
|
|
|
+ },
|
|
|
+ resetSize: function () {
|
|
|
+ this.$refs.slider && (this.sliderSize = this.$refs.slider["client" + (this.vertical ? "Height" : "Width")])
|
|
|
+ },
|
|
|
+ emitChange: function () {
|
|
|
+ var e = this;
|
|
|
+ this.$nextTick(function () {
|
|
|
+ e.$emit("change", e.range ? [e.minValue, e.maxValue] : e.value)
|
|
|
+ })
|
|
|
+ },
|
|
|
+ getStopStyle: function (e) {
|
|
|
+ return this.vertical ? {
|
|
|
+ bottom: e + "%"
|
|
|
+ } : {
|
|
|
+ left: e + "%"
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ computed: {
|
|
|
+ stops: function () {
|
|
|
+ var t = this;
|
|
|
+ if (!this.showStops || this.min > this.max) return [];
|
|
|
+ if (0 === this.step) return [];
|
|
|
+ for (var e = (this.max - this.min) / this.step, i = 100 * this.step / (this.max - this.min), n = [], r = 1; r < e; r++) n.push(r * i);
|
|
|
+ return this.range ? n.filter(function (e) {
|
|
|
+ return e < 100 * (t.minValue - t.min) / (t.max - t.min) || e > 100 * (t.maxValue - t.min) / (t.max - t.min)
|
|
|
+ }) : n.filter(function (e) {
|
|
|
+ return e > 100 * (t.firstValue - t.min) / (t.max - t.min)
|
|
|
+ })
|
|
|
+ },
|
|
|
+ markList: function () {
|
|
|
+ var t = this;
|
|
|
+ return this.marks ? Object.keys(this.marks).map(parseFloat).sort(function (e, t) {
|
|
|
+ return e - t
|
|
|
+ }).filter(function (e) {
|
|
|
+ return e <= t.max && e >= t.min
|
|
|
+ }).map(function (e) {
|
|
|
+ return {
|
|
|
+ point: e,
|
|
|
+ position: 100 * (e - t.min) / (t.max - t.min),
|
|
|
+ mark: t.marks[e]
|
|
|
+ }
|
|
|
+ }) : []
|
|
|
+ },
|
|
|
+ minValue: function () {
|
|
|
+ return Math.min(this.firstValue, this.secondValue)
|
|
|
+ },
|
|
|
+ maxValue: function () {
|
|
|
+ return Math.max(this.firstValue, this.secondValue)
|
|
|
+ },
|
|
|
+ barSize: function () {
|
|
|
+ return this.range ? 100 * (this.maxValue - this.minValue) / (this.max - this.min) + "%" : 100 * (this.firstValue - this.min) / (this.max - this.min) + "%"
|
|
|
+ },
|
|
|
+ barStart: function () {
|
|
|
+ return this.range ? 100 * (this.minValue - this.min) / (this.max - this.min) + "%" : "0%"
|
|
|
+ },
|
|
|
+ precision: function () {
|
|
|
+ var e = [this.min, this.max, this.step].map(function (e) {
|
|
|
+ e = ("" + e).split(".")[1];
|
|
|
+ return e ? e.length : 0
|
|
|
+ });
|
|
|
+ return Math.max.apply(null, e)
|
|
|
+ },
|
|
|
+ runwayStyle: function () {
|
|
|
+ return this.vertical ? {
|
|
|
+ height: this.height
|
|
|
+ } : {}
|
|
|
+ },
|
|
|
+ barStyle: function () {
|
|
|
+ return this.vertical ? {
|
|
|
+ height: this.barSize,
|
|
|
+ bottom: this.barStart
|
|
|
+ } : {
|
|
|
+ width: this.barSize,
|
|
|
+ left: this.barStart
|
|
|
+ }
|
|
|
+ },
|
|
|
+ sliderDisabled: function () {
|
|
|
+ return this.disabled || (this.elForm || {}).disabled
|
|
|
+ }
|
|
|
+ },
|
|
|
+ mounted: function () {
|
|
|
+ var e = void 0,
|
|
|
+ e = this.range ? (Array.isArray(this.value) ? (this.firstValue = Math.max(this.min, this.value[0]), this.secondValue = Math.min(this.max, this.value[1])) : (this.firstValue = this.min, this.secondValue = this.max), this.oldValue = [this.firstValue, this.secondValue], this.firstValue + "-" + this.secondValue) : ("number" != typeof this.value || isNaN(this.value) ? this.firstValue = this.min : this.firstValue = Math.min(this.max, Math.max(this.min, this.value)), this.oldValue = this.firstValue, this.firstValue);
|
|
|
+ this.$el.setAttribute("aria-valuetext", e), this.$el.setAttribute("aria-label", this.label || "slider between " + this.min + " and " + this.max), this.resetSize(), window.addEventListener("resize", this.resetSize)
|
|
|
+ },
|
|
|
+ beforeDestroy: function () {
|
|
|
+ window.removeEventListener("resize", this.resetSize)
|
|
|
+ }
|
|
|
+ }, mt, [], !1, null, null, null);
|
|
|
+ pt.options.__file = "packages/slider/src/main.vue";
|
|
|
+ var Bs = pt.exports;
|
|
|
+ Bs.install = function (e) {
|
|
|
+ e.component(Bs.name, Bs)
|
|
|
+ };
|
|
|
+ Mt = Bs, Nt = function () {
|
|
|
+ var e = this,
|
|
|
+ t = e.$createElement,
|
|
|
+ t = e._self._c || t;
|
|
|
+ return t("transition", {
|
|
|
+ attrs: {
|
|
|
+ name: "el-loading-fade"
|
|
|
+ },
|
|
|
+ on: {
|
|
|
+ "after-leave": e.handleAfterLeave
|
|
|
+ }
|
|
|
+ }, [t("div", {
|
|
|
+ directives: [{
|
|
|
+ name: "show",
|
|
|
+ rawName: "v-show",
|
|
|
+ value: e.visible,
|
|
|
+ expression: "visible"
|
|
|
+ }],
|
|
|
+ staticClass: "el-loading-mask",
|
|
|
+ class: [e.customClass, {
|
|
|
+ "is-fullscreen": e.fullscreen
|
|
|
+ }],
|
|
|
+ style: {
|
|
|
+ backgroundColor: e.background || ""
|
|
|
+ }
|
|
|
+ }, [t("div", {
|
|
|
+ staticClass: "el-loading-spinner"
|
|
|
+ }, [e.spinner ? t("i", {
|
|
|
+ class: e.spinner
|
|
|
+ }) : t("svg", {
|
|
|
+ staticClass: "circular",
|
|
|
+ attrs: {
|
|
|
+ viewBox: "25 25 50 50"
|
|
|
+ }
|
|
|
+ }, [t("circle", {
|
|
|
+ staticClass: "path",
|
|
|
+ attrs: {
|
|
|
+ cx: "50",
|
|
|
+ cy: "50",
|
|
|
+ r: "20",
|
|
|
+ fill: "none"
|
|
|
+ }
|
|
|
+ })]), e.text ? t("p", {
|
|
|
+ staticClass: "el-loading-text"
|
|
|
+ }, [e._v(e._s(e.text))]) : e._e()])])])
|
|
|
+ };
|
|
|
+ Nt._withStripped = !0;
|
|
|
+ Rt = r({
|
|
|
+ data: function () {
|
|
|
+ return {
|
|
|
+ text: null,
|
|
|
+ spinner: null,
|
|
|
+ background: null,
|
|
|
+ fullscreen: !0,
|
|
|
+ visible: !1,
|
|
|
+ customClass: ""
|
|
|
+ }
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ handleAfterLeave: function () {
|
|
|
+ this.$emit("after-leave")
|
|
|
+ },
|
|
|
+ setText: function (e) {
|
|
|
+ this.text = e
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, Nt, [], !1, null, null, null);
|
|
|
+ Rt.options.__file = "packages/loading/src/loading.vue";
|
|
|
+
|
|
|
+ function zs(e, t) {
|
|
|
+ var i = 2 < arguments.length && void 0 !== arguments[2] ? arguments[2] : 300,
|
|
|
+ n = 3 < arguments.length && void 0 !== arguments[3] && arguments[3];
|
|
|
+ if (!e || !t) throw new Error("instance & callback is required");
|
|
|
+
|
|
|
+ function r() {
|
|
|
+ s || (s = !0, t && t.apply(null, arguments))
|
|
|
+ }
|
|
|
+ var s = !1;
|
|
|
+ n ? e.$once("after-leave", r) : e.$on("after-leave", r), setTimeout(function () {
|
|
|
+ r()
|
|
|
+ }, i + 100)
|
|
|
+ }
|
|
|
+ var Jt = Rt.exports,
|
|
|
+ Hs = h.a.extend(Jt),
|
|
|
+ Rs = {
|
|
|
+ install: function (r) {
|
|
|
+ var a, e;
|
|
|
+ r.prototype.$isServer || (a = function (i, n) {
|
|
|
+ n.value ? r.nextTick(function () {
|
|
|
+ n.modifiers.fullscreen ? (i.originalPosition = me(document.body, "position"), i.originalOverflow = me(document.body, "overflow"), i.maskStyle.zIndex = Ce.nextZIndex(), he(i.mask, "is-fullscreen"), e(document.body, i, n)) : (de(i.mask, "is-fullscreen"), n.modifiers.body ? (i.originalPosition = me(document.body, "position"), ["top", "left"].forEach(function (e) {
|
|
|
+ var t = "top" === e ? "scrollTop" : "scrollLeft";
|
|
|
+ i.maskStyle[e] = i.getBoundingClientRect()[e] + document.body[t] + document.documentElement[t] - parseInt(me(document.body, "margin-" + e), 10) + "px"
|
|
|
+ }), ["height", "width"].forEach(function (e) {
|
|
|
+ i.maskStyle[e] = i.getBoundingClientRect()[e] + "px"
|
|
|
+ }), e(document.body, i, n)) : (i.originalPosition = me(i, "position"), e(i, i, n)))
|
|
|
+ }) : (zs(i.instance, function (e) {
|
|
|
+ var t;
|
|
|
+ i.instance.hiding && (i.domVisible = !1, de(t = n.modifiers.fullscreen || n.modifiers.body ? document.body : i, "el-loading-parent--relative"), de(t, "el-loading-parent--hidden"), i.instance.hiding = !1)
|
|
|
+ }, 300, !0), i.instance.visible = !1, i.instance.hiding = !0)
|
|
|
+ }, e = function (e, t, i) {
|
|
|
+ t.domVisible || "none" === me(t, "display") || "hidden" === me(t, "visibility") ? t.domVisible && !0 === t.instance.hiding && (t.instance.visible = !0, t.instance.hiding = !1) : (Object.keys(t.maskStyle).forEach(function (e) {
|
|
|
+ t.mask.style[e] = t.maskStyle[e]
|
|
|
+ }), "absolute" !== t.originalPosition && "fixed" !== t.originalPosition && he(e, "el-loading-parent--relative"), i.modifiers.fullscreen && i.modifiers.lock && he(e, "el-loading-parent--hidden"), t.domVisible = !0, e.appendChild(t.mask), r.nextTick(function () {
|
|
|
+ t.instance.hiding ? t.instance.$emit("after-leave") : t.instance.visible = !0
|
|
|
+ }), t.domInserted = !0)
|
|
|
+ }, r.directive("loading", {
|
|
|
+ bind: function (e, t, i) {
|
|
|
+ var n = e.getAttribute("element-loading-text"),
|
|
|
+ r = e.getAttribute("element-loading-spinner"),
|
|
|
+ s = e.getAttribute("element-loading-background"),
|
|
|
+ o = e.getAttribute("element-loading-custom-class"),
|
|
|
+ i = i.context,
|
|
|
+ o = new Hs({
|
|
|
+ el: document.createElement("div"),
|
|
|
+ data: {
|
|
|
+ text: i && i[n] || n,
|
|
|
+ spinner: i && i[r] || r,
|
|
|
+ background: i && i[s] || s,
|
|
|
+ customClass: i && i[o] || o,
|
|
|
+ fullscreen: !!t.modifiers.fullscreen
|
|
|
+ }
|
|
|
+ });
|
|
|
+ e.instance = o, e.mask = o.$el, e.maskStyle = {}, t.value && a(e, t)
|
|
|
+ },
|
|
|
+ update: function (e, t) {
|
|
|
+ e.instance.setText(e.getAttribute("element-loading-text")), t.oldValue !== t.value && a(e, t)
|
|
|
+ },
|
|
|
+ unbind: function (e, t) {
|
|
|
+ e.domInserted && (e.mask && e.mask.parentNode && e.mask.parentNode.removeChild(e.mask), a(e, {
|
|
|
+ value: !1,
|
|
|
+ modifiers: t.modifiers
|
|
|
+ })), e.instance && e.instance.$destroy()
|
|
|
+ }
|
|
|
+ }))
|
|
|
+ }
|
|
|
+ },
|
|
|
+ Ws = h.a.extend(Jt),
|
|
|
+ js = {
|
|
|
+ text: null,
|
|
|
+ fullscreen: !0,
|
|
|
+ body: !1,
|
|
|
+ lock: !1,
|
|
|
+ customClass: ""
|
|
|
+ },
|
|
|
+ qs = void 0;
|
|
|
+ Ws.prototype.originalPosition = "", Ws.prototype.originalOverflow = "", Ws.prototype.close = function () {
|
|
|
+ var i = this;
|
|
|
+ this.fullscreen && (qs = void 0), zs(this, function (e) {
|
|
|
+ var t = i.fullscreen || i.body ? document.body : i.target;
|
|
|
+ de(t, "el-loading-parent--relative"), de(t, "el-loading-parent--hidden"), i.$el && i.$el.parentNode && i.$el.parentNode.removeChild(i.$el), i.$destroy()
|
|
|
+ }, 300), this.visible = !1
|
|
|
+ };
|
|
|
+
|
|
|
+ function Ys() {
|
|
|
+ var i, e, t, n, r = 0 < arguments.length && void 0 !== arguments[0] ? arguments[0] : {};
|
|
|
+ if (!h.a.prototype.$isServer) {
|
|
|
+ if ("string" == typeof (r = X({}, js, r)).target && (r.target = document.querySelector(r.target)), r.target = r.target || document.body, r.target !== document.body ? r.fullscreen = !1 : r.body = !0, r.fullscreen && qs) return qs;
|
|
|
+ var s = r.body ? document.body : r.target,
|
|
|
+ o = new Ws({
|
|
|
+ el: document.createElement("div"),
|
|
|
+ data: r
|
|
|
+ });
|
|
|
+ return e = s, t = o, n = {}, (i = r).fullscreen ? (t.originalPosition = me(document.body, "position"), t.originalOverflow = me(document.body, "overflow"), n.zIndex = Ce.nextZIndex()) : i.body ? (t.originalPosition = me(document.body, "position"), ["top", "left"].forEach(function (e) {
|
|
|
+ var t = "top" === e ? "scrollTop" : "scrollLeft";
|
|
|
+ n[e] = i.target.getBoundingClientRect()[e] + document.body[t] + document.documentElement[t] + "px"
|
|
|
+ }), ["height", "width"].forEach(function (e) {
|
|
|
+ n[e] = i.target.getBoundingClientRect()[e] + "px"
|
|
|
+ })) : t.originalPosition = me(e, "position"), Object.keys(n).forEach(function (e) {
|
|
|
+ t.$el.style[e] = n[e]
|
|
|
+ }), "absolute" !== o.originalPosition && "fixed" !== o.originalPosition && he(s, "el-loading-parent--relative"), r.fullscreen && r.lock && he(s, "el-loading-parent--hidden"), s.appendChild(o.$el), h.a.nextTick(function () {
|
|
|
+ o.visible = !0
|
|
|
+ }), r.fullscreen && (qs = o), o
|
|
|
+ }
|
|
|
+ }
|
|
|
+ var Ks = {
|
|
|
+ install: function (e) {
|
|
|
+ e.use(Rs), e.prototype.$loading = Ys
|
|
|
+ },
|
|
|
+ directive: Rs,
|
|
|
+ service: Ys
|
|
|
+ },
|
|
|
+ jt = function () {
|
|
|
+ var e = this.$createElement;
|
|
|
+ return (this._self._c || e)("i", {
|
|
|
+ class: "el-icon-" + this.name
|
|
|
+ })
|
|
|
+ };
|
|
|
+ jt._withStripped = !0;
|
|
|
+ ii = r({
|
|
|
+ name: "ElIcon",
|
|
|
+ props: {
|
|
|
+ name: String
|
|
|
+ }
|
|
|
+ }, jt, [], !1, null, null, null);
|
|
|
+ ii.options.__file = "packages/icon/src/icon.vue";
|
|
|
+ var Gs = ii.exports;
|
|
|
+ Gs.install = function (e) {
|
|
|
+ e.component(Gs.name, Gs)
|
|
|
+ };
|
|
|
+ var pi = Gs,
|
|
|
+ Us = {
|
|
|
+ name: "ElRow",
|
|
|
+ componentName: "ElRow",
|
|
|
+ props: {
|
|
|
+ tag: {
|
|
|
+ type: String,
|
|
|
+ default: "div"
|
|
|
+ },
|
|
|
+ gutter: Number,
|
|
|
+ type: String,
|
|
|
+ justify: {
|
|
|
+ type: String,
|
|
|
+ default: "start"
|
|
|
+ },
|
|
|
+ align: String
|
|
|
+ },
|
|
|
+ computed: {
|
|
|
+ style: function () {
|
|
|
+ var e = {};
|
|
|
+ return this.gutter && (e.marginLeft = "-" + this.gutter / 2 + "px", e.marginRight = e.marginLeft), e
|
|
|
+ }
|
|
|
+ },
|
|
|
+ render: function (e) {
|
|
|
+ return e(this.tag, {
|
|
|
+ class: ["el-row", "start" !== this.justify ? "is-justify-" + this.justify : "", this.align ? "is-align-" + this.align : "", {
|
|
|
+ "el-row--flex": "flex" === this.type
|
|
|
+ }],
|
|
|
+ style: this.style
|
|
|
+ }, this.$slots.default)
|
|
|
+ },
|
|
|
+ install: function (e) {
|
|
|
+ e.component(Us.name, Us)
|
|
|
+ }
|
|
|
+ },
|
|
|
+ di = Us,
|
|
|
+ Xs = "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
|
|
|
+ },
|
|
|
+ Zs = {
|
|
|
+ name: "ElCol",
|
|
|
+ props: {
|
|
|
+ span: {
|
|
|
+ type: Number,
|
|
|
+ default: 24
|
|
|
+ },
|
|
|
+ tag: {
|
|
|
+ type: String,
|
|
|
+ default: "div"
|
|
|
+ },
|
|
|
+ offset: Number,
|
|
|
+ pull: Number,
|
|
|
+ push: Number,
|
|
|
+ xs: [Number, Object],
|
|
|
+ sm: [Number, Object],
|
|
|
+ md: [Number, Object],
|
|
|
+ lg: [Number, Object],
|
|
|
+ xl: [Number, Object]
|
|
|
+ },
|
|
|
+ computed: {
|
|
|
+ gutter: function () {
|
|
|
+ for (var e = this.$parent; e && "ElRow" !== e.$options.componentName;) e = e.$parent;
|
|
|
+ return e ? e.gutter : 0
|
|
|
+ }
|
|
|
+ },
|
|
|
+ render: function (e) {
|
|
|
+ var n = this,
|
|
|
+ r = [],
|
|
|
+ t = {};
|
|
|
+ return this.gutter && (t.paddingLeft = this.gutter / 2 + "px", t.paddingRight = t.paddingLeft), ["span", "offset", "pull", "push"].forEach(function (e) {
|
|
|
+ !n[e] && 0 !== n[e] || r.push("span" !== e ? "el-col-" + e + "-" + n[e] : "el-col-" + n[e])
|
|
|
+ }), ["xs", "sm", "md", "lg", "xl"].forEach(function (t) {
|
|
|
+ var i;
|
|
|
+ "number" == typeof n[t] ? r.push("el-col-" + t + "-" + n[t]) : "object" === Xs(n[t]) && (i = n[t], Object.keys(i).forEach(function (e) {
|
|
|
+ r.push("span" !== e ? "el-col-" + t + "-" + e + "-" + i[e] : "el-col-" + t + "-" + i[e])
|
|
|
+ }))
|
|
|
+ }), e(this.tag, {
|
|
|
+ class: ["el-col", r],
|
|
|
+ style: t
|
|
|
+ }, this.$slots.default)
|
|
|
+ },
|
|
|
+ install: function (e) {
|
|
|
+ e.component(Zs.name, Zs)
|
|
|
+ }
|
|
|
+ },
|
|
|
+ fi = Zs,
|
|
|
+ ui = function () {
|
|
|
+ var i = this,
|
|
|
+ e = i.$createElement,
|
|
|
+ n = i._self._c || e;
|
|
|
+ return n("transition-group", {
|
|
|
+ class: ["el-upload-list", "el-upload-list--" + i.listType, {
|
|
|
+ "is-disabled": i.disabled
|
|
|
+ }],
|
|
|
+ attrs: {
|
|
|
+ tag: "ul",
|
|
|
+ name: "el-list"
|
|
|
+ }
|
|
|
+ }, i._l(i.files, function (t) {
|
|
|
+ return n("li", {
|
|
|
+ key: t.uid,
|
|
|
+ class: ["el-upload-list__item", "is-" + t.status, i.focusing ? "focusing" : ""],
|
|
|
+ attrs: {
|
|
|
+ tabindex: "0"
|
|
|
+ },
|
|
|
+ on: {
|
|
|
+ keydown: function (e) {
|
|
|
+ if (!("button" in e) && i._k(e.keyCode, "delete", [8, 46], e.key, ["Backspace", "Delete", "Del"])) return null;
|
|
|
+ i.disabled || i.$emit("remove", t)
|
|
|
+ },
|
|
|
+ focus: function (e) {
|
|
|
+ i.focusing = !0
|
|
|
+ },
|
|
|
+ blur: function (e) {
|
|
|
+ i.focusing = !1
|
|
|
+ },
|
|
|
+ click: function (e) {
|
|
|
+ i.focusing = !1
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, [i._t("default", ["uploading" !== t.status && -1 < ["picture-card", "picture"].indexOf(i.listType) ? n("img", {
|
|
|
+ staticClass: "el-upload-list__item-thumbnail",
|
|
|
+ attrs: {
|
|
|
+ src: t.url,
|
|
|
+ alt: ""
|
|
|
+ }
|
|
|
+ }) : i._e(), n("a", {
|
|
|
+ staticClass: "el-upload-list__item-name",
|
|
|
+ on: {
|
|
|
+ click: function (e) {
|
|
|
+ i.handleClick(t)
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, [n("i", {
|
|
|
+ staticClass: "el-icon-document"
|
|
|
+ }), i._v(i._s(t.name) + "\n ")]), n("label", {
|
|
|
+ staticClass: "el-upload-list__item-status-label"
|
|
|
+ }, [n("i", {
|
|
|
+ class: {
|
|
|
+ "el-icon-upload-success": !0, "el-icon-circle-check": "text" === i.listType, "el-icon-check": -1 < ["picture-card", "picture"].indexOf(i.listType)
|
|
|
+ }
|
|
|
+ })]), i.disabled ? i._e() : n("i", {
|
|
|
+ staticClass: "el-icon-close",
|
|
|
+ on: {
|
|
|
+ click: function (e) {
|
|
|
+ i.$emit("remove", t)
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }), i.disabled ? i._e() : n("i", {
|
|
|
+ staticClass: "el-icon-close-tip"
|
|
|
+ }, [i._v(i._s(i.t("el.upload.deleteTip")))]), "uploading" === t.status ? n("el-progress", {
|
|
|
+ attrs: {
|
|
|
+ type: "picture-card" === i.listType ? "circle" : "line",
|
|
|
+ "stroke-width": "picture-card" === i.listType ? 6 : 2,
|
|
|
+ percentage: i.parsePercentage(t.percentage)
|
|
|
+ }
|
|
|
+ }) : i._e(), "picture-card" === i.listType ? n("span", {
|
|
|
+ staticClass: "el-upload-list__item-actions"
|
|
|
+ }, [i.handlePreview && "picture-card" === i.listType ? n("span", {
|
|
|
+ staticClass: "el-upload-list__item-preview",
|
|
|
+ on: {
|
|
|
+ click: function (e) {
|
|
|
+ i.handlePreview(t)
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, [n("i", {
|
|
|
+ staticClass: "el-icon-zoom-in"
|
|
|
+ })]) : i._e(), i.disabled ? i._e() : n("span", {
|
|
|
+ staticClass: "el-upload-list__item-delete",
|
|
|
+ on: {
|
|
|
+ click: function (e) {
|
|
|
+ i.$emit("remove", t)
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, [n("i", {
|
|
|
+ staticClass: "el-icon-delete"
|
|
|
+ })])]) : i._e()], {
|
|
|
+ file: t
|
|
|
+ })], 2)
|
|
|
+ }), 0)
|
|
|
+ },
|
|
|
+ zt = function () {
|
|
|
+ var e = this,
|
|
|
+ t = e.$createElement,
|
|
|
+ t = e._self._c || t;
|
|
|
+ return t("div", {
|
|
|
+ staticClass: "el-progress",
|
|
|
+ class: ["el-progress--" + e.type, e.status ? "is-" + e.status : "", {
|
|
|
+ "el-progress--without-text": !e.showText,
|
|
|
+ "el-progress--text-inside": e.textInside
|
|
|
+ }],
|
|
|
+ attrs: {
|
|
|
+ role: "progressbar",
|
|
|
+ "aria-valuenow": e.percentage,
|
|
|
+ "aria-valuemin": "0",
|
|
|
+ "aria-valuemax": "100"
|
|
|
+ }
|
|
|
+ }, ["line" === e.type ? t("div", {
|
|
|
+ staticClass: "el-progress-bar"
|
|
|
+ }, [t("div", {
|
|
|
+ staticClass: "el-progress-bar__outer",
|
|
|
+ style: {
|
|
|
+ height: e.strokeWidth + "px"
|
|
|
+ }
|
|
|
+ }, [t("div", {
|
|
|
+ staticClass: "el-progress-bar__inner",
|
|
|
+ style: e.barStyle
|
|
|
+ }, [e.showText && e.textInside ? t("div", {
|
|
|
+ staticClass: "el-progress-bar__innerText"
|
|
|
+ }, [e._v(e._s(e.content))]) : e._e()])])]) : t("div", {
|
|
|
+ staticClass: "el-progress-circle",
|
|
|
+ style: {
|
|
|
+ height: e.width + "px",
|
|
|
+ width: e.width + "px"
|
|
|
+ }
|
|
|
+ }, [t("svg", {
|
|
|
+ attrs: {
|
|
|
+ viewBox: "0 0 100 100"
|
|
|
+ }
|
|
|
+ }, [t("path", {
|
|
|
+ staticClass: "el-progress-circle__track",
|
|
|
+ style: e.trailPathStyle,
|
|
|
+ attrs: {
|
|
|
+ d: e.trackPath,
|
|
|
+ stroke: "#e5e9f2",
|
|
|
+ "stroke-width": e.relativeStrokeWidth,
|
|
|
+ fill: "none"
|
|
|
+ }
|
|
|
+ }), t("path", {
|
|
|
+ staticClass: "el-progress-circle__path",
|
|
|
+ style: e.circlePathStyle,
|
|
|
+ attrs: {
|
|
|
+ d: e.trackPath,
|
|
|
+ stroke: e.stroke,
|
|
|
+ fill: "none",
|
|
|
+ "stroke-linecap": e.strokeLinecap,
|
|
|
+ "stroke-width": e.percentage ? e.relativeStrokeWidth : 0
|
|
|
+ }
|
|
|
+ })])]), e.showText && !e.textInside ? t("div", {
|
|
|
+ staticClass: "el-progress__text",
|
|
|
+ style: {
|
|
|
+ fontSize: e.progressTextSize + "px"
|
|
|
+ }
|
|
|
+ }, [e.status ? t("i", {
|
|
|
+ class: e.iconClass
|
|
|
+ }) : [e._v(e._s(e.content))]], 2) : e._e()])
|
|
|
+ };
|
|
|
+ zt._withStripped = ui._withStripped = !0;
|
|
|
+ yi = r({
|
|
|
+ name: "ElProgress",
|
|
|
+ props: {
|
|
|
+ type: {
|
|
|
+ type: String,
|
|
|
+ default: "line",
|
|
|
+ validator: function (e) {
|
|
|
+ return -1 < ["line", "circle", "dashboard"].indexOf(e)
|
|
|
+ }
|
|
|
+ },
|
|
|
+ percentage: {
|
|
|
+ type: Number,
|
|
|
+ default: 0,
|
|
|
+ required: !0,
|
|
|
+ validator: function (e) {
|
|
|
+ return 0 <= e && e <= 100
|
|
|
+ }
|
|
|
+ },
|
|
|
+ status: {
|
|
|
+ type: String,
|
|
|
+ validator: function (e) {
|
|
|
+ return -1 < ["success", "exception", "warning"].indexOf(e)
|
|
|
+ }
|
|
|
+ },
|
|
|
+ strokeWidth: {
|
|
|
+ type: Number,
|
|
|
+ default: 6
|
|
|
+ },
|
|
|
+ strokeLinecap: {
|
|
|
+ type: String,
|
|
|
+ default: "round"
|
|
|
+ },
|
|
|
+ textInside: {
|
|
|
+ type: Boolean,
|
|
|
+ default: !1
|
|
|
+ },
|
|
|
+ width: {
|
|
|
+ type: Number,
|
|
|
+ default: 126
|
|
|
+ },
|
|
|
+ showText: {
|
|
|
+ type: Boolean,
|
|
|
+ default: !0
|
|
|
+ },
|
|
|
+ color: {
|
|
|
+ type: [String, Array, Function],
|
|
|
+ default: ""
|
|
|
+ },
|
|
|
+ format: Function
|
|
|
+ },
|
|
|
+ computed: {
|
|
|
+ barStyle: function () {
|
|
|
+ var e = {};
|
|
|
+ return e.width = this.percentage + "%", e.backgroundColor = this.getCurrentColor(this.percentage), e
|
|
|
+ },
|
|
|
+ relativeStrokeWidth: function () {
|
|
|
+ return (this.strokeWidth / this.width * 100).toFixed(1)
|
|
|
+ },
|
|
|
+ radius: function () {
|
|
|
+ return "circle" === this.type || "dashboard" === this.type ? parseInt(50 - parseFloat(this.relativeStrokeWidth) / 2, 10) : 0
|
|
|
+ },
|
|
|
+ trackPath: function () {
|
|
|
+ var e = this.radius,
|
|
|
+ t = "dashboard" === this.type;
|
|
|
+ return "\n M 50 50\n m 0 " + (t ? "" : "-") + e + "\n a " + e + " " + e + " 0 1 1 0 " + (t ? "-" : "") + 2 * e + "\n a " + e + " " + e + " 0 1 1 0 " + (t ? "" : "-") + 2 * e + "\n "
|
|
|
+ },
|
|
|
+ perimeter: function () {
|
|
|
+ return 2 * Math.PI * this.radius
|
|
|
+ },
|
|
|
+ rate: function () {
|
|
|
+ return "dashboard" === this.type ? .75 : 1
|
|
|
+ },
|
|
|
+ strokeDashoffset: function () {
|
|
|
+ return -1 * this.perimeter * (1 - this.rate) / 2 + "px"
|
|
|
+ },
|
|
|
+ trailPathStyle: function () {
|
|
|
+ return {
|
|
|
+ strokeDasharray: this.perimeter * this.rate + "px, " + this.perimeter + "px",
|
|
|
+ strokeDashoffset: this.strokeDashoffset
|
|
|
+ }
|
|
|
+ },
|
|
|
+ circlePathStyle: function () {
|
|
|
+ return {
|
|
|
+ strokeDasharray: this.perimeter * this.rate * (this.percentage / 100) + "px, " + this.perimeter + "px",
|
|
|
+ strokeDashoffset: this.strokeDashoffset,
|
|
|
+ transition: "stroke-dasharray 0.6s ease 0s, stroke 0.6s ease"
|
|
|
+ }
|
|
|
+ },
|
|
|
+ stroke: function () {
|
|
|
+ var e = void 0;
|
|
|
+ if (this.color) e = this.getCurrentColor(this.percentage);
|
|
|
+ else switch (this.status) {
|
|
|
+ case "success":
|
|
|
+ e = "#13ce66";
|
|
|
+ break;
|
|
|
+ case "exception":
|
|
|
+ e = "#ff4949";
|
|
|
+ break;
|
|
|
+ case "warning":
|
|
|
+ e = "#e6a23c";
|
|
|
+ break;
|
|
|
+ default:
|
|
|
+ e = "#20a0ff"
|
|
|
+ }
|
|
|
+ return e
|
|
|
+ },
|
|
|
+ iconClass: function () {
|
|
|
+ return "warning" === this.status ? "el-icon-warning" : "line" === this.type ? "success" === this.status ? "el-icon-circle-check" : "el-icon-circle-close" : "success" === this.status ? "el-icon-check" : "el-icon-close"
|
|
|
+ },
|
|
|
+ progressTextSize: function () {
|
|
|
+ return "line" === this.type ? 12 + .4 * this.strokeWidth : .111111 * this.width + 2
|
|
|
+ },
|
|
|
+ content: function () {
|
|
|
+ return "function" == typeof this.format ? this.format(this.percentage) || "" : this.percentage + "%"
|
|
|
+ }
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ getCurrentColor: function (e) {
|
|
|
+ return "function" == typeof this.color ? this.color(e) : "string" == typeof this.color ? this.color : this.getLevelColor(e)
|
|
|
+ },
|
|
|
+ getLevelColor: function (e) {
|
|
|
+ for (var t = this.getColorArray().sort(function (e, t) {
|
|
|
+ return e.percentage - t.percentage
|
|
|
+ }), i = 0; i < t.length; i++)
|
|
|
+ if (t[i].percentage > e) return t[i].color;
|
|
|
+ return t[t.length - 1].color
|
|
|
+ },
|
|
|
+ getColorArray: function () {
|
|
|
+ var e = this.color,
|
|
|
+ i = 100 / e.length;
|
|
|
+ return e.map(function (e, t) {
|
|
|
+ return "string" == typeof e ? {
|
|
|
+ color: e,
|
|
|
+ percentage: (t + 1) * i
|
|
|
+ } : e
|
|
|
+ })
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, zt, [], !1, null, null, null);
|
|
|
+ yi.options.__file = "packages/progress/src/progress.vue";
|
|
|
+ var Js = yi.exports;
|
|
|
+ Js.install = function (e) {
|
|
|
+ e.component(Js.name, Js)
|
|
|
+ };
|
|
|
+ Ci = Js, $i = r({
|
|
|
+ name: "ElUploadList",
|
|
|
+ mixins: [j],
|
|
|
+ data: function () {
|
|
|
+ return {
|
|
|
+ focusing: !1
|
|
|
+ }
|
|
|
+ },
|
|
|
+ components: {
|
|
|
+ ElProgress: Ci
|
|
|
+ },
|
|
|
+ props: {
|
|
|
+ files: {
|
|
|
+ type: Array,
|
|
|
+ default: function () {
|
|
|
+ return []
|
|
|
+ }
|
|
|
+ },
|
|
|
+ disabled: {
|
|
|
+ type: Boolean,
|
|
|
+ default: !1
|
|
|
+ },
|
|
|
+ handlePreview: Function,
|
|
|
+ listType: String
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ parsePercentage: function (e) {
|
|
|
+ return parseInt(e, 10)
|
|
|
+ },
|
|
|
+ handleClick: function (e) {
|
|
|
+ this.handlePreview && this.handlePreview(e)
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, ui, [], !1, null, null, null);
|
|
|
+ $i.options.__file = "packages/upload/src/upload-list.vue";
|
|
|
+ var Qs = $i.exports,
|
|
|
+ n = i(6),
|
|
|
+ eo = i.n(n),
|
|
|
+ d = function () {
|
|
|
+ var t = this,
|
|
|
+ e = t.$createElement;
|
|
|
+ return (t._self._c || e)("div", {
|
|
|
+ staticClass: "el-upload-dragger",
|
|
|
+ class: {
|
|
|
+ "is-dragover": t.dragover
|
|
|
+ },
|
|
|
+ on: {
|
|
|
+ drop: function (e) {
|
|
|
+ return e.preventDefault(), t.onDrop(e)
|
|
|
+ },
|
|
|
+ dragover: function (e) {
|
|
|
+ return e.preventDefault(), t.onDragover(e)
|
|
|
+ },
|
|
|
+ dragleave: function (e) {
|
|
|
+ e.preventDefault(), t.dragover = !1
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, [t._t("default")], 2)
|
|
|
+ };
|
|
|
+ d._withStripped = !0;
|
|
|
+ f = r({
|
|
|
+ name: "ElUploadDrag",
|
|
|
+ props: {
|
|
|
+ disabled: Boolean
|
|
|
+ },
|
|
|
+ inject: {
|
|
|
+ uploader: {
|
|
|
+ default: ""
|
|
|
+ }
|
|
|
+ },
|
|
|
+ data: function () {
|
|
|
+ return {
|
|
|
+ dragover: !1
|
|
|
+ }
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ onDragover: function () {
|
|
|
+ this.disabled || (this.dragover = !0)
|
|
|
+ },
|
|
|
+ onDrop: function (e) {
|
|
|
+ var r;
|
|
|
+ !this.disabled && this.uploader && (r = this.uploader.accept, this.dragover = !1, r ? this.$emit("file", [].slice.call(e.dataTransfer.files).filter(function (e) {
|
|
|
+ var t = e.type,
|
|
|
+ e = e.name,
|
|
|
+ i = -1 < e.indexOf(".") ? "." + e.split(".").pop() : "",
|
|
|
+ n = t.replace(/\/.*$/, "");
|
|
|
+ return r.split(",").map(function (e) {
|
|
|
+ return e.trim()
|
|
|
+ }).filter(function (e) {
|
|
|
+ return e
|
|
|
+ }).some(function (e) {
|
|
|
+ return /\..+$/.test(e) ? i === e : /\/\*$/.test(e) ? n === e.replace(/\/\*$/, "") : !!/^[^\/]+\/[^\/]+$/.test(e) && t === e
|
|
|
+ })
|
|
|
+ })) : this.$emit("file", e.dataTransfer.files))
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, d, [], !1, null, null, null);
|
|
|
+ f.options.__file = "packages/upload/src/upload-dragger.vue";
|
|
|
+ li = r({
|
|
|
+ inject: ["uploader"],
|
|
|
+ components: {
|
|
|
+ UploadDragger: f.exports
|
|
|
+ },
|
|
|
+ props: {
|
|
|
+ type: String,
|
|
|
+ action: {
|
|
|
+ type: String,
|
|
|
+ required: !0
|
|
|
+ },
|
|
|
+ name: {
|
|
|
+ type: String,
|
|
|
+ default: "file"
|
|
|
+ },
|
|
|
+ data: Object,
|
|
|
+ headers: Object,
|
|
|
+ withCredentials: Boolean,
|
|
|
+ multiple: Boolean,
|
|
|
+ accept: String,
|
|
|
+ onStart: Function,
|
|
|
+ onProgress: Function,
|
|
|
+ onSuccess: Function,
|
|
|
+ onError: Function,
|
|
|
+ beforeUpload: Function,
|
|
|
+ drag: Boolean,
|
|
|
+ onPreview: {
|
|
|
+ type: Function,
|
|
|
+ default: function () {}
|
|
|
+ },
|
|
|
+ onRemove: {
|
|
|
+ type: Function,
|
|
|
+ default: function () {}
|
|
|
+ },
|
|
|
+ fileList: Array,
|
|
|
+ autoUpload: Boolean,
|
|
|
+ listType: String,
|
|
|
+ httpRequest: {
|
|
|
+ type: Function,
|
|
|
+ default: function (n) {
|
|
|
+ if ("undefined" != typeof XMLHttpRequest) {
|
|
|
+ var r = new XMLHttpRequest,
|
|
|
+ s = n.action;
|
|
|
+ r.upload && (r.upload.onprogress = function (e) {
|
|
|
+ 0 < e.total && (e.percent = e.loaded / e.total * 100), n.onProgress(e)
|
|
|
+ });
|
|
|
+ var t = new FormData;
|
|
|
+ n.data && Object.keys(n.data).forEach(function (e) {
|
|
|
+ t.append(e, n.data[e])
|
|
|
+ }), t.append(n.filename, n.file, n.file.name), r.onerror = function (e) {
|
|
|
+ n.onError(e)
|
|
|
+ }, r.onload = function () {
|
|
|
+ if (r.status < 200 || 300 <= r.status) return n.onError((e = s, i = void 0, i = (t = r).response ? "" + (t.response.error || t.response) : t.responseText ? "" + t.responseText : "fail to post " + e + " " + t.status, (i = new Error(i)).status = t.status, i.method = "post", i.url = e, i));
|
|
|
+ var e, t, i;
|
|
|
+ n.onSuccess(function () {
|
|
|
+ var t = r.responseText || r.response;
|
|
|
+ if (!t) return t;
|
|
|
+ try {
|
|
|
+ return JSON.parse(t)
|
|
|
+ } catch (e) {
|
|
|
+ return t
|
|
|
+ }
|
|
|
+ }())
|
|
|
+ }, r.open("post", s, !0), n.withCredentials && "withCredentials" in r && (r.withCredentials = !0);
|
|
|
+ var e, i = n.headers || {};
|
|
|
+ for (e in i) i.hasOwnProperty(e) && null !== i[e] && r.setRequestHeader(e, i[e]);
|
|
|
+ return r.send(t), r
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ disabled: Boolean,
|
|
|
+ limit: Number,
|
|
|
+ onExceed: Function
|
|
|
+ },
|
|
|
+ data: function () {
|
|
|
+ return {
|
|
|
+ mouseover: !1,
|
|
|
+ reqs: {}
|
|
|
+ }
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ isImage: function (e) {
|
|
|
+ return -1 !== e.indexOf("image")
|
|
|
+ },
|
|
|
+ handleChange: function (e) {
|
|
|
+ e = e.target.files;
|
|
|
+ e && this.uploadFiles(e)
|
|
|
+ },
|
|
|
+ uploadFiles: function (e) {
|
|
|
+ var t = this;
|
|
|
+ this.limit && this.fileList.length + e.length > this.limit ? this.onExceed && this.onExceed(e, this.fileList) : (e = Array.prototype.slice.call(e), 0 !== (e = !this.multiple ? e.slice(0, 1) : e).length && e.forEach(function (e) {
|
|
|
+ t.onStart(e), t.autoUpload && t.upload(e)
|
|
|
+ }))
|
|
|
+ },
|
|
|
+ upload: function (n) {
|
|
|
+ var r = this;
|
|
|
+ if (this.$refs.input.value = null, !this.beforeUpload) return this.post(n);
|
|
|
+ var e = this.beforeUpload(n);
|
|
|
+ e && e.then ? e.then(function (e) {
|
|
|
+ var t = Object.prototype.toString.call(e);
|
|
|
+ if ("[object File]" === t || "[object Blob]" === t) {
|
|
|
+ for (var i in "[object Blob]" === t && (e = new File([e], n.name, {
|
|
|
+ type: n.type
|
|
|
+ })), n) n.hasOwnProperty(i) && (e[i] = n[i]);
|
|
|
+ r.post(e)
|
|
|
+ } else r.post(n)
|
|
|
+ }, function () {
|
|
|
+ r.onRemove(null, n)
|
|
|
+ }) : !1 !== e ? this.post(n) : this.onRemove(null, n)
|
|
|
+ },
|
|
|
+ abort: function (e) {
|
|
|
+ var t, i = this.reqs;
|
|
|
+ e ? ((t = e).uid && (t = e.uid), i[t] && i[t].abort()) : Object.keys(i).forEach(function (e) {
|
|
|
+ i[e] && i[e].abort(), delete i[e]
|
|
|
+ })
|
|
|
+ },
|
|
|
+ post: function (t) {
|
|
|
+ var i = this,
|
|
|
+ n = t.uid,
|
|
|
+ e = {
|
|
|
+ headers: this.headers,
|
|
|
+ withCredentials: this.withCredentials,
|
|
|
+ file: t,
|
|
|
+ data: this.data,
|
|
|
+ filename: this.name,
|
|
|
+ action: this.action,
|
|
|
+ onProgress: function (e) {
|
|
|
+ i.onProgress(e, t)
|
|
|
+ },
|
|
|
+ onSuccess: function (e) {
|
|
|
+ i.onSuccess(e, t), delete i.reqs[n]
|
|
|
+ },
|
|
|
+ onError: function (e) {
|
|
|
+ i.onError(e, t), delete i.reqs[n]
|
|
|
+ }
|
|
|
+ },
|
|
|
+ r = this.httpRequest(e);
|
|
|
+ (this.reqs[n] = r) && r.then && r.then(e.onSuccess, e.onError)
|
|
|
+ },
|
|
|
+ handleClick: function () {
|
|
|
+ this.disabled || (this.$refs.input.value = null, this.$refs.input.click())
|
|
|
+ },
|
|
|
+ handleKeydown: function (e) {
|
|
|
+ e.target === e.currentTarget && (13 !== e.keyCode && 32 !== e.keyCode || this.handleClick())
|
|
|
+ }
|
|
|
+ },
|
|
|
+ render: function (e) {
|
|
|
+ var t = this.handleClick,
|
|
|
+ i = this.drag,
|
|
|
+ n = this.name,
|
|
|
+ r = this.handleChange,
|
|
|
+ s = this.multiple,
|
|
|
+ o = this.accept,
|
|
|
+ a = this.listType,
|
|
|
+ l = this.uploadFiles,
|
|
|
+ u = this.disabled,
|
|
|
+ t = {
|
|
|
+ class: {
|
|
|
+ "el-upload": !0
|
|
|
+ },
|
|
|
+ on: {
|
|
|
+ click: t,
|
|
|
+ keydown: this.handleKeydown
|
|
|
+ }
|
|
|
+ };
|
|
|
+ return t.class["el-upload--" + a] = !0, e("div", eo()([t, {
|
|
|
+ attrs: {
|
|
|
+ tabindex: "0"
|
|
|
+ }
|
|
|
+ }]), [i ? e("upload-dragger", {
|
|
|
+ attrs: {
|
|
|
+ disabled: u
|
|
|
+ },
|
|
|
+ on: {
|
|
|
+ file: l
|
|
|
+ }
|
|
|
+ }, [this.$slots.default]) : this.$slots.default, e("input", {
|
|
|
+ class: "el-upload__input",
|
|
|
+ attrs: {
|
|
|
+ type: "file",
|
|
|
+ name: n,
|
|
|
+ multiple: s,
|
|
|
+ accept: o
|
|
|
+ },
|
|
|
+ ref: "input",
|
|
|
+ on: {
|
|
|
+ change: r
|
|
|
+ }
|
|
|
+ })])
|
|
|
+ }
|
|
|
+ }, void 0, void 0, !1, null, null, null);
|
|
|
+ li.options.__file = "packages/upload/src/upload.vue";
|
|
|
+ ae = li.exports;
|
|
|
+
|
|
|
+ function to() {}
|
|
|
+ Me = r({
|
|
|
+ name: "ElUpload",
|
|
|
+ mixins: [Y],
|
|
|
+ components: {
|
|
|
+ ElProgress: Ci,
|
|
|
+ UploadList: Qs,
|
|
|
+ Upload: ae
|
|
|
+ },
|
|
|
+ provide: function () {
|
|
|
+ return {
|
|
|
+ uploader: this
|
|
|
+ }
|
|
|
+ },
|
|
|
+ inject: {
|
|
|
+ elForm: {
|
|
|
+ default: ""
|
|
|
+ }
|
|
|
+ },
|
|
|
+ props: {
|
|
|
+ action: {
|
|
|
+ type: String,
|
|
|
+ required: !0
|
|
|
+ },
|
|
|
+ headers: {
|
|
|
+ type: Object,
|
|
|
+ default: function () {
|
|
|
+ return {}
|
|
|
+ }
|
|
|
+ },
|
|
|
+ data: Object,
|
|
|
+ multiple: Boolean,
|
|
|
+ name: {
|
|
|
+ type: String,
|
|
|
+ default: "file"
|
|
|
+ },
|
|
|
+ drag: Boolean,
|
|
|
+ dragger: Boolean,
|
|
|
+ withCredentials: Boolean,
|
|
|
+ showFileList: {
|
|
|
+ type: Boolean,
|
|
|
+ default: !0
|
|
|
+ },
|
|
|
+ accept: String,
|
|
|
+ type: {
|
|
|
+ type: String,
|
|
|
+ default: "select"
|
|
|
+ },
|
|
|
+ beforeUpload: Function,
|
|
|
+ beforeRemove: Function,
|
|
|
+ onRemove: {
|
|
|
+ type: Function,
|
|
|
+ default: to
|
|
|
+ },
|
|
|
+ onChange: {
|
|
|
+ type: Function,
|
|
|
+ default: to
|
|
|
+ },
|
|
|
+ onPreview: {
|
|
|
+ type: Function
|
|
|
+ },
|
|
|
+ onSuccess: {
|
|
|
+ type: Function,
|
|
|
+ default: to
|
|
|
+ },
|
|
|
+ onProgress: {
|
|
|
+ type: Function,
|
|
|
+ default: to
|
|
|
+ },
|
|
|
+ onError: {
|
|
|
+ type: Function,
|
|
|
+ default: to
|
|
|
+ },
|
|
|
+ fileList: {
|
|
|
+ type: Array,
|
|
|
+ default: function () {
|
|
|
+ return []
|
|
|
+ }
|
|
|
+ },
|
|
|
+ autoUpload: {
|
|
|
+ type: Boolean,
|
|
|
+ default: !0
|
|
|
+ },
|
|
|
+ listType: {
|
|
|
+ type: String,
|
|
|
+ default: "text"
|
|
|
+ },
|
|
|
+ httpRequest: Function,
|
|
|
+ disabled: Boolean,
|
|
|
+ limit: Number,
|
|
|
+ onExceed: {
|
|
|
+ type: Function,
|
|
|
+ default: to
|
|
|
+ }
|
|
|
+ },
|
|
|
+ data: function () {
|
|
|
+ return {
|
|
|
+ uploadFiles: [],
|
|
|
+ dragOver: !1,
|
|
|
+ draging: !1,
|
|
|
+ tempIndex: 1
|
|
|
+ }
|
|
|
+ },
|
|
|
+ computed: {
|
|
|
+ uploadDisabled: function () {
|
|
|
+ return this.disabled || (this.elForm || {}).disabled
|
|
|
+ }
|
|
|
+ },
|
|
|
+ watch: {
|
|
|
+ listType: function (e) {
|
|
|
+ "picture-card" !== e && "picture" !== e || (this.uploadFiles = this.uploadFiles.map(function (e) {
|
|
|
+ if (!e.url && e.raw) try {
|
|
|
+ e.url = URL.createObjectURL(e.raw)
|
|
|
+ } catch (e) {
|
|
|
+ console.error("[Element Error][Upload]", e)
|
|
|
+ }
|
|
|
+ return e
|
|
|
+ }))
|
|
|
+ },
|
|
|
+ fileList: {
|
|
|
+ immediate: !0,
|
|
|
+ handler: function (e) {
|
|
|
+ var t = this;
|
|
|
+ this.uploadFiles = e.map(function (e) {
|
|
|
+ return e.uid = e.uid || Date.now() + t.tempIndex++, e.status = e.status || "success", e
|
|
|
+ })
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ handleStart: function (e) {
|
|
|
+ e.uid = Date.now() + this.tempIndex++;
|
|
|
+ var t = {
|
|
|
+ status: "ready",
|
|
|
+ name: e.name,
|
|
|
+ size: e.size,
|
|
|
+ percentage: 0,
|
|
|
+ uid: e.uid,
|
|
|
+ raw: e
|
|
|
+ };
|
|
|
+ if ("picture-card" === this.listType || "picture" === this.listType) try {
|
|
|
+ t.url = URL.createObjectURL(e)
|
|
|
+ } catch (e) {
|
|
|
+ return void console.error("[Element Error][Upload]", e)
|
|
|
+ }
|
|
|
+ this.uploadFiles.push(t), this.onChange(t, this.uploadFiles)
|
|
|
+ },
|
|
|
+ handleProgress: function (e, t) {
|
|
|
+ t = this.getFile(t);
|
|
|
+ this.onProgress(e, t, this.uploadFiles), t.status = "uploading", t.percentage = e.percent || 0
|
|
|
+ },
|
|
|
+ handleSuccess: function (e, t) {
|
|
|
+ t = this.getFile(t);
|
|
|
+ t && (t.status = "success", t.response = e, this.onSuccess(e, t, this.uploadFiles), this.onChange(t, this.uploadFiles))
|
|
|
+ },
|
|
|
+ handleError: function (e, t) {
|
|
|
+ var i = this.getFile(t),
|
|
|
+ t = this.uploadFiles;
|
|
|
+ i.status = "fail", t.splice(t.indexOf(i), 1), this.onError(e, i, this.uploadFiles), this.onChange(i, this.uploadFiles)
|
|
|
+ },
|
|
|
+ handleRemove: function (t, e) {
|
|
|
+ var i = this;
|
|
|
+ e && (t = this.getFile(e));
|
|
|
+
|
|
|
+ function n() {
|
|
|
+ i.abort(t);
|
|
|
+ var e = i.uploadFiles;
|
|
|
+ e.splice(e.indexOf(t), 1), i.onRemove(t, e)
|
|
|
+ }
|
|
|
+ this.beforeRemove ? "function" == typeof this.beforeRemove && ((e = this.beforeRemove(t, this.uploadFiles)) && e.then ? e.then(function () {
|
|
|
+ n()
|
|
|
+ }, to) : !1 !== e && n()) : n()
|
|
|
+ },
|
|
|
+ getFile: function (t) {
|
|
|
+ var e = this.uploadFiles,
|
|
|
+ i = void 0;
|
|
|
+ return e.every(function (e) {
|
|
|
+ return !(i = t.uid === e.uid ? e : null)
|
|
|
+ }), i
|
|
|
+ },
|
|
|
+ abort: function (e) {
|
|
|
+ this.$refs["upload-inner"].abort(e)
|
|
|
+ },
|
|
|
+ clearFiles: function () {
|
|
|
+ this.uploadFiles = []
|
|
|
+ },
|
|
|
+ submit: function () {
|
|
|
+ var t = this;
|
|
|
+ this.uploadFiles.filter(function (e) {
|
|
|
+ return "ready" === e.status
|
|
|
+ }).forEach(function (e) {
|
|
|
+ t.$refs["upload-inner"].upload(e.raw)
|
|
|
+ })
|
|
|
+ },
|
|
|
+ getMigratingConfig: function () {
|
|
|
+ return {
|
|
|
+ props: {
|
|
|
+ "default-file-list": "default-file-list is renamed to file-list.",
|
|
|
+ "show-upload-list": "show-upload-list is renamed to show-file-list.",
|
|
|
+ "thumbnail-mode": "thumbnail-mode has been deprecated, you can implement the same effect according to this case: http://element.eleme.io/#/zh-CN/component/upload#yong-hu-tou-xiang-shang-chuan"
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ beforeDestroy: function () {
|
|
|
+ this.uploadFiles.forEach(function (e) {
|
|
|
+ e.url && 0 === e.url.indexOf("blob:") && URL.revokeObjectURL(e.url)
|
|
|
+ })
|
|
|
+ },
|
|
|
+ render: function (e) {
|
|
|
+ var t = this,
|
|
|
+ i = void 0;
|
|
|
+ this.showFileList && (i = e(Qs, {
|
|
|
+ attrs: {
|
|
|
+ disabled: this.uploadDisabled,
|
|
|
+ listType: this.listType,
|
|
|
+ files: this.uploadFiles,
|
|
|
+ handlePreview: this.onPreview
|
|
|
+ },
|
|
|
+ on: {
|
|
|
+ remove: this.handleRemove
|
|
|
+ }
|
|
|
+ }, [function (e) {
|
|
|
+ if (t.$scopedSlots.file) return t.$scopedSlots.file({
|
|
|
+ file: e.file
|
|
|
+ })
|
|
|
+ }]));
|
|
|
+ var n = e("upload", {
|
|
|
+ props: {
|
|
|
+ type: this.type,
|
|
|
+ drag: this.drag,
|
|
|
+ action: this.action,
|
|
|
+ multiple: this.multiple,
|
|
|
+ "before-upload": this.beforeUpload,
|
|
|
+ "with-credentials": this.withCredentials,
|
|
|
+ headers: this.headers,
|
|
|
+ name: this.name,
|
|
|
+ data: this.data,
|
|
|
+ accept: this.accept,
|
|
|
+ fileList: this.uploadFiles,
|
|
|
+ autoUpload: this.autoUpload,
|
|
|
+ listType: this.listType,
|
|
|
+ disabled: this.uploadDisabled,
|
|
|
+ limit: this.limit,
|
|
|
+ "on-exceed": this.onExceed,
|
|
|
+ "on-start": this.handleStart,
|
|
|
+ "on-progress": this.handleProgress,
|
|
|
+ "on-success": this.handleSuccess,
|
|
|
+ "on-error": this.handleError,
|
|
|
+ "on-preview": this.onPreview,
|
|
|
+ "on-remove": this.handleRemove,
|
|
|
+ "http-request": this.httpRequest
|
|
|
+ },
|
|
|
+ ref: "upload-inner"
|
|
|
+ }, [this.$slots.trigger || this.$slots.default]);
|
|
|
+ return e("div", ["picture-card" === this.listType ? i : "", this.$slots.trigger ? [n, this.$slots.default] : n, this.$slots.tip, "picture-card" !== this.listType ? i : ""])
|
|
|
+ }
|
|
|
+ }, void 0, void 0, !1, null, null, null);
|
|
|
+ Me.options.__file = "packages/upload/src/index.vue";
|
|
|
+ var io = Me.exports;
|
|
|
+ io.install = function (e) {
|
|
|
+ e.component(io.name, io)
|
|
|
+ };
|
|
|
+ s = io, Pe = function () {
|
|
|
+ var e = this.$createElement,
|
|
|
+ e = this._self._c || e;
|
|
|
+ return e("span", {
|
|
|
+ staticClass: "el-spinner"
|
|
|
+ }, [e("svg", {
|
|
|
+ staticClass: "el-spinner-inner",
|
|
|
+ style: {
|
|
|
+ width: this.radius / 2 + "px",
|
|
|
+ height: this.radius / 2 + "px"
|
|
|
+ },
|
|
|
+ attrs: {
|
|
|
+ viewBox: "0 0 50 50"
|
|
|
+ }
|
|
|
+ }, [e("circle", {
|
|
|
+ staticClass: "path",
|
|
|
+ attrs: {
|
|
|
+ cx: "25",
|
|
|
+ cy: "25",
|
|
|
+ r: "20",
|
|
|
+ fill: "none",
|
|
|
+ stroke: this.strokeColor,
|
|
|
+ "stroke-width": this.strokeWidth
|
|
|
+ }
|
|
|
+ })])])
|
|
|
+ };
|
|
|
+ Pe._withStripped = !0;
|
|
|
+ u = r({
|
|
|
+ name: "ElSpinner",
|
|
|
+ props: {
|
|
|
+ type: String,
|
|
|
+ radius: {
|
|
|
+ type: Number,
|
|
|
+ default: 100
|
|
|
+ },
|
|
|
+ strokeWidth: {
|
|
|
+ type: Number,
|
|
|
+ default: 5
|
|
|
+ },
|
|
|
+ strokeColor: {
|
|
|
+ type: String,
|
|
|
+ default: "#efefef"
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, Pe, [], !1, null, null, null);
|
|
|
+ u.options.__file = "packages/spinner/src/spinner.vue";
|
|
|
+ var no = u.exports;
|
|
|
+ no.install = function (e) {
|
|
|
+ e.component(no.name, no)
|
|
|
+ };
|
|
|
+ Ae = no, ut = function () {
|
|
|
+ var e = this,
|
|
|
+ t = e.$createElement,
|
|
|
+ t = e._self._c || t;
|
|
|
+ return t("transition", {
|
|
|
+ attrs: {
|
|
|
+ name: "el-message-fade"
|
|
|
+ },
|
|
|
+ on: {
|
|
|
+ "after-leave": e.handleAfterLeave
|
|
|
+ }
|
|
|
+ }, [t("div", {
|
|
|
+ directives: [{
|
|
|
+ name: "show",
|
|
|
+ rawName: "v-show",
|
|
|
+ value: e.visible,
|
|
|
+ expression: "visible"
|
|
|
+ }],
|
|
|
+ class: ["el-message", e.type && !e.iconClass ? "el-message--" + e.type : "", e.center ? "is-center" : "", e.showClose ? "is-closable" : "", e.customClass],
|
|
|
+ style: e.positionStyle,
|
|
|
+ attrs: {
|
|
|
+ role: "alert"
|
|
|
+ },
|
|
|
+ on: {
|
|
|
+ mouseenter: e.clearTimer,
|
|
|
+ mouseleave: e.startTimer
|
|
|
+ }
|
|
|
+ }, [e.iconClass ? t("i", {
|
|
|
+ class: e.iconClass
|
|
|
+ }) : t("i", {
|
|
|
+ class: e.typeClass
|
|
|
+ }), e._t("default", [e.dangerouslyUseHTMLString ? t("p", {
|
|
|
+ staticClass: "el-message__content",
|
|
|
+ domProps: {
|
|
|
+ innerHTML: e._s(e.message)
|
|
|
+ }
|
|
|
+ }) : t("p", {
|
|
|
+ staticClass: "el-message__content"
|
|
|
+ }, [e._v(e._s(e.message))])]), e.showClose ? t("i", {
|
|
|
+ staticClass: "el-message__closeBtn el-icon-close",
|
|
|
+ on: {
|
|
|
+ click: e.close
|
|
|
+ }
|
|
|
+ }) : e._e()], 2)])
|
|
|
+ };
|
|
|
+ ut._withStripped = !0;
|
|
|
+ var ro = {
|
|
|
+ success: "success",
|
|
|
+ info: "info",
|
|
|
+ warning: "warning",
|
|
|
+ error: "error"
|
|
|
+ },
|
|
|
+ vi = r({
|
|
|
+ data: function () {
|
|
|
+ return {
|
|
|
+ visible: !1,
|
|
|
+ message: "",
|
|
|
+ duration: 3e3,
|
|
|
+ type: "info",
|
|
|
+ iconClass: "",
|
|
|
+ customClass: "",
|
|
|
+ onClose: null,
|
|
|
+ showClose: !1,
|
|
|
+ closed: !1,
|
|
|
+ verticalOffset: 20,
|
|
|
+ timer: null,
|
|
|
+ dangerouslyUseHTMLString: !1,
|
|
|
+ center: !1
|
|
|
+ }
|
|
|
+ },
|
|
|
+ computed: {
|
|
|
+ typeClass: function () {
|
|
|
+ return this.type && !this.iconClass ? "el-message__icon el-icon-" + ro[this.type] : ""
|
|
|
+ },
|
|
|
+ positionStyle: function () {
|
|
|
+ return {
|
|
|
+ top: this.verticalOffset + "px"
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ watch: {
|
|
|
+ closed: function (e) {
|
|
|
+ e && (this.visible = !1)
|
|
|
+ }
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ handleAfterLeave: function () {
|
|
|
+ this.$destroy(!0), this.$el.parentNode.removeChild(this.$el)
|
|
|
+ },
|
|
|
+ close: function () {
|
|
|
+ this.closed = !0, "function" == typeof this.onClose && this.onClose(this)
|
|
|
+ },
|
|
|
+ clearTimer: function () {
|
|
|
+ clearTimeout(this.timer)
|
|
|
+ },
|
|
|
+ startTimer: function () {
|
|
|
+ var e = this;
|
|
|
+ 0 < this.duration && (this.timer = setTimeout(function () {
|
|
|
+ e.closed || e.close()
|
|
|
+ }, this.duration))
|
|
|
+ },
|
|
|
+ keydown: function (e) {
|
|
|
+ 27 === e.keyCode && (this.closed || this.close())
|
|
|
+ }
|
|
|
+ },
|
|
|
+ mounted: function () {
|
|
|
+ this.startTimer(), document.addEventListener("keydown", this.keydown)
|
|
|
+ },
|
|
|
+ beforeDestroy: function () {
|
|
|
+ document.removeEventListener("keydown", this.keydown)
|
|
|
+ }
|
|
|
+ }, ut, [], !1, null, null, null);
|
|
|
+ vi.options.__file = "packages/message/src/main.vue";
|
|
|
+
|
|
|
+ function so(e) {
|
|
|
+ if (!h.a.prototype.$isServer) {
|
|
|
+ var t = (e = "string" == typeof (e = e || {}) ? {
|
|
|
+ message: e
|
|
|
+ } : e).onClose,
|
|
|
+ i = "message_" + uo++;
|
|
|
+ e.onClose = function () {
|
|
|
+ so.close(i, t)
|
|
|
+ }, (ao = new oo({
|
|
|
+ data: e
|
|
|
+ })).id = i, Pr(ao.message) && (ao.$slots.default = [ao.message], ao.message = null), ao.$mount(), document.body.appendChild(ao.$el);
|
|
|
+ var n = e.offset || 20;
|
|
|
+ return lo.forEach(function (e) {
|
|
|
+ n += e.$el.offsetHeight + 16
|
|
|
+ }), ao.verticalOffset = n, ao.visible = !0, ao.$el.style.zIndex = Ce.nextZIndex(), lo.push(ao), ao
|
|
|
+ }
|
|
|
+ }
|
|
|
+ var gt = vi.exports,
|
|
|
+ oo = h.a.extend(gt),
|
|
|
+ ao = void 0,
|
|
|
+ lo = [],
|
|
|
+ uo = 1;
|
|
|
+ ["success", "warning", "info", "error"].forEach(function (t) {
|
|
|
+ so[t] = function (e) {
|
|
|
+ return (e = "string" == typeof e ? {
|
|
|
+ message: e
|
|
|
+ } : e).type = t, so(e)
|
|
|
+ }
|
|
|
+ }), so.close = function (e, t) {
|
|
|
+ for (var i = lo.length, n = -1, r = void 0, s = 0; s < i; s++)
|
|
|
+ if (e === lo[s].id) {
|
|
|
+ r = lo[s].$el.offsetHeight, n = s, "function" == typeof t && t(lo[s]), lo.splice(s, 1);
|
|
|
+ break
|
|
|
+ } if (!(i <= 1 || -1 === n || n > lo.length - 1))
|
|
|
+ for (var o = n; o < i - 1; o++) {
|
|
|
+ var a = lo[o].$el;
|
|
|
+ a.style.top = parseInt(a.style.top, 10) - r - 16 + "px"
|
|
|
+ }
|
|
|
+ }, so.closeAll = function () {
|
|
|
+ for (var e = lo.length - 1; 0 <= e; e--) lo[e].close()
|
|
|
+ };
|
|
|
+ var co = so,
|
|
|
+ si = function () {
|
|
|
+ var e = this,
|
|
|
+ t = e.$createElement,
|
|
|
+ t = e._self._c || t;
|
|
|
+ return t("div", {
|
|
|
+ staticClass: "el-badge"
|
|
|
+ }, [e._t("default"), t("transition", {
|
|
|
+ attrs: {
|
|
|
+ name: "el-zoom-in-center"
|
|
|
+ }
|
|
|
+ }, [t("sup", {
|
|
|
+ directives: [{
|
|
|
+ name: "show",
|
|
|
+ rawName: "v-show",
|
|
|
+ value: !e.hidden && (e.content || 0 === e.content || e.isDot),
|
|
|
+ expression: "!hidden && (content || content === 0 || isDot)"
|
|
|
+ }],
|
|
|
+ staticClass: "el-badge__content",
|
|
|
+ class: ["el-badge__content--" + e.type, {
|
|
|
+ "is-fixed": e.$slots.default,
|
|
|
+ "is-dot": e.isDot
|
|
|
+ }],
|
|
|
+ domProps: {
|
|
|
+ textContent: e._s(e.content)
|
|
|
+ }
|
|
|
+ })])], 2)
|
|
|
+ };
|
|
|
+ si._withStripped = !0;
|
|
|
+ wt = r({
|
|
|
+ name: "ElBadge",
|
|
|
+ props: {
|
|
|
+ value: [String, Number],
|
|
|
+ max: Number,
|
|
|
+ isDot: Boolean,
|
|
|
+ hidden: Boolean,
|
|
|
+ type: {
|
|
|
+ type: String,
|
|
|
+ validator: function (e) {
|
|
|
+ return -1 < ["primary", "success", "warning", "info", "danger"].indexOf(e)
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ computed: {
|
|
|
+ content: function () {
|
|
|
+ if (!this.isDot) {
|
|
|
+ var e = this.value,
|
|
|
+ t = this.max;
|
|
|
+ return "number" == typeof e && "number" == typeof t && t < e ? t + "+" : e
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, si, [], !1, null, null, null);
|
|
|
+ wt.options.__file = "packages/badge/src/main.vue";
|
|
|
+ var ho = wt.exports;
|
|
|
+ ho.install = function (e) {
|
|
|
+ e.component(ho.name, ho)
|
|
|
+ };
|
|
|
+ $r = ho, o = function () {
|
|
|
+ var e = this,
|
|
|
+ t = e.$createElement,
|
|
|
+ t = e._self._c || t;
|
|
|
+ return t("div", {
|
|
|
+ staticClass: "el-card",
|
|
|
+ class: e.shadow ? "is-" + e.shadow + "-shadow" : "is-always-shadow"
|
|
|
+ }, [e.$slots.header || e.header ? t("div", {
|
|
|
+ staticClass: "el-card__header"
|
|
|
+ }, [e._t("header", [e._v(e._s(e.header))])], 2) : e._e(), t("div", {
|
|
|
+ staticClass: "el-card__body",
|
|
|
+ style: e.bodyStyle
|
|
|
+ }, [e._t("default")], 2)])
|
|
|
+ };
|
|
|
+ o._withStripped = !0;
|
|
|
+ Ct = r({
|
|
|
+ name: "ElCard",
|
|
|
+ props: {
|
|
|
+ header: {},
|
|
|
+ bodyStyle: {},
|
|
|
+ shadow: {
|
|
|
+ type: String
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, o, [], !1, null, null, null);
|
|
|
+ Ct.options.__file = "packages/card/src/main.vue";
|
|
|
+ var po = Ct.exports;
|
|
|
+ po.install = function (e) {
|
|
|
+ e.component(po.name, po)
|
|
|
+ };
|
|
|
+ $t = po, mt = function () {
|
|
|
+ var i = this,
|
|
|
+ e = i.$createElement,
|
|
|
+ n = i._self._c || e;
|
|
|
+ return n("div", {
|
|
|
+ staticClass: "el-rate",
|
|
|
+ attrs: {
|
|
|
+ role: "slider",
|
|
|
+ "aria-valuenow": i.currentValue,
|
|
|
+ "aria-valuetext": i.text,
|
|
|
+ "aria-valuemin": "0",
|
|
|
+ "aria-valuemax": i.max,
|
|
|
+ tabindex: "0"
|
|
|
+ },
|
|
|
+ on: {
|
|
|
+ keydown: i.handleKey
|
|
|
+ }
|
|
|
+ }, [i._l(i.max, function (t, e) {
|
|
|
+ return n("span", {
|
|
|
+ key: e,
|
|
|
+ staticClass: "el-rate__item",
|
|
|
+ style: {
|
|
|
+ cursor: i.rateDisabled ? "auto" : "pointer"
|
|
|
+ },
|
|
|
+ on: {
|
|
|
+ mousemove: function (e) {
|
|
|
+ i.setCurrentValue(t, e)
|
|
|
+ },
|
|
|
+ mouseleave: i.resetCurrentValue,
|
|
|
+ click: function (e) {
|
|
|
+ i.selectValue(t)
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, [n("i", {
|
|
|
+ staticClass: "el-rate__icon",
|
|
|
+ class: [i.classes[t - 1], {
|
|
|
+ hover: i.hoverIndex === t
|
|
|
+ }],
|
|
|
+ style: i.getIconStyle(t)
|
|
|
+ }, [i.showDecimalIcon(t) ? n("i", {
|
|
|
+ staticClass: "el-rate__decimal",
|
|
|
+ class: i.decimalIconClass,
|
|
|
+ style: i.decimalStyle
|
|
|
+ }) : i._e()])])
|
|
|
+ }), i.showText || i.showScore ? n("span", {
|
|
|
+ staticClass: "el-rate__text",
|
|
|
+ style: {
|
|
|
+ color: i.textColor
|
|
|
+ }
|
|
|
+ }, [i._v(i._s(i.text))]) : i._e()], 2)
|
|
|
+ };
|
|
|
+ mt._withStripped = !0;
|
|
|
+ pt = r({
|
|
|
+ name: "ElRate",
|
|
|
+ mixins: [Y],
|
|
|
+ inject: {
|
|
|
+ elForm: {
|
|
|
+ default: ""
|
|
|
+ }
|
|
|
+ },
|
|
|
+ data: function () {
|
|
|
+ return {
|
|
|
+ pointerAtLeftHalf: !0,
|
|
|
+ currentValue: this.value,
|
|
|
+ hoverIndex: -1
|
|
|
+ }
|
|
|
+ },
|
|
|
+ props: {
|
|
|
+ value: {
|
|
|
+ type: Number,
|
|
|
+ default: 0
|
|
|
+ },
|
|
|
+ lowThreshold: {
|
|
|
+ type: Number,
|
|
|
+ default: 2
|
|
|
+ },
|
|
|
+ highThreshold: {
|
|
|
+ type: Number,
|
|
|
+ default: 4
|
|
|
+ },
|
|
|
+ max: {
|
|
|
+ type: Number,
|
|
|
+ default: 5
|
|
|
+ },
|
|
|
+ colors: {
|
|
|
+ type: [Array, Object],
|
|
|
+ default: function () {
|
|
|
+ return ["#F7BA2A", "#F7BA2A", "#F7BA2A"]
|
|
|
+ }
|
|
|
+ },
|
|
|
+ voidColor: {
|
|
|
+ type: String,
|
|
|
+ default: "#C6D1DE"
|
|
|
+ },
|
|
|
+ disabledVoidColor: {
|
|
|
+ type: String,
|
|
|
+ default: "#EFF2F7"
|
|
|
+ },
|
|
|
+ iconClasses: {
|
|
|
+ type: [Array, Object],
|
|
|
+ default: function () {
|
|
|
+ return ["el-icon-star-on", "el-icon-star-on", "el-icon-star-on"]
|
|
|
+ }
|
|
|
+ },
|
|
|
+ voidIconClass: {
|
|
|
+ type: String,
|
|
|
+ default: "el-icon-star-off"
|
|
|
+ },
|
|
|
+ disabledVoidIconClass: {
|
|
|
+ type: String,
|
|
|
+ default: "el-icon-star-on"
|
|
|
+ },
|
|
|
+ disabled: {
|
|
|
+ type: Boolean,
|
|
|
+ default: !1
|
|
|
+ },
|
|
|
+ allowHalf: {
|
|
|
+ type: Boolean,
|
|
|
+ default: !1
|
|
|
+ },
|
|
|
+ showText: {
|
|
|
+ type: Boolean,
|
|
|
+ default: !1
|
|
|
+ },
|
|
|
+ showScore: {
|
|
|
+ type: Boolean,
|
|
|
+ default: !1
|
|
|
+ },
|
|
|
+ textColor: {
|
|
|
+ type: String,
|
|
|
+ default: "#1f2d3d"
|
|
|
+ },
|
|
|
+ texts: {
|
|
|
+ type: Array,
|
|
|
+ default: function () {
|
|
|
+ return ["极差", "失望", "一般", "满意", "惊喜"]
|
|
|
+ }
|
|
|
+ },
|
|
|
+ scoreTemplate: {
|
|
|
+ type: String,
|
|
|
+ default: "{value}"
|
|
|
+ }
|
|
|
+ },
|
|
|
+ computed: {
|
|
|
+ text: function () {
|
|
|
+ var e = "";
|
|
|
+ return this.showScore ? e = this.scoreTemplate.replace(/\{\s*value\s*\}/, this.rateDisabled ? this.value : this.currentValue) : this.showText && (e = this.texts[Math.ceil(this.currentValue) - 1]), e
|
|
|
+ },
|
|
|
+ decimalStyle: function () {
|
|
|
+ var e = "";
|
|
|
+ return this.rateDisabled ? e = this.valueDecimal + "%" : this.allowHalf && (e = "50%"), {
|
|
|
+ color: this.activeColor,
|
|
|
+ width: e
|
|
|
+ }
|
|
|
+ },
|
|
|
+ valueDecimal: function () {
|
|
|
+ return 100 * this.value - 100 * Math.floor(this.value)
|
|
|
+ },
|
|
|
+ classMap: function () {
|
|
|
+ var e;
|
|
|
+ return Array.isArray(this.iconClasses) ? ((e = {})[this.lowThreshold] = this.iconClasses[0], e[this.highThreshold] = {
|
|
|
+ value: this.iconClasses[1],
|
|
|
+ excluded: !0
|
|
|
+ }, e[this.max] = this.iconClasses[2], e) : this.iconClasses
|
|
|
+ },
|
|
|
+ decimalIconClass: function () {
|
|
|
+ return this.getValueFromMap(this.value, this.classMap)
|
|
|
+ },
|
|
|
+ voidClass: function () {
|
|
|
+ return this.rateDisabled ? this.disabledVoidIconClass : this.voidIconClass
|
|
|
+ },
|
|
|
+ activeClass: function () {
|
|
|
+ return this.getValueFromMap(this.currentValue, this.classMap)
|
|
|
+ },
|
|
|
+ colorMap: function () {
|
|
|
+ var e;
|
|
|
+ return Array.isArray(this.colors) ? ((e = {})[this.lowThreshold] = this.colors[0], e[this.highThreshold] = {
|
|
|
+ value: this.colors[1],
|
|
|
+ excluded: !0
|
|
|
+ }, e[this.max] = this.colors[2], e) : this.colors
|
|
|
+ },
|
|
|
+ activeColor: function () {
|
|
|
+ return this.getValueFromMap(this.currentValue, this.colorMap)
|
|
|
+ },
|
|
|
+ classes: function () {
|
|
|
+ var e = [],
|
|
|
+ t = 0,
|
|
|
+ i = this.currentValue;
|
|
|
+ for (this.allowHalf && this.currentValue !== Math.floor(this.currentValue) && i--; t < i; t++) e.push(this.activeClass);
|
|
|
+ for (; t < this.max; t++) e.push(this.voidClass);
|
|
|
+ return e
|
|
|
+ },
|
|
|
+ rateDisabled: function () {
|
|
|
+ return this.disabled || (this.elForm || {}).disabled
|
|
|
+ }
|
|
|
+ },
|
|
|
+ watch: {
|
|
|
+ value: function (e) {
|
|
|
+ this.currentValue = e, this.pointerAtLeftHalf = this.value !== Math.floor(this.value)
|
|
|
+ }
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ getMigratingConfig: function () {
|
|
|
+ return {
|
|
|
+ props: {
|
|
|
+ "text-template": "text-template is renamed to score-template."
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ getValueFromMap: function (i, n) {
|
|
|
+ var e = Object.keys(n).filter(function (e) {
|
|
|
+ var t = n[e];
|
|
|
+ return g(t) && t.excluded ? i < e : i <= e
|
|
|
+ }).sort(function (e, t) {
|
|
|
+ return e - t
|
|
|
+ }),
|
|
|
+ e = n[e[0]];
|
|
|
+ return g(e) ? e.value : e || ""
|
|
|
+ },
|
|
|
+ showDecimalIcon: function (e) {
|
|
|
+ var t = this.rateDisabled && 0 < this.valueDecimal && e - 1 < this.value && e > this.value,
|
|
|
+ e = this.allowHalf && this.pointerAtLeftHalf && e - .5 <= this.currentValue && e > this.currentValue;
|
|
|
+ return t || e
|
|
|
+ },
|
|
|
+ getIconStyle: function (e) {
|
|
|
+ var t = this.rateDisabled ? this.disabledVoidColor : this.voidColor;
|
|
|
+ return {
|
|
|
+ color: e <= this.currentValue ? this.activeColor : t
|
|
|
+ }
|
|
|
+ },
|
|
|
+ selectValue: function (e) {
|
|
|
+ this.rateDisabled || (this.allowHalf && this.pointerAtLeftHalf ? (this.$emit("input", this.currentValue), this.$emit("change", this.currentValue)) : (this.$emit("input", e), this.$emit("change", e)))
|
|
|
+ },
|
|
|
+ handleKey: function (e) {
|
|
|
+ var t, i;
|
|
|
+ this.rateDisabled || (t = this.currentValue, 38 === (i = e.keyCode) || 39 === i ? (this.allowHalf ? t += .5 : t += 1, e.stopPropagation(), e.preventDefault()) : 37 !== i && 40 !== i || (this.allowHalf ? t -= .5 : --t, e.stopPropagation(), e.preventDefault()), t = (t = t < 0 ? 0 : t) > this.max ? this.max : t, this.$emit("input", t), this.$emit("change", t))
|
|
|
+ },
|
|
|
+ setCurrentValue: function (e, t) {
|
|
|
+ var i;
|
|
|
+ this.rateDisabled || (this.allowHalf ? (ce(i = t.target, "el-rate__item") && (i = i.querySelector(".el-rate__icon")), ce(i, "el-rate__decimal") && (i = i.parentNode), this.pointerAtLeftHalf = 2 * t.offsetX <= i.clientWidth, this.currentValue = this.pointerAtLeftHalf ? e - .5 : e) : this.currentValue = e, this.hoverIndex = e)
|
|
|
+ },
|
|
|
+ resetCurrentValue: function () {
|
|
|
+ this.rateDisabled || (this.allowHalf && (this.pointerAtLeftHalf = this.value !== Math.floor(this.value)), this.currentValue = this.value, this.hoverIndex = -1)
|
|
|
+ }
|
|
|
+ },
|
|
|
+ created: function () {
|
|
|
+ this.value || this.$emit("input", 0)
|
|
|
+ }
|
|
|
+ }, mt, [], !1, null, null, null);
|
|
|
+ pt.options.__file = "packages/rate/src/main.vue";
|
|
|
+ var fo = pt.exports;
|
|
|
+ fo.install = function (e) {
|
|
|
+ e.component(fo.name, fo)
|
|
|
+ };
|
|
|
+ Nt = fo, Rt = function () {
|
|
|
+ var e = this.$createElement;
|
|
|
+ return (this._self._c || e)("div", {
|
|
|
+ staticClass: "el-steps",
|
|
|
+ class: [!this.simple && "el-steps--" + this.direction, this.simple && "el-steps--simple"]
|
|
|
+ }, [this._t("default")], 2)
|
|
|
+ };
|
|
|
+ Rt._withStripped = !0;
|
|
|
+ Jt = r({
|
|
|
+ name: "ElSteps",
|
|
|
+ mixins: [Y],
|
|
|
+ props: {
|
|
|
+ space: [Number, String],
|
|
|
+ active: Number,
|
|
|
+ direction: {
|
|
|
+ type: String,
|
|
|
+ default: "horizontal"
|
|
|
+ },
|
|
|
+ alignCenter: Boolean,
|
|
|
+ simple: Boolean,
|
|
|
+ finishStatus: {
|
|
|
+ type: String,
|
|
|
+ default: "finish"
|
|
|
+ },
|
|
|
+ processStatus: {
|
|
|
+ type: String,
|
|
|
+ default: "process"
|
|
|
+ }
|
|
|
+ },
|
|
|
+ data: function () {
|
|
|
+ return {
|
|
|
+ steps: [],
|
|
|
+ stepOffset: 0
|
|
|
+ }
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ getMigratingConfig: function () {
|
|
|
+ return {
|
|
|
+ props: {
|
|
|
+ center: "center is removed."
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ watch: {
|
|
|
+ active: function (e, t) {
|
|
|
+ this.$emit("change", e, t)
|
|
|
+ },
|
|
|
+ steps: function (e) {
|
|
|
+ e.forEach(function (e, t) {
|
|
|
+ e.index = t
|
|
|
+ })
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, Rt, [], !1, null, null, null);
|
|
|
+ Jt.options.__file = "packages/steps/src/steps.vue";
|
|
|
+ var mo = Jt.exports;
|
|
|
+ mo.install = function (e) {
|
|
|
+ e.component(mo.name, mo)
|
|
|
+ };
|
|
|
+ jt = mo, ii = function () {
|
|
|
+ var e = this,
|
|
|
+ t = e.$createElement,
|
|
|
+ t = e._self._c || t;
|
|
|
+ return t("div", {
|
|
|
+ staticClass: "el-step",
|
|
|
+ class: [!e.isSimple && "is-" + e.$parent.direction, e.isSimple && "is-simple", e.isLast && !e.space && !e.isCenter && "is-flex", e.isCenter && !e.isVertical && !e.isSimple && "is-center"],
|
|
|
+ style: e.style
|
|
|
+ }, [t("div", {
|
|
|
+ staticClass: "el-step__head",
|
|
|
+ class: "is-" + e.currentStatus
|
|
|
+ }, [t("div", {
|
|
|
+ staticClass: "el-step__line",
|
|
|
+ style: e.isLast ? "" : {
|
|
|
+ marginRight: e.$parent.stepOffset + "px"
|
|
|
+ }
|
|
|
+ }, [t("i", {
|
|
|
+ staticClass: "el-step__line-inner",
|
|
|
+ style: e.lineStyle
|
|
|
+ })]), t("div", {
|
|
|
+ staticClass: "el-step__icon",
|
|
|
+ class: "is-" + (e.icon ? "icon" : "text")
|
|
|
+ }, ["success" !== e.currentStatus && "error" !== e.currentStatus ? e._t("icon", [e.icon ? t("i", {
|
|
|
+ staticClass: "el-step__icon-inner",
|
|
|
+ class: [e.icon]
|
|
|
+ }) : e._e(), e.icon || e.isSimple ? e._e() : t("div", {
|
|
|
+ staticClass: "el-step__icon-inner"
|
|
|
+ }, [e._v(e._s(e.index + 1))])]) : t("i", {
|
|
|
+ staticClass: "el-step__icon-inner is-status",
|
|
|
+ class: ["el-icon-" + ("success" === e.currentStatus ? "check" : "close")]
|
|
|
+ })], 2)]), t("div", {
|
|
|
+ staticClass: "el-step__main"
|
|
|
+ }, [t("div", {
|
|
|
+ ref: "title",
|
|
|
+ staticClass: "el-step__title",
|
|
|
+ class: ["is-" + e.currentStatus]
|
|
|
+ }, [e._t("title", [e._v(e._s(e.title))])], 2), e.isSimple ? t("div", {
|
|
|
+ staticClass: "el-step__arrow"
|
|
|
+ }) : t("div", {
|
|
|
+ staticClass: "el-step__description",
|
|
|
+ class: ["is-" + e.currentStatus]
|
|
|
+ }, [e._t("description", [e._v(e._s(e.description))])], 2)])])
|
|
|
+ };
|
|
|
+ ii._withStripped = !0;
|
|
|
+ zt = r({
|
|
|
+ name: "ElStep",
|
|
|
+ props: {
|
|
|
+ title: String,
|
|
|
+ icon: String,
|
|
|
+ description: String,
|
|
|
+ status: String
|
|
|
+ },
|
|
|
+ data: function () {
|
|
|
+ return {
|
|
|
+ index: -1,
|
|
|
+ lineStyle: {},
|
|
|
+ internalStatus: ""
|
|
|
+ }
|
|
|
+ },
|
|
|
+ beforeCreate: function () {
|
|
|
+ this.$parent.steps.push(this)
|
|
|
+ },
|
|
|
+ beforeDestroy: function () {
|
|
|
+ var e = this.$parent.steps,
|
|
|
+ t = e.indexOf(this);
|
|
|
+ 0 <= t && e.splice(t, 1)
|
|
|
+ },
|
|
|
+ computed: {
|
|
|
+ currentStatus: function () {
|
|
|
+ return this.status || this.internalStatus
|
|
|
+ },
|
|
|
+ prevStatus: function () {
|
|
|
+ var e = this.$parent.steps[this.index - 1];
|
|
|
+ return e ? e.currentStatus : "wait"
|
|
|
+ },
|
|
|
+ isCenter: function () {
|
|
|
+ return this.$parent.alignCenter
|
|
|
+ },
|
|
|
+ isVertical: function () {
|
|
|
+ return "vertical" === this.$parent.direction
|
|
|
+ },
|
|
|
+ isSimple: function () {
|
|
|
+ return this.$parent.simple
|
|
|
+ },
|
|
|
+ isLast: function () {
|
|
|
+ var e = this.$parent;
|
|
|
+ return e.steps[e.steps.length - 1] === this
|
|
|
+ },
|
|
|
+ stepsCount: function () {
|
|
|
+ return this.$parent.steps.length
|
|
|
+ },
|
|
|
+ space: function () {
|
|
|
+ var e = this.isSimple,
|
|
|
+ t = this.$parent.space;
|
|
|
+ return e ? "" : t
|
|
|
+ },
|
|
|
+ style: function () {
|
|
|
+ var e = {},
|
|
|
+ t = this.$parent.steps.length,
|
|
|
+ t = "number" == typeof this.space ? this.space + "px" : this.space || 100 / (t - (this.isCenter ? 0 : 1)) + "%";
|
|
|
+ return e.flexBasis = t, this.isVertical || (this.isLast ? e.maxWidth = 100 / this.stepsCount + "%" : e.marginRight = -this.$parent.stepOffset + "px"), e
|
|
|
+ }
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ updateStatus: function (e) {
|
|
|
+ var t = this.$parent.$children[this.index - 1];
|
|
|
+ e > this.index ? this.internalStatus = this.$parent.finishStatus : e === this.index && "error" !== this.prevStatus ? this.internalStatus = this.$parent.processStatus : this.internalStatus = "wait", t && t.calcProgress(this.internalStatus)
|
|
|
+ },
|
|
|
+ calcProgress: function (e) {
|
|
|
+ var t = 100,
|
|
|
+ i = {};
|
|
|
+ i.transitionDelay = 150 * this.index + "ms", e === this.$parent.processStatus ? (this.currentStatus, t = 0) : "wait" === e && (t = 0, i.transitionDelay = -150 * this.index + "ms"), i.borderWidth = t && !this.isSimple ? "1px" : 0, "vertical" === this.$parent.direction ? i.height = t + "%" : i.width = t + "%", this.lineStyle = i
|
|
|
+ }
|
|
|
+ },
|
|
|
+ mounted: function () {
|
|
|
+ var t = this,
|
|
|
+ i = this.$watch("index", function (e) {
|
|
|
+ t.$watch("$parent.active", t.updateStatus, {
|
|
|
+ immediate: !0
|
|
|
+ }), t.$watch("$parent.processStatus", function () {
|
|
|
+ var e = t.$parent.active;
|
|
|
+ t.updateStatus(e)
|
|
|
+ }, {
|
|
|
+ immediate: !0
|
|
|
+ }), i()
|
|
|
+ })
|
|
|
+ }
|
|
|
+ }, ii, [], !1, null, null, null);
|
|
|
+ zt.options.__file = "packages/steps/src/step.vue";
|
|
|
+ var go = zt.exports;
|
|
|
+ go.install = function (e) {
|
|
|
+ e.component(go.name, go)
|
|
|
+ };
|
|
|
+ yi = go, ui = function () {
|
|
|
+ var i = this,
|
|
|
+ e = i.$createElement,
|
|
|
+ n = i._self._c || e;
|
|
|
+ return n("div", {
|
|
|
+ class: i.carouselClasses,
|
|
|
+ on: {
|
|
|
+ mouseenter: function (e) {
|
|
|
+ return e.stopPropagation(), i.handleMouseEnter(e)
|
|
|
+ },
|
|
|
+ mouseleave: function (e) {
|
|
|
+ return e.stopPropagation(), i.handleMouseLeave(e)
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, [n("div", {
|
|
|
+ staticClass: "el-carousel__container",
|
|
|
+ style: {
|
|
|
+ height: i.height
|
|
|
+ }
|
|
|
+ }, [i.arrowDisplay ? n("transition", {
|
|
|
+ attrs: {
|
|
|
+ name: "carousel-arrow-left"
|
|
|
+ }
|
|
|
+ }, [n("button", {
|
|
|
+ directives: [{
|
|
|
+ name: "show",
|
|
|
+ rawName: "v-show",
|
|
|
+ value: ("always" === i.arrow || i.hover) && (i.loop || 0 < i.activeIndex),
|
|
|
+ expression: "(arrow === 'always' || hover) && (loop || activeIndex > 0)"
|
|
|
+ }],
|
|
|
+ staticClass: "el-carousel__arrow el-carousel__arrow--left",
|
|
|
+ attrs: {
|
|
|
+ type: "button"
|
|
|
+ },
|
|
|
+ on: {
|
|
|
+ mouseenter: function (e) {
|
|
|
+ i.handleButtonEnter("left")
|
|
|
+ },
|
|
|
+ mouseleave: i.handleButtonLeave,
|
|
|
+ click: function (e) {
|
|
|
+ e.stopPropagation(), i.throttledArrowClick(i.activeIndex - 1)
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, [n("i", {
|
|
|
+ staticClass: "el-icon-arrow-left"
|
|
|
+ })])]) : i._e(), i.arrowDisplay ? n("transition", {
|
|
|
+ attrs: {
|
|
|
+ name: "carousel-arrow-right"
|
|
|
+ }
|
|
|
+ }, [n("button", {
|
|
|
+ directives: [{
|
|
|
+ name: "show",
|
|
|
+ rawName: "v-show",
|
|
|
+ value: ("always" === i.arrow || i.hover) && (i.loop || i.activeIndex < i.items.length - 1),
|
|
|
+ expression: "(arrow === 'always' || hover) && (loop || activeIndex < items.length - 1)"
|
|
|
+ }],
|
|
|
+ staticClass: "el-carousel__arrow el-carousel__arrow--right",
|
|
|
+ attrs: {
|
|
|
+ type: "button"
|
|
|
+ },
|
|
|
+ on: {
|
|
|
+ mouseenter: function (e) {
|
|
|
+ i.handleButtonEnter("right")
|
|
|
+ },
|
|
|
+ mouseleave: i.handleButtonLeave,
|
|
|
+ click: function (e) {
|
|
|
+ e.stopPropagation(), i.throttledArrowClick(i.activeIndex + 1)
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, [n("i", {
|
|
|
+ staticClass: "el-icon-arrow-right"
|
|
|
+ })])]) : i._e(), i._t("default")], 2), "none" !== i.indicatorPosition ? n("ul", {
|
|
|
+ class: i.indicatorsClasses
|
|
|
+ }, i._l(i.items, function (e, t) {
|
|
|
+ return n("li", {
|
|
|
+ key: t,
|
|
|
+ class: ["el-carousel__indicator", "el-carousel__indicator--" + i.direction, {
|
|
|
+ "is-active": t === i.activeIndex
|
|
|
+ }],
|
|
|
+ on: {
|
|
|
+ mouseenter: function (e) {
|
|
|
+ i.throttledIndicatorHover(t)
|
|
|
+ },
|
|
|
+ click: function (e) {
|
|
|
+ e.stopPropagation(), i.handleIndicatorClick(t)
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, [n("button", {
|
|
|
+ staticClass: "el-carousel__button"
|
|
|
+ }, [i.hasLabel ? n("span", [i._v(i._s(e.label))]) : i._e()])])
|
|
|
+ }), 0) : i._e()])
|
|
|
+ };
|
|
|
+ ui._withStripped = !0;
|
|
|
+ var $i = i(4),
|
|
|
+ vo = i.n($i),
|
|
|
+ n = r({
|
|
|
+ name: "ElCarousel",
|
|
|
+ props: {
|
|
|
+ initialIndex: {
|
|
|
+ type: Number,
|
|
|
+ default: 0
|
|
|
+ },
|
|
|
+ height: String,
|
|
|
+ trigger: {
|
|
|
+ type: String,
|
|
|
+ default: "hover"
|
|
|
+ },
|
|
|
+ autoplay: {
|
|
|
+ type: Boolean,
|
|
|
+ default: !0
|
|
|
+ },
|
|
|
+ interval: {
|
|
|
+ type: Number,
|
|
|
+ default: 3e3
|
|
|
+ },
|
|
|
+ indicatorPosition: String,
|
|
|
+ indicator: {
|
|
|
+ type: Boolean,
|
|
|
+ default: !0
|
|
|
+ },
|
|
|
+ arrow: {
|
|
|
+ type: String,
|
|
|
+ default: "hover"
|
|
|
+ },
|
|
|
+ type: String,
|
|
|
+ loop: {
|
|
|
+ type: Boolean,
|
|
|
+ default: !0
|
|
|
+ },
|
|
|
+ direction: {
|
|
|
+ type: String,
|
|
|
+ default: "horizontal",
|
|
|
+ validator: function (e) {
|
|
|
+ return -1 !== ["horizontal", "vertical"].indexOf(e)
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ data: function () {
|
|
|
+ return {
|
|
|
+ items: [],
|
|
|
+ activeIndex: -1,
|
|
|
+ containerWidth: 0,
|
|
|
+ timer: null,
|
|
|
+ hover: !1
|
|
|
+ }
|
|
|
+ },
|
|
|
+ computed: {
|
|
|
+ arrowDisplay: function () {
|
|
|
+ return "never" !== this.arrow && "vertical" !== this.direction
|
|
|
+ },
|
|
|
+ hasLabel: function () {
|
|
|
+ return this.items.some(function (e) {
|
|
|
+ return 0 < e.label.toString().length
|
|
|
+ })
|
|
|
+ },
|
|
|
+ carouselClasses: function () {
|
|
|
+ var e = ["el-carousel", "el-carousel--" + this.direction];
|
|
|
+ return "card" === this.type && e.push("el-carousel--card"), e
|
|
|
+ },
|
|
|
+ indicatorsClasses: function () {
|
|
|
+ var e = ["el-carousel__indicators", "el-carousel__indicators--" + this.direction];
|
|
|
+ return this.hasLabel && e.push("el-carousel__indicators--labels"), "outside" !== this.indicatorPosition && "card" !== this.type || e.push("el-carousel__indicators--outside"), e
|
|
|
+ }
|
|
|
+ },
|
|
|
+ watch: {
|
|
|
+ items: function (e) {
|
|
|
+ 0 < e.length && this.setActiveItem(this.initialIndex)
|
|
|
+ },
|
|
|
+ activeIndex: function (e, t) {
|
|
|
+ this.resetItemPosition(t), -1 < t && this.$emit("change", e, t)
|
|
|
+ },
|
|
|
+ autoplay: function (e) {
|
|
|
+ e ? this.startTimer() : this.pauseTimer()
|
|
|
+ },
|
|
|
+ loop: function () {
|
|
|
+ this.setActiveItem(this.activeIndex)
|
|
|
+ },
|
|
|
+ interval: function () {
|
|
|
+ this.pauseTimer(), this.startTimer()
|
|
|
+ }
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ handleMouseEnter: function () {
|
|
|
+ this.hover = !0, this.pauseTimer()
|
|
|
+ },
|
|
|
+ handleMouseLeave: function () {
|
|
|
+ this.hover = !1, this.startTimer()
|
|
|
+ },
|
|
|
+ itemInStage: function (e, t) {
|
|
|
+ var i = this.items.length;
|
|
|
+ return t === i - 1 && e.inStage && this.items[0].active || e.inStage && this.items[t + 1] && this.items[t + 1].active ? "left" : !!(0 === t && e.inStage && this.items[i - 1].active || e.inStage && this.items[t - 1] && this.items[t - 1].active) && "right"
|
|
|
+ },
|
|
|
+ handleButtonEnter: function (i) {
|
|
|
+ var n = this;
|
|
|
+ "vertical" !== this.direction && this.items.forEach(function (e, t) {
|
|
|
+ i === n.itemInStage(e, t) && (e.hover = !0)
|
|
|
+ })
|
|
|
+ },
|
|
|
+ handleButtonLeave: function () {
|
|
|
+ "vertical" !== this.direction && this.items.forEach(function (e) {
|
|
|
+ e.hover = !1
|
|
|
+ })
|
|
|
+ },
|
|
|
+ updateItems: function () {
|
|
|
+ this.items = this.$children.filter(function (e) {
|
|
|
+ return "ElCarouselItem" === e.$options.name
|
|
|
+ })
|
|
|
+ },
|
|
|
+ resetItemPosition: function (i) {
|
|
|
+ var n = this;
|
|
|
+ this.items.forEach(function (e, t) {
|
|
|
+ e.translateItem(t, n.activeIndex, i)
|
|
|
+ })
|
|
|
+ },
|
|
|
+ playSlides: function () {
|
|
|
+ this.activeIndex < this.items.length - 1 ? this.activeIndex++ : this.loop && (this.activeIndex = 0)
|
|
|
+ },
|
|
|
+ pauseTimer: function () {
|
|
|
+ this.timer && (clearInterval(this.timer), this.timer = null)
|
|
|
+ },
|
|
|
+ startTimer: function () {
|
|
|
+ this.interval <= 0 || !this.autoplay || this.timer || (this.timer = setInterval(this.playSlides, this.interval))
|
|
|
+ },
|
|
|
+ setActiveItem: function (t) {
|
|
|
+ var e, i;
|
|
|
+ "string" != typeof t || 0 < (i = this.items.filter(function (e) {
|
|
|
+ return e.name === t
|
|
|
+ })).length && (t = this.items.indexOf(i[0])), t = Number(t), isNaN(t) || t !== Math.floor(t) ? console.warn("[Element Warn][Carousel]index must be an integer.") : (e = this.items.length, i = this.activeIndex, this.activeIndex = t < 0 ? this.loop ? e - 1 : 0 : e <= t ? this.loop ? 0 : e - 1 : t, i === this.activeIndex && this.resetItemPosition(i))
|
|
|
+ },
|
|
|
+ prev: function () {
|
|
|
+ this.setActiveItem(this.activeIndex - 1)
|
|
|
+ },
|
|
|
+ next: function () {
|
|
|
+ this.setActiveItem(this.activeIndex + 1)
|
|
|
+ },
|
|
|
+ handleIndicatorClick: function (e) {
|
|
|
+ this.activeIndex = e
|
|
|
+ },
|
|
|
+ handleIndicatorHover: function (e) {
|
|
|
+ "hover" === this.trigger && e !== this.activeIndex && (this.activeIndex = e)
|
|
|
+ }
|
|
|
+ },
|
|
|
+ created: function () {
|
|
|
+ var t = this;
|
|
|
+ this.throttledArrowClick = vo()(300, !0, function (e) {
|
|
|
+ t.setActiveItem(e)
|
|
|
+ }), this.throttledIndicatorHover = vo()(300, function (e) {
|
|
|
+ t.handleIndicatorHover(e)
|
|
|
+ })
|
|
|
+ },
|
|
|
+ mounted: function () {
|
|
|
+ var e = this;
|
|
|
+ this.updateItems(), this.$nextTick(function () {
|
|
|
+ Be(e.$el, e.resetItemPosition), e.initialIndex < e.items.length && 0 <= e.initialIndex && (e.activeIndex = e.initialIndex), e.startTimer()
|
|
|
+ })
|
|
|
+ },
|
|
|
+ beforeDestroy: function () {
|
|
|
+ this.$el && ze(this.$el, this.resetItemPosition), this.pauseTimer()
|
|
|
+ }
|
|
|
+ }, ui, [], !1, null, null, null);
|
|
|
+ n.options.__file = "packages/carousel/src/main.vue";
|
|
|
+ var yo = n.exports;
|
|
|
+ yo.install = function (e) {
|
|
|
+ e.component(yo.name, yo)
|
|
|
+ };
|
|
|
+ d = yo, f = function () {
|
|
|
+ var e = this,
|
|
|
+ t = e.$createElement,
|
|
|
+ t = e._self._c || t;
|
|
|
+ return t("div", {
|
|
|
+ directives: [{
|
|
|
+ name: "show",
|
|
|
+ rawName: "v-show",
|
|
|
+ value: e.ready,
|
|
|
+ expression: "ready"
|
|
|
+ }],
|
|
|
+ staticClass: "el-carousel__item",
|
|
|
+ class: {
|
|
|
+ "is-active": e.active, "el-carousel__item--card": "card" === e.$parent.type, "is-in-stage": e.inStage, "is-hover": e.hover, "is-animating": e.animating
|
|
|
+ },
|
|
|
+ style: e.itemStyle,
|
|
|
+ on: {
|
|
|
+ click: e.handleItemClick
|
|
|
+ }
|
|
|
+ }, ["card" === e.$parent.type ? t("div", {
|
|
|
+ directives: [{
|
|
|
+ name: "show",
|
|
|
+ rawName: "v-show",
|
|
|
+ value: !e.active,
|
|
|
+ expression: "!active"
|
|
|
+ }],
|
|
|
+ staticClass: "el-carousel__mask"
|
|
|
+ }) : e._e(), e._t("default")], 2)
|
|
|
+ };
|
|
|
+ f._withStripped = !0;
|
|
|
+ li = r({
|
|
|
+ name: "ElCarouselItem",
|
|
|
+ props: {
|
|
|
+ name: String,
|
|
|
+ label: {
|
|
|
+ type: [String, Number],
|
|
|
+ default: ""
|
|
|
+ }
|
|
|
+ },
|
|
|
+ data: function () {
|
|
|
+ return {
|
|
|
+ hover: !1,
|
|
|
+ translate: 0,
|
|
|
+ scale: 1,
|
|
|
+ active: !1,
|
|
|
+ ready: !1,
|
|
|
+ inStage: !1,
|
|
|
+ animating: !1
|
|
|
+ }
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ processIndex: function (e, t, i) {
|
|
|
+ return 0 === t && e === i - 1 ? -1 : t === i - 1 && 0 === e ? i : e < t - 1 && i / 2 <= t - e ? i + 1 : t + 1 < e && i / 2 <= e - t ? -2 : e
|
|
|
+ },
|
|
|
+ calcCardTranslate: function (e, t) {
|
|
|
+ var i = this.$parent.$el.offsetWidth;
|
|
|
+ return this.inStage ? i * (1.17 * (e - t) + 1) / 4 : e < t ? -1.83 * i / 4 : 3.83 * i / 4
|
|
|
+ },
|
|
|
+ calcTranslate: function (e, t, i) {
|
|
|
+ return this.$parent.$el[i ? "offsetHeight" : "offsetWidth"] * (e - t)
|
|
|
+ },
|
|
|
+ translateItem: function (e, t, i) {
|
|
|
+ var n = this.$parent.type,
|
|
|
+ r = this.parentDirection,
|
|
|
+ s = this.$parent.items.length;
|
|
|
+ "card" !== n && void 0 !== i && (this.animating = e === t || e === i), e !== t && 2 < s && this.$parent.loop && (e = this.processIndex(e, t, s)), "card" === n ? ("vertical" === r && console.warn("[Element Warn][Carousel]vertical direction is not supported in card mode"), this.inStage = Math.round(Math.abs(e - t)) <= 1, this.active = e === t, this.translate = this.calcCardTranslate(e, t), this.scale = this.active ? 1 : .83) : (this.active = e === t, this.translate = this.calcTranslate(e, t, "vertical" === r), this.scale = 1), this.ready = !0
|
|
|
+ },
|
|
|
+ handleItemClick: function () {
|
|
|
+ var e, t = this.$parent;
|
|
|
+ t && "card" === t.type && (e = t.items.indexOf(this), t.setActiveItem(e))
|
|
|
+ }
|
|
|
+ },
|
|
|
+ computed: {
|
|
|
+ parentDirection: function () {
|
|
|
+ return this.$parent.direction
|
|
|
+ },
|
|
|
+ itemStyle: function () {
|
|
|
+ return function (n) {
|
|
|
+ if ("object" !== (void 0 === n ? "undefined" : w(n))) return n;
|
|
|
+ var e = ["ms-", "webkit-"];
|
|
|
+ return ["transform", "transition", "animation"].forEach(function (t) {
|
|
|
+ var i = n[t];
|
|
|
+ t && i && e.forEach(function (e) {
|
|
|
+ n[e + t] = i
|
|
|
+ })
|
|
|
+ }), n
|
|
|
+ }({
|
|
|
+ transform: ("vertical" === this.parentDirection ? "translateY" : "translateX") + "(" + this.translate + "px) scale(" + this.scale + ")"
|
|
|
+ })
|
|
|
+ }
|
|
|
+ },
|
|
|
+ created: function () {
|
|
|
+ this.$parent && this.$parent.updateItems()
|
|
|
+ },
|
|
|
+ destroyed: function () {
|
|
|
+ this.$parent && this.$parent.updateItems()
|
|
|
+ }
|
|
|
+ }, f, [], !1, null, null, null);
|
|
|
+ li.options.__file = "packages/carousel/src/item.vue";
|
|
|
+ var bo = li.exports;
|
|
|
+ bo.install = function (e) {
|
|
|
+ e.component(bo.name, bo)
|
|
|
+ };
|
|
|
+ ae = bo, Me = function () {
|
|
|
+ var e = this.$createElement;
|
|
|
+ return (this._self._c || e)("div", {
|
|
|
+ staticClass: "el-collapse",
|
|
|
+ attrs: {
|
|
|
+ role: "tablist",
|
|
|
+ "aria-multiselectable": "true"
|
|
|
+ }
|
|
|
+ }, [this._t("default")], 2)
|
|
|
+ };
|
|
|
+ Me._withStripped = !0;
|
|
|
+ Pe = r({
|
|
|
+ name: "ElCollapse",
|
|
|
+ componentName: "ElCollapse",
|
|
|
+ props: {
|
|
|
+ accordion: Boolean,
|
|
|
+ value: {
|
|
|
+ type: [Array, String, Number],
|
|
|
+ default: function () {
|
|
|
+ return []
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ data: function () {
|
|
|
+ return {
|
|
|
+ activeNames: [].concat(this.value)
|
|
|
+ }
|
|
|
+ },
|
|
|
+ provide: function () {
|
|
|
+ return {
|
|
|
+ collapse: this
|
|
|
+ }
|
|
|
+ },
|
|
|
+ watch: {
|
|
|
+ value: function (e) {
|
|
|
+ this.activeNames = [].concat(e)
|
|
|
+ }
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ setActiveNames: function (e) {
|
|
|
+ e = [].concat(e);
|
|
|
+ var t = this.accordion ? e[0] : e;
|
|
|
+ this.activeNames = e, this.$emit("input", t), this.$emit("change", t)
|
|
|
+ },
|
|
|
+ handleItemClick: function (e) {
|
|
|
+ var t, i;
|
|
|
+ this.accordion ? this.setActiveNames(!this.activeNames[0] && 0 !== this.activeNames[0] || this.activeNames[0] !== e.name ? e.name : "") : (-1 < (i = (t = this.activeNames.slice(0)).indexOf(e.name)) ? t.splice(i, 1) : t.push(e.name), this.setActiveNames(t))
|
|
|
+ }
|
|
|
+ },
|
|
|
+ created: function () {
|
|
|
+ this.$on("item-click", this.handleItemClick)
|
|
|
+ }
|
|
|
+ }, Me, [], !1, null, null, null);
|
|
|
+ Pe.options.__file = "packages/collapse/src/collapse.vue";
|
|
|
+ var wo = Pe.exports;
|
|
|
+ wo.install = function (e) {
|
|
|
+ e.component(wo.name, wo)
|
|
|
+ };
|
|
|
+ u = wo, ut = function () {
|
|
|
+ var t = this,
|
|
|
+ e = t.$createElement,
|
|
|
+ e = t._self._c || e;
|
|
|
+ return e("div", {
|
|
|
+ staticClass: "el-collapse-item",
|
|
|
+ class: {
|
|
|
+ "is-active": t.isActive, "is-disabled": t.disabled
|
|
|
+ }
|
|
|
+ }, [e("div", {
|
|
|
+ attrs: {
|
|
|
+ role: "tab",
|
|
|
+ "aria-expanded": t.isActive,
|
|
|
+ "aria-controls": "el-collapse-content-" + t.id,
|
|
|
+ "aria-describedby": "el-collapse-content-" + t.id
|
|
|
+ }
|
|
|
+ }, [e("div", {
|
|
|
+ staticClass: "el-collapse-item__header",
|
|
|
+ class: {
|
|
|
+ focusing: t.focusing, "is-active": t.isActive
|
|
|
+ },
|
|
|
+ attrs: {
|
|
|
+ role: "button",
|
|
|
+ id: "el-collapse-head-" + t.id,
|
|
|
+ tabindex: t.disabled ? void 0 : 0
|
|
|
+ },
|
|
|
+ on: {
|
|
|
+ click: t.handleHeaderClick,
|
|
|
+ keyup: function (e) {
|
|
|
+ return "button" in e || !t._k(e.keyCode, "space", 32, e.key, [" ", "Spacebar"]) || !t._k(e.keyCode, "enter", 13, e.key, "Enter") ? (e.stopPropagation(), t.handleEnterClick(e)) : null
|
|
|
+ },
|
|
|
+ focus: t.handleFocus,
|
|
|
+ blur: function (e) {
|
|
|
+ t.focusing = !1
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, [t._t("title", [t._v(t._s(t.title))]), e("i", {
|
|
|
+ staticClass: "el-collapse-item__arrow el-icon-arrow-right",
|
|
|
+ class: {
|
|
|
+ "is-active": t.isActive
|
|
|
+ }
|
|
|
+ })], 2)]), e("el-collapse-transition", [e("div", {
|
|
|
+ directives: [{
|
|
|
+ name: "show",
|
|
|
+ rawName: "v-show",
|
|
|
+ value: t.isActive,
|
|
|
+ expression: "isActive"
|
|
|
+ }],
|
|
|
+ staticClass: "el-collapse-item__wrap",
|
|
|
+ attrs: {
|
|
|
+ role: "tabpanel",
|
|
|
+ "aria-hidden": !t.isActive,
|
|
|
+ "aria-labelledby": "el-collapse-head-" + t.id,
|
|
|
+ id: "el-collapse-content-" + t.id
|
|
|
+ }
|
|
|
+ }, [e("div", {
|
|
|
+ staticClass: "el-collapse-item__content"
|
|
|
+ }, [t._t("default")], 2)])])], 1)
|
|
|
+ };
|
|
|
+ ut._withStripped = !0;
|
|
|
+ vi = r({
|
|
|
+ name: "ElCollapseItem",
|
|
|
+ componentName: "ElCollapseItem",
|
|
|
+ mixins: [l],
|
|
|
+ components: {
|
|
|
+ ElCollapseTransition: Xt
|
|
|
+ },
|
|
|
+ data: function () {
|
|
|
+ return {
|
|
|
+ contentWrapStyle: {
|
|
|
+ height: "auto",
|
|
|
+ display: "block"
|
|
|
+ },
|
|
|
+ contentHeight: 0,
|
|
|
+ focusing: !1,
|
|
|
+ isClick: !1,
|
|
|
+ id: D()
|
|
|
+ }
|
|
|
+ },
|
|
|
+ inject: ["collapse"],
|
|
|
+ props: {
|
|
|
+ title: String,
|
|
|
+ name: {
|
|
|
+ type: [String, Number],
|
|
|
+ default: function () {
|
|
|
+ return this._uid
|
|
|
+ }
|
|
|
+ },
|
|
|
+ disabled: Boolean
|
|
|
+ },
|
|
|
+ computed: {
|
|
|
+ isActive: function () {
|
|
|
+ return -1 < this.collapse.activeNames.indexOf(this.name)
|
|
|
+ }
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ handleFocus: function () {
|
|
|
+ var e = this;
|
|
|
+ setTimeout(function () {
|
|
|
+ e.isClick ? e.isClick = !1 : e.focusing = !0
|
|
|
+ }, 50)
|
|
|
+ },
|
|
|
+ handleHeaderClick: function () {
|
|
|
+ this.disabled || (this.dispatch("ElCollapse", "item-click", this), this.focusing = !1, this.isClick = !0)
|
|
|
+ },
|
|
|
+ handleEnterClick: function () {
|
|
|
+ this.dispatch("ElCollapse", "item-click", this)
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, ut, [], !1, null, null, null);
|
|
|
+ vi.options.__file = "packages/collapse/src/collapse-item.vue";
|
|
|
+ var _o = vi.exports;
|
|
|
+ _o.install = function (e) {
|
|
|
+ e.component(_o.name, _o)
|
|
|
+ };
|
|
|
+
|
|
|
+ function xo(e) {
|
|
|
+ return e.stopPropagation()
|
|
|
+ }
|
|
|
+ gt = _o, si = function () {
|
|
|
+ var i = this,
|
|
|
+ e = i.$createElement,
|
|
|
+ n = i._self._c || e;
|
|
|
+ return n("div", {
|
|
|
+ directives: [{
|
|
|
+ name: "clickoutside",
|
|
|
+ rawName: "v-clickoutside",
|
|
|
+ value: function () {
|
|
|
+ return i.toggleDropDownVisible(!1)
|
|
|
+ },
|
|
|
+ expression: "() => toggleDropDownVisible(false)"
|
|
|
+ }],
|
|
|
+ ref: "reference",
|
|
|
+ class: ["el-cascader", i.realSize && "el-cascader--" + i.realSize, {
|
|
|
+ "is-disabled": i.isDisabled
|
|
|
+ }],
|
|
|
+ on: {
|
|
|
+ mouseenter: function (e) {
|
|
|
+ i.inputHover = !0
|
|
|
+ },
|
|
|
+ mouseleave: function (e) {
|
|
|
+ i.inputHover = !1
|
|
|
+ },
|
|
|
+ click: function () {
|
|
|
+ return i.toggleDropDownVisible(!i.readonly || void 0)
|
|
|
+ },
|
|
|
+ keydown: i.handleKeyDown
|
|
|
+ }
|
|
|
+ }, [n("el-input", {
|
|
|
+ ref: "input",
|
|
|
+ class: {
|
|
|
+ "is-focus": i.dropDownVisible
|
|
|
+ },
|
|
|
+ attrs: {
|
|
|
+ size: i.realSize,
|
|
|
+ placeholder: i.placeholder,
|
|
|
+ readonly: i.readonly,
|
|
|
+ disabled: i.isDisabled,
|
|
|
+ "validate-event": !1
|
|
|
+ },
|
|
|
+ on: {
|
|
|
+ focus: i.handleFocus,
|
|
|
+ blur: i.handleBlur,
|
|
|
+ input: i.handleInput
|
|
|
+ },
|
|
|
+ model: {
|
|
|
+ value: i.multiple ? i.presentText : i.inputValue,
|
|
|
+ callback: function (e) {
|
|
|
+ i.multiple ? i.presentText : i.inputValue = e
|
|
|
+ },
|
|
|
+ expression: "multiple ? presentText : inputValue"
|
|
|
+ }
|
|
|
+ }, [n("template", {
|
|
|
+ slot: "suffix"
|
|
|
+ }, [i.clearBtnVisible ? n("i", {
|
|
|
+ key: "clear",
|
|
|
+ staticClass: "el-input__icon el-icon-circle-close",
|
|
|
+ on: {
|
|
|
+ click: function (e) {
|
|
|
+ return e.stopPropagation(), i.handleClear(e)
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }) : n("i", {
|
|
|
+ key: "arrow-down",
|
|
|
+ class: ["el-input__icon", "el-icon-arrow-down", i.dropDownVisible && "is-reverse"],
|
|
|
+ on: {
|
|
|
+ click: function (e) {
|
|
|
+ e.stopPropagation(), i.toggleDropDownVisible()
|
|
|
+ }
|
|
|
+ }
|
|
|
+ })])], 2), i.multiple ? n("div", {
|
|
|
+ staticClass: "el-cascader__tags"
|
|
|
+ }, [i._l(i.presentTags, function (t) {
|
|
|
+ return n("el-tag", {
|
|
|
+ key: t.key,
|
|
|
+ attrs: {
|
|
|
+ type: "info",
|
|
|
+ size: i.tagSize,
|
|
|
+ hit: t.hitState,
|
|
|
+ closable: t.closable,
|
|
|
+ "disable-transitions": ""
|
|
|
+ },
|
|
|
+ on: {
|
|
|
+ close: function (e) {
|
|
|
+ i.deleteTag(t)
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, [n("span", [i._v(i._s(t.text))])])
|
|
|
+ }), i.filterable && !i.isDisabled ? n("input", {
|
|
|
+ directives: [{
|
|
|
+ name: "model",
|
|
|
+ rawName: "v-model.trim",
|
|
|
+ value: i.inputValue,
|
|
|
+ expression: "inputValue",
|
|
|
+ modifiers: {
|
|
|
+ trim: !0
|
|
|
+ }
|
|
|
+ }],
|
|
|
+ staticClass: "el-cascader__search-input",
|
|
|
+ attrs: {
|
|
|
+ type: "text",
|
|
|
+ placeholder: i.presentTags.length ? "" : i.placeholder
|
|
|
+ },
|
|
|
+ domProps: {
|
|
|
+ value: i.inputValue
|
|
|
+ },
|
|
|
+ on: {
|
|
|
+ input: [function (e) {
|
|
|
+ e.target.composing || (i.inputValue = e.target.value.trim())
|
|
|
+ }, function (e) {
|
|
|
+ return i.handleInput(i.inputValue, e)
|
|
|
+ }],
|
|
|
+ click: function (e) {
|
|
|
+ e.stopPropagation(), i.toggleDropDownVisible(!0)
|
|
|
+ },
|
|
|
+ keydown: function (e) {
|
|
|
+ return "button" in e || !i._k(e.keyCode, "delete", [8, 46], e.key, ["Backspace", "Delete", "Del"]) ? i.handleDelete(e) : null
|
|
|
+ },
|
|
|
+ blur: function (e) {
|
|
|
+ i.$forceUpdate()
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }) : i._e()], 2) : i._e(), n("transition", {
|
|
|
+ attrs: {
|
|
|
+ name: "el-zoom-in-top"
|
|
|
+ },
|
|
|
+ on: {
|
|
|
+ "after-leave": i.handleDropdownLeave
|
|
|
+ }
|
|
|
+ }, [n("div", {
|
|
|
+ directives: [{
|
|
|
+ name: "show",
|
|
|
+ rawName: "v-show",
|
|
|
+ value: i.dropDownVisible,
|
|
|
+ expression: "dropDownVisible"
|
|
|
+ }],
|
|
|
+ ref: "popper",
|
|
|
+ class: ["el-popper", "el-cascader__dropdown", i.popperClass]
|
|
|
+ }, [n("el-cascader-panel", {
|
|
|
+ directives: [{
|
|
|
+ name: "show",
|
|
|
+ rawName: "v-show",
|
|
|
+ value: !i.filtering,
|
|
|
+ expression: "!filtering"
|
|
|
+ }],
|
|
|
+ ref: "panel",
|
|
|
+ attrs: {
|
|
|
+ options: i.options,
|
|
|
+ props: i.config,
|
|
|
+ border: !1,
|
|
|
+ "render-label": i.$scopedSlots.default
|
|
|
+ },
|
|
|
+ on: {
|
|
|
+ "expand-change": i.handleExpandChange,
|
|
|
+ close: function (e) {
|
|
|
+ i.toggleDropDownVisible(!1)
|
|
|
+ }
|
|
|
+ },
|
|
|
+ model: {
|
|
|
+ value: i.checkedValue,
|
|
|
+ callback: function (e) {
|
|
|
+ i.checkedValue = e
|
|
|
+ },
|
|
|
+ expression: "checkedValue"
|
|
|
+ }
|
|
|
+ }), i.filterable ? n("el-scrollbar", {
|
|
|
+ directives: [{
|
|
|
+ name: "show",
|
|
|
+ rawName: "v-show",
|
|
|
+ value: i.filtering,
|
|
|
+ expression: "filtering"
|
|
|
+ }],
|
|
|
+ ref: "suggestionPanel",
|
|
|
+ staticClass: "el-cascader__suggestion-panel",
|
|
|
+ attrs: {
|
|
|
+ tag: "ul",
|
|
|
+ "view-class": "el-cascader__suggestion-list"
|
|
|
+ },
|
|
|
+ nativeOn: {
|
|
|
+ keydown: function (e) {
|
|
|
+ return i.handleSuggestionKeyDown(e)
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, [i.suggestions.length ? i._l(i.suggestions, function (e, t) {
|
|
|
+ return n("li", {
|
|
|
+ key: e.uid,
|
|
|
+ class: ["el-cascader__suggestion-item", e.checked && "is-checked"],
|
|
|
+ attrs: {
|
|
|
+ tabindex: -1
|
|
|
+ },
|
|
|
+ on: {
|
|
|
+ click: function (e) {
|
|
|
+ i.handleSuggestionClick(t)
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, [n("span", [i._v(i._s(e.text))]), e.checked ? n("i", {
|
|
|
+ staticClass: "el-icon-check"
|
|
|
+ }) : i._e()])
|
|
|
+ }) : i._t("empty", [n("li", {
|
|
|
+ staticClass: "el-cascader__empty-text"
|
|
|
+ }, [i._v(i._s(i.t("el.cascader.noMatch")))])])], 2) : i._e()], 1)])], 1)
|
|
|
+ }, wt = function () {
|
|
|
+ var e = this.$createElement,
|
|
|
+ i = this._self._c || e;
|
|
|
+ return i("div", {
|
|
|
+ class: ["el-cascader-panel", this.border && "is-bordered"],
|
|
|
+ on: {
|
|
|
+ keydown: this.handleKeyDown
|
|
|
+ }
|
|
|
+ }, this._l(this.menus, function (e, t) {
|
|
|
+ return i("cascader-menu", {
|
|
|
+ key: t,
|
|
|
+ ref: "menu",
|
|
|
+ refInFor: !0,
|
|
|
+ attrs: {
|
|
|
+ index: t,
|
|
|
+ nodes: e
|
|
|
+ }
|
|
|
+ })
|
|
|
+ }), 1)
|
|
|
+ }, o = r({
|
|
|
+ inject: ["panel"],
|
|
|
+ components: {
|
|
|
+ ElCheckbox: c,
|
|
|
+ ElRadio: wi
|
|
|
+ },
|
|
|
+ props: {
|
|
|
+ node: {
|
|
|
+ required: wt._withStripped = si._withStripped = !0
|
|
|
+ },
|
|
|
+ nodeId: String
|
|
|
+ },
|
|
|
+ computed: {
|
|
|
+ config: function () {
|
|
|
+ return this.panel.config
|
|
|
+ },
|
|
|
+ isLeaf: function () {
|
|
|
+ return this.node.isLeaf
|
|
|
+ },
|
|
|
+ isDisabled: function () {
|
|
|
+ return this.node.isDisabled
|
|
|
+ },
|
|
|
+ checkedValue: function () {
|
|
|
+ return this.panel.checkedValue
|
|
|
+ },
|
|
|
+ isChecked: function () {
|
|
|
+ return this.node.isSameNode(this.checkedValue)
|
|
|
+ },
|
|
|
+ inActivePath: function () {
|
|
|
+ return this.isInPath(this.panel.activePath)
|
|
|
+ },
|
|
|
+ inCheckedPath: function () {
|
|
|
+ var t = this;
|
|
|
+ return !!this.config.checkStrictly && this.panel.checkedNodePaths.some(function (e) {
|
|
|
+ return t.isInPath(e)
|
|
|
+ })
|
|
|
+ },
|
|
|
+ value: function () {
|
|
|
+ return this.node.getValueByOption()
|
|
|
+ }
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ handleExpand: function () {
|
|
|
+ var t = this,
|
|
|
+ e = this.panel,
|
|
|
+ i = this.node,
|
|
|
+ n = this.isDisabled,
|
|
|
+ r = this.config,
|
|
|
+ s = r.multiple;
|
|
|
+ !r.checkStrictly && n || i.loading || (r.lazy && !i.loaded ? e.lazyLoad(i, function () {
|
|
|
+ var e = t.isLeaf;
|
|
|
+ e || t.handleExpand(), s && (e = !!e && i.checked, t.handleMultiCheckChange(e))
|
|
|
+ }) : e.handleExpand(i))
|
|
|
+ },
|
|
|
+ handleCheckChange: function () {
|
|
|
+ var e = this.panel,
|
|
|
+ t = this.value,
|
|
|
+ i = this.node;
|
|
|
+ e.handleCheckChange(t), e.handleExpand(i)
|
|
|
+ },
|
|
|
+ handleMultiCheckChange: function (e) {
|
|
|
+ this.node.doCheck(e), this.panel.calculateMultiCheckedValue()
|
|
|
+ },
|
|
|
+ isInPath: function (e) {
|
|
|
+ var t = this.node;
|
|
|
+ return (e[t.level - 1] || {}).uid === t.uid
|
|
|
+ },
|
|
|
+ renderPrefix: function (e) {
|
|
|
+ var t = this.isLeaf,
|
|
|
+ i = this.isChecked,
|
|
|
+ n = this.config,
|
|
|
+ r = n.checkStrictly;
|
|
|
+ return n.multiple ? this.renderCheckbox(e) : r ? this.renderRadio(e) : t && i ? this.renderCheckIcon(e) : null
|
|
|
+ },
|
|
|
+ renderPostfix: function (e) {
|
|
|
+ var t = this.node,
|
|
|
+ i = this.isLeaf;
|
|
|
+ return t.loading ? this.renderLoadingIcon(e) : i ? null : this.renderExpandIcon(e)
|
|
|
+ },
|
|
|
+ renderCheckbox: function (e) {
|
|
|
+ var t = this.node,
|
|
|
+ i = this.config,
|
|
|
+ n = this.isDisabled,
|
|
|
+ r = {
|
|
|
+ on: {
|
|
|
+ change: this.handleMultiCheckChange
|
|
|
+ },
|
|
|
+ nativeOn: {}
|
|
|
+ };
|
|
|
+ return i.checkStrictly && (r.nativeOn.click = xo), e("el-checkbox", eo()([{
|
|
|
+ attrs: {
|
|
|
+ value: t.checked,
|
|
|
+ indeterminate: t.indeterminate,
|
|
|
+ disabled: n
|
|
|
+ }
|
|
|
+ }, r]))
|
|
|
+ },
|
|
|
+ renderRadio: function (e) {
|
|
|
+ var t = this.checkedValue,
|
|
|
+ i = this.value,
|
|
|
+ n = this.isDisabled;
|
|
|
+ return e("el-radio", {
|
|
|
+ attrs: {
|
|
|
+ value: t,
|
|
|
+ label: i = I(i, t) ? t : i,
|
|
|
+ disabled: n
|
|
|
+ },
|
|
|
+ on: {
|
|
|
+ change: this.handleCheckChange
|
|
|
+ },
|
|
|
+ nativeOn: {
|
|
|
+ click: xo
|
|
|
+ }
|
|
|
+ }, [e("span")])
|
|
|
+ },
|
|
|
+ renderCheckIcon: function (e) {
|
|
|
+ return e("i", {
|
|
|
+ class: "el-icon-check el-cascader-node__prefix"
|
|
|
+ })
|
|
|
+ },
|
|
|
+ renderLoadingIcon: function (e) {
|
|
|
+ return e("i", {
|
|
|
+ class: "el-icon-loading el-cascader-node__postfix"
|
|
|
+ })
|
|
|
+ },
|
|
|
+ renderExpandIcon: function (e) {
|
|
|
+ return e("i", {
|
|
|
+ class: "el-icon-arrow-right el-cascader-node__postfix"
|
|
|
+ })
|
|
|
+ },
|
|
|
+ renderContent: function (e) {
|
|
|
+ var t = this.panel,
|
|
|
+ i = this.node,
|
|
|
+ t = t.renderLabelFn;
|
|
|
+ return e("span", {
|
|
|
+ class: "el-cascader-node__label"
|
|
|
+ }, [(t ? t({
|
|
|
+ node: i,
|
|
|
+ data: i.data
|
|
|
+ }) : null) || i.label])
|
|
|
+ }
|
|
|
+ },
|
|
|
+ render: function (e) {
|
|
|
+ var t = this,
|
|
|
+ i = this.inActivePath,
|
|
|
+ n = this.inCheckedPath,
|
|
|
+ r = this.isChecked,
|
|
|
+ s = this.isLeaf,
|
|
|
+ o = this.isDisabled,
|
|
|
+ a = this.config,
|
|
|
+ l = this.nodeId,
|
|
|
+ u = a.expandTrigger,
|
|
|
+ c = a.checkStrictly,
|
|
|
+ h = a.multiple,
|
|
|
+ d = !c && o,
|
|
|
+ a = {
|
|
|
+ on: {}
|
|
|
+ };
|
|
|
+ return "click" === u ? a.on.click = this.handleExpand : (a.on.mouseenter = function (e) {
|
|
|
+ t.handleExpand(), t.$emit("expand", e)
|
|
|
+ }, a.on.focus = function (e) {
|
|
|
+ t.handleExpand(), t.$emit("expand", e)
|
|
|
+ }), !s || o || c || h || (a.on.click = this.handleCheckChange), e("li", eo()([{
|
|
|
+ attrs: {
|
|
|
+ role: "menuitem",
|
|
|
+ id: l,
|
|
|
+ "aria-expanded": i,
|
|
|
+ tabindex: d ? null : -1
|
|
|
+ },
|
|
|
+ class: {
|
|
|
+ "el-cascader-node": !0, "is-selectable": c, "in-active-path": i, "in-checked-path": n, "is-active": r, "is-disabled": d
|
|
|
+ }
|
|
|
+ }, a]), [this.renderPrefix(e), this.renderContent(e), this.renderPostfix(e)])
|
|
|
+ }
|
|
|
+ }, void 0, void 0, !1, null, null, null);
|
|
|
+ o.options.__file = "packages/cascader-panel/src/cascader-node.vue";
|
|
|
+ Ct = r({
|
|
|
+ name: "ElCascaderMenu",
|
|
|
+ mixins: [j],
|
|
|
+ inject: ["panel"],
|
|
|
+ components: {
|
|
|
+ ElScrollbar: Ke,
|
|
|
+ CascaderNode: o.exports
|
|
|
+ },
|
|
|
+ props: {
|
|
|
+ nodes: {
|
|
|
+ type: Array,
|
|
|
+ required: !0
|
|
|
+ },
|
|
|
+ index: Number
|
|
|
+ },
|
|
|
+ data: function () {
|
|
|
+ return {
|
|
|
+ activeNode: null,
|
|
|
+ hoverTimer: null,
|
|
|
+ id: D()
|
|
|
+ }
|
|
|
+ },
|
|
|
+ computed: {
|
|
|
+ isEmpty: function () {
|
|
|
+ return !this.nodes.length
|
|
|
+ },
|
|
|
+ menuId: function () {
|
|
|
+ return "cascader-menu-" + this.id + "-" + this.index
|
|
|
+ }
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ handleExpand: function (e) {
|
|
|
+ this.activeNode = e.target
|
|
|
+ },
|
|
|
+ handleMouseMove: function (e) {
|
|
|
+ var t, i, n, r = this.activeNode,
|
|
|
+ s = this.hoverTimer,
|
|
|
+ o = this.$refs.hoverZone;
|
|
|
+ r && o && (r.contains(e.target) ? (clearTimeout(s), i = this.$el.getBoundingClientRect().left, t = e.clientX - i, e = (n = this.$el).offsetWidth, i = n.offsetHeight, r = (n = r.offsetTop) + r.offsetHeight, o.innerHTML = '\n <path style="pointer-events: auto;" fill="transparent" d="M' + t + " " + n + " L" + e + " 0 V" + n + ' Z" />\n <path style="pointer-events: auto;" fill="transparent" d="M' + t + " " + r + " L" + e + " " + i + " V" + r + ' Z" />\n ') : s || (this.hoverTimer = setTimeout(this.clearHoverZone, this.panel.config.hoverThreshold)))
|
|
|
+ },
|
|
|
+ clearHoverZone: function () {
|
|
|
+ var e = this.$refs.hoverZone;
|
|
|
+ e && (e.innerHTML = "")
|
|
|
+ },
|
|
|
+ renderEmptyText: function (e) {
|
|
|
+ return e("div", {
|
|
|
+ class: "el-cascader-menu__empty-text"
|
|
|
+ }, [this.t("el.cascader.noData")])
|
|
|
+ },
|
|
|
+ renderNodeList: function (n) {
|
|
|
+ var r = this.menuId,
|
|
|
+ e = this.panel.isHoverMenu,
|
|
|
+ s = {
|
|
|
+ on: {}
|
|
|
+ };
|
|
|
+ e && (s.on.expand = this.handleExpand);
|
|
|
+ var t = this.nodes.map(function (e, t) {
|
|
|
+ var i = e.hasChildren;
|
|
|
+ return n("cascader-node", eo()([{
|
|
|
+ key: e.uid,
|
|
|
+ attrs: {
|
|
|
+ node: e,
|
|
|
+ "node-id": r + "-" + t,
|
|
|
+ "aria-haspopup": i,
|
|
|
+ "aria-owns": i ? r : null
|
|
|
+ }
|
|
|
+ }, s]))
|
|
|
+ });
|
|
|
+ return [].concat(t, [e ? n("svg", {
|
|
|
+ ref: "hoverZone",
|
|
|
+ class: "el-cascader-menu__hover-zone"
|
|
|
+ }) : null])
|
|
|
+ }
|
|
|
+ },
|
|
|
+ render: function (e) {
|
|
|
+ var t = this.isEmpty,
|
|
|
+ i = this.menuId,
|
|
|
+ n = {
|
|
|
+ nativeOn: {}
|
|
|
+ };
|
|
|
+ return this.panel.isHoverMenu && (n.nativeOn.mousemove = this.handleMouseMove), e("el-scrollbar", eo()([{
|
|
|
+ attrs: {
|
|
|
+ tag: "ul",
|
|
|
+ role: "menu",
|
|
|
+ id: i,
|
|
|
+ "wrap-class": "el-cascader-menu__wrap",
|
|
|
+ "view-class": {
|
|
|
+ "el-cascader-menu__list": !0,
|
|
|
+ "is-empty": t
|
|
|
+ }
|
|
|
+ },
|
|
|
+ class: "el-cascader-menu"
|
|
|
+ }, n]), [t ? this.renderEmptyText(e) : this.renderNodeList(e)])
|
|
|
+ }
|
|
|
+ }, void 0, void 0, !1, null, null, null);
|
|
|
+ Ct.options.__file = "packages/cascader-panel/src/cascader-menu.vue";
|
|
|
+ mt = Ct.exports, pt = function (e, t, i) {
|
|
|
+ return t && Co(e.prototype, t), i && Co(e, i), e
|
|
|
+ };
|
|
|
+
|
|
|
+ function Co(e, t) {
|
|
|
+ for (var i = 0; i < t.length; i++) {
|
|
|
+ var n = t[i];
|
|
|
+ n.enumerable = n.enumerable || !1, n.configurable = !0, "value" in n && (n.writable = !0), Object.defineProperty(e, n.key, n)
|
|
|
+ }
|
|
|
+ }
|
|
|
+ var ko = 0,
|
|
|
+ So = (Do.prototype.initState = function () {
|
|
|
+ var e = this.config,
|
|
|
+ t = e.value,
|
|
|
+ e = e.label;
|
|
|
+ this.value = this.data[t], this.label = this.data[e], this.pathNodes = this.calculatePathNodes(), this.path = this.pathNodes.map(function (e) {
|
|
|
+ return e.value
|
|
|
+ }), this.pathLabels = this.pathNodes.map(function (e) {
|
|
|
+ return e.label
|
|
|
+ }), this.loading = !1, this.loaded = !1
|
|
|
+ }, Do.prototype.initChildren = function () {
|
|
|
+ var t = this,
|
|
|
+ i = this.config,
|
|
|
+ e = i.children,
|
|
|
+ e = this.data[e];
|
|
|
+ this.hasChildren = Array.isArray(e), this.children = (e || []).map(function (e) {
|
|
|
+ return new Do(e, i, t)
|
|
|
+ })
|
|
|
+ }, Do.prototype.calculatePathNodes = function () {
|
|
|
+ for (var e = [this], t = this.parent; t;) e.unshift(t), t = t.parent;
|
|
|
+ return e
|
|
|
+ }, Do.prototype.getPath = function () {
|
|
|
+ return this.path
|
|
|
+ }, Do.prototype.getValue = function () {
|
|
|
+ return this.value
|
|
|
+ }, Do.prototype.getValueByOption = function () {
|
|
|
+ return this.config.emitPath ? this.getPath() : this.getValue()
|
|
|
+ }, Do.prototype.getText = function (e, t) {
|
|
|
+ return e ? this.pathLabels.join(t) : this.label
|
|
|
+ }, Do.prototype.isSameNode = function (e) {
|
|
|
+ var t = this.getValueByOption();
|
|
|
+ return this.config.multiple && Array.isArray(e) ? e.some(function (e) {
|
|
|
+ return I(e, t)
|
|
|
+ }) : I(e, t)
|
|
|
+ }, Do.prototype.broadcast = function (t) {
|
|
|
+ for (var e = arguments.length, i = Array(1 < e ? e - 1 : 0), n = 1; n < e; n++) i[n - 1] = arguments[n];
|
|
|
+ var r = "onParent" + N(t);
|
|
|
+ this.children.forEach(function (e) {
|
|
|
+ e && (e.broadcast.apply(e, [t].concat(i)), e[r] && e[r].apply(e, i))
|
|
|
+ })
|
|
|
+ }, Do.prototype.emit = function (e) {
|
|
|
+ var t = this.parent,
|
|
|
+ i = "onChild" + N(e);
|
|
|
+ if (t) {
|
|
|
+ for (var n = arguments.length, r = Array(1 < n ? n - 1 : 0), s = 1; s < n; s++) r[s - 1] = arguments[s];
|
|
|
+ t[i] && t[i].apply(t, r), t.emit.apply(t, [e].concat(r))
|
|
|
+ }
|
|
|
+ }, Do.prototype.onParentCheck = function (e) {
|
|
|
+ this.isDisabled || this.setCheckState(e)
|
|
|
+ }, Do.prototype.onChildCheck = function () {
|
|
|
+ var e = this.children.filter(function (e) {
|
|
|
+ return !e.isDisabled
|
|
|
+ }),
|
|
|
+ e = !!e.length && e.every(function (e) {
|
|
|
+ return e.checked
|
|
|
+ });
|
|
|
+ this.setCheckState(e)
|
|
|
+ }, Do.prototype.setCheckState = function (e) {
|
|
|
+ var t = this.children.length,
|
|
|
+ i = this.children.reduce(function (e, t) {
|
|
|
+ return e + (t.checked ? 1 : t.indeterminate ? .5 : 0)
|
|
|
+ }, 0);
|
|
|
+ this.checked = e, this.indeterminate = i !== t && 0 < i
|
|
|
+ }, Do.prototype.syncCheckState = function (e) {
|
|
|
+ var t = this.getValueByOption(),
|
|
|
+ t = this.isSameNode(e, t);
|
|
|
+ this.doCheck(t)
|
|
|
+ }, Do.prototype.doCheck = function (e) {
|
|
|
+ this.checked !== e && (this.config.checkStrictly ? this.checked = e : (this.broadcast("check", e), this.setCheckState(e), this.emit("check")))
|
|
|
+ }, pt(Do, [{
|
|
|
+ key: "isDisabled",
|
|
|
+ get: function () {
|
|
|
+ var e = this.data,
|
|
|
+ t = this.parent,
|
|
|
+ i = this.config,
|
|
|
+ n = i.disabled,
|
|
|
+ i = i.checkStrictly;
|
|
|
+ return e[n] || !i && t && t.isDisabled
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: "isLeaf",
|
|
|
+ get: function () {
|
|
|
+ var e = this.data,
|
|
|
+ t = this.loaded,
|
|
|
+ i = this.hasChildren,
|
|
|
+ n = this.children,
|
|
|
+ r = this.config,
|
|
|
+ s = r.lazy,
|
|
|
+ r = r.leaf;
|
|
|
+ if (s) {
|
|
|
+ n = Z(e[r]) ? e[r] : !!t && !n.length;
|
|
|
+ return this.hasChildren = !n, n
|
|
|
+ }
|
|
|
+ return !i
|
|
|
+ }
|
|
|
+ }]), Do);
|
|
|
+
|
|
|
+ function Do(e, t, i) {
|
|
|
+ ! function (e) {
|
|
|
+ if (!(e instanceof Do)) throw new TypeError("Cannot call a class as a function")
|
|
|
+ }(this), this.data = e, this.config = t, this.parent = i || null, this.level = this.parent ? this.parent.level + 1 : 1, this.uid = ko++, this.initState(), this.initChildren()
|
|
|
+ }
|
|
|
+
|
|
|
+ function $o(e) {
|
|
|
+ return !e.getAttribute("aria-owns")
|
|
|
+ }
|
|
|
+
|
|
|
+ function Eo(e, t) {
|
|
|
+ var i = e.parentNode;
|
|
|
+ if (i) {
|
|
|
+ i = i.querySelectorAll('.el-cascader-node[tabindex="-1"]');
|
|
|
+ return i[Array.prototype.indexOf.call(i, e) + t] || null
|
|
|
+ }
|
|
|
+ return null
|
|
|
+ }
|
|
|
+
|
|
|
+ function To(e, t) {
|
|
|
+ if (e) {
|
|
|
+ e = e.id.split("-");
|
|
|
+ return Number(e[e.length - 2])
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ function Mo(e) {
|
|
|
+ e && (e.focus(), $o(e) || e.click())
|
|
|
+ }
|
|
|
+ var No = (Fo.prototype.initNodes = function (e) {
|
|
|
+ var t = this;
|
|
|
+ e = M(e), this.nodes = e.map(function (e) {
|
|
|
+ return new So(e, t.config)
|
|
|
+ }), this.flattedNodes = this.getFlattedNodes(!1, !1), this.leafNodes = this.getFlattedNodes(!0, !1)
|
|
|
+ }, Fo.prototype.appendNode = function (e, t) {
|
|
|
+ e = new So(e, this.config, t);
|
|
|
+ (t ? t.children : this.nodes).push(e)
|
|
|
+ }, Fo.prototype.appendNodes = function (e, t) {
|
|
|
+ var i = this;
|
|
|
+ (e = M(e)).forEach(function (e) {
|
|
|
+ return i.appendNode(e, t)
|
|
|
+ })
|
|
|
+ }, Fo.prototype.getNodes = function () {
|
|
|
+ return this.nodes
|
|
|
+ }, Fo.prototype.getFlattedNodes = function (e) {
|
|
|
+ var t = e ? this.leafNodes : this.flattedNodes;
|
|
|
+ return !(1 < arguments.length && void 0 !== arguments[1]) || arguments[1] ? t : function i(e, n) {
|
|
|
+ return e.reduce(function (e, t) {
|
|
|
+ return t.isLeaf ? e.push(t) : (n || e.push(t), e = e.concat(i(t.children, n))), e
|
|
|
+ }, [])
|
|
|
+ }(this.nodes, e)
|
|
|
+ }, Fo.prototype.getNodeByValue = function (t) {
|
|
|
+ if (t) {
|
|
|
+ var e = this.getFlattedNodes(!1, !this.config.lazy).filter(function (e) {
|
|
|
+ return $(e.path, t) || e.value === t
|
|
|
+ });
|
|
|
+ return e && e.length ? e[0] : null
|
|
|
+ }
|
|
|
+ return null
|
|
|
+ }, Fo),
|
|
|
+ Po = Object.assign || function (e) {
|
|
|
+ for (var t = 1; t < arguments.length; t++) {
|
|
|
+ var i, n = arguments[t];
|
|
|
+ for (i in n) Object.prototype.hasOwnProperty.call(n, i) && (e[i] = n[i])
|
|
|
+ }
|
|
|
+ return e
|
|
|
+ },
|
|
|
+ Io = Bt.keys,
|
|
|
+ Oo = {
|
|
|
+ expandTrigger: "click",
|
|
|
+ multiple: !1,
|
|
|
+ checkStrictly: !1,
|
|
|
+ emitPath: !0,
|
|
|
+ lazy: !1,
|
|
|
+ lazyLoad: x,
|
|
|
+ value: "value",
|
|
|
+ label: "label",
|
|
|
+ children: "children",
|
|
|
+ leaf: "leaf",
|
|
|
+ disabled: "disabled",
|
|
|
+ hoverThreshold: 500
|
|
|
+ },
|
|
|
+ Rt = r({
|
|
|
+ name: "ElCascaderPanel",
|
|
|
+ components: {
|
|
|
+ CascaderMenu: mt
|
|
|
+ },
|
|
|
+ props: {
|
|
|
+ value: {},
|
|
|
+ options: Array,
|
|
|
+ props: Object,
|
|
|
+ border: {
|
|
|
+ type: Boolean,
|
|
|
+ default: !0
|
|
|
+ },
|
|
|
+ renderLabel: Function
|
|
|
+ },
|
|
|
+ provide: function () {
|
|
|
+ return {
|
|
|
+ panel: this
|
|
|
+ }
|
|
|
+ },
|
|
|
+ data: function () {
|
|
|
+ return {
|
|
|
+ checkedValue: null,
|
|
|
+ checkedNodePaths: [],
|
|
|
+ store: [],
|
|
|
+ menus: [],
|
|
|
+ activePath: [],
|
|
|
+ loadCount: 0
|
|
|
+ }
|
|
|
+ },
|
|
|
+ computed: {
|
|
|
+ config: function () {
|
|
|
+ return X(Po({}, Oo), this.props || {})
|
|
|
+ },
|
|
|
+ multiple: function () {
|
|
|
+ return this.config.multiple
|
|
|
+ },
|
|
|
+ checkStrictly: function () {
|
|
|
+ return this.config.checkStrictly
|
|
|
+ },
|
|
|
+ leafOnly: function () {
|
|
|
+ return !this.checkStrictly
|
|
|
+ },
|
|
|
+ isHoverMenu: function () {
|
|
|
+ return "hover" === this.config.expandTrigger
|
|
|
+ },
|
|
|
+ renderLabelFn: function () {
|
|
|
+ return this.renderLabel || this.$scopedSlots.default
|
|
|
+ }
|
|
|
+ },
|
|
|
+ watch: {
|
|
|
+ options: {
|
|
|
+ handler: function () {
|
|
|
+ this.initStore()
|
|
|
+ },
|
|
|
+ immediate: !0,
|
|
|
+ deep: !0
|
|
|
+ },
|
|
|
+ value: function () {
|
|
|
+ this.syncCheckedValue(), this.checkStrictly && this.calculateCheckedNodePaths()
|
|
|
+ },
|
|
|
+ checkedValue: function (e) {
|
|
|
+ I(e, this.value) || (this.checkStrictly && this.calculateCheckedNodePaths(), this.$emit("input", e), this.$emit("change", e))
|
|
|
+ }
|
|
|
+ },
|
|
|
+ mounted: function () {
|
|
|
+ O(this.value) || this.syncCheckedValue()
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ initStore: function () {
|
|
|
+ var e = this.config,
|
|
|
+ t = this.options;
|
|
|
+ e.lazy && O(t) ? this.lazyLoad() : (this.store = new No(t, e), this.menus = [this.store.getNodes()], this.syncMenuState())
|
|
|
+ },
|
|
|
+ syncCheckedValue: function () {
|
|
|
+ var e = this.value,
|
|
|
+ t = this.checkedValue;
|
|
|
+ I(e, t) || (this.activePath = [], this.checkedValue = e, this.syncMenuState())
|
|
|
+ },
|
|
|
+ syncMenuState: function () {
|
|
|
+ var e = this.multiple,
|
|
|
+ t = this.checkStrictly;
|
|
|
+ this.syncActivePath(), e && this.syncMultiCheckState(), t && this.calculateCheckedNodePaths(), this.$nextTick(this.scrollIntoView)
|
|
|
+ },
|
|
|
+ syncMultiCheckState: function () {
|
|
|
+ var t = this;
|
|
|
+ this.getFlattedNodes(this.leafOnly).forEach(function (e) {
|
|
|
+ e.syncCheckState(t.checkedValue)
|
|
|
+ })
|
|
|
+ },
|
|
|
+ syncActivePath: function () {
|
|
|
+ var t = this,
|
|
|
+ e = this.store,
|
|
|
+ i = this.multiple,
|
|
|
+ n = this.activePath,
|
|
|
+ r = this.checkedValue;
|
|
|
+ O(n) ? O(r) ? (this.activePath = [], this.menus = [e.getNodes()]) : (r = i ? r[0] : r, r = ((this.getNodeByValue(r) || {}).pathNodes || []).slice(0, -1), this.expandNodes(r)) : (n = n.map(function (e) {
|
|
|
+ return t.getNodeByValue(e.getValue())
|
|
|
+ }), this.expandNodes(n))
|
|
|
+ },
|
|
|
+ expandNodes: function (e) {
|
|
|
+ var t = this;
|
|
|
+ e.forEach(function (e) {
|
|
|
+ return t.handleExpand(e, !0)
|
|
|
+ })
|
|
|
+ },
|
|
|
+ calculateCheckedNodePaths: function () {
|
|
|
+ var t = this,
|
|
|
+ e = this.checkedValue,
|
|
|
+ e = this.multiple ? M(e) : [e];
|
|
|
+ this.checkedNodePaths = e.map(function (e) {
|
|
|
+ e = t.getNodeByValue(e);
|
|
|
+ return e ? e.pathNodes : []
|
|
|
+ })
|
|
|
+ },
|
|
|
+ handleKeyDown: function (e) {
|
|
|
+ var t = e.target;
|
|
|
+ switch (e.keyCode) {
|
|
|
+ case Io.up:
|
|
|
+ var i = Eo(t, -1);
|
|
|
+ Mo(i);
|
|
|
+ break;
|
|
|
+ case Io.down:
|
|
|
+ var n = Eo(t, 1);
|
|
|
+ Mo(n);
|
|
|
+ break;
|
|
|
+ case Io.left:
|
|
|
+ n = this.$refs.menu[To(t) - 1];
|
|
|
+ n && (n = n.$el.querySelector('.el-cascader-node[aria-expanded="true"]'), Mo(n));
|
|
|
+ break;
|
|
|
+ case Io.right:
|
|
|
+ var r, s = this.$refs.menu[To(t) + 1];
|
|
|
+ s && (r = s.$el.querySelector('.el-cascader-node[tabindex="-1"]'), Mo(r));
|
|
|
+ break;
|
|
|
+ case Io.enter:
|
|
|
+ (s = t) && ((r = s.querySelector("input")) ? r.click() : $o(s) && s.click());
|
|
|
+ break;
|
|
|
+ case Io.esc:
|
|
|
+ case Io.tab:
|
|
|
+ this.$emit("close");
|
|
|
+ break;
|
|
|
+ default:
|
|
|
+ return
|
|
|
+ }
|
|
|
+ },
|
|
|
+ handleExpand: function (e, t) {
|
|
|
+ var i = this.activePath,
|
|
|
+ n = e.level,
|
|
|
+ r = i.slice(0, n - 1),
|
|
|
+ n = this.menus.slice(0, n);
|
|
|
+ e.isLeaf || (r.push(e), n.push(e.children)), this.activePath = r, this.menus = n, t || (r = r.map(function (e) {
|
|
|
+ return e.getValue()
|
|
|
+ }), i = i.map(function (e) {
|
|
|
+ return e.getValue()
|
|
|
+ }), $(r, i) || (this.$emit("active-item-change", r), this.$emit("expand-change", r)))
|
|
|
+ },
|
|
|
+ handleCheckChange: function (e) {
|
|
|
+ this.checkedValue = e
|
|
|
+ },
|
|
|
+ lazyLoad: function (s, o) {
|
|
|
+ var a = this,
|
|
|
+ e = this.config;
|
|
|
+ s || (s = s || {
|
|
|
+ root: !0,
|
|
|
+ level: 0
|
|
|
+ }, this.store = new No([], e), this.menus = [this.store.getNodes()]), s.loading = !0, e.lazyLoad(s, function (e) {
|
|
|
+ var t, i, n, r = s.root ? null : s;
|
|
|
+ e && e.length && a.store.appendNodes(e, r), s.loading = !1, s.loaded = !0, Array.isArray(a.checkedValue) && (t = a.checkedValue[a.loadCount++], i = a.config.value, r = a.config.leaf, Array.isArray(e) && 0 < e.filter(function (e) {
|
|
|
+ return e[i] === t
|
|
|
+ }).length && ((n = a.store.getNodeByValue(t)).data[r] || a.lazyLoad(n, function () {
|
|
|
+ a.handleExpand(n)
|
|
|
+ }), a.loadCount === a.checkedValue.length && a.$parent.computePresentText())), o && o(e)
|
|
|
+ })
|
|
|
+ },
|
|
|
+ calculateMultiCheckedValue: function () {
|
|
|
+ this.checkedValue = this.getCheckedNodes(this.leafOnly).map(function (e) {
|
|
|
+ return e.getValueByOption()
|
|
|
+ })
|
|
|
+ },
|
|
|
+ scrollIntoView: function () {
|
|
|
+ this.$isServer || (this.$refs.menu || []).forEach(function (e) {
|
|
|
+ e = e.$el;
|
|
|
+ e && it(e.querySelector(".el-scrollbar__wrap"), e.querySelector(".el-cascader-node.is-active") || e.querySelector(".el-cascader-node.in-active-path"))
|
|
|
+ })
|
|
|
+ },
|
|
|
+ getNodeByValue: function (e) {
|
|
|
+ return this.store.getNodeByValue(e)
|
|
|
+ },
|
|
|
+ getFlattedNodes: function (e) {
|
|
|
+ var t = !this.config.lazy;
|
|
|
+ return this.store.getFlattedNodes(e, t)
|
|
|
+ },
|
|
|
+ getCheckedNodes: function (e) {
|
|
|
+ var t = this.checkedValue;
|
|
|
+ return this.multiple ? this.getFlattedNodes(e).filter(function (e) {
|
|
|
+ return e.checked
|
|
|
+ }) : O(t) ? [] : [this.getNodeByValue(t)]
|
|
|
+ },
|
|
|
+ clearCheckedNodes: function () {
|
|
|
+ var e = this.config,
|
|
|
+ t = this.leafOnly,
|
|
|
+ i = e.multiple,
|
|
|
+ e = e.emitPath;
|
|
|
+ i ? (this.getCheckedNodes(t).filter(function (e) {
|
|
|
+ return !e.isDisabled
|
|
|
+ }).forEach(function (e) {
|
|
|
+ return e.doCheck(!1)
|
|
|
+ }), this.calculateMultiCheckedValue()) : this.checkedValue = e ? [] : null
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, wt, [], !1, null, null, null);
|
|
|
+
|
|
|
+ function Fo(e, t) {
|
|
|
+ ! function (e) {
|
|
|
+ if (!(e instanceof Fo)) throw new TypeError("Cannot call a class as a function")
|
|
|
+ }(this), this.config = t, this.initNodes(e)
|
|
|
+ }
|
|
|
+ Rt.options.__file = "packages/cascader-panel/src/cascader-panel.vue";
|
|
|
+ var Ao = Rt.exports;
|
|
|
+ Ao.install = function (e) {
|
|
|
+ e.component(Ao.name, Ao)
|
|
|
+ };
|
|
|
+ var Jt = Ao,
|
|
|
+ Lo = Bt.keys,
|
|
|
+ Vo = {
|
|
|
+ expandTrigger: {
|
|
|
+ newProp: "expandTrigger",
|
|
|
+ type: String
|
|
|
+ },
|
|
|
+ changeOnSelect: {
|
|
|
+ newProp: "checkStrictly",
|
|
|
+ type: Boolean
|
|
|
+ },
|
|
|
+ hoverThreshold: {
|
|
|
+ newProp: "hoverThreshold",
|
|
|
+ type: Number
|
|
|
+ }
|
|
|
+ },
|
|
|
+ ii = {
|
|
|
+ props: {
|
|
|
+ placement: {
|
|
|
+ type: String,
|
|
|
+ default: "bottom-start"
|
|
|
+ },
|
|
|
+ appendToBody: Te.props.appendToBody,
|
|
|
+ visibleArrow: {
|
|
|
+ type: Boolean,
|
|
|
+ default: !0
|
|
|
+ },
|
|
|
+ arrowOffset: Te.props.arrowOffset,
|
|
|
+ offset: Te.props.offset,
|
|
|
+ boundariesPadding: Te.props.boundariesPadding,
|
|
|
+ popperOptions: Te.props.popperOptions
|
|
|
+ },
|
|
|
+ methods: Te.methods,
|
|
|
+ data: Te.data,
|
|
|
+ beforeDestroy: Te.beforeDestroy
|
|
|
+ },
|
|
|
+ Bo = {
|
|
|
+ medium: 36,
|
|
|
+ small: 32,
|
|
|
+ mini: 28
|
|
|
+ },
|
|
|
+ zt = r({
|
|
|
+ name: "ElCascader",
|
|
|
+ directives: {
|
|
|
+ Clickoutside: tt
|
|
|
+ },
|
|
|
+ mixins: [ii, l, j, Y],
|
|
|
+ inject: {
|
|
|
+ elForm: {
|
|
|
+ default: ""
|
|
|
+ },
|
|
|
+ elFormItem: {
|
|
|
+ default: ""
|
|
|
+ }
|
|
|
+ },
|
|
|
+ components: {
|
|
|
+ ElInput: te,
|
|
|
+ ElTag: He,
|
|
|
+ ElScrollbar: Ke,
|
|
|
+ ElCascaderPanel: Jt
|
|
|
+ },
|
|
|
+ props: {
|
|
|
+ value: {},
|
|
|
+ options: Array,
|
|
|
+ props: Object,
|
|
|
+ size: String,
|
|
|
+ placeholder: {
|
|
|
+ type: String,
|
|
|
+ default: function () {
|
|
|
+ return A("el.cascader.placeholder")
|
|
|
+ }
|
|
|
+ },
|
|
|
+ disabled: Boolean,
|
|
|
+ clearable: Boolean,
|
|
|
+ filterable: Boolean,
|
|
|
+ filterMethod: Function,
|
|
|
+ separator: {
|
|
|
+ type: String,
|
|
|
+ default: " / "
|
|
|
+ },
|
|
|
+ showAllLevels: {
|
|
|
+ type: Boolean,
|
|
|
+ default: !0
|
|
|
+ },
|
|
|
+ collapseTags: Boolean,
|
|
|
+ debounce: {
|
|
|
+ type: Number,
|
|
|
+ default: 300
|
|
|
+ },
|
|
|
+ beforeFilter: {
|
|
|
+ type: Function,
|
|
|
+ default: function () {
|
|
|
+ return function () {}
|
|
|
+ }
|
|
|
+ },
|
|
|
+ popperClass: String
|
|
|
+ },
|
|
|
+ data: function () {
|
|
|
+ return {
|
|
|
+ dropDownVisible: !1,
|
|
|
+ checkedValue: this.value || null,
|
|
|
+ inputHover: !1,
|
|
|
+ inputValue: null,
|
|
|
+ presentText: null,
|
|
|
+ presentTags: [],
|
|
|
+ checkedNodes: [],
|
|
|
+ filtering: !1,
|
|
|
+ suggestions: [],
|
|
|
+ inputInitialHeight: 0,
|
|
|
+ pressDeleteCount: 0
|
|
|
+ }
|
|
|
+ },
|
|
|
+ computed: {
|
|
|
+ realSize: function () {
|
|
|
+ var e = (this.elFormItem || {}).elFormItemSize;
|
|
|
+ return this.size || e || (this.$ELEMENT || {}).size
|
|
|
+ },
|
|
|
+ tagSize: function () {
|
|
|
+ return -1 < ["small", "mini"].indexOf(this.realSize) ? "mini" : "small"
|
|
|
+ },
|
|
|
+ isDisabled: function () {
|
|
|
+ return this.disabled || (this.elForm || {}).disabled
|
|
|
+ },
|
|
|
+ config: function () {
|
|
|
+ var r = this.props || {},
|
|
|
+ s = this.$attrs;
|
|
|
+ return Object.keys(Vo).forEach(function (e) {
|
|
|
+ var t, i = Vo[e],
|
|
|
+ n = i.newProp,
|
|
|
+ i = i.type,
|
|
|
+ t = s[e] || s[t = /([^-])([A-Z])/g, e.replace(t, "$1-$2").replace(t, "$1-$2").toLowerCase()];
|
|
|
+ Z(e) && !Z(r[n]) && (i === Boolean && "" === t && (t = !0), r[n] = t)
|
|
|
+ }), r
|
|
|
+ },
|
|
|
+ multiple: function () {
|
|
|
+ return this.config.multiple
|
|
|
+ },
|
|
|
+ leafOnly: function () {
|
|
|
+ return !this.config.checkStrictly
|
|
|
+ },
|
|
|
+ readonly: function () {
|
|
|
+ return !this.filterable || this.multiple
|
|
|
+ },
|
|
|
+ clearBtnVisible: function () {
|
|
|
+ return !(!this.clearable || this.isDisabled || this.filtering || !this.inputHover || (this.multiple ? !this.checkedNodes.filter(function (e) {
|
|
|
+ return !e.isDisabled
|
|
|
+ }).length : !this.presentText))
|
|
|
+ },
|
|
|
+ panel: function () {
|
|
|
+ return this.$refs.panel
|
|
|
+ }
|
|
|
+ },
|
|
|
+ watch: {
|
|
|
+ disabled: function () {
|
|
|
+ this.computePresentContent()
|
|
|
+ },
|
|
|
+ value: function (e) {
|
|
|
+ I(e, this.checkedValue) || (this.checkedValue = e, this.computePresentContent())
|
|
|
+ },
|
|
|
+ checkedValue: function (e) {
|
|
|
+ var t = this.value,
|
|
|
+ i = this.dropDownVisible,
|
|
|
+ n = this.config,
|
|
|
+ r = n.checkStrictly,
|
|
|
+ n = n.multiple;
|
|
|
+ I(e, t) && !b(t) || (this.computePresentContent(), n || r || !i || this.toggleDropDownVisible(!1), this.$emit("input", e), this.$emit("change", e), this.dispatch("ElFormItem", "el.form.change", [e]))
|
|
|
+ },
|
|
|
+ options: {
|
|
|
+ handler: function () {
|
|
|
+ this.$nextTick(this.computePresentContent)
|
|
|
+ },
|
|
|
+ deep: !0
|
|
|
+ },
|
|
|
+ presentText: function (e) {
|
|
|
+ this.inputValue = e
|
|
|
+ },
|
|
|
+ presentTags: function (e, t) {
|
|
|
+ this.multiple && (e.length || t.length) && this.$nextTick(this.updateStyle)
|
|
|
+ },
|
|
|
+ filtering: function (e) {
|
|
|
+ this.$nextTick(this.updatePopper)
|
|
|
+ }
|
|
|
+ },
|
|
|
+ mounted: function () {
|
|
|
+ var t = this,
|
|
|
+ e = this.$refs.input;
|
|
|
+ e && e.$el && (this.inputInitialHeight = e.$el.offsetHeight || Bo[this.realSize] || 40), O(this.value) || this.computePresentContent(), this.filterHandler = Ue()(this.debounce, function () {
|
|
|
+ var e = t.inputValue;
|
|
|
+ e ? (e = t.beforeFilter(e)) && e.then ? e.then(t.getSuggestions) : !1 !== e ? t.getSuggestions() : t.filtering = !1 : t.filtering = !1
|
|
|
+ }), Be(this.$el, this.updateStyle)
|
|
|
+ },
|
|
|
+ beforeDestroy: function () {
|
|
|
+ ze(this.$el, this.updateStyle)
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ getMigratingConfig: function () {
|
|
|
+ return {
|
|
|
+ props: {
|
|
|
+ "expand-trigger": "expand-trigger is removed, use `props.expandTrigger` instead.",
|
|
|
+ "change-on-select": "change-on-select is removed, use `props.checkStrictly` instead.",
|
|
|
+ "hover-threshold": "hover-threshold is removed, use `props.hoverThreshold` instead"
|
|
|
+ },
|
|
|
+ events: {
|
|
|
+ "active-item-change": "active-item-change is renamed to expand-change"
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ toggleDropDownVisible: function (e) {
|
|
|
+ var t, i, n = this;
|
|
|
+ this.isDisabled || (t = this.dropDownVisible, i = this.$refs.input, (e = Z(e) ? e : !t) !== t && ((this.dropDownVisible = e) && this.$nextTick(function () {
|
|
|
+ n.updatePopper(), n.panel.scrollIntoView()
|
|
|
+ }), i.$refs.input.setAttribute("aria-expanded", e), this.$emit("visible-change", e)))
|
|
|
+ },
|
|
|
+ handleDropdownLeave: function () {
|
|
|
+ this.filtering = !1, this.inputValue = this.presentText
|
|
|
+ },
|
|
|
+ handleKeyDown: function (e) {
|
|
|
+ switch (e.keyCode) {
|
|
|
+ case Lo.enter:
|
|
|
+ this.toggleDropDownVisible();
|
|
|
+ break;
|
|
|
+ case Lo.down:
|
|
|
+ this.toggleDropDownVisible(!0), this.focusFirstNode(), e.preventDefault();
|
|
|
+ break;
|
|
|
+ case Lo.esc:
|
|
|
+ case Lo.tab:
|
|
|
+ this.toggleDropDownVisible(!1)
|
|
|
+ }
|
|
|
+ },
|
|
|
+ handleFocus: function (e) {
|
|
|
+ this.$emit("focus", e)
|
|
|
+ },
|
|
|
+ handleBlur: function (e) {
|
|
|
+ this.$emit("blur", e)
|
|
|
+ },
|
|
|
+ handleInput: function (e, t) {
|
|
|
+ this.dropDownVisible || this.toggleDropDownVisible(!0), t && t.isComposing || (e ? this.filterHandler() : this.filtering = !1)
|
|
|
+ },
|
|
|
+ handleClear: function () {
|
|
|
+ this.presentText = "", this.panel.clearCheckedNodes()
|
|
|
+ },
|
|
|
+ handleExpandChange: function (e) {
|
|
|
+ this.$nextTick(this.updatePopper.bind(this)), this.$emit("expand-change", e), this.$emit("active-item-change", e)
|
|
|
+ },
|
|
|
+ focusFirstNode: function () {
|
|
|
+ var r = this;
|
|
|
+ this.$nextTick(function () {
|
|
|
+ var e = r.filtering,
|
|
|
+ t = r.$refs,
|
|
|
+ i = t.popper,
|
|
|
+ n = t.suggestionPanel,
|
|
|
+ t = null;
|
|
|
+ (t = e && n ? n.$el.querySelector(".el-cascader__suggestion-item") : i.querySelector(".el-cascader-menu").querySelector('.el-cascader-node[tabindex="-1"]')) && (t.focus(), e || t.click())
|
|
|
+ })
|
|
|
+ },
|
|
|
+ computePresentContent: function () {
|
|
|
+ var e = this;
|
|
|
+ this.$nextTick(function () {
|
|
|
+ e.config.multiple ? (e.computePresentTags(), e.presentText = e.presentTags.length ? " " : null) : e.computePresentText()
|
|
|
+ })
|
|
|
+ },
|
|
|
+ computePresentText: function () {
|
|
|
+ var e = this.checkedValue,
|
|
|
+ t = this.config;
|
|
|
+ if (!O(e)) {
|
|
|
+ e = this.panel.getNodeByValue(e);
|
|
|
+ if (e && (t.checkStrictly || e.isLeaf)) return void(this.presentText = e.getText(this.showAllLevels, this.separator))
|
|
|
+ }
|
|
|
+ this.presentText = null
|
|
|
+ },
|
|
|
+ computePresentTags: function () {
|
|
|
+ function t(e) {
|
|
|
+ return {
|
|
|
+ node: e,
|
|
|
+ key: e.uid,
|
|
|
+ text: e.getText(s, o),
|
|
|
+ hitState: !1,
|
|
|
+ closable: !n && !e.isDisabled
|
|
|
+ }
|
|
|
+ }
|
|
|
+ var e, i, n = this.isDisabled,
|
|
|
+ r = this.leafOnly,
|
|
|
+ s = this.showAllLevels,
|
|
|
+ o = this.separator,
|
|
|
+ a = this.collapseTags,
|
|
|
+ l = this.getCheckedNodes(r),
|
|
|
+ u = [];
|
|
|
+ l.length && (e = l[0], r = (i = l.slice(1)).length, u.push(t(e)), r && (a ? u.push({
|
|
|
+ key: -1,
|
|
|
+ text: "+ " + r,
|
|
|
+ closable: !1
|
|
|
+ }) : i.forEach(function (e) {
|
|
|
+ return u.push(t(e))
|
|
|
+ }))), this.checkedNodes = l, this.presentTags = u
|
|
|
+ },
|
|
|
+ getSuggestions: function () {
|
|
|
+ var t = this,
|
|
|
+ i = this.filterMethod;
|
|
|
+ y(i) || (i = function (e, t) {
|
|
|
+ return e.text.includes(t)
|
|
|
+ });
|
|
|
+ var e = this.panel.getFlattedNodes(this.leafOnly).filter(function (e) {
|
|
|
+ return !e.isDisabled && (e.text = e.getText(t.showAllLevels, t.separator) || "", i(e, t.inputValue))
|
|
|
+ });
|
|
|
+ this.multiple ? this.presentTags.forEach(function (e) {
|
|
|
+ e.hitState = !1
|
|
|
+ }) : e.forEach(function (e) {
|
|
|
+ e.checked = I(t.checkedValue, e.getValueByOption())
|
|
|
+ }), this.filtering = !0, this.suggestions = e, this.$nextTick(this.updatePopper)
|
|
|
+ },
|
|
|
+ handleSuggestionKeyDown: function (e) {
|
|
|
+ var t = e.keyCode,
|
|
|
+ i = e.target;
|
|
|
+ switch (t) {
|
|
|
+ case Lo.enter:
|
|
|
+ i.click();
|
|
|
+ break;
|
|
|
+ case Lo.up:
|
|
|
+ var n = i.previousElementSibling;
|
|
|
+ n && n.focus();
|
|
|
+ break;
|
|
|
+ case Lo.down:
|
|
|
+ n = i.nextElementSibling;
|
|
|
+ n && n.focus();
|
|
|
+ break;
|
|
|
+ case Lo.esc:
|
|
|
+ case Lo.tab:
|
|
|
+ this.toggleDropDownVisible(!1)
|
|
|
+ }
|
|
|
+ },
|
|
|
+ handleDelete: function () {
|
|
|
+ var e = this.inputValue,
|
|
|
+ t = this.pressDeleteCount,
|
|
|
+ i = this.presentTags,
|
|
|
+ i = i[i.length - 1];
|
|
|
+ this.pressDeleteCount = e ? 0 : t + 1, i && this.pressDeleteCount && (i.hitState ? this.deleteTag(i) : i.hitState = !0)
|
|
|
+ },
|
|
|
+ handleSuggestionClick: function (e) {
|
|
|
+ var t = this.multiple,
|
|
|
+ e = this.suggestions[e];
|
|
|
+ t ? (t = e.checked, e.doCheck(!t), this.panel.calculateMultiCheckedValue()) : (this.checkedValue = e.getValueByOption(), this.toggleDropDownVisible(!1))
|
|
|
+ },
|
|
|
+ deleteTag: function (e) {
|
|
|
+ var t = this.checkedValue,
|
|
|
+ i = e.node.getValueByOption(),
|
|
|
+ e = t.find(function (e) {
|
|
|
+ return I(e, i)
|
|
|
+ });
|
|
|
+ this.checkedValue = t.filter(function (e) {
|
|
|
+ return !I(e, i)
|
|
|
+ }), this.$emit("remove-tag", e)
|
|
|
+ },
|
|
|
+ updateStyle: function () {
|
|
|
+ var e, t, i, n = this.$el,
|
|
|
+ r = this.inputInitialHeight;
|
|
|
+ !this.$isServer && n && (e = this.$refs.suggestionPanel, (t = n.querySelector(".el-input__inner")) && (i = n.querySelector(".el-cascader__tags"), n = null, e && (n = e.$el) && (n.querySelector(".el-cascader__suggestion-list").style.minWidth = t.offsetWidth + "px"), i && (i = i.offsetHeight, r = Math.max(i + 6, r) + "px", t.style.height = r, this.updatePopper())))
|
|
|
+ },
|
|
|
+ getCheckedNodes: function (e) {
|
|
|
+ return this.panel.getCheckedNodes(e)
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, si, [], !1, null, null, null);
|
|
|
+ zt.options.__file = "packages/cascader/src/cascader.vue";
|
|
|
+ var zo = zt.exports;
|
|
|
+ zo.install = function (e) {
|
|
|
+ e.component(zo.name, zo)
|
|
|
+ };
|
|
|
+ i = zo, $i = function () {
|
|
|
+ var t = this,
|
|
|
+ e = t.$createElement,
|
|
|
+ e = t._self._c || e;
|
|
|
+ return e("div", {
|
|
|
+ directives: [{
|
|
|
+ name: "clickoutside",
|
|
|
+ rawName: "v-clickoutside",
|
|
|
+ value: t.hide,
|
|
|
+ expression: "hide"
|
|
|
+ }],
|
|
|
+ class: ["el-color-picker", t.colorDisabled ? "is-disabled" : "", t.colorSize ? "el-color-picker--" + t.colorSize : ""]
|
|
|
+ }, [t.colorDisabled ? e("div", {
|
|
|
+ staticClass: "el-color-picker__mask"
|
|
|
+ }) : t._e(), e("div", {
|
|
|
+ staticClass: "el-color-picker__trigger",
|
|
|
+ on: {
|
|
|
+ click: t.handleTrigger
|
|
|
+ }
|
|
|
+ }, [e("span", {
|
|
|
+ staticClass: "el-color-picker__color",
|
|
|
+ class: {
|
|
|
+ "is-alpha": t.showAlpha
|
|
|
+ }
|
|
|
+ }, [e("span", {
|
|
|
+ staticClass: "el-color-picker__color-inner",
|
|
|
+ style: {
|
|
|
+ backgroundColor: t.displayedColor
|
|
|
+ }
|
|
|
+ }), t.value || t.showPanelColor ? t._e() : e("span", {
|
|
|
+ staticClass: "el-color-picker__empty el-icon-close"
|
|
|
+ })]), e("span", {
|
|
|
+ directives: [{
|
|
|
+ name: "show",
|
|
|
+ rawName: "v-show",
|
|
|
+ value: t.value || t.showPanelColor,
|
|
|
+ expression: "value || showPanelColor"
|
|
|
+ }],
|
|
|
+ staticClass: "el-color-picker__icon el-icon-arrow-down"
|
|
|
+ })]), e("picker-dropdown", {
|
|
|
+ ref: "dropdown",
|
|
|
+ class: ["el-color-picker__panel", t.popperClass || ""],
|
|
|
+ attrs: {
|
|
|
+ color: t.color,
|
|
|
+ "show-alpha": t.showAlpha,
|
|
|
+ predefine: t.predefine
|
|
|
+ },
|
|
|
+ on: {
|
|
|
+ pick: t.confirmValue,
|
|
|
+ clear: t.clearValue
|
|
|
+ },
|
|
|
+ model: {
|
|
|
+ value: t.showPicker,
|
|
|
+ callback: function (e) {
|
|
|
+ t.showPicker = e
|
|
|
+ },
|
|
|
+ expression: "showPicker"
|
|
|
+ }
|
|
|
+ })], 1)
|
|
|
+ };
|
|
|
+ $i._withStripped = !0;
|
|
|
+
|
|
|
+ function Ho(e, t, i) {
|
|
|
+ return [e, t * i / ((e = (2 - t) * i) < 1 ? e : 2 - e) || 0, e / 2]
|
|
|
+ }
|
|
|
+
|
|
|
+ function Ro(e, t) {
|
|
|
+ var i = "string" == typeof (e = "string" == typeof (i = e) && -1 !== i.indexOf(".") && 1 === parseFloat(i) ? "100%" : e) && -1 !== e.indexOf("%");
|
|
|
+ return e = Math.min(t, Math.max(0, parseFloat(e))), i && (e = parseInt(e * t, 10) / 100), Math.abs(e - t) < 1e-6 ? 1 : e % t / parseFloat(t)
|
|
|
+ }
|
|
|
+
|
|
|
+ function Wo(e) {
|
|
|
+ return 2 === e.length ? 16 * (Go[e[0].toUpperCase()] || +e[0]) + (Go[e[1].toUpperCase()] || +e[1]) : Go[e[1].toUpperCase()] || +e[1]
|
|
|
+ }
|
|
|
+
|
|
|
+ function jo(e, t, i) {
|
|
|
+ e = Ro(e, 255), t = Ro(t, 255), i = Ro(i, 255);
|
|
|
+ var n = Math.max(e, t, i),
|
|
|
+ r = Math.min(e, t, i),
|
|
|
+ s = void 0,
|
|
|
+ o = n,
|
|
|
+ a = n - r,
|
|
|
+ l = 0 === n ? 0 : a / n;
|
|
|
+ if (n === r) s = 0;
|
|
|
+ else {
|
|
|
+ switch (n) {
|
|
|
+ case e:
|
|
|
+ s = (t - i) / a + (t < i ? 6 : 0);
|
|
|
+ break;
|
|
|
+ case t:
|
|
|
+ s = (i - e) / a + 2;
|
|
|
+ break;
|
|
|
+ case i:
|
|
|
+ s = (e - t) / a + 4
|
|
|
+ }
|
|
|
+ s /= 6
|
|
|
+ }
|
|
|
+ return {
|
|
|
+ h: 360 * s,
|
|
|
+ s: 100 * l,
|
|
|
+ v: 100 * o
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ function qo(e, t, i) {
|
|
|
+ e = 6 * Ro(e, 360), t = Ro(t, 100), i = Ro(i, 100);
|
|
|
+ var n = Math.floor(e),
|
|
|
+ r = e - n,
|
|
|
+ s = i * (1 - t),
|
|
|
+ o = i * (1 - r * t),
|
|
|
+ t = [e = i * (1 - (1 - r) * t), i, i, o, s, s][r = n % 6],
|
|
|
+ n = [s, s, e, i, i, o][r];
|
|
|
+ return {
|
|
|
+ r: Math.round(255 * [i, o, s, s, e, i][r]),
|
|
|
+ g: Math.round(255 * t),
|
|
|
+ b: Math.round(255 * n)
|
|
|
+ }
|
|
|
+ }
|
|
|
+ var Yo = "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
|
|
|
+ },
|
|
|
+ Ko = {
|
|
|
+ 10: "A",
|
|
|
+ 11: "B",
|
|
|
+ 12: "C",
|
|
|
+ 13: "D",
|
|
|
+ 14: "E",
|
|
|
+ 15: "F"
|
|
|
+ },
|
|
|
+ Go = {
|
|
|
+ A: 10,
|
|
|
+ B: 11,
|
|
|
+ C: 12,
|
|
|
+ D: 13,
|
|
|
+ E: 14,
|
|
|
+ F: 15
|
|
|
+ },
|
|
|
+ Uo = (Xo.prototype.set = function (e, t) {
|
|
|
+ if (1 !== arguments.length || "object" !== (void 0 === e ? "undefined" : Yo(e))) this["_" + e] = t, this.doOnChange();
|
|
|
+ else
|
|
|
+ for (var i in e) e.hasOwnProperty(i) && this.set(i, e[i])
|
|
|
+ }, Xo.prototype.get = function (e) {
|
|
|
+ return this["_" + e]
|
|
|
+ }, Xo.prototype.toRgb = function () {
|
|
|
+ return qo(this._hue, this._saturation, this._value)
|
|
|
+ }, Xo.prototype.fromString = function (e) {
|
|
|
+ var n = this;
|
|
|
+ if (!e) return this._hue = 0, this._saturation = 100, this._value = 100, void this.doOnChange();
|
|
|
+
|
|
|
+ function t(e, t, i) {
|
|
|
+ n._hue = Math.max(0, Math.min(360, e)), n._saturation = Math.max(0, Math.min(100, t)), n._value = Math.max(0, Math.min(100, i)), n.doOnChange()
|
|
|
+ }
|
|
|
+ var i, r, s, o; - 1 !== e.indexOf("hsl") ? (4 === (i = e.replace(/hsla|hsl|\(|\)/gm, "").split(/\s|,/g).filter(function (e) {
|
|
|
+ return "" !== e
|
|
|
+ }).map(function (e, t) {
|
|
|
+ return 2 < t ? parseFloat(e) : parseInt(e, 10)
|
|
|
+ })).length ? this._alpha = Math.floor(100 * parseFloat(i[3])) : 3 === i.length && (this._alpha = 100), 3 <= i.length && t((i = function (e, t, i) {
|
|
|
+ i /= 100;
|
|
|
+ var n = t /= 100,
|
|
|
+ r = Math.max(i, .01);
|
|
|
+ return t *= (i *= 2) <= 1 ? i : 2 - i, n *= r <= 1 ? r : 2 - r, {
|
|
|
+ h: e,
|
|
|
+ s: 100 * (0 == i ? 2 * n / (r + n) : 2 * t / (i + t)),
|
|
|
+ v: (i + t) / 2 * 100
|
|
|
+ }
|
|
|
+ }(i[0], i[1], i[2])).h, i.s, i.v)) : -1 !== e.indexOf("hsv") ? (4 === (r = e.replace(/hsva|hsv|\(|\)/gm, "").split(/\s|,/g).filter(function (e) {
|
|
|
+ return "" !== e
|
|
|
+ }).map(function (e, t) {
|
|
|
+ return 2 < t ? parseFloat(e) : parseInt(e, 10)
|
|
|
+ })).length ? this._alpha = Math.floor(100 * parseFloat(r[3])) : 3 === r.length && (this._alpha = 100), 3 <= r.length && t(r[0], r[1], r[2])) : -1 !== e.indexOf("rgb") ? (4 === (s = e.replace(/rgba|rgb|\(|\)/gm, "").split(/\s|,/g).filter(function (e) {
|
|
|
+ return "" !== e
|
|
|
+ }).map(function (e, t) {
|
|
|
+ return 2 < t ? parseFloat(e) : parseInt(e, 10)
|
|
|
+ })).length ? this._alpha = Math.floor(100 * parseFloat(s[3])) : 3 === s.length && (this._alpha = 100), 3 <= s.length && t((o = jo(s[0], s[1], s[2])).h, o.s, o.v)) : -1 !== e.indexOf("#") && (r = e.replace("#", "").trim(), /^(?:[0-9a-fA-F]{3}){1,2}|[0-9a-fA-F]{8}$/.test(r) && (e = o = s = void 0, 3 === r.length ? (s = Wo(r[0] + r[0]), o = Wo(r[1] + r[1]), e = Wo(r[2] + r[2])) : 6 !== r.length && 8 !== r.length || (s = Wo(r.substring(0, 2)), o = Wo(r.substring(2, 4)), e = Wo(r.substring(4, 6))), 8 === r.length ? this._alpha = Math.floor(Wo(r.substring(6)) / 255 * 100) : 3 !== r.length && 6 !== r.length || (this._alpha = 100), t((e = jo(s, o, e)).h, e.s, e.v)))
|
|
|
+ }, Xo.prototype.compare = function (e) {
|
|
|
+ return Math.abs(e._hue - this._hue) < 2 && Math.abs(e._saturation - this._saturation) < 1 && Math.abs(e._value - this._value) < 1 && Math.abs(e._alpha - this._alpha) < 1
|
|
|
+ }, Xo.prototype.doOnChange = function () {
|
|
|
+ var e = this._hue,
|
|
|
+ t = this._saturation,
|
|
|
+ i = this._value,
|
|
|
+ n = this._alpha,
|
|
|
+ r = this.format;
|
|
|
+ if (this.enableAlpha) switch (r) {
|
|
|
+ case "hsl":
|
|
|
+ var s = Ho(e, t / 100, i / 100);
|
|
|
+ this.value = "hsla(" + e + ", " + Math.round(100 * s[1]) + "%, " + Math.round(100 * s[2]) + "%, " + n / 100 + ")";
|
|
|
+ break;
|
|
|
+ case "hsv":
|
|
|
+ this.value = "hsva(" + e + ", " + Math.round(t) + "%, " + Math.round(i) + "%, " + n / 100 + ")";
|
|
|
+ break;
|
|
|
+ default:
|
|
|
+ var o = qo(e, t, i),
|
|
|
+ a = o.r,
|
|
|
+ s = o.g,
|
|
|
+ o = o.b;
|
|
|
+ this.value = "rgba(" + a + ", " + s + ", " + o + ", " + n / 100 + ")"
|
|
|
+ } else switch (r) {
|
|
|
+ case "hsl":
|
|
|
+ var l = Ho(e, t / 100, i / 100);
|
|
|
+ this.value = "hsl(" + e + ", " + Math.round(100 * l[1]) + "%, " + Math.round(100 * l[2]) + "%)";
|
|
|
+ break;
|
|
|
+ case "hsv":
|
|
|
+ this.value = "hsv(" + e + ", " + Math.round(t) + "%, " + Math.round(i) + "%)";
|
|
|
+ break;
|
|
|
+ case "rgb":
|
|
|
+ var u = qo(e, t, i),
|
|
|
+ c = u.r,
|
|
|
+ h = u.g,
|
|
|
+ d = u.b;
|
|
|
+ this.value = "rgb(" + c + ", " + h + ", " + d + ")";
|
|
|
+ break;
|
|
|
+ default:
|
|
|
+ this.value = (u = qo(e, t, i), c = u.r, h = u.g, d = u.b, u = function (e) {
|
|
|
+ e = Math.min(Math.round(e), 255);
|
|
|
+ var t = Math.floor(e / 16),
|
|
|
+ e = e % 16;
|
|
|
+ return "" + (Ko[t] || t) + (Ko[e] || e)
|
|
|
+ }, isNaN(c) || isNaN(h) || isNaN(d) ? "" : "#" + u(c) + u(h) + u(d))
|
|
|
+ }
|
|
|
+ }, Xo),
|
|
|
+ ui = function () {
|
|
|
+ var t = this,
|
|
|
+ e = t.$createElement,
|
|
|
+ e = t._self._c || e;
|
|
|
+ return e("transition", {
|
|
|
+ attrs: {
|
|
|
+ name: "el-zoom-in-top"
|
|
|
+ },
|
|
|
+ on: {
|
|
|
+ "after-leave": t.doDestroy
|
|
|
+ }
|
|
|
+ }, [e("div", {
|
|
|
+ directives: [{
|
|
|
+ name: "show",
|
|
|
+ rawName: "v-show",
|
|
|
+ value: t.showPopper,
|
|
|
+ expression: "showPopper"
|
|
|
+ }],
|
|
|
+ staticClass: "el-color-dropdown"
|
|
|
+ }, [e("div", {
|
|
|
+ staticClass: "el-color-dropdown__main-wrapper"
|
|
|
+ }, [e("hue-slider", {
|
|
|
+ ref: "hue",
|
|
|
+ staticStyle: {
|
|
|
+ float: "right"
|
|
|
+ },
|
|
|
+ attrs: {
|
|
|
+ color: t.color,
|
|
|
+ vertical: ""
|
|
|
+ }
|
|
|
+ }), e("sv-panel", {
|
|
|
+ ref: "sl",
|
|
|
+ attrs: {
|
|
|
+ color: t.color
|
|
|
+ }
|
|
|
+ })], 1), t.showAlpha ? e("alpha-slider", {
|
|
|
+ ref: "alpha",
|
|
|
+ attrs: {
|
|
|
+ color: t.color
|
|
|
+ }
|
|
|
+ }) : t._e(), t.predefine ? e("predefine", {
|
|
|
+ attrs: {
|
|
|
+ color: t.color,
|
|
|
+ colors: t.predefine
|
|
|
+ }
|
|
|
+ }) : t._e(), e("div", {
|
|
|
+ staticClass: "el-color-dropdown__btns"
|
|
|
+ }, [e("span", {
|
|
|
+ staticClass: "el-color-dropdown__value"
|
|
|
+ }, [e("el-input", {
|
|
|
+ attrs: {
|
|
|
+ "validate-event": !1,
|
|
|
+ size: "mini"
|
|
|
+ },
|
|
|
+ on: {
|
|
|
+ blur: t.handleConfirm
|
|
|
+ },
|
|
|
+ nativeOn: {
|
|
|
+ keyup: function (e) {
|
|
|
+ return "button" in e || !t._k(e.keyCode, "enter", 13, e.key, "Enter") ? t.handleConfirm(e) : null
|
|
|
+ }
|
|
|
+ },
|
|
|
+ model: {
|
|
|
+ value: t.customInput,
|
|
|
+ callback: function (e) {
|
|
|
+ t.customInput = e
|
|
|
+ },
|
|
|
+ expression: "customInput"
|
|
|
+ }
|
|
|
+ })], 1), e("el-button", {
|
|
|
+ staticClass: "el-color-dropdown__link-btn",
|
|
|
+ attrs: {
|
|
|
+ size: "mini",
|
|
|
+ type: "text"
|
|
|
+ },
|
|
|
+ on: {
|
|
|
+ click: function (e) {
|
|
|
+ t.$emit("clear")
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, [t._v("\n " + t._s(t.t("el.colorpicker.clear")) + "\n ")]), e("el-button", {
|
|
|
+ staticClass: "el-color-dropdown__btn",
|
|
|
+ attrs: {
|
|
|
+ plain: "",
|
|
|
+ size: "mini"
|
|
|
+ },
|
|
|
+ on: {
|
|
|
+ click: t.confirmValue
|
|
|
+ }
|
|
|
+ }, [t._v("\n " + t._s(t.t("el.colorpicker.confirm")) + "\n ")])], 1)], 1)])
|
|
|
+ };
|
|
|
+
|
|
|
+ function Xo(e) {
|
|
|
+ for (var t in function (e) {
|
|
|
+ if (!(e instanceof Xo)) throw new TypeError("Cannot call a class as a function")
|
|
|
+ }(this), this._hue = 0, this._saturation = 100, this._value = 100, this._alpha = 100, this.enableAlpha = !1, this.format = "hex", this.value = "", e = e || {}) e.hasOwnProperty(t) && (this[t] = e[t]);
|
|
|
+ this.doOnChange()
|
|
|
+ }
|
|
|
+
|
|
|
+ function Zo(e, i) {
|
|
|
+ var n, t;
|
|
|
+ h.a.prototype.$isServer || (n = function (e) {
|
|
|
+ i.drag && i.drag(e)
|
|
|
+ }, t = function e(t) {
|
|
|
+ document.removeEventListener("mousemove", n), document.removeEventListener("mouseup", e), document.onselectstart = null, document.ondragstart = null, Jo = !1, i.end && i.end(t)
|
|
|
+ }, e.addEventListener("mousedown", function (e) {
|
|
|
+ Jo || (document.onselectstart = function () {
|
|
|
+ return !1
|
|
|
+ }, document.ondragstart = function () {
|
|
|
+ return !1
|
|
|
+ }, document.addEventListener("mousemove", n), document.addEventListener("mouseup", t), Jo = !0, i.start && i.start(e))
|
|
|
+ }))
|
|
|
+ }
|
|
|
+ var n = function () {
|
|
|
+ var e = this.$createElement,
|
|
|
+ e = this._self._c || e;
|
|
|
+ return e("div", {
|
|
|
+ staticClass: "el-color-svpanel",
|
|
|
+ style: {
|
|
|
+ backgroundColor: this.background
|
|
|
+ }
|
|
|
+ }, [e("div", {
|
|
|
+ staticClass: "el-color-svpanel__white"
|
|
|
+ }), e("div", {
|
|
|
+ staticClass: "el-color-svpanel__black"
|
|
|
+ }), e("div", {
|
|
|
+ staticClass: "el-color-svpanel__cursor",
|
|
|
+ style: {
|
|
|
+ top: this.cursorTop + "px",
|
|
|
+ left: this.cursorLeft + "px"
|
|
|
+ }
|
|
|
+ }, [e("div")])])
|
|
|
+ },
|
|
|
+ Jo = !(n._withStripped = ui._withStripped = !0),
|
|
|
+ f = r({
|
|
|
+ name: "el-sl-panel",
|
|
|
+ props: {
|
|
|
+ color: {
|
|
|
+ required: !0
|
|
|
+ }
|
|
|
+ },
|
|
|
+ computed: {
|
|
|
+ colorValue: function () {
|
|
|
+ return {
|
|
|
+ hue: this.color.get("hue"),
|
|
|
+ value: this.color.get("value")
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ watch: {
|
|
|
+ colorValue: function () {
|
|
|
+ this.update()
|
|
|
+ }
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ update: function () {
|
|
|
+ var e = this.color.get("saturation"),
|
|
|
+ t = this.color.get("value"),
|
|
|
+ i = this.$el,
|
|
|
+ n = i.clientWidth,
|
|
|
+ i = i.clientHeight;
|
|
|
+ this.cursorLeft = e * n / 100, this.cursorTop = (100 - t) * i / 100, this.background = "hsl(" + this.color.get("hue") + ", 100%, 50%)"
|
|
|
+ },
|
|
|
+ handleDrag: function (e) {
|
|
|
+ var t = this.$el.getBoundingClientRect(),
|
|
|
+ i = e.clientX - t.left,
|
|
|
+ e = e.clientY - t.top,
|
|
|
+ i = Math.max(0, i);
|
|
|
+ i = Math.min(i, t.width), e = Math.max(0, e), e = Math.min(e, t.height), this.cursorLeft = i, this.cursorTop = e, this.color.set({
|
|
|
+ saturation: i / t.width * 100,
|
|
|
+ value: 100 - e / t.height * 100
|
|
|
+ })
|
|
|
+ }
|
|
|
+ },
|
|
|
+ mounted: function () {
|
|
|
+ var t = this;
|
|
|
+ Zo(this.$el, {
|
|
|
+ drag: function (e) {
|
|
|
+ t.handleDrag(e)
|
|
|
+ },
|
|
|
+ end: function (e) {
|
|
|
+ t.handleDrag(e)
|
|
|
+ }
|
|
|
+ }), this.update()
|
|
|
+ },
|
|
|
+ data: function () {
|
|
|
+ return {
|
|
|
+ cursorTop: 0,
|
|
|
+ cursorLeft: 0,
|
|
|
+ background: "hsl(0, 100%, 50%)"
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, n, [], !1, null, null, null);
|
|
|
+ f.options.__file = "packages/color-picker/src/components/sv-panel.vue";
|
|
|
+ li = f.exports, Me = function () {
|
|
|
+ var e = this.$createElement,
|
|
|
+ e = this._self._c || e;
|
|
|
+ return e("div", {
|
|
|
+ staticClass: "el-color-hue-slider",
|
|
|
+ class: {
|
|
|
+ "is-vertical": this.vertical
|
|
|
+ }
|
|
|
+ }, [e("div", {
|
|
|
+ ref: "bar",
|
|
|
+ staticClass: "el-color-hue-slider__bar",
|
|
|
+ on: {
|
|
|
+ click: this.handleClick
|
|
|
+ }
|
|
|
+ }), e("div", {
|
|
|
+ ref: "thumb",
|
|
|
+ staticClass: "el-color-hue-slider__thumb",
|
|
|
+ style: {
|
|
|
+ left: this.thumbLeft + "px",
|
|
|
+ top: this.thumbTop + "px"
|
|
|
+ }
|
|
|
+ })])
|
|
|
+ }, Pe = r({
|
|
|
+ name: "el-color-hue-slider",
|
|
|
+ props: {
|
|
|
+ color: {
|
|
|
+ required: Me._withStripped = !0
|
|
|
+ },
|
|
|
+ vertical: Boolean
|
|
|
+ },
|
|
|
+ data: function () {
|
|
|
+ return {
|
|
|
+ thumbLeft: 0,
|
|
|
+ thumbTop: 0
|
|
|
+ }
|
|
|
+ },
|
|
|
+ computed: {
|
|
|
+ hueValue: function () {
|
|
|
+ return this.color.get("hue")
|
|
|
+ }
|
|
|
+ },
|
|
|
+ watch: {
|
|
|
+ hueValue: function () {
|
|
|
+ this.update()
|
|
|
+ }
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ handleClick: function (e) {
|
|
|
+ var t = this.$refs.thumb;
|
|
|
+ e.target !== t && this.handleDrag(e)
|
|
|
+ },
|
|
|
+ handleDrag: function (e) {
|
|
|
+ var t, i = this.$el.getBoundingClientRect(),
|
|
|
+ n = this.$refs.thumb,
|
|
|
+ r = void 0,
|
|
|
+ r = this.vertical ? (t = e.clientY - i.top, t = Math.min(t, i.height - n.offsetHeight / 2), t = Math.max(n.offsetHeight / 2, t), Math.round((t - n.offsetHeight / 2) / (i.height - n.offsetHeight) * 360)) : (e = e.clientX - i.left, e = Math.min(e, i.width - n.offsetWidth / 2), e = Math.max(n.offsetWidth / 2, e), Math.round((e - n.offsetWidth / 2) / (i.width - n.offsetWidth) * 360));
|
|
|
+ this.color.set("hue", r)
|
|
|
+ },
|
|
|
+ getThumbLeft: function () {
|
|
|
+ if (this.vertical) return 0;
|
|
|
+ var e = this.$el,
|
|
|
+ t = this.color.get("hue");
|
|
|
+ if (!e) return 0;
|
|
|
+ var i = this.$refs.thumb;
|
|
|
+ return Math.round(t * (e.offsetWidth - i.offsetWidth / 2) / 360)
|
|
|
+ },
|
|
|
+ getThumbTop: function () {
|
|
|
+ if (!this.vertical) return 0;
|
|
|
+ var e = this.$el,
|
|
|
+ t = this.color.get("hue");
|
|
|
+ if (!e) return 0;
|
|
|
+ var i = this.$refs.thumb;
|
|
|
+ return Math.round(t * (e.offsetHeight - i.offsetHeight / 2) / 360)
|
|
|
+ },
|
|
|
+ update: function () {
|
|
|
+ this.thumbLeft = this.getThumbLeft(), this.thumbTop = this.getThumbTop()
|
|
|
+ }
|
|
|
+ },
|
|
|
+ mounted: function () {
|
|
|
+ var t = this,
|
|
|
+ e = this.$refs,
|
|
|
+ i = e.bar,
|
|
|
+ n = e.thumb,
|
|
|
+ e = {
|
|
|
+ drag: function (e) {
|
|
|
+ t.handleDrag(e)
|
|
|
+ },
|
|
|
+ end: function (e) {
|
|
|
+ t.handleDrag(e)
|
|
|
+ }
|
|
|
+ };
|
|
|
+ Zo(i, e), Zo(n, e), this.update()
|
|
|
+ }
|
|
|
+ }, Me, [], !1, null, null, null);
|
|
|
+ Pe.options.__file = "packages/color-picker/src/components/hue-slider.vue";
|
|
|
+ ut = Pe.exports, vi = function () {
|
|
|
+ var e = this.$createElement,
|
|
|
+ e = this._self._c || e;
|
|
|
+ return e("div", {
|
|
|
+ staticClass: "el-color-alpha-slider",
|
|
|
+ class: {
|
|
|
+ "is-vertical": this.vertical
|
|
|
+ }
|
|
|
+ }, [e("div", {
|
|
|
+ ref: "bar",
|
|
|
+ staticClass: "el-color-alpha-slider__bar",
|
|
|
+ style: {
|
|
|
+ background: this.background
|
|
|
+ },
|
|
|
+ on: {
|
|
|
+ click: this.handleClick
|
|
|
+ }
|
|
|
+ }), e("div", {
|
|
|
+ ref: "thumb",
|
|
|
+ staticClass: "el-color-alpha-slider__thumb",
|
|
|
+ style: {
|
|
|
+ left: this.thumbLeft + "px",
|
|
|
+ top: this.thumbTop + "px"
|
|
|
+ }
|
|
|
+ })])
|
|
|
+ }, o = r({
|
|
|
+ name: "el-color-alpha-slider",
|
|
|
+ props: {
|
|
|
+ color: {
|
|
|
+ required: vi._withStripped = !0
|
|
|
+ },
|
|
|
+ vertical: Boolean
|
|
|
+ },
|
|
|
+ watch: {
|
|
|
+ "color._alpha": function () {
|
|
|
+ this.update()
|
|
|
+ },
|
|
|
+ "color.value": function () {
|
|
|
+ this.update()
|
|
|
+ }
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ handleClick: function (e) {
|
|
|
+ var t = this.$refs.thumb;
|
|
|
+ e.target !== t && this.handleDrag(e)
|
|
|
+ },
|
|
|
+ handleDrag: function (e) {
|
|
|
+ var t, i = this.$el.getBoundingClientRect(),
|
|
|
+ n = this.$refs.thumb;
|
|
|
+ this.vertical ? (t = e.clientY - i.top, t = Math.max(n.offsetHeight / 2, t), t = Math.min(t, i.height - n.offsetHeight / 2), this.color.set("alpha", Math.round((t - n.offsetHeight / 2) / (i.height - n.offsetHeight) * 100))) : (e = e.clientX - i.left, e = Math.max(n.offsetWidth / 2, e), e = Math.min(e, i.width - n.offsetWidth / 2), this.color.set("alpha", Math.round((e - n.offsetWidth / 2) / (i.width - n.offsetWidth) * 100)))
|
|
|
+ },
|
|
|
+ getThumbLeft: function () {
|
|
|
+ if (this.vertical) return 0;
|
|
|
+ var e = this.$el,
|
|
|
+ t = this.color._alpha;
|
|
|
+ if (!e) return 0;
|
|
|
+ var i = this.$refs.thumb;
|
|
|
+ return Math.round(t * (e.offsetWidth - i.offsetWidth / 2) / 100)
|
|
|
+ },
|
|
|
+ getThumbTop: function () {
|
|
|
+ if (!this.vertical) return 0;
|
|
|
+ var e = this.$el,
|
|
|
+ t = this.color._alpha;
|
|
|
+ if (!e) return 0;
|
|
|
+ var i = this.$refs.thumb;
|
|
|
+ return Math.round(t * (e.offsetHeight - i.offsetHeight / 2) / 100)
|
|
|
+ },
|
|
|
+ getBackground: function () {
|
|
|
+ if (this.color && this.color.value) {
|
|
|
+ var e = this.color.toRgb(),
|
|
|
+ t = e.r,
|
|
|
+ i = e.g,
|
|
|
+ e = e.b;
|
|
|
+ return "linear-gradient(to right, rgba(" + t + ", " + i + ", " + e + ", 0) 0%, rgba(" + t + ", " + i + ", " + e + ", 1) 100%)"
|
|
|
+ }
|
|
|
+ return null
|
|
|
+ },
|
|
|
+ update: function () {
|
|
|
+ this.thumbLeft = this.getThumbLeft(), this.thumbTop = this.getThumbTop(), this.background = this.getBackground()
|
|
|
+ }
|
|
|
+ },
|
|
|
+ data: function () {
|
|
|
+ return {
|
|
|
+ thumbLeft: 0,
|
|
|
+ thumbTop: 0,
|
|
|
+ background: null
|
|
|
+ }
|
|
|
+ },
|
|
|
+ mounted: function () {
|
|
|
+ var t = this,
|
|
|
+ e = this.$refs,
|
|
|
+ i = e.bar,
|
|
|
+ n = e.thumb,
|
|
|
+ e = {
|
|
|
+ drag: function (e) {
|
|
|
+ t.handleDrag(e)
|
|
|
+ },
|
|
|
+ end: function (e) {
|
|
|
+ t.handleDrag(e)
|
|
|
+ }
|
|
|
+ };
|
|
|
+ Zo(i, e), Zo(n, e), this.update()
|
|
|
+ }
|
|
|
+ }, vi, [], !1, null, null, null);
|
|
|
+ o.options.__file = "packages/color-picker/src/components/alpha-slider.vue";
|
|
|
+ Ct = o.exports, pt = function () {
|
|
|
+ var i = this,
|
|
|
+ e = i.$createElement,
|
|
|
+ n = i._self._c || e;
|
|
|
+ return n("div", {
|
|
|
+ staticClass: "el-color-predefine"
|
|
|
+ }, [n("div", {
|
|
|
+ staticClass: "el-color-predefine__colors"
|
|
|
+ }, i._l(i.rgbaColors, function (e, t) {
|
|
|
+ return n("div", {
|
|
|
+ key: i.colors[t],
|
|
|
+ staticClass: "el-color-predefine__color-selector",
|
|
|
+ class: {
|
|
|
+ selected: e.selected, "is-alpha": e._alpha < 100
|
|
|
+ },
|
|
|
+ on: {
|
|
|
+ click: function (e) {
|
|
|
+ i.handleSelect(t)
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, [n("div", {
|
|
|
+ style: {
|
|
|
+ "background-color": e.value
|
|
|
+ }
|
|
|
+ })])
|
|
|
+ }), 0)])
|
|
|
+ };
|
|
|
+ pt._withStripped = !0;
|
|
|
+ mt = r({
|
|
|
+ props: {
|
|
|
+ colors: {
|
|
|
+ type: Array,
|
|
|
+ required: !0
|
|
|
+ },
|
|
|
+ color: {
|
|
|
+ required: !0
|
|
|
+ }
|
|
|
+ },
|
|
|
+ data: function () {
|
|
|
+ return {
|
|
|
+ rgbaColors: this.parseColors(this.colors, this.color)
|
|
|
+ }
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ handleSelect: function (e) {
|
|
|
+ this.color.fromString(this.colors[e])
|
|
|
+ },
|
|
|
+ parseColors: function (e, i) {
|
|
|
+ return e.map(function (e) {
|
|
|
+ var t = new Uo;
|
|
|
+ return t.enableAlpha = !0, t.format = "rgba", t.fromString(e), t.selected = t.value === i.value, t
|
|
|
+ })
|
|
|
+ }
|
|
|
+ },
|
|
|
+ watch: {
|
|
|
+ "$parent.currentColor": function (e) {
|
|
|
+ var t = new Uo;
|
|
|
+ t.fromString(e), this.rgbaColors.forEach(function (e) {
|
|
|
+ e.selected = t.compare(e)
|
|
|
+ })
|
|
|
+ },
|
|
|
+ colors: function (e) {
|
|
|
+ this.rgbaColors = this.parseColors(e, this.color)
|
|
|
+ },
|
|
|
+ color: function (e) {
|
|
|
+ this.rgbaColors = this.parseColors(this.colors, e)
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, pt, [], !1, null, null, null);
|
|
|
+ mt.options.__file = "packages/color-picker/src/components/predefine.vue";
|
|
|
+ wt = mt.exports, Rt = r({
|
|
|
+ name: "el-color-picker-dropdown",
|
|
|
+ mixins: [Te, j],
|
|
|
+ components: {
|
|
|
+ SvPanel: li,
|
|
|
+ HueSlider: ut,
|
|
|
+ AlphaSlider: Ct,
|
|
|
+ ElInput: te,
|
|
|
+ ElButton: xt,
|
|
|
+ Predefine: wt
|
|
|
+ },
|
|
|
+ props: {
|
|
|
+ color: {
|
|
|
+ required: !0
|
|
|
+ },
|
|
|
+ showAlpha: Boolean,
|
|
|
+ predefine: Array
|
|
|
+ },
|
|
|
+ data: function () {
|
|
|
+ return {
|
|
|
+ customInput: ""
|
|
|
+ }
|
|
|
+ },
|
|
|
+ computed: {
|
|
|
+ currentColor: function () {
|
|
|
+ var e = this.$parent;
|
|
|
+ return e.value || e.showPanelColor ? e.color.value : ""
|
|
|
+ }
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ confirmValue: function () {
|
|
|
+ this.$emit("pick")
|
|
|
+ },
|
|
|
+ handleConfirm: function () {
|
|
|
+ this.color.fromString(this.customInput)
|
|
|
+ }
|
|
|
+ },
|
|
|
+ mounted: function () {
|
|
|
+ this.$parent.popperElm = this.popperElm = this.$el, this.referenceElm = this.$parent.$el
|
|
|
+ },
|
|
|
+ watch: {
|
|
|
+ showPopper: function (e) {
|
|
|
+ var n = this;
|
|
|
+ !0 === e && this.$nextTick(function () {
|
|
|
+ var e = n.$refs,
|
|
|
+ t = e.sl,
|
|
|
+ i = e.hue,
|
|
|
+ e = e.alpha;
|
|
|
+ t && t.update(), i && i.update(), e && e.update()
|
|
|
+ })
|
|
|
+ },
|
|
|
+ currentColor: {
|
|
|
+ immediate: !0,
|
|
|
+ handler: function (e) {
|
|
|
+ this.customInput = e
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, ui, [], !1, null, null, null);
|
|
|
+ Rt.options.__file = "packages/color-picker/src/components/picker-dropdown.vue";
|
|
|
+ ii = Rt.exports, si = r({
|
|
|
+ name: "ElColorPicker",
|
|
|
+ mixins: [l],
|
|
|
+ props: {
|
|
|
+ value: String,
|
|
|
+ showAlpha: Boolean,
|
|
|
+ colorFormat: String,
|
|
|
+ disabled: Boolean,
|
|
|
+ size: String,
|
|
|
+ popperClass: String,
|
|
|
+ predefine: Array
|
|
|
+ },
|
|
|
+ inject: {
|
|
|
+ elForm: {
|
|
|
+ default: ""
|
|
|
+ },
|
|
|
+ elFormItem: {
|
|
|
+ default: ""
|
|
|
+ }
|
|
|
+ },
|
|
|
+ directives: {
|
|
|
+ Clickoutside: tt
|
|
|
+ },
|
|
|
+ computed: {
|
|
|
+ displayedColor: function () {
|
|
|
+ return this.value || this.showPanelColor ? this.displayedRgb(this.color, this.showAlpha) : "transparent"
|
|
|
+ },
|
|
|
+ _elFormItemSize: function () {
|
|
|
+ return (this.elFormItem || {}).elFormItemSize
|
|
|
+ },
|
|
|
+ colorSize: function () {
|
|
|
+ return this.size || this._elFormItemSize || (this.$ELEMENT || {}).size
|
|
|
+ },
|
|
|
+ colorDisabled: function () {
|
|
|
+ return this.disabled || (this.elForm || {}).disabled
|
|
|
+ }
|
|
|
+ },
|
|
|
+ watch: {
|
|
|
+ value: function (e) {
|
|
|
+ e ? e !== this.color.value && this.color.fromString(e) : this.showPanelColor = !1
|
|
|
+ },
|
|
|
+ color: {
|
|
|
+ deep: !0,
|
|
|
+ handler: function () {
|
|
|
+ this.showPanelColor = !0
|
|
|
+ }
|
|
|
+ },
|
|
|
+ displayedColor: function (e) {
|
|
|
+ var t;
|
|
|
+ this.showPicker && ((t = new Uo({
|
|
|
+ enableAlpha: this.showAlpha,
|
|
|
+ format: this.colorFormat
|
|
|
+ })).fromString(this.value), e !== this.displayedRgb(t, this.showAlpha) && this.$emit("active-change", e))
|
|
|
+ }
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ handleTrigger: function () {
|
|
|
+ this.colorDisabled || (this.showPicker = !this.showPicker)
|
|
|
+ },
|
|
|
+ confirmValue: function () {
|
|
|
+ var e = this.color.value;
|
|
|
+ this.$emit("input", e), this.$emit("change", e), this.dispatch("ElFormItem", "el.form.change", e), this.showPicker = !1
|
|
|
+ },
|
|
|
+ clearValue: function () {
|
|
|
+ this.$emit("input", null), this.$emit("change", null), null !== this.value && this.dispatch("ElFormItem", "el.form.change", null), this.showPanelColor = !1, this.showPicker = !1, this.resetColor()
|
|
|
+ },
|
|
|
+ hide: function () {
|
|
|
+ this.showPicker = !1, this.resetColor()
|
|
|
+ },
|
|
|
+ resetColor: function () {
|
|
|
+ var t = this;
|
|
|
+ this.$nextTick(function (e) {
|
|
|
+ t.value ? t.color.fromString(t.value) : t.showPanelColor = !1
|
|
|
+ })
|
|
|
+ },
|
|
|
+ displayedRgb: function (e, t) {
|
|
|
+ if (!(e instanceof Uo)) throw Error("color should be instance of Color Class");
|
|
|
+ var i = e.toRgb(),
|
|
|
+ n = i.r,
|
|
|
+ r = i.g,
|
|
|
+ i = i.b;
|
|
|
+ return t ? "rgba(" + n + ", " + r + ", " + i + ", " + e.get("alpha") / 100 + ")" : "rgb(" + n + ", " + r + ", " + i + ")"
|
|
|
+ }
|
|
|
+ },
|
|
|
+ mounted: function () {
|
|
|
+ var e = this.value;
|
|
|
+ e && this.color.fromString(e), this.popperElm = this.$refs.dropdown.$el
|
|
|
+ },
|
|
|
+ data: function () {
|
|
|
+ return {
|
|
|
+ color: new Uo({
|
|
|
+ enableAlpha: this.showAlpha,
|
|
|
+ format: this.colorFormat
|
|
|
+ }),
|
|
|
+ showPicker: !1,
|
|
|
+ showPanelColor: !1
|
|
|
+ }
|
|
|
+ },
|
|
|
+ components: {
|
|
|
+ PickerDropdown: ii
|
|
|
+ }
|
|
|
+ }, $i, [], !1, null, null, null);
|
|
|
+ si.options.__file = "packages/color-picker/src/main.vue";
|
|
|
+ var Qo = si.exports;
|
|
|
+ Qo.install = function (e) {
|
|
|
+ e.component(Qo.name, Qo)
|
|
|
+ };
|
|
|
+ zt = Qo, n = function () {
|
|
|
+ var t = this,
|
|
|
+ e = t.$createElement,
|
|
|
+ e = t._self._c || e;
|
|
|
+ return e("div", {
|
|
|
+ staticClass: "el-transfer"
|
|
|
+ }, [e("transfer-panel", t._b({
|
|
|
+ ref: "leftPanel",
|
|
|
+ attrs: {
|
|
|
+ data: t.sourceData,
|
|
|
+ title: t.titles[0] || t.t("el.transfer.titles.0"),
|
|
|
+ "default-checked": t.leftDefaultChecked,
|
|
|
+ placeholder: t.filterPlaceholder || t.t("el.transfer.filterPlaceholder")
|
|
|
+ },
|
|
|
+ on: {
|
|
|
+ "checked-change": t.onSourceCheckedChange
|
|
|
+ }
|
|
|
+ }, "transfer-panel", t.$props, !1), [t._t("left-footer")], 2), e("div", {
|
|
|
+ staticClass: "el-transfer__buttons"
|
|
|
+ }, [e("el-button", {
|
|
|
+ class: ["el-transfer__button", t.hasButtonTexts ? "is-with-texts" : ""],
|
|
|
+ attrs: {
|
|
|
+ type: "primary",
|
|
|
+ disabled: 0 === t.rightChecked.length
|
|
|
+ },
|
|
|
+ nativeOn: {
|
|
|
+ click: function (e) {
|
|
|
+ return t.addToLeft(e)
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, [e("i", {
|
|
|
+ staticClass: "el-icon-arrow-left"
|
|
|
+ }), void 0 !== t.buttonTexts[0] ? e("span", [t._v(t._s(t.buttonTexts[0]))]) : t._e()]), e("el-button", {
|
|
|
+ class: ["el-transfer__button", t.hasButtonTexts ? "is-with-texts" : ""],
|
|
|
+ attrs: {
|
|
|
+ type: "primary",
|
|
|
+ disabled: 0 === t.leftChecked.length
|
|
|
+ },
|
|
|
+ nativeOn: {
|
|
|
+ click: function (e) {
|
|
|
+ return t.addToRight(e)
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, [void 0 !== t.buttonTexts[1] ? e("span", [t._v(t._s(t.buttonTexts[1]))]) : t._e(), e("i", {
|
|
|
+ staticClass: "el-icon-arrow-right"
|
|
|
+ })])], 1), e("transfer-panel", t._b({
|
|
|
+ ref: "rightPanel",
|
|
|
+ attrs: {
|
|
|
+ data: t.targetData,
|
|
|
+ title: t.titles[1] || t.t("el.transfer.titles.1"),
|
|
|
+ "default-checked": t.rightDefaultChecked,
|
|
|
+ placeholder: t.filterPlaceholder || t.t("el.transfer.filterPlaceholder")
|
|
|
+ },
|
|
|
+ on: {
|
|
|
+ "checked-change": t.onTargetCheckedChange
|
|
|
+ }
|
|
|
+ }, "transfer-panel", t.$props, !1), [t._t("right-footer")], 2)], 1)
|
|
|
+ }, f = function () {
|
|
|
+ var t = this,
|
|
|
+ e = t.$createElement,
|
|
|
+ i = t._self._c || e;
|
|
|
+ return i("div", {
|
|
|
+ staticClass: "el-transfer-panel"
|
|
|
+ }, [i("p", {
|
|
|
+ staticClass: "el-transfer-panel__header"
|
|
|
+ }, [i("el-checkbox", {
|
|
|
+ attrs: {
|
|
|
+ indeterminate: t.isIndeterminate
|
|
|
+ },
|
|
|
+ on: {
|
|
|
+ change: t.handleAllCheckedChange
|
|
|
+ },
|
|
|
+ model: {
|
|
|
+ value: t.allChecked,
|
|
|
+ callback: function (e) {
|
|
|
+ t.allChecked = e
|
|
|
+ },
|
|
|
+ expression: "allChecked"
|
|
|
+ }
|
|
|
+ }, [t._v("\n " + t._s(t.title) + "\n "), i("span", [t._v(t._s(t.checkedSummary))])])], 1), i("div", {
|
|
|
+ class: ["el-transfer-panel__body", t.hasFooter ? "is-with-footer" : ""]
|
|
|
+ }, [t.filterable ? i("el-input", {
|
|
|
+ staticClass: "el-transfer-panel__filter",
|
|
|
+ attrs: {
|
|
|
+ size: "small",
|
|
|
+ placeholder: t.placeholder
|
|
|
+ },
|
|
|
+ nativeOn: {
|
|
|
+ mouseenter: function (e) {
|
|
|
+ t.inputHover = !0
|
|
|
+ },
|
|
|
+ mouseleave: function (e) {
|
|
|
+ t.inputHover = !1
|
|
|
+ }
|
|
|
+ },
|
|
|
+ model: {
|
|
|
+ value: t.query,
|
|
|
+ callback: function (e) {
|
|
|
+ t.query = e
|
|
|
+ },
|
|
|
+ expression: "query"
|
|
|
+ }
|
|
|
+ }, [i("i", {
|
|
|
+ class: ["el-input__icon", "el-icon-" + t.inputIcon],
|
|
|
+ attrs: {
|
|
|
+ slot: "prefix"
|
|
|
+ },
|
|
|
+ on: {
|
|
|
+ click: t.clearQuery
|
|
|
+ },
|
|
|
+ slot: "prefix"
|
|
|
+ })]) : t._e(), i("el-checkbox-group", {
|
|
|
+ directives: [{
|
|
|
+ name: "show",
|
|
|
+ rawName: "v-show",
|
|
|
+ value: !t.hasNoMatch && 0 < t.data.length,
|
|
|
+ expression: "!hasNoMatch && data.length > 0"
|
|
|
+ }],
|
|
|
+ staticClass: "el-transfer-panel__list",
|
|
|
+ class: {
|
|
|
+ "is-filterable": t.filterable
|
|
|
+ },
|
|
|
+ model: {
|
|
|
+ value: t.checked,
|
|
|
+ callback: function (e) {
|
|
|
+ t.checked = e
|
|
|
+ },
|
|
|
+ expression: "checked"
|
|
|
+ }
|
|
|
+ }, t._l(t.filteredData, function (e) {
|
|
|
+ return i("el-checkbox", {
|
|
|
+ key: e[t.keyProp],
|
|
|
+ staticClass: "el-transfer-panel__item",
|
|
|
+ attrs: {
|
|
|
+ label: e[t.keyProp],
|
|
|
+ disabled: e[t.disabledProp]
|
|
|
+ }
|
|
|
+ }, [i("option-content", {
|
|
|
+ attrs: {
|
|
|
+ option: e
|
|
|
+ }
|
|
|
+ })], 1)
|
|
|
+ }), 1), i("p", {
|
|
|
+ directives: [{
|
|
|
+ name: "show",
|
|
|
+ rawName: "v-show",
|
|
|
+ value: t.hasNoMatch,
|
|
|
+ expression: "hasNoMatch"
|
|
|
+ }],
|
|
|
+ staticClass: "el-transfer-panel__empty"
|
|
|
+ }, [t._v(t._s(t.t("el.transfer.noMatch")))]), i("p", {
|
|
|
+ directives: [{
|
|
|
+ name: "show",
|
|
|
+ rawName: "v-show",
|
|
|
+ value: 0 === t.data.length && !t.hasNoMatch,
|
|
|
+ expression: "data.length === 0 && !hasNoMatch"
|
|
|
+ }],
|
|
|
+ staticClass: "el-transfer-panel__empty"
|
|
|
+ }, [t._v(t._s(t.t("el.transfer.noData")))])], 1), t.hasFooter ? i("p", {
|
|
|
+ staticClass: "el-transfer-panel__footer"
|
|
|
+ }, [t._t("default")], 2) : t._e()])
|
|
|
+ };
|
|
|
+ f._withStripped = n._withStripped = !0;
|
|
|
+ Me = r({
|
|
|
+ mixins: [j],
|
|
|
+ name: "ElTransferPanel",
|
|
|
+ componentName: "ElTransferPanel",
|
|
|
+ components: {
|
|
|
+ ElCheckboxGroup: ie,
|
|
|
+ ElCheckbox: c,
|
|
|
+ ElInput: te,
|
|
|
+ OptionContent: {
|
|
|
+ props: {
|
|
|
+ option: Object
|
|
|
+ },
|
|
|
+ render: function (e) {
|
|
|
+ var t = function e(t) {
|
|
|
+ return "ElTransferPanel" !== t.$options.componentName && t.$parent ? e(t.$parent) : t
|
|
|
+ }(this),
|
|
|
+ i = t.$parent || t;
|
|
|
+ return t.renderContent ? t.renderContent(e, this.option) : i.$scopedSlots.default ? i.$scopedSlots.default({
|
|
|
+ option: this.option
|
|
|
+ }) : e("span", [this.option[t.labelProp] || this.option[t.keyProp]])
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ props: {
|
|
|
+ data: {
|
|
|
+ type: Array,
|
|
|
+ default: function () {
|
|
|
+ return []
|
|
|
+ }
|
|
|
+ },
|
|
|
+ renderContent: Function,
|
|
|
+ placeholder: String,
|
|
|
+ title: String,
|
|
|
+ filterable: Boolean,
|
|
|
+ format: Object,
|
|
|
+ filterMethod: Function,
|
|
|
+ defaultChecked: Array,
|
|
|
+ props: Object
|
|
|
+ },
|
|
|
+ data: function () {
|
|
|
+ return {
|
|
|
+ checked: [],
|
|
|
+ allChecked: !1,
|
|
|
+ query: "",
|
|
|
+ inputHover: !1,
|
|
|
+ checkChangeByUser: !0
|
|
|
+ }
|
|
|
+ },
|
|
|
+ watch: {
|
|
|
+ checked: function (t, i) {
|
|
|
+ var e;
|
|
|
+ this.updateAllChecked(), this.checkChangeByUser ? (e = t.concat(i).filter(function (e) {
|
|
|
+ return -1 === t.indexOf(e) || -1 === i.indexOf(e)
|
|
|
+ }), this.$emit("checked-change", t, e)) : (this.$emit("checked-change", t), this.checkChangeByUser = !0)
|
|
|
+ },
|
|
|
+ data: function () {
|
|
|
+ var t = this,
|
|
|
+ i = [],
|
|
|
+ n = this.filteredData.map(function (e) {
|
|
|
+ return e[t.keyProp]
|
|
|
+ });
|
|
|
+ this.checked.forEach(function (e) {
|
|
|
+ -1 < n.indexOf(e) && i.push(e)
|
|
|
+ }), this.checkChangeByUser = !1, this.checked = i
|
|
|
+ },
|
|
|
+ checkableData: function () {
|
|
|
+ this.updateAllChecked()
|
|
|
+ },
|
|
|
+ defaultChecked: {
|
|
|
+ immediate: !0,
|
|
|
+ handler: function (e, t) {
|
|
|
+ var i, n, r = this;
|
|
|
+ t && e.length === t.length && e.every(function (e) {
|
|
|
+ return -1 < t.indexOf(e)
|
|
|
+ }) || (i = [], n = this.checkableData.map(function (e) {
|
|
|
+ return e[r.keyProp]
|
|
|
+ }), e.forEach(function (e) {
|
|
|
+ -1 < n.indexOf(e) && i.push(e)
|
|
|
+ }), this.checkChangeByUser = !1, this.checked = i)
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ computed: {
|
|
|
+ filteredData: function () {
|
|
|
+ var t = this;
|
|
|
+ return this.data.filter(function (e) {
|
|
|
+ return "function" == typeof t.filterMethod ? t.filterMethod(t.query, e) : -1 < (e[t.labelProp] || e[t.keyProp].toString()).toLowerCase().indexOf(t.query.toLowerCase())
|
|
|
+ })
|
|
|
+ },
|
|
|
+ checkableData: function () {
|
|
|
+ var t = this;
|
|
|
+ return this.filteredData.filter(function (e) {
|
|
|
+ return !e[t.disabledProp]
|
|
|
+ })
|
|
|
+ },
|
|
|
+ checkedSummary: function () {
|
|
|
+ var e = this.checked.length,
|
|
|
+ t = this.data.length,
|
|
|
+ i = this.format,
|
|
|
+ n = i.noChecked,
|
|
|
+ i = i.hasChecked;
|
|
|
+ return n && i ? (0 < e ? i.replace(/\${checked}/g, e) : n).replace(/\${total}/g, t) : e + "/" + t
|
|
|
+ },
|
|
|
+ isIndeterminate: function () {
|
|
|
+ var e = this.checked.length;
|
|
|
+ return 0 < e && e < this.checkableData.length
|
|
|
+ },
|
|
|
+ hasNoMatch: function () {
|
|
|
+ return 0 < this.query.length && 0 === this.filteredData.length
|
|
|
+ },
|
|
|
+ inputIcon: function () {
|
|
|
+ return 0 < this.query.length && this.inputHover ? "circle-close" : "search"
|
|
|
+ },
|
|
|
+ labelProp: function () {
|
|
|
+ return this.props.label || "label"
|
|
|
+ },
|
|
|
+ keyProp: function () {
|
|
|
+ return this.props.key || "key"
|
|
|
+ },
|
|
|
+ disabledProp: function () {
|
|
|
+ return this.props.disabled || "disabled"
|
|
|
+ },
|
|
|
+ hasFooter: function () {
|
|
|
+ return !!this.$slots.default
|
|
|
+ }
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ updateAllChecked: function () {
|
|
|
+ var t = this,
|
|
|
+ e = this.checkableData.map(function (e) {
|
|
|
+ return e[t.keyProp]
|
|
|
+ });
|
|
|
+ this.allChecked = 0 < e.length && e.every(function (e) {
|
|
|
+ return -1 < t.checked.indexOf(e)
|
|
|
+ })
|
|
|
+ },
|
|
|
+ handleAllCheckedChange: function (e) {
|
|
|
+ var t = this;
|
|
|
+ this.checked = e ? this.checkableData.map(function (e) {
|
|
|
+ return e[t.keyProp]
|
|
|
+ }) : []
|
|
|
+ },
|
|
|
+ clearQuery: function () {
|
|
|
+ "circle-close" === this.inputIcon && (this.query = "")
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, f, [], !1, null, null, null);
|
|
|
+ Me.options.__file = "packages/transfer/src/transfer-panel.vue";
|
|
|
+ Pe = r({
|
|
|
+ name: "ElTransfer",
|
|
|
+ mixins: [l, j, Y],
|
|
|
+ components: {
|
|
|
+ TransferPanel: Me.exports,
|
|
|
+ ElButton: xt
|
|
|
+ },
|
|
|
+ props: {
|
|
|
+ data: {
|
|
|
+ type: Array,
|
|
|
+ default: function () {
|
|
|
+ return []
|
|
|
+ }
|
|
|
+ },
|
|
|
+ titles: {
|
|
|
+ type: Array,
|
|
|
+ default: function () {
|
|
|
+ return []
|
|
|
+ }
|
|
|
+ },
|
|
|
+ buttonTexts: {
|
|
|
+ type: Array,
|
|
|
+ default: function () {
|
|
|
+ return []
|
|
|
+ }
|
|
|
+ },
|
|
|
+ filterPlaceholder: {
|
|
|
+ type: String,
|
|
|
+ default: ""
|
|
|
+ },
|
|
|
+ filterMethod: Function,
|
|
|
+ leftDefaultChecked: {
|
|
|
+ type: Array,
|
|
|
+ default: function () {
|
|
|
+ return []
|
|
|
+ }
|
|
|
+ },
|
|
|
+ rightDefaultChecked: {
|
|
|
+ type: Array,
|
|
|
+ default: function () {
|
|
|
+ return []
|
|
|
+ }
|
|
|
+ },
|
|
|
+ renderContent: Function,
|
|
|
+ value: {
|
|
|
+ type: Array,
|
|
|
+ default: function () {
|
|
|
+ return []
|
|
|
+ }
|
|
|
+ },
|
|
|
+ format: {
|
|
|
+ type: Object,
|
|
|
+ default: function () {
|
|
|
+ return {}
|
|
|
+ }
|
|
|
+ },
|
|
|
+ filterable: Boolean,
|
|
|
+ props: {
|
|
|
+ type: Object,
|
|
|
+ default: function () {
|
|
|
+ return {
|
|
|
+ label: "label",
|
|
|
+ key: "key",
|
|
|
+ disabled: "disabled"
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ targetOrder: {
|
|
|
+ type: String,
|
|
|
+ default: "original"
|
|
|
+ }
|
|
|
+ },
|
|
|
+ data: function () {
|
|
|
+ return {
|
|
|
+ leftChecked: [],
|
|
|
+ rightChecked: []
|
|
|
+ }
|
|
|
+ },
|
|
|
+ computed: {
|
|
|
+ dataObj: function () {
|
|
|
+ var i = this.props.key;
|
|
|
+ return this.data.reduce(function (e, t) {
|
|
|
+ return (e[t[i]] = t) && e
|
|
|
+ }, {})
|
|
|
+ },
|
|
|
+ sourceData: function () {
|
|
|
+ var t = this;
|
|
|
+ return this.data.filter(function (e) {
|
|
|
+ return -1 === t.value.indexOf(e[t.props.key])
|
|
|
+ })
|
|
|
+ },
|
|
|
+ targetData: function () {
|
|
|
+ var i = this;
|
|
|
+ return "original" === this.targetOrder ? this.data.filter(function (e) {
|
|
|
+ return -1 < i.value.indexOf(e[i.props.key])
|
|
|
+ }) : this.value.reduce(function (e, t) {
|
|
|
+ t = i.dataObj[t];
|
|
|
+ return t && e.push(t), e
|
|
|
+ }, [])
|
|
|
+ },
|
|
|
+ hasButtonTexts: function () {
|
|
|
+ return 2 === this.buttonTexts.length
|
|
|
+ }
|
|
|
+ },
|
|
|
+ watch: {
|
|
|
+ value: function (e) {
|
|
|
+ this.dispatch("ElFormItem", "el.form.change", e)
|
|
|
+ }
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ getMigratingConfig: function () {
|
|
|
+ return {
|
|
|
+ props: {
|
|
|
+ "footer-format": "footer-format is renamed to format."
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ onSourceCheckedChange: function (e, t) {
|
|
|
+ this.leftChecked = e, void 0 !== t && this.$emit("left-check-change", e, t)
|
|
|
+ },
|
|
|
+ onTargetCheckedChange: function (e, t) {
|
|
|
+ this.rightChecked = e, void 0 !== t && this.$emit("right-check-change", e, t)
|
|
|
+ },
|
|
|
+ addToLeft: function () {
|
|
|
+ var t = this.value.slice();
|
|
|
+ this.rightChecked.forEach(function (e) {
|
|
|
+ e = t.indexOf(e); - 1 < e && t.splice(e, 1)
|
|
|
+ }), this.$emit("input", t), this.$emit("change", t, "left", this.rightChecked)
|
|
|
+ },
|
|
|
+ addToRight: function () {
|
|
|
+ var t = this,
|
|
|
+ e = this.value.slice(),
|
|
|
+ i = [],
|
|
|
+ n = this.props.key;
|
|
|
+ this.data.forEach(function (e) {
|
|
|
+ e = e[n]; - 1 < t.leftChecked.indexOf(e) && -1 === t.value.indexOf(e) && i.push(e)
|
|
|
+ }), e = "unshift" === this.targetOrder ? i.concat(e) : e.concat(i), this.$emit("input", e), this.$emit("change", e, "right", this.leftChecked)
|
|
|
+ },
|
|
|
+ clearQuery: function (e) {
|
|
|
+ "left" === e ? this.$refs.leftPanel.query = "" : "right" === e && (this.$refs.rightPanel.query = "")
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, n, [], !1, null, null, null);
|
|
|
+ Pe.options.__file = "packages/transfer/src/main.vue";
|
|
|
+ var ea = Pe.exports;
|
|
|
+ ea.install = function (e) {
|
|
|
+ e.component(ea.name, ea)
|
|
|
+ };
|
|
|
+ vi = ea, o = function () {
|
|
|
+ var e = this.$createElement;
|
|
|
+ return (this._self._c || e)("section", {
|
|
|
+ staticClass: "el-container",
|
|
|
+ class: {
|
|
|
+ "is-vertical": this.isVertical
|
|
|
+ }
|
|
|
+ }, [this._t("default")], 2)
|
|
|
+ };
|
|
|
+ o._withStripped = !0;
|
|
|
+ pt = r({
|
|
|
+ name: "ElContainer",
|
|
|
+ componentName: "ElContainer",
|
|
|
+ props: {
|
|
|
+ direction: String
|
|
|
+ },
|
|
|
+ computed: {
|
|
|
+ isVertical: function () {
|
|
|
+ return "vertical" === this.direction || "horizontal" !== this.direction && !(!this.$slots || !this.$slots.default) && this.$slots.default.some(function (e) {
|
|
|
+ e = e.componentOptions && e.componentOptions.tag;
|
|
|
+ return "el-header" === e || "el-footer" === e
|
|
|
+ })
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, o, [], !1, null, null, null);
|
|
|
+ pt.options.__file = "packages/container/src/main.vue";
|
|
|
+ var ta = pt.exports;
|
|
|
+ ta.install = function (e) {
|
|
|
+ e.component(ta.name, ta)
|
|
|
+ };
|
|
|
+ mt = ta, li = function () {
|
|
|
+ var e = this.$createElement;
|
|
|
+ return (this._self._c || e)("header", {
|
|
|
+ staticClass: "el-header",
|
|
|
+ style: {
|
|
|
+ height: this.height
|
|
|
+ }
|
|
|
+ }, [this._t("default")], 2)
|
|
|
+ };
|
|
|
+ li._withStripped = !0;
|
|
|
+ ut = r({
|
|
|
+ name: "ElHeader",
|
|
|
+ componentName: "ElHeader",
|
|
|
+ props: {
|
|
|
+ height: {
|
|
|
+ type: String,
|
|
|
+ default: "60px"
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, li, [], !1, null, null, null);
|
|
|
+ ut.options.__file = "packages/header/src/main.vue";
|
|
|
+ var ia = ut.exports;
|
|
|
+ ia.install = function (e) {
|
|
|
+ e.component(ia.name, ia)
|
|
|
+ };
|
|
|
+ Ct = ia, wt = function () {
|
|
|
+ var e = this.$createElement;
|
|
|
+ return (this._self._c || e)("aside", {
|
|
|
+ staticClass: "el-aside",
|
|
|
+ style: {
|
|
|
+ width: this.width
|
|
|
+ }
|
|
|
+ }, [this._t("default")], 2)
|
|
|
+ };
|
|
|
+ wt._withStripped = !0;
|
|
|
+ ui = r({
|
|
|
+ name: "ElAside",
|
|
|
+ componentName: "ElAside",
|
|
|
+ props: {
|
|
|
+ width: {
|
|
|
+ type: String,
|
|
|
+ default: "300px"
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, wt, [], !1, null, null, null);
|
|
|
+ ui.options.__file = "packages/aside/src/main.vue";
|
|
|
+ var na = ui.exports;
|
|
|
+ na.install = function (e) {
|
|
|
+ e.component(na.name, na)
|
|
|
+ };
|
|
|
+ Rt = na, tt = function () {
|
|
|
+ var e = this.$createElement;
|
|
|
+ return (this._self._c || e)("main", {
|
|
|
+ staticClass: "el-main"
|
|
|
+ }, [this._t("default")], 2)
|
|
|
+ };
|
|
|
+ tt._withStripped = !0;
|
|
|
+ ii = r({
|
|
|
+ name: "ElMain",
|
|
|
+ componentName: "ElMain"
|
|
|
+ }, tt, [], !1, null, null, null);
|
|
|
+ ii.options.__file = "packages/main/src/main.vue";
|
|
|
+ var ra = ii.exports;
|
|
|
+ ra.install = function (e) {
|
|
|
+ e.component(ra.name, ra)
|
|
|
+ };
|
|
|
+ $i = ra, si = function () {
|
|
|
+ var e = this.$createElement;
|
|
|
+ return (this._self._c || e)("footer", {
|
|
|
+ staticClass: "el-footer",
|
|
|
+ style: {
|
|
|
+ height: this.height
|
|
|
+ }
|
|
|
+ }, [this._t("default")], 2)
|
|
|
+ };
|
|
|
+ si._withStripped = !0;
|
|
|
+ f = r({
|
|
|
+ name: "ElFooter",
|
|
|
+ componentName: "ElFooter",
|
|
|
+ props: {
|
|
|
+ height: {
|
|
|
+ type: String,
|
|
|
+ default: "60px"
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, si, [], !1, null, null, null);
|
|
|
+ f.options.__file = "packages/footer/src/main.vue";
|
|
|
+ var sa = f.exports;
|
|
|
+ sa.install = function (e) {
|
|
|
+ e.component(sa.name, sa)
|
|
|
+ };
|
|
|
+ Y = sa, Me = r({
|
|
|
+ name: "ElTimeline",
|
|
|
+ props: {
|
|
|
+ reverse: {
|
|
|
+ type: Boolean,
|
|
|
+ default: !1
|
|
|
+ }
|
|
|
+ },
|
|
|
+ provide: function () {
|
|
|
+ return {
|
|
|
+ timeline: this
|
|
|
+ }
|
|
|
+ },
|
|
|
+ render: function () {
|
|
|
+ var e = arguments[0],
|
|
|
+ t = this.reverse,
|
|
|
+ i = this.$slots.default || [];
|
|
|
+ return e("ul", {
|
|
|
+ class: {
|
|
|
+ "el-timeline": !0, "is-reverse": t
|
|
|
+ }
|
|
|
+ }, [i = t ? i.reverse() : i])
|
|
|
+ }
|
|
|
+ }, void 0, void 0, !1, null, null, null);
|
|
|
+ Me.options.__file = "packages/timeline/src/main.vue";
|
|
|
+ var oa = Me.exports;
|
|
|
+ oa.install = function (e) {
|
|
|
+ e.component(oa.name, oa)
|
|
|
+ };
|
|
|
+ n = oa, Pe = function () {
|
|
|
+ var e = this,
|
|
|
+ t = e.$createElement,
|
|
|
+ t = e._self._c || t;
|
|
|
+ return t("li", {
|
|
|
+ staticClass: "el-timeline-item"
|
|
|
+ }, [t("div", {
|
|
|
+ staticClass: "el-timeline-item__tail"
|
|
|
+ }), e.$slots.dot ? e._e() : t("div", {
|
|
|
+ staticClass: "el-timeline-item__node",
|
|
|
+ class: ["el-timeline-item__node--" + (e.size || ""), "el-timeline-item__node--" + (e.type || "")],
|
|
|
+ style: {
|
|
|
+ backgroundColor: e.color
|
|
|
+ }
|
|
|
+ }, [e.icon ? t("i", {
|
|
|
+ staticClass: "el-timeline-item__icon",
|
|
|
+ class: e.icon
|
|
|
+ }) : e._e()]), e.$slots.dot ? t("div", {
|
|
|
+ staticClass: "el-timeline-item__dot"
|
|
|
+ }, [e._t("dot")], 2) : e._e(), t("div", {
|
|
|
+ staticClass: "el-timeline-item__wrapper"
|
|
|
+ }, [e.hideTimestamp || "top" !== e.placement ? e._e() : t("div", {
|
|
|
+ staticClass: "el-timeline-item__timestamp is-top"
|
|
|
+ }, [e._v("\n " + e._s(e.timestamp) + "\n ")]), t("div", {
|
|
|
+ staticClass: "el-timeline-item__content"
|
|
|
+ }, [e._t("default")], 2), e.hideTimestamp || "bottom" !== e.placement ? e._e() : t("div", {
|
|
|
+ staticClass: "el-timeline-item__timestamp is-bottom"
|
|
|
+ }, [e._v("\n " + e._s(e.timestamp) + "\n ")])])])
|
|
|
+ };
|
|
|
+ Pe._withStripped = !0;
|
|
|
+ o = r({
|
|
|
+ name: "ElTimelineItem",
|
|
|
+ inject: ["timeline"],
|
|
|
+ props: {
|
|
|
+ timestamp: String,
|
|
|
+ hideTimestamp: {
|
|
|
+ type: Boolean,
|
|
|
+ default: !1
|
|
|
+ },
|
|
|
+ placement: {
|
|
|
+ type: String,
|
|
|
+ default: "bottom"
|
|
|
+ },
|
|
|
+ type: String,
|
|
|
+ color: String,
|
|
|
+ size: {
|
|
|
+ type: String,
|
|
|
+ default: "normal"
|
|
|
+ },
|
|
|
+ icon: String
|
|
|
+ }
|
|
|
+ }, Pe, [], !1, null, null, null);
|
|
|
+ o.options.__file = "packages/timeline/src/item.vue";
|
|
|
+ var aa = o.exports;
|
|
|
+ aa.install = function (e) {
|
|
|
+ e.component(aa.name, aa)
|
|
|
+ };
|
|
|
+ pt = aa, li = function () {
|
|
|
+ var e = this,
|
|
|
+ t = e.$createElement,
|
|
|
+ t = e._self._c || t;
|
|
|
+ return t("a", e._b({
|
|
|
+ class: ["el-link", e.type ? "el-link--" + e.type : "", e.disabled && "is-disabled", e.underline && !e.disabled && "is-underline"],
|
|
|
+ attrs: {
|
|
|
+ href: e.disabled ? null : e.href
|
|
|
+ },
|
|
|
+ on: {
|
|
|
+ click: e.handleClick
|
|
|
+ }
|
|
|
+ }, "a", e.$attrs, !1), [e.icon ? t("i", {
|
|
|
+ class: e.icon
|
|
|
+ }) : e._e(), e.$slots.default ? t("span", {
|
|
|
+ staticClass: "el-link--inner"
|
|
|
+ }, [e._t("default")], 2) : e._e(), e.$slots.icon ? [e.$slots.icon ? e._t("icon") : e._e()] : e._e()], 2)
|
|
|
+ };
|
|
|
+ li._withStripped = !0;
|
|
|
+ ut = r({
|
|
|
+ name: "ElLink",
|
|
|
+ props: {
|
|
|
+ type: {
|
|
|
+ type: String,
|
|
|
+ default: "default"
|
|
|
+ },
|
|
|
+ underline: {
|
|
|
+ type: Boolean,
|
|
|
+ default: !0
|
|
|
+ },
|
|
|
+ disabled: Boolean,
|
|
|
+ href: String,
|
|
|
+ icon: String
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ handleClick: function (e) {
|
|
|
+ this.disabled || this.href || this.$emit("click", e)
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, li, [], !1, null, null, null);
|
|
|
+ ut.options.__file = "packages/link/src/main.vue";
|
|
|
+ var la = ut.exports;
|
|
|
+ la.install = function (e) {
|
|
|
+ e.component(la.name, la)
|
|
|
+ };
|
|
|
+ wt = la, ui = function (e, t) {
|
|
|
+ var i = t._c;
|
|
|
+ return i("div", t._g(t._b({
|
|
|
+ class: [t.data.staticClass, "el-divider", "el-divider--" + t.props.direction]
|
|
|
+ }, "div", t.data.attrs, !1), t.listeners), [t.slots().default && "vertical" !== t.props.direction ? i("div", {
|
|
|
+ class: ["el-divider__text", "is-" + t.props.contentPosition]
|
|
|
+ }, [t._t("default")], 2) : t._e()])
|
|
|
+ };
|
|
|
+ ui._withStripped = !0;
|
|
|
+ tt = r({
|
|
|
+ name: "ElDivider",
|
|
|
+ props: {
|
|
|
+ direction: {
|
|
|
+ type: String,
|
|
|
+ default: "horizontal",
|
|
|
+ validator: function (e) {
|
|
|
+ return -1 !== ["horizontal", "vertical"].indexOf(e)
|
|
|
+ }
|
|
|
+ },
|
|
|
+ contentPosition: {
|
|
|
+ type: String,
|
|
|
+ default: "center",
|
|
|
+ validator: function (e) {
|
|
|
+ return -1 !== ["left", "center", "right"].indexOf(e)
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, ui, [], !0, null, null, null);
|
|
|
+ tt.options.__file = "packages/divider/src/main.vue";
|
|
|
+ var ua = tt.exports;
|
|
|
+ ua.install = function (e) {
|
|
|
+ e.component(ua.name, ua)
|
|
|
+ };
|
|
|
+ ii = ua, si = function () {
|
|
|
+ var e = this,
|
|
|
+ t = e.$createElement,
|
|
|
+ t = e._self._c || t;
|
|
|
+ return t("div", {
|
|
|
+ staticClass: "el-image"
|
|
|
+ }, [e.loading ? e._t("placeholder", [t("div", {
|
|
|
+ staticClass: "el-image__placeholder"
|
|
|
+ })]) : e.error ? e._t("error", [t("div", {
|
|
|
+ staticClass: "el-image__error"
|
|
|
+ }, [e._v(e._s(e.t("el.image.error")))])]) : t("img", e._g(e._b({
|
|
|
+ staticClass: "el-image__inner",
|
|
|
+ class: {
|
|
|
+ "el-image__inner--center": e.alignCenter, "el-image__preview": e.preview
|
|
|
+ },
|
|
|
+ style: e.imageStyle,
|
|
|
+ attrs: {
|
|
|
+ src: e.src
|
|
|
+ },
|
|
|
+ on: {
|
|
|
+ click: e.clickHandler
|
|
|
+ }
|
|
|
+ }, "img", e.$attrs, !1), e.$listeners)), e.preview ? [e.showViewer ? t("image-viewer", {
|
|
|
+ attrs: {
|
|
|
+ "z-index": e.zIndex,
|
|
|
+ "initial-index": e.imageIndex,
|
|
|
+ "on-close": e.closeViewer,
|
|
|
+ "url-list": e.previewSrcList
|
|
|
+ }
|
|
|
+ }) : e._e()] : e._e()], 2)
|
|
|
+ }, f = function () {
|
|
|
+ var i = this,
|
|
|
+ e = i.$createElement,
|
|
|
+ n = i._self._c || e;
|
|
|
+ return n("transition", {
|
|
|
+ attrs: {
|
|
|
+ name: "viewer-fade"
|
|
|
+ }
|
|
|
+ }, [n("div", {
|
|
|
+ ref: "el-image-viewer__wrapper",
|
|
|
+ staticClass: "el-image-viewer__wrapper",
|
|
|
+ style: {
|
|
|
+ "z-index": i.viewerZIndex
|
|
|
+ },
|
|
|
+ attrs: {
|
|
|
+ tabindex: "-1"
|
|
|
+ }
|
|
|
+ }, [n("div", {
|
|
|
+ staticClass: "el-image-viewer__mask",
|
|
|
+ on: {
|
|
|
+ click: function (e) {
|
|
|
+ return e.target !== e.currentTarget ? null : i.handleMaskClick(e)
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }), n("span", {
|
|
|
+ staticClass: "el-image-viewer__btn el-image-viewer__close",
|
|
|
+ on: {
|
|
|
+ click: i.hide
|
|
|
+ }
|
|
|
+ }, [n("i", {
|
|
|
+ staticClass: "el-icon-close"
|
|
|
+ })]), i.isSingle ? i._e() : [n("span", {
|
|
|
+ staticClass: "el-image-viewer__btn el-image-viewer__prev",
|
|
|
+ class: {
|
|
|
+ "is-disabled": !i.infinite && i.isFirst
|
|
|
+ },
|
|
|
+ on: {
|
|
|
+ click: i.prev
|
|
|
+ }
|
|
|
+ }, [n("i", {
|
|
|
+ staticClass: "el-icon-arrow-left"
|
|
|
+ })]), n("span", {
|
|
|
+ staticClass: "el-image-viewer__btn el-image-viewer__next",
|
|
|
+ class: {
|
|
|
+ "is-disabled": !i.infinite && i.isLast
|
|
|
+ },
|
|
|
+ on: {
|
|
|
+ click: i.next
|
|
|
+ }
|
|
|
+ }, [n("i", {
|
|
|
+ staticClass: "el-icon-arrow-right"
|
|
|
+ })])], n("div", {
|
|
|
+ staticClass: "el-image-viewer__btn el-image-viewer__actions"
|
|
|
+ }, [n("div", {
|
|
|
+ staticClass: "el-image-viewer__actions__inner"
|
|
|
+ }, [n("i", {
|
|
|
+ staticClass: "el-icon-zoom-out",
|
|
|
+ on: {
|
|
|
+ click: function (e) {
|
|
|
+ i.handleActions("zoomOut")
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }), n("i", {
|
|
|
+ staticClass: "el-icon-zoom-in",
|
|
|
+ on: {
|
|
|
+ click: function (e) {
|
|
|
+ i.handleActions("zoomIn")
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }), n("i", {
|
|
|
+ staticClass: "el-image-viewer__actions__divider"
|
|
|
+ }), n("i", {
|
|
|
+ class: i.mode.icon,
|
|
|
+ on: {
|
|
|
+ click: i.toggleMode
|
|
|
+ }
|
|
|
+ }), n("i", {
|
|
|
+ staticClass: "el-image-viewer__actions__divider"
|
|
|
+ }), n("i", {
|
|
|
+ staticClass: "el-icon-refresh-left",
|
|
|
+ on: {
|
|
|
+ click: function (e) {
|
|
|
+ i.handleActions("anticlocelise")
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }), n("i", {
|
|
|
+ staticClass: "el-icon-refresh-right",
|
|
|
+ on: {
|
|
|
+ click: function (e) {
|
|
|
+ i.handleActions("clocelise")
|
|
|
+ }
|
|
|
+ }
|
|
|
+ })])]), n("div", {
|
|
|
+ staticClass: "el-image-viewer__canvas"
|
|
|
+ }, i._l(i.urlList, function (e, t) {
|
|
|
+ return t === i.index ? n("img", {
|
|
|
+ key: e,
|
|
|
+ ref: "img",
|
|
|
+ refInFor: !0,
|
|
|
+ staticClass: "el-image-viewer__img",
|
|
|
+ style: i.imgStyle,
|
|
|
+ attrs: {
|
|
|
+ src: i.currentImg
|
|
|
+ },
|
|
|
+ on: {
|
|
|
+ load: i.handleImgLoad,
|
|
|
+ error: i.handleImgError,
|
|
|
+ mousedown: i.handleMouseDown
|
|
|
+ }
|
|
|
+ }) : i._e()
|
|
|
+ }), 0)], 2)])
|
|
|
+ };
|
|
|
+ f._withStripped = si._withStripped = !0;
|
|
|
+ var ca = Object.assign || function (e) {
|
|
|
+ for (var t = 1; t < arguments.length; t++) {
|
|
|
+ var i, n = arguments[t];
|
|
|
+ for (i in n) Object.prototype.hasOwnProperty.call(n, i) && (e[i] = n[i])
|
|
|
+ }
|
|
|
+ return e
|
|
|
+ },
|
|
|
+ ha = {
|
|
|
+ CONTAIN: {
|
|
|
+ name: "contain",
|
|
|
+ icon: "el-icon-full-screen"
|
|
|
+ },
|
|
|
+ ORIGINAL: {
|
|
|
+ name: "original",
|
|
|
+ icon: "el-icon-c-scale-to-original"
|
|
|
+ }
|
|
|
+ },
|
|
|
+ da = !h.a.prototype.$isServer && window.navigator.userAgent.match(/firefox/i) ? "DOMMouseScroll" : "mousewheel",
|
|
|
+ Me = r({
|
|
|
+ name: "elImageViewer",
|
|
|
+ props: {
|
|
|
+ urlList: {
|
|
|
+ type: Array,
|
|
|
+ default: function () {
|
|
|
+ return []
|
|
|
+ }
|
|
|
+ },
|
|
|
+ zIndex: {
|
|
|
+ type: Number,
|
|
|
+ default: 2e3
|
|
|
+ },
|
|
|
+ onSwitch: {
|
|
|
+ type: Function,
|
|
|
+ default: function () {}
|
|
|
+ },
|
|
|
+ onClose: {
|
|
|
+ type: Function,
|
|
|
+ default: function () {}
|
|
|
+ },
|
|
|
+ initialIndex: {
|
|
|
+ type: Number,
|
|
|
+ default: 0
|
|
|
+ },
|
|
|
+ appendToBody: {
|
|
|
+ type: Boolean,
|
|
|
+ default: !0
|
|
|
+ },
|
|
|
+ maskClosable: {
|
|
|
+ type: Boolean,
|
|
|
+ default: !0
|
|
|
+ }
|
|
|
+ },
|
|
|
+ data: function () {
|
|
|
+ return {
|
|
|
+ index: this.initialIndex,
|
|
|
+ isShow: !1,
|
|
|
+ infinite: !0,
|
|
|
+ loading: !1,
|
|
|
+ mode: ha.CONTAIN,
|
|
|
+ transform: {
|
|
|
+ scale: 1,
|
|
|
+ deg: 0,
|
|
|
+ offsetX: 0,
|
|
|
+ offsetY: 0,
|
|
|
+ enableTransition: !1
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ computed: {
|
|
|
+ isSingle: function () {
|
|
|
+ return this.urlList.length <= 1
|
|
|
+ },
|
|
|
+ isFirst: function () {
|
|
|
+ return 0 === this.index
|
|
|
+ },
|
|
|
+ isLast: function () {
|
|
|
+ return this.index === this.urlList.length - 1
|
|
|
+ },
|
|
|
+ currentImg: function () {
|
|
|
+ return this.urlList[this.index]
|
|
|
+ },
|
|
|
+ imgStyle: function () {
|
|
|
+ var e = this.transform,
|
|
|
+ t = e.scale,
|
|
|
+ i = e.deg,
|
|
|
+ n = e.offsetX,
|
|
|
+ r = e.offsetY,
|
|
|
+ r = {
|
|
|
+ transform: "scale(" + t + ") rotate(" + i + "deg)",
|
|
|
+ transition: e.enableTransition ? "transform .3s" : "",
|
|
|
+ "margin-left": n + "px",
|
|
|
+ "margin-top": r + "px"
|
|
|
+ };
|
|
|
+ return this.mode === ha.CONTAIN && (r.maxWidth = r.maxHeight = "100%"), r
|
|
|
+ },
|
|
|
+ viewerZIndex: function () {
|
|
|
+ var e = Ce.nextZIndex();
|
|
|
+ return this.zIndex > e ? this.zIndex : e
|
|
|
+ }
|
|
|
+ },
|
|
|
+ watch: {
|
|
|
+ index: {
|
|
|
+ handler: function (e) {
|
|
|
+ this.reset(), this.onSwitch(e)
|
|
|
+ }
|
|
|
+ },
|
|
|
+ currentImg: function (e) {
|
|
|
+ var t = this;
|
|
|
+ this.$nextTick(function (e) {
|
|
|
+ t.$refs.img[0].complete || (t.loading = !0)
|
|
|
+ })
|
|
|
+ }
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ hide: function () {
|
|
|
+ this.deviceSupportUninstall(), this.onClose()
|
|
|
+ },
|
|
|
+ deviceSupportInstall: function () {
|
|
|
+ var t = this;
|
|
|
+ this._keyDownHandler = function (e) {
|
|
|
+ switch (e.stopPropagation(), e.keyCode) {
|
|
|
+ case 27:
|
|
|
+ t.hide();
|
|
|
+ break;
|
|
|
+ case 32:
|
|
|
+ t.toggleMode();
|
|
|
+ break;
|
|
|
+ case 37:
|
|
|
+ t.prev();
|
|
|
+ break;
|
|
|
+ case 38:
|
|
|
+ t.handleActions("zoomIn");
|
|
|
+ break;
|
|
|
+ case 39:
|
|
|
+ t.next();
|
|
|
+ break;
|
|
|
+ case 40:
|
|
|
+ t.handleActions("zoomOut")
|
|
|
+ }
|
|
|
+ }, this._mouseWheelHandler = F(function (e) {
|
|
|
+ 0 < (e.wheelDelta || -e.detail) ? t.handleActions("zoomIn", {
|
|
|
+ zoomRate: .015,
|
|
|
+ enableTransition: !1
|
|
|
+ }) : t.handleActions("zoomOut", {
|
|
|
+ zoomRate: .015,
|
|
|
+ enableTransition: !1
|
|
|
+ })
|
|
|
+ }), le(document, "keydown", this._keyDownHandler), le(document, da, this._mouseWheelHandler)
|
|
|
+ },
|
|
|
+ deviceSupportUninstall: function () {
|
|
|
+ ue(document, "keydown", this._keyDownHandler), ue(document, da, this._mouseWheelHandler), this._keyDownHandler = null, this._mouseWheelHandler = null
|
|
|
+ },
|
|
|
+ handleImgLoad: function (e) {
|
|
|
+ this.loading = !1
|
|
|
+ },
|
|
|
+ handleImgError: function (e) {
|
|
|
+ this.loading = !1, e.target.alt = "加载失败"
|
|
|
+ },
|
|
|
+ handleMouseDown: function (e) {
|
|
|
+ var t, i, n, r, s, o = this;
|
|
|
+ this.loading || 0 !== e.button || (t = this.transform, i = t.offsetX, n = t.offsetY, r = e.pageX, s = e.pageY, this._dragHandler = F(function (e) {
|
|
|
+ o.transform.offsetX = i + e.pageX - r, o.transform.offsetY = n + e.pageY - s
|
|
|
+ }), le(document, "mousemove", this._dragHandler), le(document, "mouseup", function (e) {
|
|
|
+ ue(document, "mousemove", o._dragHandler)
|
|
|
+ }), e.preventDefault())
|
|
|
+ },
|
|
|
+ handleMaskClick: function () {
|
|
|
+ this.maskClosable && this.hide()
|
|
|
+ },
|
|
|
+ reset: function () {
|
|
|
+ this.transform = {
|
|
|
+ scale: 1,
|
|
|
+ deg: 0,
|
|
|
+ offsetX: 0,
|
|
|
+ offsetY: 0,
|
|
|
+ enableTransition: !1
|
|
|
+ }
|
|
|
+ },
|
|
|
+ toggleMode: function () {
|
|
|
+ var e, t;
|
|
|
+ this.loading || (e = Object.keys(ha), t = (Object.values(ha).indexOf(this.mode) + 1) % e.length, this.mode = ha[e[t]], this.reset())
|
|
|
+ },
|
|
|
+ prev: function () {
|
|
|
+ var e;
|
|
|
+ this.isFirst && !this.infinite || (e = this.urlList.length, this.index = (this.index - 1 + e) % e)
|
|
|
+ },
|
|
|
+ next: function () {
|
|
|
+ var e;
|
|
|
+ this.isLast && !this.infinite || (e = this.urlList.length, this.index = (this.index + 1) % e)
|
|
|
+ },
|
|
|
+ handleActions: function (e) {
|
|
|
+ if (!this.loading) {
|
|
|
+ var t = ca({
|
|
|
+ zoomRate: .2,
|
|
|
+ rotateDeg: 90,
|
|
|
+ enableTransition: !0
|
|
|
+ }, 1 < arguments.length && void 0 !== arguments[1] ? arguments[1] : {}),
|
|
|
+ i = t.zoomRate,
|
|
|
+ n = t.rotateDeg,
|
|
|
+ t = t.enableTransition,
|
|
|
+ r = this.transform;
|
|
|
+ switch (e) {
|
|
|
+ case "zoomOut":
|
|
|
+ .2 < r.scale && (r.scale = parseFloat((r.scale - i).toFixed(3)));
|
|
|
+ break;
|
|
|
+ case "zoomIn":
|
|
|
+ r.scale = parseFloat((r.scale + i).toFixed(3));
|
|
|
+ break;
|
|
|
+ case "clocelise":
|
|
|
+ r.deg += n;
|
|
|
+ break;
|
|
|
+ case "anticlocelise":
|
|
|
+ r.deg -= n
|
|
|
+ }
|
|
|
+ r.enableTransition = t
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ mounted: function () {
|
|
|
+ this.deviceSupportInstall(), this.appendToBody && document.body.appendChild(this.$el), this.$refs["el-image-viewer__wrapper"].focus()
|
|
|
+ },
|
|
|
+ destroyed: function () {
|
|
|
+ this.appendToBody && this.$el && this.$el.parentNode && this.$el.parentNode.removeChild(this.$el)
|
|
|
+ }
|
|
|
+ }, f, [], !1, null, null, null);
|
|
|
+ Me.options.__file = "packages/image/src/image-viewer.vue";
|
|
|
+
|
|
|
+ function pa() {
|
|
|
+ return void 0 !== document.documentElement.style.objectFit
|
|
|
+ }
|
|
|
+ var Pe = Me.exports,
|
|
|
+ fa = "contain",
|
|
|
+ ma = "",
|
|
|
+ o = r({
|
|
|
+ name: "ElImage",
|
|
|
+ mixins: [j],
|
|
|
+ inheritAttrs: !1,
|
|
|
+ components: {
|
|
|
+ ImageViewer: Pe
|
|
|
+ },
|
|
|
+ props: {
|
|
|
+ src: String,
|
|
|
+ fit: String,
|
|
|
+ lazy: Boolean,
|
|
|
+ scrollContainer: {},
|
|
|
+ previewSrcList: {
|
|
|
+ type: Array,
|
|
|
+ default: function () {
|
|
|
+ return []
|
|
|
+ }
|
|
|
+ },
|
|
|
+ zIndex: {
|
|
|
+ type: Number,
|
|
|
+ default: 2e3
|
|
|
+ }
|
|
|
+ },
|
|
|
+ data: function () {
|
|
|
+ return {
|
|
|
+ loading: !0,
|
|
|
+ error: !1,
|
|
|
+ show: !this.lazy,
|
|
|
+ imageWidth: 0,
|
|
|
+ imageHeight: 0,
|
|
|
+ showViewer: !1
|
|
|
+ }
|
|
|
+ },
|
|
|
+ computed: {
|
|
|
+ imageStyle: function () {
|
|
|
+ var e = this.fit;
|
|
|
+ return !this.$isServer && e ? pa() ? {
|
|
|
+ "object-fit": e
|
|
|
+ } : this.getImageStyle(e) : {}
|
|
|
+ },
|
|
|
+ alignCenter: function () {
|
|
|
+ return !this.$isServer && !pa() && "fill" !== this.fit
|
|
|
+ },
|
|
|
+ preview: function () {
|
|
|
+ var e = this.previewSrcList;
|
|
|
+ return Array.isArray(e) && 0 < e.length
|
|
|
+ },
|
|
|
+ imageIndex: function () {
|
|
|
+ var e = 0,
|
|
|
+ t = this.previewSrcList.indexOf(this.src);
|
|
|
+ return e = 0 <= t ? t : e
|
|
|
+ }
|
|
|
+ },
|
|
|
+ watch: {
|
|
|
+ src: function (e) {
|
|
|
+ this.show && this.loadImage()
|
|
|
+ },
|
|
|
+ show: function (e) {
|
|
|
+ e && this.loadImage()
|
|
|
+ }
|
|
|
+ },
|
|
|
+ mounted: function () {
|
|
|
+ this.lazy ? this.addLazyLoadListener() : this.loadImage()
|
|
|
+ },
|
|
|
+ beforeDestroy: function () {
|
|
|
+ this.lazy && this.removeLazyLoadListener()
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ loadImage: function () {
|
|
|
+ var i, n = this;
|
|
|
+ this.$isServer || (this.loading = !0, this.error = !1, (i = new Image).onload = function (e) {
|
|
|
+ return n.handleLoad(e, i)
|
|
|
+ }, i.onerror = this.handleError.bind(this), Object.keys(this.$attrs).forEach(function (e) {
|
|
|
+ var t = n.$attrs[e];
|
|
|
+ i.setAttribute(e, t)
|
|
|
+ }), i.src = this.src)
|
|
|
+ },
|
|
|
+ handleLoad: function (e, t) {
|
|
|
+ this.imageWidth = t.width, this.imageHeight = t.height, this.loading = !1, this.error = !1
|
|
|
+ },
|
|
|
+ handleError: function (e) {
|
|
|
+ this.loading = !1, this.error = !0, this.$emit("error", e)
|
|
|
+ },
|
|
|
+ handleLazyLoad: function () {
|
|
|
+ ! function (e, t) {
|
|
|
+ if (!re && e && t) {
|
|
|
+ var i = e.getBoundingClientRect(),
|
|
|
+ e = void 0,
|
|
|
+ e = [window, document, document.documentElement, null, void 0].includes(t) ? {
|
|
|
+ top: 0,
|
|
|
+ right: window.innerWidth,
|
|
|
+ bottom: window.innerHeight,
|
|
|
+ left: 0
|
|
|
+ } : t.getBoundingClientRect();
|
|
|
+ return i.top < e.bottom && i.bottom > e.top && i.right > e.left && i.left < e.right
|
|
|
+ }
|
|
|
+ }(this.$el, this._scrollContainer) || (this.show = !0, this.removeLazyLoadListener())
|
|
|
+ },
|
|
|
+ addLazyLoadListener: function () {
|
|
|
+ var e, t;
|
|
|
+ this.$isServer || (t = null, (t = v(e = this.scrollContainer) ? e : m(e) ? document.querySelector(e) : pe(this.$el)) && (this._scrollContainer = t, this._lazyLoadHandler = vo()(200, this.handleLazyLoad), le(t, "scroll", this._lazyLoadHandler), this.handleLazyLoad()))
|
|
|
+ },
|
|
|
+ removeLazyLoadListener: function () {
|
|
|
+ var e = this._scrollContainer,
|
|
|
+ t = this._lazyLoadHandler;
|
|
|
+ !this.$isServer && e && t && (ue(e, "scroll", t), this._scrollContainer = null, this._lazyLoadHandler = null)
|
|
|
+ },
|
|
|
+ getImageStyle: function (e) {
|
|
|
+ var t = this.imageWidth,
|
|
|
+ i = this.imageHeight,
|
|
|
+ n = this.$el,
|
|
|
+ r = n.clientWidth,
|
|
|
+ n = n.clientHeight;
|
|
|
+ if (!(t && i && r && n)) return {};
|
|
|
+ var s = t / i,
|
|
|
+ o = r / n;
|
|
|
+ switch (e = "scale-down" === e ? t < r && i < n ? "none" : fa : e) {
|
|
|
+ case "none":
|
|
|
+ return {
|
|
|
+ width: "auto", height: "auto"
|
|
|
+ };
|
|
|
+ case fa:
|
|
|
+ return s < o ? {
|
|
|
+ width: "auto"
|
|
|
+ } : {
|
|
|
+ height: "auto"
|
|
|
+ };
|
|
|
+ case "cover":
|
|
|
+ return s < o ? {
|
|
|
+ height: "auto"
|
|
|
+ } : {
|
|
|
+ width: "auto"
|
|
|
+ };
|
|
|
+ default:
|
|
|
+ return {}
|
|
|
+ }
|
|
|
+ },
|
|
|
+ clickHandler: function () {
|
|
|
+ this.preview && (ma = document.body.style.overflow, document.body.style.overflow = "hidden", this.showViewer = !0)
|
|
|
+ },
|
|
|
+ closeViewer: function () {
|
|
|
+ document.body.style.overflow = ma, this.showViewer = !1
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, si, [], !1, null, null, null);
|
|
|
+ o.options.__file = "packages/image/src/main.vue";
|
|
|
+ var ga = o.exports;
|
|
|
+ ga.install = function (e) {
|
|
|
+ e.component(ga.name, ga)
|
|
|
+ };
|
|
|
+ li = ga, ut = function () {
|
|
|
+ var i = this,
|
|
|
+ e = i.$createElement,
|
|
|
+ n = i._self._c || e;
|
|
|
+ return n("div", {
|
|
|
+ staticClass: "el-calendar"
|
|
|
+ }, [n("div", {
|
|
|
+ staticClass: "el-calendar__header"
|
|
|
+ }, [n("div", {
|
|
|
+ staticClass: "el-calendar__title"
|
|
|
+ }, [i._v("\n " + i._s(i.i18nDate) + "\n ")]), 0 === i.validatedRange.length ? n("div", {
|
|
|
+ staticClass: "el-calendar__button-group"
|
|
|
+ }, [n("el-button-group", [n("el-button", {
|
|
|
+ attrs: {
|
|
|
+ type: "plain",
|
|
|
+ size: "mini"
|
|
|
+ },
|
|
|
+ on: {
|
|
|
+ click: function (e) {
|
|
|
+ i.selectDate("prev-month")
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, [i._v("\n " + i._s(i.t("el.datepicker.prevMonth")) + "\n ")]), n("el-button", {
|
|
|
+ attrs: {
|
|
|
+ type: "plain",
|
|
|
+ size: "mini"
|
|
|
+ },
|
|
|
+ on: {
|
|
|
+ click: function (e) {
|
|
|
+ i.selectDate("today")
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, [i._v("\n " + i._s(i.t("el.datepicker.today")) + "\n ")]), n("el-button", {
|
|
|
+ attrs: {
|
|
|
+ type: "plain",
|
|
|
+ size: "mini"
|
|
|
+ },
|
|
|
+ on: {
|
|
|
+ click: function (e) {
|
|
|
+ i.selectDate("next-month")
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, [i._v("\n " + i._s(i.t("el.datepicker.nextMonth")) + "\n ")])], 1)], 1) : i._e()]), 0 === i.validatedRange.length ? n("div", {
|
|
|
+ key: "no-range",
|
|
|
+ staticClass: "el-calendar__body"
|
|
|
+ }, [n("date-table", {
|
|
|
+ attrs: {
|
|
|
+ date: i.date,
|
|
|
+ "selected-day": i.realSelectedDay,
|
|
|
+ "first-day-of-week": i.realFirstDayOfWeek
|
|
|
+ },
|
|
|
+ on: {
|
|
|
+ pick: i.pickDay
|
|
|
+ }
|
|
|
+ })], 1) : n("div", {
|
|
|
+ key: "has-range",
|
|
|
+ staticClass: "el-calendar__body"
|
|
|
+ }, i._l(i.validatedRange, function (e, t) {
|
|
|
+ return n("date-table", {
|
|
|
+ key: t,
|
|
|
+ attrs: {
|
|
|
+ date: e[0],
|
|
|
+ "selected-day": i.realSelectedDay,
|
|
|
+ range: e,
|
|
|
+ "hide-header": 0 !== t,
|
|
|
+ "first-day-of-week": i.realFirstDayOfWeek
|
|
|
+ },
|
|
|
+ on: {
|
|
|
+ pick: i.pickDay
|
|
|
+ }
|
|
|
+ })
|
|
|
+ }), 1)])
|
|
|
+ };
|
|
|
+ ut._withStripped = !0;
|
|
|
+ ui = r({
|
|
|
+ props: {
|
|
|
+ selectedDay: String,
|
|
|
+ range: {
|
|
|
+ type: Array,
|
|
|
+ validator: function (e) {
|
|
|
+ if (!e || !e.length) return !0;
|
|
|
+ var t = e[0],
|
|
|
+ e = e[1];
|
|
|
+ return Wn(t, e)
|
|
|
+ }
|
|
|
+ },
|
|
|
+ date: Date,
|
|
|
+ hideHeader: Boolean,
|
|
|
+ firstDayOfWeek: Number
|
|
|
+ },
|
|
|
+ inject: ["elCalendar"],
|
|
|
+ methods: {
|
|
|
+ toNestedArr: function (i) {
|
|
|
+ return En(i.length / 7).map(function (e, t) {
|
|
|
+ t *= 7;
|
|
|
+ return i.slice(t, 7 + t)
|
|
|
+ })
|
|
|
+ },
|
|
|
+ getFormateDate: function (e, t) {
|
|
|
+ if (!e || -1 === ["prev", "current", "next"].indexOf(t)) throw new Error("invalid day or type");
|
|
|
+ var i = this.curMonthDatePrefix;
|
|
|
+ return "prev" === t ? i = this.prevMonthDatePrefix : "next" === t && (i = this.nextMonthDatePrefix), i + "-" + ("00" + e).slice(-2)
|
|
|
+ },
|
|
|
+ getCellClass: function (e) {
|
|
|
+ var t = e.text,
|
|
|
+ i = e.type,
|
|
|
+ e = [i];
|
|
|
+ return "current" === i && ((i = this.getFormateDate(t, i)) === this.selectedDay && e.push("is-selected"), i === this.formatedToday && e.push("is-today")), e
|
|
|
+ },
|
|
|
+ pickDay: function (e) {
|
|
|
+ var t = e.text,
|
|
|
+ e = e.type,
|
|
|
+ e = this.getFormateDate(t, e);
|
|
|
+ this.$emit("pick", e)
|
|
|
+ },
|
|
|
+ cellRenderProxy: function (e) {
|
|
|
+ var t = e.text,
|
|
|
+ i = e.type,
|
|
|
+ n = this.$createElement,
|
|
|
+ e = this.elCalendar.$scopedSlots.dateCell;
|
|
|
+ if (!e) return n("span", [t]);
|
|
|
+ t = this.getFormateDate(t, i);
|
|
|
+ return e({
|
|
|
+ date: new Date(t),
|
|
|
+ data: {
|
|
|
+ isSelected: this.selectedDay === t,
|
|
|
+ type: i + "-month",
|
|
|
+ day: t
|
|
|
+ }
|
|
|
+ })
|
|
|
+ }
|
|
|
+ },
|
|
|
+ computed: {
|
|
|
+ WEEK_DAYS: function () {
|
|
|
+ return fn().dayNames
|
|
|
+ },
|
|
|
+ prevMonthDatePrefix: function () {
|
|
|
+ var e = new Date(this.date.getTime());
|
|
|
+ return e.setDate(0), kn.a.format(e, "yyyy-MM")
|
|
|
+ },
|
|
|
+ curMonthDatePrefix: function () {
|
|
|
+ return kn.a.format(this.date, "yyyy-MM")
|
|
|
+ },
|
|
|
+ nextMonthDatePrefix: function () {
|
|
|
+ var e = new Date(this.date.getFullYear(), this.date.getMonth() + 1, 1);
|
|
|
+ return kn.a.format(e, "yyyy-MM")
|
|
|
+ },
|
|
|
+ formatedToday: function () {
|
|
|
+ return this.elCalendar.formatedToday
|
|
|
+ },
|
|
|
+ isInRange: function () {
|
|
|
+ return this.range && this.range.length
|
|
|
+ },
|
|
|
+ rows: function () {
|
|
|
+ var i, e, t, n = [];
|
|
|
+ return n = this.isInRange ? (t = this.range, i = t[0], e = t[1], e = (t = En(e.getDate() - i.getDate() + 1).map(function (e, t) {
|
|
|
+ return {
|
|
|
+ text: i.getDate() + t,
|
|
|
+ type: "current"
|
|
|
+ }
|
|
|
+ })).length % 7, e = En(e = 0 === e ? 0 : 7 - e).map(function (e, t) {
|
|
|
+ return {
|
|
|
+ text: t + 1,
|
|
|
+ type: "next"
|
|
|
+ }
|
|
|
+ }), t.concat(e)) : (e = function (e, i) {
|
|
|
+ if (i <= 0) return [];
|
|
|
+ e = new Date(e.getTime());
|
|
|
+ e.setDate(0);
|
|
|
+ var n = e.getDate();
|
|
|
+ return En(i).map(function (e, t) {
|
|
|
+ return n - (i - t - 1)
|
|
|
+ })
|
|
|
+ }(t = this.date, (7 + (e = 0 === (e = wn(t)) ? 7 : e) - ("number" == typeof this.firstDayOfWeek ? this.firstDayOfWeek : 1)) % 7).map(function (e) {
|
|
|
+ return {
|
|
|
+ text: e,
|
|
|
+ type: "prev"
|
|
|
+ }
|
|
|
+ }), t = function (e) {
|
|
|
+ e = new Date(e.getFullYear(), e.getMonth() + 1, 0).getDate();
|
|
|
+ return En(e).map(function (e, t) {
|
|
|
+ return t + 1
|
|
|
+ })
|
|
|
+ }(t).map(function (e) {
|
|
|
+ return {
|
|
|
+ text: e,
|
|
|
+ type: "current"
|
|
|
+ }
|
|
|
+ }), n = [].concat(e, t), t = En(42 - n.length).map(function (e, t) {
|
|
|
+ return {
|
|
|
+ text: t + 1,
|
|
|
+ type: "next"
|
|
|
+ }
|
|
|
+ }), n.concat(t)), this.toNestedArr(n)
|
|
|
+ },
|
|
|
+ weekDays: function () {
|
|
|
+ var e = this.firstDayOfWeek,
|
|
|
+ t = this.WEEK_DAYS;
|
|
|
+ return "number" != typeof e || 0 === e ? t.slice() : t.slice(e).concat(t.slice(0, e))
|
|
|
+ }
|
|
|
+ },
|
|
|
+ render: function () {
|
|
|
+ var i = this,
|
|
|
+ n = arguments[0],
|
|
|
+ e = this.hideHeader ? null : n("thead", [this.weekDays.map(function (e) {
|
|
|
+ return n("th", {
|
|
|
+ key: e
|
|
|
+ }, [e])
|
|
|
+ })]);
|
|
|
+ return n("table", {
|
|
|
+ class: {
|
|
|
+ "el-calendar-table": !0, "is-range": this.isInRange
|
|
|
+ },
|
|
|
+ attrs: {
|
|
|
+ cellspacing: "0",
|
|
|
+ cellpadding: "0"
|
|
|
+ }
|
|
|
+ }, [e, n("tbody", [this.rows.map(function (e, t) {
|
|
|
+ return n("tr", {
|
|
|
+ class: {
|
|
|
+ "el-calendar-table__row": !0, "el-calendar-table__row--hide-border": 0 === t && i.hideHeader
|
|
|
+ },
|
|
|
+ key: t
|
|
|
+ }, [e.map(function (e, t) {
|
|
|
+ return n("td", {
|
|
|
+ key: t,
|
|
|
+ class: i.getCellClass(e),
|
|
|
+ on: {
|
|
|
+ click: i.pickDay.bind(i, e)
|
|
|
+ }
|
|
|
+ }, [n("div", {
|
|
|
+ class: "el-calendar-day"
|
|
|
+ }, [i.cellRenderProxy(e)])])
|
|
|
+ })])
|
|
|
+ })])])
|
|
|
+ }
|
|
|
+ }, void 0, void 0, !1, null, null, null);
|
|
|
+ ui.options.__file = "packages/calendar/src/date-table.vue";
|
|
|
+ var tt = ui.exports,
|
|
|
+ va = ["prev-month", "today", "next-month"],
|
|
|
+ ya = ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"],
|
|
|
+ f = r({
|
|
|
+ name: "ElCalendar",
|
|
|
+ mixins: [j],
|
|
|
+ components: {
|
|
|
+ DateTable: tt,
|
|
|
+ ElButton: xt,
|
|
|
+ ElButtonGroup: Dt
|
|
|
+ },
|
|
|
+ props: {
|
|
|
+ value: [Date, String, Number],
|
|
|
+ range: {
|
|
|
+ type: Array,
|
|
|
+ validator: function (e) {
|
|
|
+ return !Array.isArray(e) || 2 === e.length && e.every(function (e) {
|
|
|
+ return "string" == typeof e || "number" == typeof e || e instanceof Date
|
|
|
+ })
|
|
|
+ }
|
|
|
+ },
|
|
|
+ firstDayOfWeek: {
|
|
|
+ type: Number,
|
|
|
+ default: 1
|
|
|
+ }
|
|
|
+ },
|
|
|
+ provide: function () {
|
|
|
+ return {
|
|
|
+ elCalendar: this
|
|
|
+ }
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ pickDay: function (e) {
|
|
|
+ this.realSelectedDay = e
|
|
|
+ },
|
|
|
+ selectDate: function (e) {
|
|
|
+ if (-1 === va.indexOf(e)) throw new Error("invalid type " + e);
|
|
|
+ var t;
|
|
|
+ (t = "prev-month" === e ? this.prevMonthDatePrefix + "-01" : "next-month" === e ? this.nextMonthDatePrefix + "-01" : this.formatedToday) !== this.formatedDate && this.pickDay(t)
|
|
|
+ },
|
|
|
+ toDate: function (e) {
|
|
|
+ if (!e) throw new Error("invalid val");
|
|
|
+ return e instanceof Date ? e : new Date(e)
|
|
|
+ },
|
|
|
+ rangeValidator: function (e, t) {
|
|
|
+ var i = this.realFirstDayOfWeek,
|
|
|
+ i = t ? i : 0 === i ? 6 : i - 1,
|
|
|
+ t = (t ? "start" : "end") + " of range should be " + ya[i] + ".";
|
|
|
+ return e.getDay() === i || (console.warn("[ElementCalendar]", t, "Invalid range will be ignored."), !1)
|
|
|
+ }
|
|
|
+ },
|
|
|
+ computed: {
|
|
|
+ prevMonthDatePrefix: function () {
|
|
|
+ var e = new Date(this.date.getTime());
|
|
|
+ return e.setDate(0), kn.a.format(e, "yyyy-MM")
|
|
|
+ },
|
|
|
+ curMonthDatePrefix: function () {
|
|
|
+ return kn.a.format(this.date, "yyyy-MM")
|
|
|
+ },
|
|
|
+ nextMonthDatePrefix: function () {
|
|
|
+ var e = new Date(this.date.getFullYear(), this.date.getMonth() + 1, 1);
|
|
|
+ return kn.a.format(e, "yyyy-MM")
|
|
|
+ },
|
|
|
+ formatedDate: function () {
|
|
|
+ return kn.a.format(this.date, "yyyy-MM-dd")
|
|
|
+ },
|
|
|
+ i18nDate: function () {
|
|
|
+ var e = this.date.getFullYear(),
|
|
|
+ t = this.date.getMonth() + 1;
|
|
|
+ return e + " " + this.t("el.datepicker.year") + " " + this.t("el.datepicker.month" + t)
|
|
|
+ },
|
|
|
+ formatedToday: function () {
|
|
|
+ return kn.a.format(this.now, "yyyy-MM-dd")
|
|
|
+ },
|
|
|
+ realSelectedDay: {
|
|
|
+ get: function () {
|
|
|
+ return this.value ? this.formatedDate : this.selectedDay
|
|
|
+ },
|
|
|
+ set: function (e) {
|
|
|
+ this.selectedDay = e;
|
|
|
+ e = new Date(e);
|
|
|
+ this.$emit("input", e)
|
|
|
+ }
|
|
|
+ },
|
|
|
+ date: function () {
|
|
|
+ if (this.value) return this.toDate(this.value);
|
|
|
+ if (this.realSelectedDay) {
|
|
|
+ var e = this.selectedDay.split("-");
|
|
|
+ return new Date(e[0], e[1] - 1, e[2])
|
|
|
+ }
|
|
|
+ return this.validatedRange.length ? this.validatedRange[0][0] : this.now
|
|
|
+ },
|
|
|
+ validatedRange: function () {
|
|
|
+ var n = this,
|
|
|
+ e = this.range;
|
|
|
+ if (!e) return [];
|
|
|
+ if (2 !== (e = e.reduce(function (e, t, i) {
|
|
|
+ t = n.toDate(t);
|
|
|
+ return e = n.rangeValidator(t, 0 === i) ? e.concat(t) : e
|
|
|
+ }, [])).length) return [];
|
|
|
+ var t = e,
|
|
|
+ i = t[0],
|
|
|
+ r = t[1];
|
|
|
+ if (r < i) return console.warn("[ElementCalendar]end time should be greater than start time"), [];
|
|
|
+ if (Wn(i, r)) return [
|
|
|
+ [i, r]
|
|
|
+ ];
|
|
|
+ var s = [],
|
|
|
+ o = new Date(i.getFullYear(), i.getMonth() + 1, 1),
|
|
|
+ e = this.toDate(o.getTime() - 864e5);
|
|
|
+ if (!Wn(o, r)) return console.warn("[ElementCalendar]start time and end time interval must not exceed two months"), [];
|
|
|
+ s.push([i, e]);
|
|
|
+ t = this.realFirstDayOfWeek, i = o.getDay(), e = 0;
|
|
|
+ return i !== t && (e = 0 === t ? 7 - i : 0 < (e = t - i) ? e : 7 + e), (o = this.toDate(o.getTime() + 864e5 * e)).getDate() < r.getDate() && s.push([o, r]), s
|
|
|
+ },
|
|
|
+ realFirstDayOfWeek: function () {
|
|
|
+ return this.firstDayOfWeek < 1 || 6 < this.firstDayOfWeek ? 0 : Math.floor(this.firstDayOfWeek)
|
|
|
+ }
|
|
|
+ },
|
|
|
+ data: function () {
|
|
|
+ return {
|
|
|
+ selectedDay: "",
|
|
|
+ now: new Date
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, ut, [], !1, null, null, null);
|
|
|
+ f.options.__file = "packages/calendar/src/main.vue";
|
|
|
+ var ba = f.exports;
|
|
|
+ ba.install = function (e) {
|
|
|
+ e.component(ba.name, ba)
|
|
|
+ };
|
|
|
+ Me = ba, Pe = function () {
|
|
|
+ var t = this,
|
|
|
+ e = t.$createElement,
|
|
|
+ e = t._self._c || e;
|
|
|
+ return e("transition", {
|
|
|
+ attrs: {
|
|
|
+ name: "el-fade-in"
|
|
|
+ }
|
|
|
+ }, [t.visible ? e("div", {
|
|
|
+ staticClass: "el-backtop",
|
|
|
+ style: {
|
|
|
+ right: t.styleRight,
|
|
|
+ bottom: t.styleBottom
|
|
|
+ },
|
|
|
+ on: {
|
|
|
+ click: function (e) {
|
|
|
+ return e.stopPropagation(), t.handleClick(e)
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, [t._t("default", [e("el-icon", {
|
|
|
+ attrs: {
|
|
|
+ name: "caret-top"
|
|
|
+ }
|
|
|
+ })])], 2) : t._e()])
|
|
|
+ };
|
|
|
+ Pe._withStripped = !0;
|
|
|
+
|
|
|
+ function wa(e) {
|
|
|
+ return Math.pow(e, 3)
|
|
|
+ }
|
|
|
+ si = r({
|
|
|
+ name: "ElBacktop",
|
|
|
+ props: {
|
|
|
+ visibilityHeight: {
|
|
|
+ type: Number,
|
|
|
+ default: 200
|
|
|
+ },
|
|
|
+ target: [String],
|
|
|
+ right: {
|
|
|
+ type: Number,
|
|
|
+ default: 40
|
|
|
+ },
|
|
|
+ bottom: {
|
|
|
+ type: Number,
|
|
|
+ default: 40
|
|
|
+ }
|
|
|
+ },
|
|
|
+ data: function () {
|
|
|
+ return {
|
|
|
+ el: null,
|
|
|
+ container: null,
|
|
|
+ visible: !1
|
|
|
+ }
|
|
|
+ },
|
|
|
+ computed: {
|
|
|
+ styleBottom: function () {
|
|
|
+ return this.bottom + "px"
|
|
|
+ },
|
|
|
+ styleRight: function () {
|
|
|
+ return this.right + "px"
|
|
|
+ }
|
|
|
+ },
|
|
|
+ mounted: function () {
|
|
|
+ this.init(), this.throttledScrollHandler = vo()(300, this.onScroll), this.container.addEventListener("scroll", this.throttledScrollHandler)
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ init: function () {
|
|
|
+ if (this.container = document, this.el = document.documentElement, this.target) {
|
|
|
+ if (this.el = document.querySelector(this.target), !this.el) throw new Error("target is not existed: " + this.target);
|
|
|
+ this.container = this.el
|
|
|
+ }
|
|
|
+ },
|
|
|
+ onScroll: function () {
|
|
|
+ var e = this.el.scrollTop;
|
|
|
+ this.visible = e >= this.visibilityHeight
|
|
|
+ },
|
|
|
+ handleClick: function (e) {
|
|
|
+ this.scrollToTop(), this.$emit("click", e)
|
|
|
+ },
|
|
|
+ scrollToTop: function () {
|
|
|
+ var i = this.el,
|
|
|
+ n = Date.now(),
|
|
|
+ r = i.scrollTop,
|
|
|
+ s = window.requestAnimationFrame || function (e) {
|
|
|
+ return setTimeout(e, 16)
|
|
|
+ };
|
|
|
+ s(function e() {
|
|
|
+ var t = (Date.now() - n) / 500;
|
|
|
+ t < 1 ? (i.scrollTop = r * (1 - ((t = t) < .5 ? wa(2 * t) / 2 : 1 - wa(2 * (1 - t)) / 2)), s(e)) : i.scrollTop = 0
|
|
|
+ })
|
|
|
+ }
|
|
|
+ },
|
|
|
+ beforeDestroy: function () {
|
|
|
+ this.container.removeEventListener("scroll", this.throttledScrollHandler)
|
|
|
+ }
|
|
|
+ }, Pe, [], !1, null, null, null);
|
|
|
+ si.options.__file = "packages/backtop/src/main.vue";
|
|
|
+ var _a = si.exports;
|
|
|
+ _a.install = function (e) {
|
|
|
+ e.component(_a.name, _a)
|
|
|
+ };
|
|
|
+
|
|
|
+ function xa(e, t) {
|
|
|
+ return (e === window || e === document ? document.documentElement : e)[t]
|
|
|
+ }
|
|
|
+
|
|
|
+ function Ca(e) {
|
|
|
+ return xa(e, "offsetHeight")
|
|
|
+ }
|
|
|
+
|
|
|
+ function ka(o, a) {
|
|
|
+ return v(o) ? (t = $a, Object.keys(t).map(function (e) {
|
|
|
+ return [e, t[e]]
|
|
|
+ }).reduce(function (e, t) {
|
|
|
+ var i = t[0],
|
|
|
+ t = t[1],
|
|
|
+ n = t.type,
|
|
|
+ r = t.default,
|
|
|
+ s = o.getAttribute("infinite-scroll-" + i),
|
|
|
+ s = b(a[s]) ? s : a[s];
|
|
|
+ switch (n) {
|
|
|
+ case Number:
|
|
|
+ s = Number(s), s = Number.isNaN(s) ? r : s;
|
|
|
+ break;
|
|
|
+ case Boolean:
|
|
|
+ s = null != s ? "false" !== s && Boolean(s) : r;
|
|
|
+ break;
|
|
|
+ default:
|
|
|
+ s = n(s)
|
|
|
+ }
|
|
|
+ return e[i] = s, e
|
|
|
+ }, {})) : {};
|
|
|
+ var t
|
|
|
+ }
|
|
|
+
|
|
|
+ function Sa(e) {
|
|
|
+ return e.getBoundingClientRect().top
|
|
|
+ }
|
|
|
+ var o = _a,
|
|
|
+ Da = "ElInfiniteScroll",
|
|
|
+ $a = {
|
|
|
+ delay: {
|
|
|
+ type: Number,
|
|
|
+ default: 200
|
|
|
+ },
|
|
|
+ distance: {
|
|
|
+ type: Number,
|
|
|
+ default: 0
|
|
|
+ },
|
|
|
+ disabled: {
|
|
|
+ type: Boolean,
|
|
|
+ default: !1
|
|
|
+ },
|
|
|
+ immediate: {
|
|
|
+ type: Boolean,
|
|
|
+ default: !0
|
|
|
+ }
|
|
|
+ },
|
|
|
+ Ea = {
|
|
|
+ name: "InfiniteScroll",
|
|
|
+ inserted: function (e, t, i) {
|
|
|
+ var n = t.value,
|
|
|
+ r = i.context,
|
|
|
+ s = pe(e, !0),
|
|
|
+ t = ka(e, r),
|
|
|
+ i = t.delay,
|
|
|
+ t = t.immediate,
|
|
|
+ n = Ue()(i, function (e) {
|
|
|
+ var t = this[Da],
|
|
|
+ i = t.el,
|
|
|
+ n = t.vm,
|
|
|
+ r = t.container,
|
|
|
+ s = t.observer,
|
|
|
+ o = ka(i, n),
|
|
|
+ t = o.distance;
|
|
|
+ o.disabled || ((o = r.getBoundingClientRect()).width || o.height) && ((r === i ? (o = r.scrollTop + xa(r, "clientHeight"), r.scrollHeight - o <= t) : Ca(i) + Sa(i) - Sa(r) - Ca(r) + Number.parseFloat(function (e, t) {
|
|
|
+ if (1 !== (e = e === window ? document.documentElement : e).nodeType) return [];
|
|
|
+ e = window.getComputedStyle(e, null);
|
|
|
+ return e[t]
|
|
|
+ }(r, "borderBottomWidth")) <= t) && y(e) ? e.call(n) : s && (s.disconnect(), this[Da].observer = null))
|
|
|
+ }.bind(e, n));
|
|
|
+ e[Da] = {
|
|
|
+ el: e,
|
|
|
+ vm: r,
|
|
|
+ container: s,
|
|
|
+ onScroll: n
|
|
|
+ }, s && (s.addEventListener("scroll", n), t && ((e[Da].observer = new MutationObserver(n)).observe(s, {
|
|
|
+ childList: !0,
|
|
|
+ subtree: !0
|
|
|
+ }), n()))
|
|
|
+ },
|
|
|
+ unbind: function (e) {
|
|
|
+ var t = e[Da],
|
|
|
+ e = t.container,
|
|
|
+ t = t.onScroll;
|
|
|
+ e && e.removeEventListener("scroll", t)
|
|
|
+ },
|
|
|
+ install: function (e) {
|
|
|
+ e.directive(Ea.name, Ea)
|
|
|
+ }
|
|
|
+ },
|
|
|
+ Ta = Ea,
|
|
|
+ ui = function () {
|
|
|
+ var t = this,
|
|
|
+ e = t.$createElement,
|
|
|
+ e = t._self._c || e;
|
|
|
+ return e("div", {
|
|
|
+ staticClass: "el-page-header"
|
|
|
+ }, [e("div", {
|
|
|
+ staticClass: "el-page-header__left",
|
|
|
+ on: {
|
|
|
+ click: function (e) {
|
|
|
+ t.$emit("back")
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, [e("i", {
|
|
|
+ staticClass: "el-icon-back"
|
|
|
+ }), e("div", {
|
|
|
+ staticClass: "el-page-header__title"
|
|
|
+ }, [t._t("title", [t._v(t._s(t.title))])], 2)]), e("div", {
|
|
|
+ staticClass: "el-page-header__content"
|
|
|
+ }, [t._t("content", [t._v(t._s(t.content))])], 2)])
|
|
|
+ };
|
|
|
+ ui._withStripped = !0;
|
|
|
+ j = r({
|
|
|
+ name: "ElPageHeader",
|
|
|
+ props: {
|
|
|
+ title: {
|
|
|
+ type: String,
|
|
|
+ default: function () {
|
|
|
+ return A("el.pageHeader.title")
|
|
|
+ }
|
|
|
+ },
|
|
|
+ content: String
|
|
|
+ }
|
|
|
+ }, ui, [], !1, null, null, null);
|
|
|
+ j.options.__file = "packages/page-header/src/main.vue";
|
|
|
+ var Ma = j.exports;
|
|
|
+ Ma.install = function (e) {
|
|
|
+ e.component(Ma.name, Ma)
|
|
|
+ };
|
|
|
+ tt = Ma, ut = r({
|
|
|
+ name: "ElAvatar",
|
|
|
+ props: {
|
|
|
+ size: {
|
|
|
+ type: [Number, String],
|
|
|
+ validator: function (e) {
|
|
|
+ return "string" == typeof e ? ["large", "medium", "small"].includes(e) : "number" == typeof e
|
|
|
+ }
|
|
|
+ },
|
|
|
+ shape: {
|
|
|
+ type: String,
|
|
|
+ default: "circle",
|
|
|
+ validator: function (e) {
|
|
|
+ return ["circle", "square"].includes(e)
|
|
|
+ }
|
|
|
+ },
|
|
|
+ icon: String,
|
|
|
+ src: String,
|
|
|
+ alt: String,
|
|
|
+ srcSet: String,
|
|
|
+ error: Function,
|
|
|
+ fit: {
|
|
|
+ type: String,
|
|
|
+ default: "cover"
|
|
|
+ }
|
|
|
+ },
|
|
|
+ data: function () {
|
|
|
+ return {
|
|
|
+ isImageExist: !0
|
|
|
+ }
|
|
|
+ },
|
|
|
+ computed: {
|
|
|
+ avatarClass: function () {
|
|
|
+ var e = this.size,
|
|
|
+ t = this.icon,
|
|
|
+ i = this.shape,
|
|
|
+ n = ["el-avatar"];
|
|
|
+ return e && "string" == typeof e && n.push("el-avatar--" + e), t && n.push("el-avatar--icon"), i && n.push("el-avatar--" + i), n.join(" ")
|
|
|
+ }
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ handleError: function () {
|
|
|
+ var e = this.error;
|
|
|
+ !1 !== (e ? e() : void 0) && (this.isImageExist = !1)
|
|
|
+ },
|
|
|
+ renderAvatar: function () {
|
|
|
+ var e = this.$createElement,
|
|
|
+ t = this.icon,
|
|
|
+ i = this.src,
|
|
|
+ n = this.alt,
|
|
|
+ r = this.isImageExist,
|
|
|
+ s = this.srcSet,
|
|
|
+ o = this.fit;
|
|
|
+ return r && i ? e("img", {
|
|
|
+ attrs: {
|
|
|
+ src: i,
|
|
|
+ alt: n,
|
|
|
+ srcSet: s
|
|
|
+ },
|
|
|
+ on: {
|
|
|
+ error: this.handleError
|
|
|
+ },
|
|
|
+ style: {
|
|
|
+ "object-fit": o
|
|
|
+ }
|
|
|
+ }) : t ? e("i", {
|
|
|
+ class: t
|
|
|
+ }) : this.$slots.default
|
|
|
+ }
|
|
|
+ },
|
|
|
+ render: function () {
|
|
|
+ var e = arguments[0],
|
|
|
+ t = this.avatarClass,
|
|
|
+ i = this.size;
|
|
|
+ return e("span", {
|
|
|
+ class: t,
|
|
|
+ style: "number" == typeof i ? {
|
|
|
+ height: i + "px",
|
|
|
+ width: i + "px",
|
|
|
+ lineHeight: i + "px"
|
|
|
+ } : {}
|
|
|
+ }, [this.renderAvatar()])
|
|
|
+ }
|
|
|
+ }, void 0, void 0, !1, null, null, null);
|
|
|
+ ut.options.__file = "packages/avatar/src/main.vue";
|
|
|
+ var Na = ut.exports;
|
|
|
+ Na.install = function (e) {
|
|
|
+ e.component(Na.name, Na)
|
|
|
+ };
|
|
|
+ f = Na, Pe = function () {
|
|
|
+ var t = this,
|
|
|
+ e = t.$createElement,
|
|
|
+ e = t._self._c || e;
|
|
|
+ return e("transition", {
|
|
|
+ attrs: {
|
|
|
+ name: "el-drawer-fade"
|
|
|
+ },
|
|
|
+ on: {
|
|
|
+ "after-enter": t.afterEnter,
|
|
|
+ "after-leave": t.afterLeave
|
|
|
+ }
|
|
|
+ }, [e("div", {
|
|
|
+ directives: [{
|
|
|
+ name: "show",
|
|
|
+ rawName: "v-show",
|
|
|
+ value: t.visible,
|
|
|
+ expression: "visible"
|
|
|
+ }],
|
|
|
+ staticClass: "el-drawer__wrapper",
|
|
|
+ attrs: {
|
|
|
+ tabindex: "-1"
|
|
|
+ }
|
|
|
+ }, [e("div", {
|
|
|
+ staticClass: "el-drawer__container",
|
|
|
+ class: t.visible && "el-drawer__open",
|
|
|
+ attrs: {
|
|
|
+ role: "document",
|
|
|
+ tabindex: "-1"
|
|
|
+ },
|
|
|
+ on: {
|
|
|
+ click: function (e) {
|
|
|
+ return e.target !== e.currentTarget ? null : t.handleWrapperClick(e)
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, [e("div", {
|
|
|
+ ref: "drawer",
|
|
|
+ staticClass: "el-drawer",
|
|
|
+ class: [t.direction, t.customClass],
|
|
|
+ style: t.isHorizontal ? "width: " + t.drawerSize : "height: " + t.drawerSize,
|
|
|
+ attrs: {
|
|
|
+ "aria-modal": "true",
|
|
|
+ "aria-labelledby": "el-drawer__title",
|
|
|
+ "aria-label": t.title,
|
|
|
+ role: "dialog",
|
|
|
+ tabindex: "-1"
|
|
|
+ }
|
|
|
+ }, [t.withHeader ? e("header", {
|
|
|
+ staticClass: "el-drawer__header",
|
|
|
+ attrs: {
|
|
|
+ id: "el-drawer__title"
|
|
|
+ }
|
|
|
+ }, [t._t("title", [e("span", {
|
|
|
+ attrs: {
|
|
|
+ role: "heading",
|
|
|
+ title: t.title
|
|
|
+ }
|
|
|
+ }, [t._v(t._s(t.title))])]), t.showClose ? e("button", {
|
|
|
+ staticClass: "el-drawer__close-btn",
|
|
|
+ attrs: {
|
|
|
+ "aria-label": "close " + (t.title || "drawer"),
|
|
|
+ type: "button"
|
|
|
+ },
|
|
|
+ on: {
|
|
|
+ click: t.closeDrawer
|
|
|
+ }
|
|
|
+ }, [e("i", {
|
|
|
+ staticClass: "el-dialog__close el-icon el-icon-close"
|
|
|
+ })]) : t._e()], 2) : t._e(), t.rendered ? e("section", {
|
|
|
+ staticClass: "el-drawer__body"
|
|
|
+ }, [t._t("default")], 2) : t._e()])])])])
|
|
|
+ };
|
|
|
+ Pe._withStripped = !0;
|
|
|
+ si = r({
|
|
|
+ name: "ElDrawer",
|
|
|
+ mixins: [$e, l],
|
|
|
+ props: {
|
|
|
+ appendToBody: {
|
|
|
+ type: Boolean,
|
|
|
+ default: !1
|
|
|
+ },
|
|
|
+ beforeClose: {
|
|
|
+ type: Function
|
|
|
+ },
|
|
|
+ customClass: {
|
|
|
+ type: String,
|
|
|
+ default: ""
|
|
|
+ },
|
|
|
+ closeOnPressEscape: {
|
|
|
+ type: Boolean,
|
|
|
+ default: !0
|
|
|
+ },
|
|
|
+ destroyOnClose: {
|
|
|
+ type: Boolean,
|
|
|
+ default: !1
|
|
|
+ },
|
|
|
+ modal: {
|
|
|
+ type: Boolean,
|
|
|
+ default: !0
|
|
|
+ },
|
|
|
+ direction: {
|
|
|
+ type: String,
|
|
|
+ default: "rtl",
|
|
|
+ validator: function (e) {
|
|
|
+ return -1 !== ["ltr", "rtl", "ttb", "btt"].indexOf(e)
|
|
|
+ }
|
|
|
+ },
|
|
|
+ modalAppendToBody: {
|
|
|
+ type: Boolean,
|
|
|
+ default: !0
|
|
|
+ },
|
|
|
+ showClose: {
|
|
|
+ type: Boolean,
|
|
|
+ default: !0
|
|
|
+ },
|
|
|
+ size: {
|
|
|
+ type: [Number, String],
|
|
|
+ default: "30%"
|
|
|
+ },
|
|
|
+ title: {
|
|
|
+ type: String,
|
|
|
+ default: ""
|
|
|
+ },
|
|
|
+ visible: {
|
|
|
+ type: Boolean
|
|
|
+ },
|
|
|
+ wrapperClosable: {
|
|
|
+ type: Boolean,
|
|
|
+ default: !0
|
|
|
+ },
|
|
|
+ withHeader: {
|
|
|
+ type: Boolean,
|
|
|
+ default: !0
|
|
|
+ }
|
|
|
+ },
|
|
|
+ computed: {
|
|
|
+ isHorizontal: function () {
|
|
|
+ return "rtl" === this.direction || "ltr" === this.direction
|
|
|
+ },
|
|
|
+ drawerSize: function () {
|
|
|
+ return "number" == typeof this.size ? this.size + "px" : this.size
|
|
|
+ }
|
|
|
+ },
|
|
|
+ data: function () {
|
|
|
+ return {
|
|
|
+ closed: !1,
|
|
|
+ prevActiveElement: null
|
|
|
+ }
|
|
|
+ },
|
|
|
+ watch: {
|
|
|
+ visible: function (e) {
|
|
|
+ var t = this;
|
|
|
+ e ? (this.closed = !1, this.$emit("open"), this.appendToBody && document.body.appendChild(this.$el), this.prevActiveElement = document.activeElement) : (this.closed || (this.$emit("close"), !0 === this.destroyOnClose && (this.rendered = !1)), this.$nextTick(function () {
|
|
|
+ t.prevActiveElement && t.prevActiveElement.focus()
|
|
|
+ }))
|
|
|
+ }
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ afterEnter: function () {
|
|
|
+ this.$emit("opened")
|
|
|
+ },
|
|
|
+ afterLeave: function () {
|
|
|
+ this.$emit("closed")
|
|
|
+ },
|
|
|
+ hide: function (e) {
|
|
|
+ !1 !== e && (this.$emit("update:visible", !1), this.$emit("close"), !0 === this.destroyOnClose && (this.rendered = !1), this.closed = !0)
|
|
|
+ },
|
|
|
+ handleWrapperClick: function () {
|
|
|
+ this.wrapperClosable && this.closeDrawer()
|
|
|
+ },
|
|
|
+ closeDrawer: function () {
|
|
|
+ "function" == typeof this.beforeClose ? this.beforeClose(this.hide) : this.hide()
|
|
|
+ },
|
|
|
+ handleClose: function () {
|
|
|
+ this.closeDrawer()
|
|
|
+ }
|
|
|
+ },
|
|
|
+ mounted: function () {
|
|
|
+ this.visible && (this.rendered = !0, this.open())
|
|
|
+ },
|
|
|
+ destroyed: function () {
|
|
|
+ this.appendToBody && this.$el && this.$el.parentNode && this.$el.parentNode.removeChild(this.$el)
|
|
|
+ }
|
|
|
+ }, Pe, [], !1, null, null, null);
|
|
|
+ si.options.__file = "packages/drawer/src/main.vue";
|
|
|
+ var Pa = si.exports;
|
|
|
+ Pa.install = function (e) {
|
|
|
+ e.component(Pa.name, Pa)
|
|
|
+ };
|
|
|
+ ui = Pa, j = function () {
|
|
|
+ var t = this,
|
|
|
+ e = t.$createElement,
|
|
|
+ e = t._self._c || e;
|
|
|
+ return e("el-popover", t._b({
|
|
|
+ attrs: {
|
|
|
+ trigger: "click"
|
|
|
+ },
|
|
|
+ model: {
|
|
|
+ value: t.visible,
|
|
|
+ callback: function (e) {
|
|
|
+ t.visible = e
|
|
|
+ },
|
|
|
+ expression: "visible"
|
|
|
+ }
|
|
|
+ }, "el-popover", t.$attrs, !1), [e("div", {
|
|
|
+ staticClass: "el-popconfirm"
|
|
|
+ }, [e("p", {
|
|
|
+ staticClass: "el-popconfirm__main"
|
|
|
+ }, [t.hideIcon ? t._e() : e("i", {
|
|
|
+ staticClass: "el-popconfirm__icon",
|
|
|
+ class: t.icon,
|
|
|
+ style: {
|
|
|
+ color: t.iconColor
|
|
|
+ }
|
|
|
+ }), t._v("\n " + t._s(t.title) + "\n ")]), e("div", {
|
|
|
+ staticClass: "el-popconfirm__action"
|
|
|
+ }, [e("el-button", {
|
|
|
+ attrs: {
|
|
|
+ size: "mini",
|
|
|
+ type: t.cancelButtonType
|
|
|
+ },
|
|
|
+ on: {
|
|
|
+ click: t.cancel
|
|
|
+ }
|
|
|
+ }, [t._v("\n " + t._s(t.displayCancelButtonText) + "\n ")]), e("el-button", {
|
|
|
+ attrs: {
|
|
|
+ size: "mini",
|
|
|
+ type: t.confirmButtonType
|
|
|
+ },
|
|
|
+ on: {
|
|
|
+ click: t.confirm
|
|
|
+ }
|
|
|
+ }, [t._v("\n " + t._s(t.displayConfirmButtonText) + "\n ")])], 1)]), t._t("reference", null, {
|
|
|
+ slot: "reference"
|
|
|
+ })], 2)
|
|
|
+ };
|
|
|
+ j._withStripped = !0;
|
|
|
+ ut = r({
|
|
|
+ name: "ElPopconfirm",
|
|
|
+ props: {
|
|
|
+ title: {
|
|
|
+ type: String
|
|
|
+ },
|
|
|
+ confirmButtonText: {
|
|
|
+ type: String
|
|
|
+ },
|
|
|
+ cancelButtonText: {
|
|
|
+ type: String
|
|
|
+ },
|
|
|
+ confirmButtonType: {
|
|
|
+ type: String,
|
|
|
+ default: "primary"
|
|
|
+ },
|
|
|
+ cancelButtonType: {
|
|
|
+ type: String,
|
|
|
+ default: "text"
|
|
|
+ },
|
|
|
+ icon: {
|
|
|
+ type: String,
|
|
|
+ default: "el-icon-question"
|
|
|
+ },
|
|
|
+ iconColor: {
|
|
|
+ type: String,
|
|
|
+ default: "#f90"
|
|
|
+ },
|
|
|
+ hideIcon: {
|
|
|
+ type: Boolean,
|
|
|
+ default: !1
|
|
|
+ }
|
|
|
+ },
|
|
|
+ components: {
|
|
|
+ ElPopover: kt,
|
|
|
+ ElButton: xt
|
|
|
+ },
|
|
|
+ data: function () {
|
|
|
+ return {
|
|
|
+ visible: !1
|
|
|
+ }
|
|
|
+ },
|
|
|
+ computed: {
|
|
|
+ displayConfirmButtonText: function () {
|
|
|
+ return this.confirmButtonText || A("el.popconfirm.confirmButtonText")
|
|
|
+ },
|
|
|
+ displayCancelButtonText: function () {
|
|
|
+ return this.cancelButtonText || A("el.popconfirm.cancelButtonText")
|
|
|
+ }
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ confirm: function () {
|
|
|
+ this.visible = !1, this.$emit("confirm")
|
|
|
+ },
|
|
|
+ cancel: function () {
|
|
|
+ this.visible = !1, this.$emit("cancel")
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, j, [], !1, null, null, null);
|
|
|
+ ut.options.__file = "packages/popconfirm/src/main.vue";
|
|
|
+ var Ia = ut.exports;
|
|
|
+ Ia.install = function (e) {
|
|
|
+ e.component(Ia.name, Ia)
|
|
|
+ };
|
|
|
+ $e = Ia, l = function () {
|
|
|
+ var t = this,
|
|
|
+ e = t.$createElement,
|
|
|
+ i = t._self._c || e;
|
|
|
+ return i("div", [t.uiLoading ? [i("div", t._b({
|
|
|
+ class: ["el-skeleton", t.animated ? "is-animated" : ""]
|
|
|
+ }, "div", t.$attrs, !1), [t._l(t.count, function (e) {
|
|
|
+ return [t.loading ? t._t("template", t._l(t.rows, function (e) {
|
|
|
+ return i("el-skeleton-item", {
|
|
|
+ key: e,
|
|
|
+ class: {
|
|
|
+ "el-skeleton__paragraph": 1 !== e, "is-first": 1 === e, "is-last": e === t.rows && 1 < t.rows
|
|
|
+ },
|
|
|
+ attrs: {
|
|
|
+ variant: "p"
|
|
|
+ }
|
|
|
+ })
|
|
|
+ })) : t._e()]
|
|
|
+ })], 2)] : [t._t("default", null, null, t.$attrs)]], 2)
|
|
|
+ };
|
|
|
+ l._withStripped = !0;
|
|
|
+ Pe = r({
|
|
|
+ name: "ElSkeleton",
|
|
|
+ props: {
|
|
|
+ animated: {
|
|
|
+ type: Boolean,
|
|
|
+ default: !1
|
|
|
+ },
|
|
|
+ count: {
|
|
|
+ type: Number,
|
|
|
+ default: 1
|
|
|
+ },
|
|
|
+ rows: {
|
|
|
+ type: Number,
|
|
|
+ default: 4
|
|
|
+ },
|
|
|
+ loading: {
|
|
|
+ type: Boolean,
|
|
|
+ default: !0
|
|
|
+ },
|
|
|
+ throttle: {
|
|
|
+ type: Number,
|
|
|
+ default: 0
|
|
|
+ }
|
|
|
+ },
|
|
|
+ watch: {
|
|
|
+ loading: {
|
|
|
+ handler: function (e) {
|
|
|
+ var t = this;
|
|
|
+ !(this.throttle <= 0) && e ? (clearTimeout(this.timeoutHandle), this.timeoutHandle = setTimeout(function () {
|
|
|
+ t.uiLoading = t.loading
|
|
|
+ }, this.throttle)) : this.uiLoading = e
|
|
|
+ },
|
|
|
+ immediate: !0
|
|
|
+ }
|
|
|
+ },
|
|
|
+ data: function () {
|
|
|
+ return {
|
|
|
+ uiLoading: this.throttle <= 0 && this.loading
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, l, [], !1, null, null, null);
|
|
|
+ Pe.options.__file = "packages/skeleton/src/index.vue";
|
|
|
+ var Oa = Pe.exports;
|
|
|
+ Oa.install = function (e) {
|
|
|
+ e.component(Oa.name, Oa)
|
|
|
+ };
|
|
|
+ si = Oa, j = function () {
|
|
|
+ var e = this.$createElement,
|
|
|
+ e = this._self._c || e;
|
|
|
+ return e("div", {
|
|
|
+ class: ["el-skeleton__item", "el-skeleton__" + this.variant]
|
|
|
+ }, ["image" === this.variant ? e("img-placeholder") : this._e()], 1)
|
|
|
+ }, ut = function () {
|
|
|
+ var e = this.$createElement,
|
|
|
+ e = this._self._c || e;
|
|
|
+ return e("svg", {
|
|
|
+ attrs: {
|
|
|
+ viewBox: "0 0 1024 1024",
|
|
|
+ xmlns: "http://www.w3.org/2000/svg"
|
|
|
+ }
|
|
|
+ }, [e("path", {
|
|
|
+ attrs: {
|
|
|
+ d: "M64 896V128h896v768H64z m64-128l192-192 116.352 116.352L640 448l256 307.2V192H128v576z m224-480a96 96 0 1 1-0.064 192.064A96 96 0 0 1 352 288z"
|
|
|
+ }
|
|
|
+ })])
|
|
|
+ };
|
|
|
+ ut._withStripped = j._withStripped = !0;
|
|
|
+ l = r({
|
|
|
+ name: "ImgPlaceholder"
|
|
|
+ }, ut, [], !1, null, null, null);
|
|
|
+ l.options.__file = "packages/skeleton/src/img-placeholder.vue";
|
|
|
+ Pe = l.exports, l = r({
|
|
|
+ name: "ElSkeletonItem",
|
|
|
+ props: {
|
|
|
+ variant: {
|
|
|
+ type: String,
|
|
|
+ default: "text"
|
|
|
+ }
|
|
|
+ },
|
|
|
+ components: ((ut = {})[Pe.name] = Pe, ut)
|
|
|
+ }, j, [], !1, null, null, null);
|
|
|
+ l.options.__file = "packages/skeleton/src/item.vue";
|
|
|
+ var Fa = l.exports;
|
|
|
+ Fa.install = function (e) {
|
|
|
+ e.component(Fa.name, Fa)
|
|
|
+ };
|
|
|
+ Pe = Fa, ut = function () {
|
|
|
+ var e = this,
|
|
|
+ t = e.$createElement,
|
|
|
+ t = e._self._c || t;
|
|
|
+ return t("div", {
|
|
|
+ staticClass: "el-empty"
|
|
|
+ }, [t("div", {
|
|
|
+ staticClass: "el-empty__image",
|
|
|
+ style: e.imageStyle
|
|
|
+ }, [e.image ? t("img", {
|
|
|
+ attrs: {
|
|
|
+ src: e.image,
|
|
|
+ ondragstart: "return false"
|
|
|
+ }
|
|
|
+ }) : e._t("image", [t("img-empty")])], 2), t("div", {
|
|
|
+ staticClass: "el-empty__description"
|
|
|
+ }, [e.$slots.description ? e._t("description") : t("p", [e._v(e._s(e.emptyDescription))])], 2), e.$slots.default ? t("div", {
|
|
|
+ staticClass: "el-empty__bottom"
|
|
|
+ }, [e._t("default")], 2) : e._e()])
|
|
|
+ }, j = function () {
|
|
|
+ var e = this,
|
|
|
+ t = e.$createElement,
|
|
|
+ t = e._self._c || t;
|
|
|
+ return t("svg", {
|
|
|
+ attrs: {
|
|
|
+ viewBox: "0 0 79 86",
|
|
|
+ version: "1.1",
|
|
|
+ xmlns: "http://www.w3.org/2000/svg",
|
|
|
+ "xmlns:xlink": "http://www.w3.org/1999/xlink"
|
|
|
+ }
|
|
|
+ }, [t("defs", [t("linearGradient", {
|
|
|
+ attrs: {
|
|
|
+ id: "linearGradient-1-" + e.id,
|
|
|
+ x1: "38.8503086%",
|
|
|
+ y1: "0%",
|
|
|
+ x2: "61.1496914%",
|
|
|
+ y2: "100%"
|
|
|
+ }
|
|
|
+ }, [t("stop", {
|
|
|
+ attrs: {
|
|
|
+ "stop-color": "#FCFCFD",
|
|
|
+ offset: "0%"
|
|
|
+ }
|
|
|
+ }), t("stop", {
|
|
|
+ attrs: {
|
|
|
+ "stop-color": "#EEEFF3",
|
|
|
+ offset: "100%"
|
|
|
+ }
|
|
|
+ })], 1), t("linearGradient", {
|
|
|
+ attrs: {
|
|
|
+ id: "linearGradient-2-" + e.id,
|
|
|
+ x1: "0%",
|
|
|
+ y1: "9.5%",
|
|
|
+ x2: "100%",
|
|
|
+ y2: "90.5%"
|
|
|
+ }
|
|
|
+ }, [t("stop", {
|
|
|
+ attrs: {
|
|
|
+ "stop-color": "#FCFCFD",
|
|
|
+ offset: "0%"
|
|
|
+ }
|
|
|
+ }), t("stop", {
|
|
|
+ attrs: {
|
|
|
+ "stop-color": "#E9EBEF",
|
|
|
+ offset: "100%"
|
|
|
+ }
|
|
|
+ })], 1), t("rect", {
|
|
|
+ attrs: {
|
|
|
+ id: "path-3-" + e.id,
|
|
|
+ x: "0",
|
|
|
+ y: "0",
|
|
|
+ width: "17",
|
|
|
+ height: "36"
|
|
|
+ }
|
|
|
+ })], 1), t("g", {
|
|
|
+ attrs: {
|
|
|
+ id: "Illustrations",
|
|
|
+ stroke: "none",
|
|
|
+ "stroke-width": "1",
|
|
|
+ fill: "none",
|
|
|
+ "fill-rule": "evenodd"
|
|
|
+ }
|
|
|
+ }, [t("g", {
|
|
|
+ attrs: {
|
|
|
+ id: "B-type",
|
|
|
+ transform: "translate(-1268.000000, -535.000000)"
|
|
|
+ }
|
|
|
+ }, [t("g", {
|
|
|
+ attrs: {
|
|
|
+ id: "Group-2",
|
|
|
+ transform: "translate(1268.000000, 535.000000)"
|
|
|
+ }
|
|
|
+ }, [t("path", {
|
|
|
+ attrs: {
|
|
|
+ id: "Oval-Copy-2",
|
|
|
+ d: "M39.5,86 C61.3152476,86 79,83.9106622 79,81.3333333 C79,78.7560045 57.3152476,78 35.5,78 C13.6847524,78 0,78.7560045 0,81.3333333 C0,83.9106622 17.6847524,86 39.5,86 Z",
|
|
|
+ fill: "#F7F8FC"
|
|
|
+ }
|
|
|
+ }), t("polygon", {
|
|
|
+ attrs: {
|
|
|
+ id: "Rectangle-Copy-14",
|
|
|
+ fill: "#E5E7E9",
|
|
|
+ transform: "translate(27.500000, 51.500000) scale(1, -1) translate(-27.500000, -51.500000) ",
|
|
|
+ points: "13 58 53 58 42 45 2 45"
|
|
|
+ }
|
|
|
+ }), t("g", {
|
|
|
+ attrs: {
|
|
|
+ id: "Group-Copy",
|
|
|
+ transform: "translate(34.500000, 31.500000) scale(-1, 1) rotate(-25.000000) translate(-34.500000, -31.500000) translate(7.000000, 10.000000)"
|
|
|
+ }
|
|
|
+ }, [t("polygon", {
|
|
|
+ attrs: {
|
|
|
+ id: "Rectangle-Copy-10",
|
|
|
+ fill: "#E5E7E9",
|
|
|
+ transform: "translate(11.500000, 5.000000) scale(1, -1) translate(-11.500000, -5.000000) ",
|
|
|
+ points: "2.84078316e-14 3 18 3 23 7 5 7"
|
|
|
+ }
|
|
|
+ }), t("polygon", {
|
|
|
+ attrs: {
|
|
|
+ id: "Rectangle-Copy-11",
|
|
|
+ fill: "#EDEEF2",
|
|
|
+ points: "-3.69149156e-15 7 38 7 38 43 -3.69149156e-15 43"
|
|
|
+ }
|
|
|
+ }), t("rect", {
|
|
|
+ attrs: {
|
|
|
+ id: "Rectangle-Copy-12",
|
|
|
+ fill: "url(#linearGradient-1-" + e.id + ")",
|
|
|
+ transform: "translate(46.500000, 25.000000) scale(-1, 1) translate(-46.500000, -25.000000) ",
|
|
|
+ x: "38",
|
|
|
+ y: "7",
|
|
|
+ width: "17",
|
|
|
+ height: "36"
|
|
|
+ }
|
|
|
+ }), t("polygon", {
|
|
|
+ attrs: {
|
|
|
+ id: "Rectangle-Copy-13",
|
|
|
+ fill: "#F8F9FB",
|
|
|
+ transform: "translate(39.500000, 3.500000) scale(-1, 1) translate(-39.500000, -3.500000) ",
|
|
|
+ points: "24 7 41 7 55 -3.63806207e-12 38 -3.63806207e-12"
|
|
|
+ }
|
|
|
+ })]), t("rect", {
|
|
|
+ attrs: {
|
|
|
+ id: "Rectangle-Copy-15",
|
|
|
+ fill: "url(#linearGradient-2-" + e.id + ")",
|
|
|
+ x: "13",
|
|
|
+ y: "45",
|
|
|
+ width: "40",
|
|
|
+ height: "36"
|
|
|
+ }
|
|
|
+ }), t("g", {
|
|
|
+ attrs: {
|
|
|
+ id: "Rectangle-Copy-17",
|
|
|
+ transform: "translate(53.000000, 45.000000)"
|
|
|
+ }
|
|
|
+ }, [t("mask", {
|
|
|
+ attrs: {
|
|
|
+ id: "mask-4-" + e.id,
|
|
|
+ fill: "white"
|
|
|
+ }
|
|
|
+ }, [t("use", {
|
|
|
+ attrs: {
|
|
|
+ "xlink:href": "#path-3-" + e.id
|
|
|
+ }
|
|
|
+ })]), t("use", {
|
|
|
+ attrs: {
|
|
|
+ id: "Mask",
|
|
|
+ fill: "#E0E3E9",
|
|
|
+ transform: "translate(8.500000, 18.000000) scale(-1, 1) translate(-8.500000, -18.000000) ",
|
|
|
+ "xlink:href": "#path-3-" + e.id
|
|
|
+ }
|
|
|
+ }), t("polygon", {
|
|
|
+ attrs: {
|
|
|
+ id: "Rectangle-Copy",
|
|
|
+ fill: "#D5D7DE",
|
|
|
+ mask: "url(#mask-4-" + e.id + ")",
|
|
|
+ transform: "translate(12.000000, 9.000000) scale(-1, 1) translate(-12.000000, -9.000000) ",
|
|
|
+ points: "7 0 24 0 20 18 -1.70530257e-13 16"
|
|
|
+ }
|
|
|
+ })]), t("polygon", {
|
|
|
+ attrs: {
|
|
|
+ id: "Rectangle-Copy-18",
|
|
|
+ fill: "#F8F9FB",
|
|
|
+ transform: "translate(66.000000, 51.500000) scale(-1, 1) translate(-66.000000, -51.500000) ",
|
|
|
+ points: "62 45 79 45 70 58 53 58"
|
|
|
+ }
|
|
|
+ })])])])])
|
|
|
+ };
|
|
|
+ j._withStripped = ut._withStripped = !0;
|
|
|
+ var Aa = 0,
|
|
|
+ l = r({
|
|
|
+ name: "ImgEmpty",
|
|
|
+ data: function () {
|
|
|
+ return {
|
|
|
+ id: ++Aa
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, j, [], !1, null, null, null);
|
|
|
+ l.options.__file = "packages/empty/src/img-empty.vue";
|
|
|
+ j = l.exports, l = r({
|
|
|
+ name: "ElEmpty",
|
|
|
+ components: ((l = {})[j.name] = j, l),
|
|
|
+ props: {
|
|
|
+ image: {
|
|
|
+ type: String,
|
|
|
+ default: ""
|
|
|
+ },
|
|
|
+ imageSize: Number,
|
|
|
+ description: {
|
|
|
+ type: String,
|
|
|
+ default: ""
|
|
|
+ }
|
|
|
+ },
|
|
|
+ computed: {
|
|
|
+ emptyDescription: function () {
|
|
|
+ return this.description || A("el.empty.description")
|
|
|
+ },
|
|
|
+ imageStyle: function () {
|
|
|
+ return {
|
|
|
+ width: this.imageSize ? this.imageSize + "px" : ""
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, ut, [], !1, null, null, null);
|
|
|
+ l.options.__file = "packages/empty/src/index.vue";
|
|
|
+ var La = l.exports;
|
|
|
+ La.install = function (e) {
|
|
|
+ e.component(La.name, La)
|
|
|
+ };
|
|
|
+ var ut = La,
|
|
|
+ Va = [lt, dt, yt, Tt, It, Lt, Gt, ti, ai, hi, te, gi, wi, Si, Ti, c, q, ie, Oe, st, ot, Ne, xt, Dt, Ot, Ft, Ge, ct, bt, kt, ri, a, Yt, Zt, _i, Di, Q, He, nt, ft, Mt, pi, di, fi, s, Ci, Ae, $r, $t, Nt, jt, yi, d, Ke, ae, u, gt, i, zt, vi, mt, Ct, Rt, $i, Y, n, pt, wt, ii, li, Me, o, tt, Jt, f, ui, $e, si, Pe, ut, Xt],
|
|
|
+ l = function (t) {
|
|
|
+ var e = 1 < arguments.length && void 0 !== arguments[1] ? arguments[1] : {};
|
|
|
+ W.use(e.locale), W.i18n(e.i18n), Va.forEach(function (e) {
|
|
|
+ t.component(e.name, e)
|
|
|
+ }), t.use(Ta), t.use(Ks.directive), t.prototype.$ELEMENT = {
|
|
|
+ size: e.size || "",
|
|
|
+ zIndex: e.zIndex || 2e3
|
|
|
+ }, t.prototype.$loading = Ks.service, t.prototype.$msgbox = Rr, t.prototype.$alert = Rr.alert, t.prototype.$confirm = Rr.confirm, t.prototype.$prompt = Rr.prompt, t.prototype.$notify = Vs, t.prototype.$message = co
|
|
|
+ };
|
|
|
+ "undefined" != typeof window && window.Vue && l(window.Vue), t.default = {
|
|
|
+ version: "2.15.3",
|
|
|
+ locale: W.use,
|
|
|
+ i18n: W.i18n,
|
|
|
+ install: l,
|
|
|
+ CollapseTransition: Xt,
|
|
|
+ Loading: Ks,
|
|
|
+ Pagination: lt,
|
|
|
+ Dialog: dt,
|
|
|
+ Autocomplete: yt,
|
|
|
+ Dropdown: Tt,
|
|
|
+ DropdownMenu: It,
|
|
|
+ DropdownItem: Lt,
|
|
|
+ Menu: Gt,
|
|
|
+ Submenu: ti,
|
|
|
+ MenuItem: ai,
|
|
|
+ MenuItemGroup: hi,
|
|
|
+ Input: te,
|
|
|
+ InputNumber: gi,
|
|
|
+ Radio: wi,
|
|
|
+ RadioGroup: Si,
|
|
|
+ RadioButton: Ti,
|
|
|
+ Checkbox: c,
|
|
|
+ CheckboxButton: q,
|
|
|
+ CheckboxGroup: ie,
|
|
|
+ Switch: Oe,
|
|
|
+ Select: st,
|
|
|
+ Option: ot,
|
|
|
+ OptionGroup: Ne,
|
|
|
+ Button: xt,
|
|
|
+ ButtonGroup: Dt,
|
|
|
+ Table: Ot,
|
|
|
+ TableColumn: Ft,
|
|
|
+ DatePicker: Ge,
|
|
|
+ TimeSelect: ct,
|
|
|
+ TimePicker: bt,
|
|
|
+ Popover: kt,
|
|
|
+ Tooltip: ri,
|
|
|
+ MessageBox: Rr,
|
|
|
+ Breadcrumb: a,
|
|
|
+ BreadcrumbItem: Yt,
|
|
|
+ Form: Zt,
|
|
|
+ FormItem: _i,
|
|
|
+ Tabs: Di,
|
|
|
+ TabPane: Q,
|
|
|
+ Tag: He,
|
|
|
+ Tree: nt,
|
|
|
+ Alert: ft,
|
|
|
+ Notification: Vs,
|
|
|
+ Slider: Mt,
|
|
|
+ Icon: pi,
|
|
|
+ Row: di,
|
|
|
+ Col: fi,
|
|
|
+ Upload: s,
|
|
|
+ Progress: Ci,
|
|
|
+ Spinner: Ae,
|
|
|
+ Message: co,
|
|
|
+ Badge: $r,
|
|
|
+ Card: $t,
|
|
|
+ Rate: Nt,
|
|
|
+ Steps: jt,
|
|
|
+ Step: yi,
|
|
|
+ Carousel: d,
|
|
|
+ Scrollbar: Ke,
|
|
|
+ CarouselItem: ae,
|
|
|
+ Collapse: u,
|
|
|
+ CollapseItem: gt,
|
|
|
+ Cascader: i,
|
|
|
+ ColorPicker: zt,
|
|
|
+ Transfer: vi,
|
|
|
+ Container: mt,
|
|
|
+ Header: Ct,
|
|
|
+ Aside: Rt,
|
|
|
+ Main: $i,
|
|
|
+ Footer: Y,
|
|
|
+ Timeline: n,
|
|
|
+ TimelineItem: pt,
|
|
|
+ Link: wt,
|
|
|
+ Divider: ii,
|
|
|
+ Image: li,
|
|
|
+ Calendar: Me,
|
|
|
+ Backtop: o,
|
|
|
+ InfiniteScroll: Ta,
|
|
|
+ PageHeader: tt,
|
|
|
+ CascaderPanel: Jt,
|
|
|
+ Avatar: f,
|
|
|
+ Drawer: ui,
|
|
|
+ Popconfirm: $e,
|
|
|
+ Skeleton: si,
|
|
|
+ SkeletonItem: Pe,
|
|
|
+ Empty: ut
|
|
|
+ }
|
|
|
+ }], s = {}, r.m = n, r.c = s, r.d = function (e, t, i) {
|
|
|
+ r.o(e, t) || Object.defineProperty(e, t, {
|
|
|
+ enumerable: !0,
|
|
|
+ get: i
|
|
|
+ })
|
|
|
+ }, 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 (t, e) {
|
|
|
+ if (1 & e && (t = r(t)), 8 & e) return t;
|
|
|
+ if (4 & e && "object" == typeof t && t && t.__esModule) return t;
|
|
|
+ var i = Object.create(null);
|
|
|
+ if (r.r(i), Object.defineProperty(i, "default", {
|
|
|
+ enumerable: !0,
|
|
|
+ value: t
|
|
|
+ }), 2 & e && "string" != typeof t)
|
|
|
+ for (var n in t) r.d(i, n, function (e) {
|
|
|
+ return t[e]
|
|
|
+ }.bind(null, n));
|
|
|
+ return i
|
|
|
+ }, 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 = "/dist/", r(r.s = 49).default;
|
|
|
+
|
|
|
+ function r(e) {
|
|
|
+ if (s[e]) return s[e].exports;
|
|
|
+ var t = s[e] = {
|
|
|
+ i: e,
|
|
|
+ l: !1,
|
|
|
+ exports: {}
|
|
|
+ };
|
|
|
+ return n[e].call(t.exports, t, t.exports, r), t.l = !0, t.exports
|
|
|
+ }
|
|
|
+ var n, s
|
|
|
+});
|
