mirror of
https://github.com/mindoc-org/mindoc.git
synced 2025-12-22 03:57:25 +08:00
*
This commit is contained in:
Minho
388
static/element-ui/lib/popover.js
Normal file
388
static/element-ui/lib/popover.js
Normal file
@@ -0,0 +1,388 @@
|
||||
module.exports =
|
||||
/******/ (function(modules) { // webpackBootstrap
|
||||
/******/ // The module cache
|
||||
/******/ var installedModules = {};
|
||||
|
||||
/******/ // The require function
|
||||
/******/ function __webpack_require__(moduleId) {
|
||||
|
||||
/******/ // Check if module is in cache
|
||||
/******/ if(installedModules[moduleId])
|
||||
/******/ return installedModules[moduleId].exports;
|
||||
|
||||
/******/ // Create a new module (and put it into the cache)
|
||||
/******/ var module = installedModules[moduleId] = {
|
||||
/******/ exports: {},
|
||||
/******/ id: moduleId,
|
||||
/******/ loaded: false
|
||||
/******/ };
|
||||
|
||||
/******/ // Execute the module function
|
||||
/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
|
||||
|
||||
/******/ // Flag the module as loaded
|
||||
/******/ module.loaded = true;
|
||||
|
||||
/******/ // Return the exports of the module
|
||||
/******/ return module.exports;
|
||||
/******/ }
|
||||
|
||||
|
||||
/******/ // expose the modules object (__webpack_modules__)
|
||||
/******/ __webpack_require__.m = modules;
|
||||
|
||||
/******/ // expose the module cache
|
||||
/******/ __webpack_require__.c = installedModules;
|
||||
|
||||
/******/ // __webpack_public_path__
|
||||
/******/ __webpack_require__.p = "/dist/";
|
||||
|
||||
/******/ // Load entry module and return exports
|
||||
/******/ return __webpack_require__(0);
|
||||
/******/ })
|
||||
/************************************************************************/
|
||||
/******/ ({
|
||||
|
||||
/***/ 0:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
module.exports = __webpack_require__(225);
|
||||
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 3:
|
||||
/***/ function(module, exports) {
|
||||
|
||||
module.exports = function normalizeComponent (
|
||||
rawScriptExports,
|
||||
compiledTemplate,
|
||||
scopeId,
|
||||
cssModules
|
||||
) {
|
||||
var esModule
|
||||
var scriptExports = rawScriptExports = rawScriptExports || {}
|
||||
|
||||
// ES6 modules interop
|
||||
var type = typeof rawScriptExports.default
|
||||
if (type === 'object' || type === 'function') {
|
||||
esModule = rawScriptExports
|
||||
scriptExports = rawScriptExports.default
|
||||
}
|
||||
|
||||
// Vue.extend constructor export interop
|
||||
var options = typeof scriptExports === 'function'
|
||||
? scriptExports.options
|
||||
: scriptExports
|
||||
|
||||
// render functions
|
||||
if (compiledTemplate) {
|
||||
options.render = compiledTemplate.render
|
||||
options.staticRenderFns = compiledTemplate.staticRenderFns
|
||||
}
|
||||
|
||||
// scopedId
|
||||
if (scopeId) {
|
||||
options._scopeId = scopeId
|
||||
}
|
||||
|
||||
// inject cssModules
|
||||
if (cssModules) {
|
||||
var computed = options.computed || (options.computed = {})
|
||||
Object.keys(cssModules).forEach(function (key) {
|
||||
var module = cssModules[key]
|
||||
computed[key] = function () { return module }
|
||||
})
|
||||
}
|
||||
|
||||
return {
|
||||
esModule: esModule,
|
||||
exports: scriptExports,
|
||||
options: options
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 13:
|
||||
/***/ function(module, exports) {
|
||||
|
||||
module.exports = require("element-ui/lib/utils/vue-popper");
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 56:
|
||||
/***/ function(module, exports) {
|
||||
|
||||
module.exports = require("vue");
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 117:
|
||||
/***/ function(module, exports) {
|
||||
|
||||
module.exports = require("element-ui/lib/utils/dom");
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 225:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
'use strict';
|
||||
|
||||
exports.__esModule = true;
|
||||
|
||||
var _main = __webpack_require__(226);
|
||||
|
||||
var _main2 = _interopRequireDefault(_main);
|
||||
|
||||
var _directive = __webpack_require__(229);
|
||||
|
||||
var _directive2 = _interopRequireDefault(_directive);
|
||||
|
||||
var _vue = __webpack_require__(56);
|
||||
|
||||
var _vue2 = _interopRequireDefault(_vue);
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
_vue2.default.directive('popover', _directive2.default);
|
||||
|
||||
/* istanbul ignore next */
|
||||
_main2.default.install = function (Vue) {
|
||||
Vue.directive('popover', _directive2.default);
|
||||
Vue.component(_main2.default.name, _main2.default);
|
||||
};
|
||||
_main2.default.directive = _directive2.default;
|
||||
|
||||
exports.default = _main2.default;
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 226:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
var Component = __webpack_require__(3)(
|
||||
/* script */
|
||||
__webpack_require__(227),
|
||||
/* template */
|
||||
__webpack_require__(228),
|
||||
/* scopeId */
|
||||
null,
|
||||
/* cssModules */
|
||||
null
|
||||
)
|
||||
|
||||
module.exports = Component.exports
|
||||
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 227:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
'use strict';
|
||||
|
||||
exports.__esModule = true;
|
||||
|
||||
var _vuePopper = __webpack_require__(13);
|
||||
|
||||
var _vuePopper2 = _interopRequireDefault(_vuePopper);
|
||||
|
||||
var _dom = __webpack_require__(117);
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
|
||||
exports.default = {
|
||||
name: 'ElPopover',
|
||||
|
||||
mixins: [_vuePopper2.default],
|
||||
|
||||
props: {
|
||||
trigger: {
|
||||
type: String,
|
||||
default: 'click',
|
||||
validator: function validator(value) {
|
||||
return ['click', 'focus', 'hover', 'manual'].indexOf(value) > -1;
|
||||
}
|
||||
},
|
||||
title: String,
|
||||
disabled: Boolean,
|
||||
content: String,
|
||||
reference: {},
|
||||
popperClass: String,
|
||||
width: {},
|
||||
visibleArrow: {
|
||||
default: true
|
||||
},
|
||||
transition: {
|
||||
type: String,
|
||||
default: 'fade-in-linear'
|
||||
}
|
||||
},
|
||||
|
||||
watch: {
|
||||
showPopper: function showPopper(newVal, oldVal) {
|
||||
newVal ? this.$emit('show') : this.$emit('hide');
|
||||
}
|
||||
},
|
||||
|
||||
mounted: function mounted() {
|
||||
var reference = this.reference || this.$refs.reference;
|
||||
var popper = this.popper || this.$refs.popper;
|
||||
|
||||
if (!reference && this.$slots.reference && this.$slots.reference[0]) {
|
||||
reference = this.referenceElm = this.$slots.reference[0].elm;
|
||||
}
|
||||
if (this.trigger === 'click') {
|
||||
(0, _dom.on)(reference, 'click', this.doToggle);
|
||||
(0, _dom.on)(document, 'click', this.handleDocumentClick);
|
||||
} else if (this.trigger === 'hover') {
|
||||
(0, _dom.on)(reference, 'mouseenter', this.handleMouseEnter);
|
||||
(0, _dom.on)(popper, 'mouseenter', this.handleMouseEnter);
|
||||
(0, _dom.on)(reference, 'mouseleave', this.handleMouseLeave);
|
||||
(0, _dom.on)(popper, 'mouseleave', this.handleMouseLeave);
|
||||
} else if (this.trigger === 'focus') {
|
||||
var found = false;
|
||||
|
||||
if ([].slice.call(reference.children).length) {
|
||||
var children = reference.childNodes;
|
||||
var len = children.length;
|
||||
for (var i = 0; i < len; i++) {
|
||||
if (children[i].nodeName === 'INPUT' || children[i].nodeName === 'TEXTAREA') {
|
||||
(0, _dom.on)(children[i], 'focus', this.doShow);
|
||||
(0, _dom.on)(children[i], 'blur', this.doClose);
|
||||
found = true;
|
||||
break;
|
||||
}
|
||||
}
|
||||
}
|
||||
if (found) return;
|
||||
if (reference.nodeName === 'INPUT' || reference.nodeName === 'TEXTAREA') {
|
||||
(0, _dom.on)(reference, 'focus', this.doShow);
|
||||
(0, _dom.on)(reference, 'blur', this.doClose);
|
||||
} else {
|
||||
(0, _dom.on)(reference, 'mousedown', this.doShow);
|
||||
(0, _dom.on)(reference, 'mouseup', this.doClose);
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
|
||||
methods: {
|
||||
doToggle: function doToggle() {
|
||||
this.showPopper = !this.showPopper;
|
||||
},
|
||||
doShow: function doShow() {
|
||||
this.showPopper = true;
|
||||
},
|
||||
doClose: function doClose() {
|
||||
this.showPopper = false;
|
||||
},
|
||||
handleMouseEnter: function handleMouseEnter() {
|
||||
this.showPopper = true;
|
||||
clearTimeout(this._timer);
|
||||
},
|
||||
handleMouseLeave: function handleMouseLeave() {
|
||||
var _this = this;
|
||||
|
||||
this._timer = setTimeout(function () {
|
||||
_this.showPopper = false;
|
||||
}, 200);
|
||||
},
|
||||
handleDocumentClick: function handleDocumentClick(e) {
|
||||
var reference = this.reference || this.$refs.reference;
|
||||
var popper = this.popper || this.$refs.popper;
|
||||
|
||||
if (!reference && this.$slots.reference && this.$slots.reference[0]) {
|
||||
reference = this.referenceElm = this.$slots.reference[0].elm;
|
||||
}
|
||||
if (!this.$el || !reference || this.$el.contains(e.target) || reference.contains(e.target) || !popper || popper.contains(e.target)) return;
|
||||
this.showPopper = false;
|
||||
}
|
||||
},
|
||||
|
||||
destroyed: function destroyed() {
|
||||
var reference = this.reference;
|
||||
|
||||
(0, _dom.off)(reference, 'click', this.doToggle);
|
||||
(0, _dom.off)(reference, 'mouseup', this.doClose);
|
||||
(0, _dom.off)(reference, 'mousedown', this.doShow);
|
||||
(0, _dom.off)(reference, 'focus', this.doShow);
|
||||
(0, _dom.off)(reference, 'blur', this.doClose);
|
||||
(0, _dom.off)(reference, 'mouseleave', this.handleMouseLeave);
|
||||
(0, _dom.off)(reference, 'mouseenter', this.handleMouseEnter);
|
||||
(0, _dom.off)(document, 'click', this.handleDocumentClick);
|
||||
}
|
||||
};
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 228:
|
||||
/***/ function(module, exports) {
|
||||
|
||||
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
|
||||
return _c('span', [_c('transition', {
|
||||
attrs: {
|
||||
"name": _vm.transition
|
||||
},
|
||||
on: {
|
||||
"after-leave": _vm.doDestroy
|
||||
}
|
||||
}, [_c('div', {
|
||||
directives: [{
|
||||
name: "show",
|
||||
rawName: "v-show",
|
||||
value: (!_vm.disabled && _vm.showPopper),
|
||||
expression: "!disabled && showPopper"
|
||||
}],
|
||||
ref: "popper",
|
||||
staticClass: "el-popover",
|
||||
class: [_vm.popperClass],
|
||||
style: ({
|
||||
width: _vm.width + 'px'
|
||||
})
|
||||
}, [(_vm.title) ? _c('div', {
|
||||
staticClass: "el-popover__title",
|
||||
domProps: {
|
||||
"textContent": _vm._s(_vm.title)
|
||||
}
|
||||
}) : _vm._e(), _vm._t("default", [_vm._v(_vm._s(_vm.content))])], 2)]), _vm._t("reference")], 2)
|
||||
},staticRenderFns: []}
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 229:
|
||||
/***/ function(module, exports) {
|
||||
|
||||
"use strict";
|
||||
|
||||
exports.__esModule = true;
|
||||
exports.default = {
|
||||
bind: function bind(el, binding, vnode) {
|
||||
vnode.context.$refs[binding.arg].$refs.reference = el;
|
||||
}
|
||||
};
|
||||
|
||||
/***/ }
|
||||
|
||||
/******/ });
|
||||
Reference in New Issue
Block a user