@cw-devops/bk-magic-vue
Version:
基于蓝鲸 Magicbox 和 Vue 的前端组件库
1,311 lines (1,247 loc) • 42.7 kB
JavaScript
(function (global, factory) {
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue'), require('bk-magic-vue/lib/locale')) :
typeof define === 'function' && define.amd ? define(['exports', 'vue', 'bk-magic-vue/lib/locale'], factory) :
(global = global || self, factory(global.library = {}, global.Vue, global.locale));
}(this, function (exports, Vue, locale) { 'use strict';
Vue = Vue && Vue.hasOwnProperty('default') ? Vue['default'] : Vue;
locale = locale && locale.hasOwnProperty('default') ? locale['default'] : locale;
function _regeneratorRuntime() {
_regeneratorRuntime = function () {
return e;
};
var t,
e = {},
r = Object.prototype,
n = r.hasOwnProperty,
o = Object.defineProperty || function (t, e, r) {
t[e] = r.value;
},
i = "function" == typeof Symbol ? Symbol : {},
a = i.iterator || "@@iterator",
c = i.asyncIterator || "@@asyncIterator",
u = i.toStringTag || "@@toStringTag";
function define(t, e, r) {
return Object.defineProperty(t, e, {
value: r,
enumerable: !0,
configurable: !0,
writable: !0
}), t[e];
}
try {
define({}, "");
} catch (t) {
define = function (t, e, r) {
return t[e] = r;
};
}
function wrap(t, e, r, n) {
var i = e && e.prototype instanceof Generator ? e : Generator,
a = Object.create(i.prototype),
c = new Context(n || []);
return o(a, "_invoke", {
value: makeInvokeMethod(t, r, c)
}), a;
}
function tryCatch(t, e, r) {
try {
return {
type: "normal",
arg: t.call(e, r)
};
} catch (t) {
return {
type: "throw",
arg: t
};
}
}
e.wrap = wrap;
var h = "suspendedStart",
l = "suspendedYield",
f = "executing",
s = "completed",
y = {};
function Generator() {}
function GeneratorFunction() {}
function GeneratorFunctionPrototype() {}
var p = {};
define(p, a, function () {
return this;
});
var d = Object.getPrototypeOf,
v = d && d(d(values([])));
v && v !== r && n.call(v, a) && (p = v);
var g = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(p);
function defineIteratorMethods(t) {
["next", "throw", "return"].forEach(function (e) {
define(t, e, function (t) {
return this._invoke(e, t);
});
});
}
function AsyncIterator(t, e) {
function invoke(r, o, i, a) {
var c = tryCatch(t[r], t, o);
if ("throw" !== c.type) {
var u = c.arg,
h = u.value;
return h && "object" == typeof h && n.call(h, "__await") ? e.resolve(h.__await).then(function (t) {
invoke("next", t, i, a);
}, function (t) {
invoke("throw", t, i, a);
}) : e.resolve(h).then(function (t) {
u.value = t, i(u);
}, function (t) {
return invoke("throw", t, i, a);
});
}
a(c.arg);
}
var r;
o(this, "_invoke", {
value: function (t, n) {
function callInvokeWithMethodAndArg() {
return new e(function (e, r) {
invoke(t, n, e, r);
});
}
return r = r ? r.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg();
}
});
}
function makeInvokeMethod(e, r, n) {
var o = h;
return function (i, a) {
if (o === f) throw new Error("Generator is already running");
if (o === s) {
if ("throw" === i) throw a;
return {
value: t,
done: !0
};
}
for (n.method = i, n.arg = a;;) {
var c = n.delegate;
if (c) {
var u = maybeInvokeDelegate(c, n);
if (u) {
if (u === y) continue;
return u;
}
}
if ("next" === n.method) n.sent = n._sent = n.arg;else if ("throw" === n.method) {
if (o === h) throw o = s, n.arg;
n.dispatchException(n.arg);
} else "return" === n.method && n.abrupt("return", n.arg);
o = f;
var p = tryCatch(e, r, n);
if ("normal" === p.type) {
if (o = n.done ? s : l, p.arg === y) continue;
return {
value: p.arg,
done: n.done
};
}
"throw" === p.type && (o = s, n.method = "throw", n.arg = p.arg);
}
};
}
function maybeInvokeDelegate(e, r) {
var n = r.method,
o = e.iterator[n];
if (o === t) return r.delegate = null, "throw" === n && e.iterator.return && (r.method = "return", r.arg = t, maybeInvokeDelegate(e, r), "throw" === r.method) || "return" !== n && (r.method = "throw", r.arg = new TypeError("The iterator does not provide a '" + n + "' method")), y;
var i = tryCatch(o, e.iterator, r.arg);
if ("throw" === i.type) return r.method = "throw", r.arg = i.arg, r.delegate = null, y;
var a = i.arg;
return a ? a.done ? (r[e.resultName] = a.value, r.next = e.nextLoc, "return" !== r.method && (r.method = "next", r.arg = t), r.delegate = null, y) : a : (r.method = "throw", r.arg = new TypeError("iterator result is not an object"), r.delegate = null, y);
}
function pushTryEntry(t) {
var e = {
tryLoc: t[0]
};
1 in t && (e.catchLoc = t[1]), 2 in t && (e.finallyLoc = t[2], e.afterLoc = t[3]), this.tryEntries.push(e);
}
function resetTryEntry(t) {
var e = t.completion || {};
e.type = "normal", delete e.arg, t.completion = e;
}
function Context(t) {
this.tryEntries = [{
tryLoc: "root"
}], t.forEach(pushTryEntry, this), this.reset(!0);
}
function values(e) {
if (e || "" === e) {
var r = e[a];
if (r) return r.call(e);
if ("function" == typeof e.next) return e;
if (!isNaN(e.length)) {
var o = -1,
i = function next() {
for (; ++o < e.length;) if (n.call(e, o)) return next.value = e[o], next.done = !1, next;
return next.value = t, next.done = !0, next;
};
return i.next = i;
}
}
throw new TypeError(typeof e + " is not iterable");
}
return GeneratorFunction.prototype = GeneratorFunctionPrototype, o(g, "constructor", {
value: GeneratorFunctionPrototype,
configurable: !0
}), o(GeneratorFunctionPrototype, "constructor", {
value: GeneratorFunction,
configurable: !0
}), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, u, "GeneratorFunction"), e.isGeneratorFunction = function (t) {
var e = "function" == typeof t && t.constructor;
return !!e && (e === GeneratorFunction || "GeneratorFunction" === (e.displayName || e.name));
}, e.mark = function (t) {
return Object.setPrototypeOf ? Object.setPrototypeOf(t, GeneratorFunctionPrototype) : (t.__proto__ = GeneratorFunctionPrototype, define(t, u, "GeneratorFunction")), t.prototype = Object.create(g), t;
}, e.awrap = function (t) {
return {
__await: t
};
}, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, c, function () {
return this;
}), e.AsyncIterator = AsyncIterator, e.async = function (t, r, n, o, i) {
void 0 === i && (i = Promise);
var a = new AsyncIterator(wrap(t, r, n, o), i);
return e.isGeneratorFunction(r) ? a : a.next().then(function (t) {
return t.done ? t.value : a.next();
});
}, defineIteratorMethods(g), define(g, u, "Generator"), define(g, a, function () {
return this;
}), define(g, "toString", function () {
return "[object Generator]";
}), e.keys = function (t) {
var e = Object(t),
r = [];
for (var n in e) r.push(n);
return r.reverse(), function next() {
for (; r.length;) {
var t = r.pop();
if (t in e) return next.value = t, next.done = !1, next;
}
return next.done = !0, next;
};
}, e.values = values, Context.prototype = {
constructor: Context,
reset: function (e) {
if (this.prev = 0, this.next = 0, this.sent = this._sent = t, this.done = !1, this.delegate = null, this.method = "next", this.arg = t, this.tryEntries.forEach(resetTryEntry), !e) for (var r in this) "t" === r.charAt(0) && n.call(this, r) && !isNaN(+r.slice(1)) && (this[r] = t);
},
stop: function () {
this.done = !0;
var t = this.tryEntries[0].completion;
if ("throw" === t.type) throw t.arg;
return this.rval;
},
dispatchException: function (e) {
if (this.done) throw e;
var r = this;
function handle(n, o) {
return a.type = "throw", a.arg = e, r.next = n, o && (r.method = "next", r.arg = t), !!o;
}
for (var o = this.tryEntries.length - 1; o >= 0; --o) {
var i = this.tryEntries[o],
a = i.completion;
if ("root" === i.tryLoc) return handle("end");
if (i.tryLoc <= this.prev) {
var c = n.call(i, "catchLoc"),
u = n.call(i, "finallyLoc");
if (c && u) {
if (this.prev < i.catchLoc) return handle(i.catchLoc, !0);
if (this.prev < i.finallyLoc) return handle(i.finallyLoc);
} else if (c) {
if (this.prev < i.catchLoc) return handle(i.catchLoc, !0);
} else {
if (!u) throw new Error("try statement without catch or finally");
if (this.prev < i.finallyLoc) return handle(i.finallyLoc);
}
}
}
},
abrupt: function (t, e) {
for (var r = this.tryEntries.length - 1; r >= 0; --r) {
var o = this.tryEntries[r];
if (o.tryLoc <= this.prev && n.call(o, "finallyLoc") && this.prev < o.finallyLoc) {
var i = o;
break;
}
}
i && ("break" === t || "continue" === t) && i.tryLoc <= e && e <= i.finallyLoc && (i = null);
var a = i ? i.completion : {};
return a.type = t, a.arg = e, i ? (this.method = "next", this.next = i.finallyLoc, y) : this.complete(a);
},
complete: function (t, e) {
if ("throw" === t.type) throw t.arg;
return "break" === t.type || "continue" === t.type ? this.next = t.arg : "return" === t.type ? (this.rval = this.arg = t.arg, this.method = "return", this.next = "end") : "normal" === t.type && e && (this.next = e), y;
},
finish: function (t) {
for (var e = this.tryEntries.length - 1; e >= 0; --e) {
var r = this.tryEntries[e];
if (r.finallyLoc === t) return this.complete(r.completion, r.afterLoc), resetTryEntry(r), y;
}
},
catch: function (t) {
for (var e = this.tryEntries.length - 1; e >= 0; --e) {
var r = this.tryEntries[e];
if (r.tryLoc === t) {
var n = r.completion;
if ("throw" === n.type) {
var o = n.arg;
resetTryEntry(r);
}
return o;
}
}
throw new Error("illegal catch attempt");
},
delegateYield: function (e, r, n) {
return this.delegate = {
iterator: values(e),
resultName: r,
nextLoc: n
}, "next" === this.method && (this.arg = t), y;
}
}, e;
}
function _typeof(o) {
"@babel/helpers - typeof";
return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
return typeof o;
} : function (o) {
return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
}, _typeof(o);
}
function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
try {
var info = gen[key](arg);
var value = info.value;
} catch (error) {
reject(error);
return;
}
if (info.done) {
resolve(value);
} else {
Promise.resolve(value).then(_next, _throw);
}
}
function _asyncToGenerator(fn) {
return function () {
var self = this,
args = arguments;
return new Promise(function (resolve, reject) {
var gen = fn.apply(self, args);
function _next(value) {
asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);
}
function _throw(err) {
asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err);
}
_next(undefined);
});
};
}
function _defineProperty(obj, key, value) {
key = _toPropertyKey(key);
if (key in obj) {
Object.defineProperty(obj, key, {
value: value,
enumerable: true,
configurable: true,
writable: true
});
} else {
obj[key] = value;
}
return obj;
}
function _toPrimitive(input, hint) {
if (typeof input !== "object" || input === null) return input;
var prim = input[Symbol.toPrimitive];
if (prim !== undefined) {
var res = prim.call(input, hint || "default");
if (typeof res !== "object") return res;
throw new TypeError("@@toPrimitive must return a primitive value.");
}
return (hint === "string" ? String : Number)(input);
}
function _toPropertyKey(arg) {
var key = _toPrimitive(arg, "string");
return typeof key === "symbol" ? key : String(key);
}
function createCommonjsModule(fn, module) {
return module = { exports: {} }, fn(module, module.exports), module.exports;
}
var _global = createCommonjsModule(function (module) {
var global = module.exports = typeof window != 'undefined' && window.Math == Math
? window : typeof self != 'undefined' && self.Math == Math ? self
: Function('return this')();
if (typeof __g == 'number') __g = global;
});
var _core = createCommonjsModule(function (module) {
var core = module.exports = { version: '2.6.12' };
if (typeof __e == 'number') __e = core;
});
var _core_1 = _core.version;
var _aFunction = function (it) {
if (typeof it != 'function') throw TypeError(it + ' is not a function!');
return it;
};
var _ctx = function (fn, that, length) {
_aFunction(fn);
if (that === undefined) return fn;
switch (length) {
case 1: return function (a) {
return fn.call(that, a);
};
case 2: return function (a, b) {
return fn.call(that, a, b);
};
case 3: return function (a, b, c) {
return fn.call(that, a, b, c);
};
}
return function () {
return fn.apply(that, arguments);
};
};
var _isObject = function (it) {
return typeof it === 'object' ? it !== null : typeof it === 'function';
};
var _anObject = function (it) {
if (!_isObject(it)) throw TypeError(it + ' is not an object!');
return it;
};
var _fails = function (exec) {
try {
return !!exec();
} catch (e) {
return true;
}
};
var _descriptors = !_fails(function () {
return Object.defineProperty({}, 'a', { get: function () { return 7; } }).a != 7;
});
var document$1 = _global.document;
var is = _isObject(document$1) && _isObject(document$1.createElement);
var _domCreate = function (it) {
return is ? document$1.createElement(it) : {};
};
var _ie8DomDefine = !_descriptors && !_fails(function () {
return Object.defineProperty(_domCreate('div'), 'a', { get: function () { return 7; } }).a != 7;
});
var _toPrimitive$1 = function (it, S) {
if (!_isObject(it)) return it;
var fn, val;
if (S && typeof (fn = it.toString) == 'function' && !_isObject(val = fn.call(it))) return val;
if (typeof (fn = it.valueOf) == 'function' && !_isObject(val = fn.call(it))) return val;
if (!S && typeof (fn = it.toString) == 'function' && !_isObject(val = fn.call(it))) return val;
throw TypeError("Can't convert object to primitive value");
};
var dP = Object.defineProperty;
var f = _descriptors ? Object.defineProperty : function defineProperty(O, P, Attributes) {
_anObject(O);
P = _toPrimitive$1(P, true);
_anObject(Attributes);
if (_ie8DomDefine) try {
return dP(O, P, Attributes);
} catch (e) { }
if ('get' in Attributes || 'set' in Attributes) throw TypeError('Accessors not supported!');
if ('value' in Attributes) O[P] = Attributes.value;
return O;
};
var _objectDp = {
f: f
};
var _propertyDesc = function (bitmap, value) {
return {
enumerable: !(bitmap & 1),
configurable: !(bitmap & 2),
writable: !(bitmap & 4),
value: value
};
};
var _hide = _descriptors ? function (object, key, value) {
return _objectDp.f(object, key, _propertyDesc(1, value));
} : function (object, key, value) {
object[key] = value;
return object;
};
var hasOwnProperty = {}.hasOwnProperty;
var _has = function (it, key) {
return hasOwnProperty.call(it, key);
};
var PROTOTYPE = 'prototype';
var $export = function (type, name, source) {
var IS_FORCED = type & $export.F;
var IS_GLOBAL = type & $export.G;
var IS_STATIC = type & $export.S;
var IS_PROTO = type & $export.P;
var IS_BIND = type & $export.B;
var IS_WRAP = type & $export.W;
var exports = IS_GLOBAL ? _core : _core[name] || (_core[name] = {});
var expProto = exports[PROTOTYPE];
var target = IS_GLOBAL ? _global : IS_STATIC ? _global[name] : (_global[name] || {})[PROTOTYPE];
var key, own, out;
if (IS_GLOBAL) source = name;
for (key in source) {
own = !IS_FORCED && target && target[key] !== undefined;
if (own && _has(exports, key)) continue;
out = own ? target[key] : source[key];
exports[key] = IS_GLOBAL && typeof target[key] != 'function' ? source[key]
: IS_BIND && own ? _ctx(out, _global)
: IS_WRAP && target[key] == out ? (function (C) {
var F = function (a, b, c) {
if (this instanceof C) {
switch (arguments.length) {
case 0: return new C();
case 1: return new C(a);
case 2: return new C(a, b);
} return new C(a, b, c);
} return C.apply(this, arguments);
};
F[PROTOTYPE] = C[PROTOTYPE];
return F;
})(out) : IS_PROTO && typeof out == 'function' ? _ctx(Function.call, out) : out;
if (IS_PROTO) {
(exports.virtual || (exports.virtual = {}))[key] = out;
if (type & $export.R && expProto && !expProto[key]) _hide(expProto, key, out);
}
}
};
$export.F = 1;
$export.G = 2;
$export.S = 4;
$export.P = 8;
$export.B = 16;
$export.W = 32;
$export.U = 64;
$export.R = 128;
var _export = $export;
_export(_export.S, 'Date', { now: function () { return new Date().getTime(); } });
var now = _core.Date.now;
var now$1 = now;
var emitter = {
methods: {
dispatch: function dispatch(componentName, eventName, params) {
var parent = this.$parent || this.$root;
var name = parent.$options.name;
while (parent && (!name || name !== componentName)) {
parent = parent.$parent;
if (parent) {
name = parent.$options.name;
}
}
if (parent) {
parent.$emit.apply(parent, [eventName].concat(params));
}
}
}
};
var checkboxSeed = 0;
function getCheckboxName() {
return "bk-checkbox_".concat(checkboxSeed++);
}
var script = {
name: 'bk-checkbox',
mixins: [emitter],
inject: {
handleRemoveItem: {
default: null
},
handleAddItem: {
default: null
}
},
props: {
value: {
type: [String, Number, Boolean],
default: undefined
},
checked: {
type: Boolean,
default: undefined
},
trueValue: {
type: [String, Number, Boolean],
default: true
},
falseValue: {
type: [String, Number, Boolean],
default: false
},
label: {
type: [String, Number]
},
name: {
type: String,
default: function _default() {
return getCheckboxName();
}
},
disabled: Boolean,
indeterminate: Boolean,
extCls: {
type: String,
default: ''
},
beforeChange: Function
},
data: function data() {
return {
parent: null,
localValue: undefined
};
},
computed: {
selected: function selected() {
return this.localValue === this.localTrueValue;
},
parentValue: function parentValue() {
return this.parent ? this.parent.localValue : null;
},
localTrueValue: function localTrueValue() {
var localValue;
if (this.parent) {
if (this.label === undefined && this.value === undefined) {
localValue = this.trueValue;
} else if (this.value !== undefined) {
localValue = this.value;
} else {
localValue = this.label;
}
} else {
if (this.label === undefined) {
localValue = this.trueValue;
} else {
localValue = this.label;
}
}
return localValue;
}
},
watch: {
value: function value(val) {
this.setLocalValue(val);
},
checked: function checked() {
this.setLocalValue();
},
parentValue: function parentValue() {
this.setLocalValue();
}
},
created: function created() {
if (this.handleAddItem && typeof this.handleAddItem === 'function') {
this.handleAddItem(this);
}
this.init();
},
destroyed: function destroyed() {
if (this.handleRemoveItem && typeof this.handleRemoveItem === 'function') {
this.handleRemoveItem(this);
}
},
methods: {
getValue: function getValue() {
if (this.selected) {
return {
isChecked: true,
value: this.localTrueValue
};
} else {
return {
isChecked: false,
value: this.falseValue
};
}
},
init: function init() {
var parent = this.$parent;
while (parent && !parent.isCheckboxGroup && !parent.$options.name !== 'bk-checkbox-group') {
parent = parent.$parent;
}
this.parent = parent;
this.setLocalValue();
},
setLocalValue: function setLocalValue(val) {
if (val !== undefined) {
this.localValue = val;
return;
}
if (this.parent) {
var trueValue = this.localTrueValue;
var isSelected = this.parent.localValue.includes(trueValue);
this.localValue = isSelected ? trueValue : this.falseValue;
} else {
if (this.checked !== undefined) {
this.localValue = this.checked ? this.localTrueValue : this.falseValue;
} else if (this.value === undefined) {
this.localValue = this.falseValue;
} else {
this.localValue = this.value;
}
}
},
handleClick: function handleClick() {
var _this = this;
return _asyncToGenerator( _regeneratorRuntime().mark(function _callee() {
var shouldChange, oldValue, newValue, groupValue;
return _regeneratorRuntime().wrap(function _callee$(_context) {
while (1) switch (_context.prev = _context.next) {
case 0:
if (!_this.disabled) {
_context.next = 2;
break;
}
return _context.abrupt("return", false);
case 2:
if (!(typeof _this.beforeChange === 'function')) {
_context.next = 8;
break;
}
_context.next = 5;
return _this.beforeChange();
case 5:
shouldChange = _context.sent;
if (!(shouldChange === false)) {
_context.next = 8;
break;
}
return _context.abrupt("return");
case 8:
oldValue = _this.localValue;
if (_this.indeterminate) {
newValue = _this.localTrueValue;
} else {
newValue = oldValue === _this.localTrueValue ? _this.falseValue : _this.localTrueValue;
}
_this.localValue = newValue;
_this.$emit('input', newValue, _this.localTrueValue);
_this.$emit('change', newValue, oldValue, _this.localTrueValue);
_this.dispatch('bk-form-item', 'form-change');
if (_this.parent) {
groupValue = _this.localTrueValue === undefined ? newValue : _this.localTrueValue;
_this.parent.handleChange(_this.selected, groupValue);
}
case 15:
case "end":
return _context.stop();
}
}, _callee);
}))();
}
}
};
function normalizeComponent(template, style, script, scopeId, isFunctionalTemplate, moduleIdentifier
, shadowMode, createInjector, createInjectorSSR, createInjectorShadow) {
if (typeof shadowMode !== 'boolean') {
createInjectorSSR = createInjector;
createInjector = shadowMode;
shadowMode = false;
}
var options = typeof script === 'function' ? script.options : script;
if (template && template.render) {
options.render = template.render;
options.staticRenderFns = template.staticRenderFns;
options._compiled = true;
if (isFunctionalTemplate) {
options.functional = true;
}
}
if (scopeId) {
options._scopeId = scopeId;
}
var hook;
if (moduleIdentifier) {
hook = function hook(context) {
context = context ||
this.$vnode && this.$vnode.ssrContext ||
this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext;
if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {
context = __VUE_SSR_CONTEXT__;
}
if (style) {
style.call(this, createInjectorSSR(context));
}
if (context && context._registeredComponents) {
context._registeredComponents.add(moduleIdentifier);
}
};
options._ssrRegister = hook;
} else if (style) {
hook = shadowMode ? function () {
style.call(this, createInjectorShadow(this.$root.$options.shadowRoot));
} : function (context) {
style.call(this, createInjector(context));
};
}
if (hook) {
if (options.functional) {
var originalRender = options.render;
options.render = function renderWithStyleInjection(h, context) {
hook.call(context);
return originalRender(h, context);
};
} else {
var existing = options.beforeCreate;
options.beforeCreate = existing ? [].concat(existing, hook) : [hook];
}
}
return script;
}
var normalizeComponent_1 = normalizeComponent;
/* script */
var __vue_script__ = script;
/* template */
var __vue_render__ = function __vue_render__() {
var _vm = this;
var _h = _vm.$createElement;
var _c = _vm._self._c || _h;
return _c('label', {
staticClass: "bk-form-checkbox",
class: [{
'is-disabled': _vm.disabled,
'is-indeterminate': _vm.indeterminate,
'is-checked': _vm.selected
}, _vm.extCls],
on: {
"click": _vm.handleClick,
"keydown": function keydown($event) {
if (!('button' in $event) && _vm._k($event.keyCode, "enter", 13, $event.key, "Enter")) {
return null;
}
$event.preventDefault();
return _vm.handleClick($event);
}
}
}, [_c('span', {
staticClass: "bk-checkbox",
attrs: {
"tabindex": _vm.disabled ? false : 0
}
}), _c('input', {
attrs: {
"type": "hidden",
"name": _vm.name
},
domProps: {
"value": _vm.label === undefined ? _vm.localValue : _vm.label
}
}), _vm.$slots.default ? _c('span', {
staticClass: "bk-checkbox-text"
}, [_vm._t("default")], 2) : _vm._e()]);
};
var __vue_staticRenderFns__ = [];
/* style */
var __vue_inject_styles__ = undefined;
/* scoped */
var __vue_scope_id__ = undefined;
/* module identifier */
var __vue_module_identifier__ = undefined;
/* functional template */
var __vue_is_functional_template__ = false;
/* style inject */
/* style inject SSR */
/* style inject shadow dom */
var __vue_component__ = /*#__PURE__*/normalizeComponent_1({
render: __vue_render__,
staticRenderFns: __vue_staticRenderFns__
}, __vue_inject_styles__, __vue_script__, __vue_scope_id__, __vue_is_functional_template__, __vue_module_identifier__, false, undefined, undefined, undefined);
var _defined = function (it) {
if (it == undefined) throw TypeError("Can't call method on " + it);
return it;
};
var _toObject = function (it) {
return Object(_defined(it));
};
var toString = {}.toString;
var _cof = function (it) {
return toString.call(it).slice(8, -1);
};
var _iobject = Object('z').propertyIsEnumerable(0) ? Object : function (it) {
return _cof(it) == 'String' ? it.split('') : Object(it);
};
var _toIobject = function (it) {
return _iobject(_defined(it));
};
var ceil = Math.ceil;
var floor = Math.floor;
var _toInteger = function (it) {
return isNaN(it = +it) ? 0 : (it > 0 ? floor : ceil)(it);
};
var min = Math.min;
var _toLength = function (it) {
return it > 0 ? min(_toInteger(it), 0x1fffffffffffff) : 0;
};
var max = Math.max;
var min$1 = Math.min;
var _toAbsoluteIndex = function (index, length) {
index = _toInteger(index);
return index < 0 ? max(index + length, 0) : min$1(index, length);
};
var _arrayIncludes = function (IS_INCLUDES) {
return function ($this, el, fromIndex) {
var O = _toIobject($this);
var length = _toLength(O.length);
var index = _toAbsoluteIndex(fromIndex, length);
var value;
if (IS_INCLUDES && el != el) while (length > index) {
value = O[index++];
if (value != value) return true;
} else for (;length > index; index++) if (IS_INCLUDES || index in O) {
if (O[index] === el) return IS_INCLUDES || index || 0;
} return !IS_INCLUDES && -1;
};
};
var _shared = createCommonjsModule(function (module) {
var SHARED = '__core-js_shared__';
var store = _global[SHARED] || (_global[SHARED] = {});
(module.exports = function (key, value) {
return store[key] || (store[key] = value !== undefined ? value : {});
})('versions', []).push({
version: _core.version,
mode: 'pure' ,
copyright: '© 2020 Denis Pushkarev (zloirock.ru)'
});
});
var id = 0;
var px = Math.random();
var _uid = function (key) {
return 'Symbol('.concat(key === undefined ? '' : key, ')_', (++id + px).toString(36));
};
var shared = _shared('keys');
var _sharedKey = function (key) {
return shared[key] || (shared[key] = _uid(key));
};
var arrayIndexOf = _arrayIncludes(false);
var IE_PROTO = _sharedKey('IE_PROTO');
var _objectKeysInternal = function (object, names) {
var O = _toIobject(object);
var i = 0;
var result = [];
var key;
for (key in O) if (key != IE_PROTO) _has(O, key) && result.push(key);
while (names.length > i) if (_has(O, key = names[i++])) {
~arrayIndexOf(result, key) || result.push(key);
}
return result;
};
var _enumBugKeys = (
'constructor,hasOwnProperty,isPrototypeOf,propertyIsEnumerable,toLocaleString,toString,valueOf'
).split(',');
var _objectKeys = Object.keys || function keys(O) {
return _objectKeysInternal(O, _enumBugKeys);
};
var _objectSap = function (KEY, exec) {
var fn = (_core.Object || {})[KEY] || Object[KEY];
var exp = {};
exp[KEY] = exec(fn);
_export(_export.S + _export.F * _fails(function () { fn(1); }), 'Object', exp);
};
_objectSap('keys', function () {
return function keys(it) {
return _objectKeys(_toObject(it));
};
});
var keys = _core.Object.keys;
var keys$1 = keys;
function setInstaller (component, afterInstall) {
component.install = function (Vue) {
var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
var props = component.props || {};
keys$1(options).forEach(function (key) {
if (props.hasOwnProperty(key)) {
if (typeof props[key] === 'function' || props[key] instanceof Array) {
props[key] = {
type: props[key],
default: options[key]
};
} else {
props[key].default = options[key];
}
}
});
component.name = options.namespace ? component.name.replace('bk', options.namespace) : component.name;
Vue.component(component.name, component);
typeof afterInstall === 'function' && afterInstall(Vue, options);
};
}
setInstaller(__vue_component__);
var ICONS = {
primary: 'icon-info-circle-shape',
error: 'icon-close-circle-shape',
warning: 'icon-exclamation-circle-shape',
success: 'icon-check-circle-shape'
};
var script$1 = {
name: 'bk-notify',
components: {
bkCheckbox: __vue_component__
},
mixins: [locale.mixin],
data: function data() {
return {
theme: 'primary',
icon: '',
title: '',
message: '',
position: 'top-right',
delay: 5000,
dismissable: true,
limitLine: 2,
showViewMore: false,
verticalOffset: 0,
horizonOffset: 0,
visible: false,
limit: 0,
confirmText: '',
checkboxText: '',
checkValue: false,
countID: null,
onClose: function onClose() {},
extCls: '',
confirmFn: null,
autoClose: true,
useHTMLString: false
};
},
computed: {
themeClass: function themeClass() {
return "bk-notify-".concat(this.theme);
},
vDirection: function vDirection() {
return /top-/.test(this.position) ? 'top' : 'bottom';
},
hDirection: function hDirection() {
return this.position.indexOf('right') > -1 ? 'right' : 'left';
},
placementStyle: function placementStyle() {
var _ref;
return _ref = {}, _defineProperty(_ref, this.hDirection, "".concat(this.horizonOffset, "px")), _defineProperty(_ref, this.vDirection, "".concat(this.verticalOffset, "px")), _ref;
},
contentStyle: function contentStyle() {
var contentStyle = {};
if (this.limitLine > 0) {
contentStyle['max-height'] = "".concat(20 * this.limitLine, "px");
}
return contentStyle;
},
tipsIcon: function tipsIcon() {
return this.icon || ICONS[this.theme];
}
},
mounted: function mounted() {
this.startCountDown();
},
methods: {
confirm: function confirm() {
this.autoClose && this.close();
typeof this.confirmFn === 'function' && this.confirmFn(this.checkValue);
},
destroyEl: function destroyEl() {
this.$destroy();
this.$el.parentNode && this.$el.parentNode.removeChild(this.$el);
},
onClickViewMore: function onClickViewMore() {
typeof this.onViewMoreHandler === 'function' && this.onViewMoreHandler();
},
startCountDown: function startCountDown() {
var _this = this;
if (this.delay > 0) {
this.countID = setTimeout(function () {
_this.visible && _this.close();
}, this.delay);
}
},
stopCountDown: function stopCountDown() {
clearTimeout(this.countID);
},
close: function close() {
this.visible = false;
typeof this.onClose === 'function' && this.onClose();
}
}
};
/* script */
var __vue_script__$1 = script$1;
/* template */
var __vue_render__$1 = function __vue_render__() {
var _vm = this;
var _h = _vm.$createElement;
var _c = _vm._self._c || _h;
return _c('transition', {
attrs: {
"name": "placement-slide"
},
on: {
"after-leave": _vm.destroyEl
}
}, [_c('div', {
directives: [{
name: "show",
rawName: "v-show",
value: _vm.visible,
expression: "visible"
}],
class: ['bk-notify', _vm.themeClass, _vm.hDirection, _vm.extCls],
style: _vm.placementStyle,
on: {
"mouseenter": _vm.stopCountDown,
"mouseleave": _vm.startCountDown
}
}, [_c('div', {
staticClass: "bk-notify-icon"
}, [_c('i', {
class: ['bk-icon', _vm.tipsIcon]
})]), _c('div', {
staticClass: "bk-notify-content"
}, [_vm.title ? _c('h3', {
staticClass: "bk-notify-content-title"
}, [_vm._v(_vm._s(_vm.title))]) : _vm._e(), _vm._t("default", [_c('div', {
class: ['bk-notify-content-text', _vm.limitLine > 0 ? 'limitLine' : 'noLimitLine'],
style: _vm.contentStyle
}, [!_vm.useHTMLString ? [_vm._v(_vm._s(_vm.message))] : _c('span', {
domProps: {
"innerHTML": _vm._s(_vm.message)
}
}), _vm.showViewMore ? _c('button', {
staticClass: "showMoreBtn",
on: {
"click": _vm.onClickViewMore
}
}, [_vm._v("\n " + _vm._s(_vm.t('bk.notify.showMore')) + "\n ")]) : _vm._e()], 2)]), _vm.confirmText || _vm.confirmText ? _c('div', {
staticClass: "bk-notify-confirm"
}, [_c('div', [_vm.confirmText ? _c('bk-checkbox', {
model: {
value: _vm.checkValue,
callback: function callback($$v) {
_vm.checkValue = $$v;
},
expression: "checkValue"
}
}, [_vm._v("\n " + _vm._s(_vm.checkboxText) + "\n ")]) : _vm._e()], 1), _vm.confirmText ? _c('button', {
staticClass: "bk-notify-confirm-btn",
on: {
"click": _vm.confirm
}
}, [_vm._v("\n " + _vm._s(_vm.confirmText) + "\n ")]) : _vm._e()]) : _vm._e()], 2), _vm.dismissable ? _c('div', {
staticClass: "bk-notify-close"
}, [_c('i', {
staticClass: "bk-icon icon-close",
on: {
"click": function click($event) {
$event.stopPropagation();
return _vm.close($event);
}
}
})]) : _vm._e()])]);
};
var __vue_staticRenderFns__$1 = [];
/* style */
var __vue_inject_styles__$1 = undefined;
/* scoped */
var __vue_scope_id__$1 = undefined;
/* module identifier */
var __vue_module_identifier__$1 = undefined;
/* functional template */
var __vue_is_functional_template__$1 = false;
/* style inject */
/* style inject SSR */
/* style inject shadow dom */
var __vue_component__$1 = /*#__PURE__*/normalizeComponent_1({
render: __vue_render__$1,
staticRenderFns: __vue_staticRenderFns__$1
}, __vue_inject_styles__$1, __vue_script__$1, __vue_scope_id__$1, __vue_is_functional_template__$1, __vue_module_identifier__$1, false, undefined, undefined, undefined);
var NotifyComponent = Vue.extend(__vue_component__$1);
var notifyList = [];
var seed = 0;
var BkNotify = function BkNotify(config) {
if (config.limit === 0) {
BkNotify.batchClose();
return;
}
if (config.limit > 0) {
BkNotify.batchClose(config.limit);
}
var instanceId = "notifyInstance_".concat(now$1(), "_").concat(seed++);
var offsetY = config.offsetY || 30;
var offsetX = config.offsetX || 10;
var spacing = config.spacing || 10;
var verticalOffset = offsetY;
if (typeof config === 'string' || typeof config === 'number') {
config = {
message: config
};
}
var configClose = config.onClose;
config.onClose = function () {
BkNotify.close(instanceId, configClose);
};
var instance = new NotifyComponent({
data: config
});
if (config.message !== null && _typeof(config.message) === 'object' && config.message.hasOwnProperty('componentOptions')) {
instance.$slots.default = [config.message];
instance.message = null;
}
instance.checkValue = config.checkValue;
instance.autoClose = config.autoClose;
instance.confirmText = config.confirmText;
instance.checkboxText = config.checkboxText;
instance.confirmFn = config.confirmFn;
instance.id = instanceId;
instance.spacing = spacing;
instance.verticalOffset = 0;
instance.$mount();
instance.dom = instance.$el;
document.body.appendChild(instance.$el);
notifyList.forEach(function (item) {
if (item.position === config.position) {
verticalOffset += item.$el.offsetHeight + spacing;
}
});
instance.verticalOffset = verticalOffset;
instance.horizonOffset = offsetX;
instance.visible = true;
notifyList.push(instance);
return instance;
};
BkNotify.close = function (id, configClose) {
var instanceIndex = -1;
notifyList.some(function (item, index) {
if (item.id === id) {
instanceIndex = index;
return true;
}
});
if (instanceIndex > -1) {
var instance = notifyList[instanceIndex];
if (typeof configClose === 'function') {
configClose(instance);
}
notifyList.forEach(function (item, i) {
if (item.position === instance.position && i > instanceIndex) {
item.verticalOffset -= instance.dom.offsetHeight + instance.spacing;
}
});
notifyList.splice(instanceIndex, 1);
}
};
BkNotify.batchClose = function () {
var limit = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
var len = notifyList.length;
if (limit <= len) {
var InstancesShouldClose = notifyList.slice(0, len - limit + 1);
InstancesShouldClose.forEach(function (item) {
item.close();
});
}
};
Vue.prototype.$bkNotify = BkNotify;
exports.default = BkNotify;
Object.defineProperty(exports, '__esModule', { value: true });
}));